@charset "utf-8";
/* CSS Document */

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;}
address,caption,cite,code,dfn,em,strong,var {font-weight: normal;font-style: normal;}
ol,ul {list-style: none;}
html {overflow-x:hidden;overflow-y:scroll;}
body { margin:0; padding:0; font-size:14px;font-family:SimSun, Arial, Helvetica, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%; font-family:Microsoft YaHei, Arial, Helvetica, sans-serif;}
caption {display: none;}
img {border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;}

* {
	margin: 0px;
	padding: 0px;
	color: #333;
	letter-spacing: 0em;
}
img.rwd-img {
	height: auto;
	width: 100%;
}
a {color: #333;text-decoration: none;blr:expression(this.onFocus=this.blur());outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {color: #ff7200;text-decoration: none;}
a:focus{ -moz-outline-style: none;}
.hide_title  {display: none;}

#header {
	width:960px;
	margin:0 auto;
	padding:0;}
#header_pic {
	height:450px;
	width:960px;
	background: url(images/header.jpg) no-repeat center top;
}
#area {
	height:850px;
	line-height:0;
	margin:0 0 0 -800px;
	padding:0;
	position:absolute;
	width: 960px;
	left: 50%;
}


#container{
	width: 1000px;
	margin: 5px auto 40px;
	padding: 0;
}
#content {
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#pro_list {
	margin: 0px auto 40px;
	width: 100%;
	max-width:960px;
	overflow: hidden;
}
#logo {
	position: absolute;
	left: 50%;
	top: 80px;
	background-image: url(../images/logo.png);
	height: 270px;
	width: 480px;
	background-repeat: no-repeat;
	z-index: 999;	
	margin:0 0 0 -240px;
	padding:0;
}
#bar {
	position: absolute;
	left: 50%;
	top: 0px;
	background-image: url(../images/bar.png);
	height: 55px;
	width: 1600px;
	background-repeat: no-repeat;
	z-index: 999;
	margin: 0 0 0 -800px;
}
#hide_box{height:40px;}
.step{
	font-family:"微軟正黑體";
	font-weight:bold;
	font-size:16px;
    background-image: url(images/allow.gif);
	background-repeat: no-repeat;
	color:#1775d8;
	line-height:16px;
	padding-left:20px;
	margin-top:10px;
	}
