@charset "utf-8";

/* Common
------------------------------------------------------------------------------------ */
body{
    font-family:"微軟正黑體", Arial, Helvetica, sans-serif;
	font-size:75%;
	background-color:#e9e9e9;
}

a{color:#666;}
a:hover{color:#ea45a1;}

#wrapper{width:980px; margin:0 auto; color:#666;}
#header{margin:0; height:134px; background:url(/public/images/bg_header.jpg) no-repeat right;}
#nav{width:630px; margin-top:10px; margin-left:6px;}

#container{background:url(/public/images/bg_container.gif) repeat-y; padding-bottom:10px;}

/* Secondry
-------------------------------------------------------------------------------------------------*/
#secondary{float:right; width:255px; margin-right:35px;}
.pay-box{
	background:url(/public/images/bg_pay.jpg) no-repeat;
	height:106px;
	padding:100px 25px 0;
}
.pay-box p{margin-bottom:8px; color:#333;}
.pay-box p input{margin-left:5px; border:#999 1px solid; width:160px; height:20px; line-height:20px;}
.pay-box div, .admin-box{text-align:center;}
.admin-box, .phone-box, .phone-box table{margin-bottom:10px;}
.phone-box td{vertical-align:top; line-height:1.3; color:#464646; font-size:108.3%; font-weight:bold;}
.search-box{width:231px; margin:0 auto 10px; background:url(/public/images/bg_search.gif) no-repeat; padding:3px;}
.input-search{background-color:#b3b3b3; margin:0 3px; width:190px; border:none; color:#fff;}

/* Primary
-------------------------------------------------------------------------------------------------*/
#primary{float:left; width:665px; padding-left:25px; padding-top:2px; line-height:1.8;}
.route{text-align:right; padding-top:10px; font-family:Arial, Helvetica, sans-serif;}
.title{border-bottom:#d3d5d6 1px solid; color:#333; font-size:200%;}

.content{padding:0px 20px; margin-bottom:20px;}
.editor ul{list-style:disc; padding-left:15px; margin-left:10px;}
.editor ol{list-style:decimal; padding-left:15px; margin-left:10px;}
.editor h1, .editor h2, .editor h3, .editor h4, .editor h5{font-weight:bold;}
.editor h1{font-size:200%;}
.editor h2{font-size:175%;}
.editor h3{font-size:150%;}
.editor h4{font-size:125%;}
.editor h5{font-size:108.3%;}
.editor em{font-style:italic;}

/* Footer
-------------------------------------------------------------------------------------------------*/
#footer{
    background:url(/public/images/bg_footer.jpg) no-repeat;
	text-align:center;
	padding:40px 20px 0 0;
	height:140px;
	line-height:1.6;
	position:relative;
}
#footer p{color:#d40000;}
#footer p strong{font-size:125%;}
#footer div{position:absolute; bottom:10px; width:980px; text-align:center; color:#333;}

.space{clear:both; height:0; line-height:0;}
.left{float:left;}
.right{float:right;}

/* CSS style pagination */
div.pagination{text-align:center;}
div.pagination a{
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
}
div.pagination a:hover{
	border: 1px solid #970c59;
	color: #970c59;
}
div.pagination span.current {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #fff;
	font-weight:bold;
	background-color:#fff;
	color:#970c59;
}
div.pagination span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #ddd;
	color:#ccc;
}

.article ul li{background:url(/public/images/icon_orange.gif) no-repeat left 9px; padding-left:10px;}
.article ol{list-style:decimal; margin-left:20px;}

/* News
-------------------------------------------------------------------------------------------------*/
.news-title{margin-left:20px;}
.news-title td{font-size:125%; font-weight:bold; background:url(/public/images/bg_news_title.gif) repeat-x; height:35px; color:#970c59;}

.news-list{margin:0 0 20px 20px; border-bottom:#cacaca 1px solid;}
.news-list td{padding:8px 7px 8px 0px; vertical-align:top; border-bottom:#ddd 1px dashed;}
.news-list td.news-list-date{color:#b6b6b6; background:url(/public/images/icon_arrowg.gif) no-repeat 5px 15px; padding-left:18px;}
.news-list img.left{margin-right:10px;}

.article-title{padding:0 20px; margin-bottom:5px;}
.article-title h2{color:#970c59; font-size:175%; float:left;}
.article-title span{color:#b6b6b6; float:right; padding-top:10px;}

/* Survey
-------------------------------------------------------------------------------------------------*/
.survey-title h2{color:#970c59; font-size:175%; line-height:1.2; margin:0 20px 6px;}
.survey-title blockquote{color:#aaa; margin-right:35px; text-align:right;}
.survey-box{background:url(/public/images/bg_other.gif) no-repeat; height:35px; line-height:35px; margin:10px 0 10px 5px; padding:0 35px 0 15px;}
.survey-box h4{font-size:125%; color:#1575a9; font-weight:bold; float:left;}
.survey-box span{color:#000; float:right;}
.survey-title p{margin:0 30px 0 20px; font-size:108.3%;}

.survey-list{margin:20px 0 20px 20px; line-height:1.5;}
.survey-list td{padding:6px 2px 6px 4px; border-bottom:#ccc 1px dashed;}
.survey-list .opt{font-size:125%;}
.survey-list .no{font-size:125%; font-weight:bold; vertical-align:top;}
.survey-list .num{text-align:right;}

/* Column
-------------------------------------------------------------------------------------------------*/
.other-box{padding:0 10px;}
.other-box h4{font-size:125%; color:#1575a9; font-weight:bold; background:url(/public/images/bg_other.gif) no-repeat; height:35px; line-height:35px; padding-left:15px; margin-bottom:5px;}
.other-box li{border-bottom:#ccc 1px dashed; padding:6px 12px; background:url(/public/images/icon_arrows.gif) no-repeat 2px 14px; margin:0 15px;}

/* Media
-------------------------------------------------------------------------------------------------*/
.media-list{text-align:left;}
.media-list li{width:150px; float:left; margin:0px 8px 20px 6px; text-align:center;}
.media-img{background:url(/public/images/bg_shadow.jpg) no-repeat center bottom; height:106px; width:122px; margin:0 auto; margin-bottom:5px;}
.media-img img{border:#666 1px solid;}
.media-list strong, .media-list strong a{color:#1575a9;}
.media-list strong a:hover{color:#333;}
.media-list p{color:#7f7f7f; font-size:91.7%;}

/* Contact
-------------------------------------------------------------------------------------------------*/
.table-contact td{padding:8px 0;}
.table-contact .input-m, .table-contact .select-m{width:230px; height:20px; line-height:20px; padding-left:2px; border:#cbcbcb 1px solid;}
.table-contact .text-l{width:540px; height:65px; padding:2px; padding-left:2px; border:#cbcbcb 1px solid;}

.btn-center{text-align:center;}
.btn-center img{margin:0 10px;}

/* Index
-------------------------------------------------------------------------------------------------*/
.index-left{width:307px; margin:0 0 15px 20px; float:left;}
.index-right{width:302px; margin:0 15px 15px 0; float:right;}

.index-left blockquote, .index-right blockquote{text-align:right; margin-right:5px;}

.index-box dt{background:url(/public/images/icon_arrow_g.gif) no-repeat left 5px; width:15px; float:left; height:100%;}
.index-box dd{width:285px; float:left; border-bottom:#ccc 1px dashed; padding-bottom:5px; margin-bottom:5px;}
.index-box dd h5, .index-media dd h5, .index-survey h5{font-size:108.3%; color:#1575a9; font-weight:bold;}
.index-box dd h5 a, .index-media dd h5 a{color:#1575a9;}
.index-box dd h5 a:hover, .index-media dd h5 a:hover{color:#333;}
.index-box dd span, .index-media dd span{color:#999;}

.index-media{border-bottom:#ccc 1px dashed; padding-bottom:0px; margin-bottom:6px;}
.index-media dt{width:125px; float:left;}
.index-media dt img{padding:2px; border:#bcbcbc 1px solid;}
.index-media dd{width:170px; float:right;}

.index-survey h5{line-height:1.5; margin-bottom:10px;}
.index-survey table{border-top:#ccc 1px dashed; margin-bottom:10px;}
.index-survey td{border-bottom:#ccc 1px dashed; padding:4px 0;}

/* 表單驗證
------------------------------------------------------------------------------------ */
label.error, label.error{color:#f00;}
input.error{border:#f00 1px solid; color:#f00;}
select.error{border:#f00 1px solid; color:#f00;}
div.error{display:none;}
label.error{display:none;}