/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;

}
p{font-family:"Microsoft JhengHei"; }
ul, li{ list-style:none;}
a{ outline:none;}

.main{ width:948px; margin:0 auto;  }
.main .top{ width:948xp; height:385px; background:url(images/index03_01.jpg) no-repeat;  margin:0 auto; position:relative;}
.main .top2{ width:948xp; height:385px; background:url(images/inside_02.jpg) no-repeat;  margin:0 auto; position:relative;}
.main .top p,.main .top2 p{
	display: block;
	width: 948px;
	position: absolute;
	bottom: 12px;
	text-align:right; line-height:35px; font-size:20px;  letter-spacing:1px;
}
.main .top p a,.main .top2 p a{ text-decoration:none; padding:0 20px; color:#2e2e2e; font-size:20px; letter-spacing:2px; font-weight:bold;}
.main .top p a:hover,.main .top2 p a:hover{ color:#f03108;}
.main .inside,.main .rule{background:#60aad5;}
.main .inside ul{ padding:20px 0; padding-left:25px;}
.main .inside ul li{ width:287px; height:290px;  margin:6px; float:left; text-align:center; }
.main .inside ul li img{ margin:5px 0 2px 0; border:1px solid #C3C3C3;}
.main .inside ul li a.pb{ display:block; width:220px; height:45px;  text-align:center; padding-top:8px; color:#FFFFFF; line-height:28px;font-size:16px;font-family:"Microsoft JhengHei";font-weight:bold; text-decoration:none;}
.main .inside ul li a.pb span{ display:block; background:url(images/but.png) no-repeat; width:105px; margin:0 auto; cursor:pointer;  height:21px; text-indent:10px; }
.main .inside ul li a.pb:hover{ background:#303030; border:2px solid #555555;width:282px; height:31px;}
.main .inside .line{ display:block; hanging-punctuation:20px; clear:both; margin-bottom:20px;}
.main .inside .line_d{ clear:both; display:block; width:890px; height:1px; border-bottom:1px dotted #F9F7F7; margin:0 auto; padding-top:20px;}
.main .inside ol{ padding:20px 0 0 20px;}
.main .inside ol li{ width:219px; height:271px; background:url(images/inside_p2.png); float:left; position:relative; margin:4px;}
.main .inside ol li h5{
	display: block;
	font-family: "Microsoft JhengHei";
	position: absolute;
	left: 14px;
	top: 22px;
	width: 82px;
	height: 24px;
	text-align: center;
	color: #FFFFFF;
	font-size: 24px;
	line-height: 24px;
	letter-spacing: 2px;
}
.main .inside ol li img{position: absolute;	left:8px;top:50px; border:1px solid #d0cece;}
.main .inside ol li a.list{
	display: block;
	position: absolute;
	left: 115px;
	top: 24px;
	color: #2e2e2e;
	font-family: "Microsoft JhengHei";
	font-size: 18px;
	width: 90px;
	height: 21px; text-align:right;
}
.main .inside ol li a.list:hover{ text-decoration:none; color:#f25000;}

.main .rule { padding:20px 40px;}
.main .rule p{ line-height:24px; padding:7px 0; font-size:16px;}
.style01{ color:#FFFFFF; background:#2786c2;padding:2px 7px; margin-right:10px; border-left:5px solid #8dd6ff; letter-spacing:2px;}
.main .rule ul{ margin-left:45px;}
.main .rule table{ margin:10px 0; border:1px solid #59C5E0;}
.main .rule ul li ol{ padding-left:20px;}
.main .rule ul li ol li{ list-style:decimal ; font-family:"Microsoft JhengHei";}
.main .rule ol{ padding-left:66px;}
.main .rule ol li{ list-style:decimal ; font-family:"Microsoft JhengHei";}


.style02{ color:#FF0004;}
.style03{ font-size:13px; color:#FFFFFF;}
.style04{ color:#FFFFFF;}


/*投票按鈕*/
.but01{ margin:0 0 0 40px;}
.but01 a{background: url(images/but.png) no-repeat;  }
.but01 a:hover, .but01:hover{background:url(images/but_on.png) no-repeat;}
.but01, .but01 a, .but01 a:hover, .but01:hover,
.but02, .but02 a, .but02 a:hover, .but02:hover,
.but03, .but03 a, .but03 a:hover, .but03:hover,
.but04, .but04 a, .but04 a:hover, .but04:hover,
.but05, .but05 a, .but05 a:hover, .but05:hover
{cursor:pointer;display:block; text-indent:-5000px; width:206px; height:39px;}

.but01, .but02, .but03, .but04, .but05{ }

.main .inside ol li h6{
	display: block;
	font-family: "Microsoft JhengHei"; font-weight:bold;
	position: absolute;
	right: 14px;
	top: 22px;
	width: 100px;
	height: 24px;
	text-align: right;
	color:#3D3D3D;
	font-size: 15px;
	line-height: 24px;
	letter-spacing: -1px;
}

.main .inside ol li h6 span{ font-size:32px; color:#059ae2; font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;letter-spacing: -2px;}

.main .inside ol li h7{
	display: block;
	font-family: "Microsoft JhengHei"; font-weight:bold;
	position: absolute;
	right: 14px;
	top: 22px;
	width: 100px;
	height: 24px;
	text-align: right;
	color:#059ae2;
	font-size: 28px;
	line-height: 24px;
	letter-spacing: -1px;
}





/*fb plurk twitter button*/
#push{ width:90px; position:absolute; bottom:10px; right:30px;}
.push_b{width:25px;height:25px; text-align:center;cursor:pointer; border:#FFFFFF 2px solid; margin-right:4px;}

/*bigbut*/
#but_line{ width:570px; height:37px; position:absolute; bottom:10px; left:150px;}
/*but01  but02  but03  3大分類按鈕*/
.but001{ }
.but001 a{background:url(images/icon01.png) no-repeat;  }
.but001, .but001 a:hover, .but001:hover{background:url(images/icon01-1.png) no-repeat;}

.but002{ }
.but002 a{background:url(images/icon02.png) no-repeat;  }
.but002, .but002 a:hover, .but002:hover{background:url(images/icon02-1.png) no-repeat;}

.but003{ }
.but003 a{background:url(images/icon03.png) no-repeat;  }
.but003, .but003 a:hover, .but003:hover{background:url(images/icon03-1.png) no-repeat;}

.but004{ position:absolute; bottom:20px; left:350px;}
.but004 a{background:url(images/icon04.png) no-repeat;  }
.but004, .but004 a:hover, .but004:hover{background:url(images/icon04-1.png) no-repeat;}


.but001, .but001 a, .but001 a:hover, .but001:hover,
.but002, .but002 a, .but002 a:hover, .but002:hover,
.but003, .but003 a, .but003 a:hover, .but003:hover
{cursor:pointer;display:block; text-indent:-5000px; width:170px; height:37px; margin:0 20px 0 0;}

.but004, .but004 a, .but004 a:hover, .but004:hover
{cursor:pointer;display:block; text-indent:-5000px; width:170px; height:37px;}

.but001,.but002, .but003{ float:left;}

.FB{width:47px;height:45px;background:url(images/bb2.png); display:block;cursor:pointer;text-indent:-5000px; position:absolute; bottom:0px; left:45px;}

.rule_in{ background:#fcffe7;}

.tb01{ margin-bottom:20px;}
.tb01 td{ border-color:#6F6F6F; border-style:solid; border-width:0px 1px 1px 0px;}
.tb02{ height:10px;}
.main .inside ol li.ftpic{ width:395px; height:290px; float:left; position:relative; margin:4px 4px 0px 30px; background:url(images/ftpic.png) no-repeat;}


.tex02{color:#059ae2;font-size: 22px;line-height: 32px;}