.special{ color:#C00;}
.mobile{display:none;}

.title01{
	width:100%;
	height:130px;
	background: url(images/01.gif) no-repeat;
}
.title01 > p{
	display:block;
	font-size:14px;
	width:75%;
	padding:15px 0 0 180px;
	line-height:24px;
}
.title02{
	width:100%;
	height:117px;
	background-image: url(images/02.gif);
	background-repeat:no-repeat;
}
.title02 > p{
	display:block;
	font-size:14px;
	width:67%;
	padding:28px 0 0 145px;
	line-height:26px;
}
.step_area{
	width:100%;
	text-align:center;
}
.beat_table{
	margin:0 auto;
	border-collapse:collapse;
}
.beat_table td{
	text-align:left;
	padding:10px;
	line-height:24px;
	border: 1px solid #b3b3b3;
}
.beat_table tr:first-child td{ background-color:#07afb0; color:#ffffff;}
.beat_table tr:nth-child(2) td:first-child, .beat_table tr:nth-child(3n) td:first-child{ background-color:#07afb0;color:#ffffff; text-align:center; width:80px;}
.beat_table tr:first-child td:first-child{background-color:#56d5d6;color:#ffffff;}
	
.title04{
	width:100%;
	height:0px;
	background-image: url(images/04.jpg);
	background-repeat: no-repeat;
	}
.title05-2{
	width:100%;
	/*height:600px;*/
	display:none;
	}

.title06{
	width:100%;
	height:150px;
	/*background-image: url(images/06.gif);*/
	background-repeat: no-repeat;
	}
.note_area{
	margin:0 auto;
	line-height:24px;
	width:90%;
}
.note_area > a{ display: inline-block; font-size:14px; color:#ffffff; width:100px; height:35px; line-height:35px; text-align:center; background-color:#07afb0; text-decoration:none;}
.note_area > ul{ display:block; width:100%; margin:0 auto;}
.note_area li{ line-height:24px; text-indent:-1.8em;}
.note_area li label{ color:#07afb0; font-size:50px;}
.note_area li > a{ color:#07afb0; text-decoration:underline;}

.title_e{
	background-image: url(images/03-1.gif);
	width:960px;
	height:300px;
	background-repeat:no-repeat;
	}

a.main_pathstyle:link,a.main_pathstyle:hover,a.main_pathstyle:visited{
	color:#1775d8;
	text-decoration: underline;
}


.main_contentarea {
	padding-top: 10px;
	background-color: #FFF;
	margin:0 auto;
}
.main_contentarea ul li{
	margin:0 32px 10px 25px;
	list-style:none;
}
.main_contentarea ul li span{
	line-height:18px;
	font-family:"新細明體";
	font-size:13px;
	/* [disabled]color:#333; */
}
.main_contentarea ul li span.blue{
	color: #1775d8;
}
.main_contentarea ul li p#main_wdstyle01{
	line-height:22px;
	font-family:"新細明體";
	font-size:13px;
	color:#333;
	margin:5px 0 0 15px;
}
a.main_pathstyle:link,a.main_pathstyle:hover,a.main_pathstyle:visited{ color:#1775d8;}
.main_wdstyle02{
	margin:12px 0 25px 38px;
}
.main_wdstyle02 td{
	padding:5px;
	font-family: "新細明體";
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	border:#4095ee 1px solid;
}
.special{ color:#C00;}
.main_contentarea h1 img {
	margin-left: -5px;
}


/*------------------------- 提交頁 --------------------------*/

#wrap {
	width:100%;
	margin:0 auto;
	border: solid 1px  #CCC;
	max-width: 960px;
}
#wrap #top {
	width:960px;
	height:427px;
	background-image:url(images/20130617_header.jpg);
	text-indent:-9999px;
	margin:0;
	padding:0;
}
#wrap #best-page {
	width: 100%;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
	padding-top: 10px;
	border-top-style: none;
	max-width: 958px;
}
#sp01{
margin: 0px;
padding: 0px;
font-size: 12px;
color: #5E5E5E;
font-family: Verdana, Geneva, sans-serif;
letter-spacing: 0em;
margin-top:10px;
	}
#sp01 p{
	width: 582px;
	height: 45px;
	display: block;
	margin-left:96px;
	margin-top:-27px;
	line-height:18px;
	margin-bottom:10px;
	}

#best-container {
	width:90%;
	margin:0 auto 40px;
	padding:0;
	font-size:13px;
	color:#000;
	text-align:left;
	overflow:hidden;
	line-height:35px;
	max-width: 750px;
}


.ps{ 
color:#666;
margin-left:5px;
 }
#best-container #beat-main .btn{ text-align:center; margin:15px 0 20px 80px;}
#best-container #beat-main .btn input{ margin-right:50px; padding:5px 10px;}
.clear{ height:0px; line-height:0px; clear:both; }


.best{margin-top:10px; display:block;}
.best img{ width:100%; height:auto;}
.best_m{margin-top:10px; display:none;}
.best_m img{ width:100%; height:auto;}


/*------------------------- HH --------------------------*/

#head { display:block; width:980px; height:55px; background-color:#82dcd2; margin: 0 auto; font-size:13px; line-height:55px; color:#fff; font-family: SimSun; text-align:left; }
#head a { color:#fff; }
#head span { float:right; padding-right:18px; text-decoration: none; color:#ffffff; }
#head span b{text-decoration: underline; font-weight:normal; color:#ffffff; }

h2.main_title{ display:block;font-size:24px; line-height:30px; color:#d60011; letter-spacing:0.05em; text-align:left; padding:40px 0 15px; font-weight: normal;}
h2.main_title > img{ height:30px; width:auto;}

h2.main_title2{ display:block;font-size:24px; line-height:30px; color:#d60011; letter-spacing:0.05em; text-align:left; padding:50px 0 15px 0; font-family: "微軟正黑體", Verdana, Geneva, sans-serif; font-weight:bold;}
h2.main_title2 > img{ height:30px; width:auto;}

#member-info li, #beat-main li{ display:block; padding:0 0 5px 25px;}
#member-info li input, #beat-main li input{font-size:14px; line-height:22px;}
#member-info li span, #beat-main li span{ display:block; float:left; font-size:14px; line-height:30px; height:30px;}
#member-info li span{ width:100px;}
#member-info li:nth-of-type(3) span{ letter-spacing:0.22em;}
#beat-main li span{ width:130px;}
#beat-main li label{ font-size:13px; color: #777;}
#beat-main li:nth-of-type(4){ border-bottom:1px dashed #cccccc; padding-bottom:15px;}
#beat-main li:nth-of-type(9){font-size:14px; line-height:30px; height:30px;}
#beat-main li:nth-of-type(6) span{ width:180px;}
#beat-main ul > b{ display:block;font-size:16px; font-weight:bold; padding:15px 0 5px 10px;}


#abgne_fade_pic {
	position: relative;
	width: 979px;
	height: 397px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.foot_area { width:100%; text-align:center; background-color:#82dcd3; }
.foot { width:960px; margin:0 auto; padding:0 0 0 20px; text-align:left; }
.foot span { display:block; float:right; color:#FFF; font-family:Arial, Helvetica, sans-serif, SimSun; font-size:16px; font-weight:normal; height:51px; line-height:51px; letter-spacing:0.1em; margin:0; padding:0 20px 0 0; }