@charset "UTF-8";
/* 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;	vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(images/bg.png);
	line-height:1.5em;
	color:#333;
	font-family:Arial, Helvetica, "微軟正黑體", "新細明體" sans-serif;
	-webkit-text-size-adjust:none;
	font-size:13px;
}

a {text-decoration:underline; color:#fff;}
a:hover{text-decoration:none; color:#ccc;}

#content .box .link a{text-decoration:none; color:#333;}
#content .box .link a:hover{text-decoration:none; color:#C00; font-weight:550;}

.highlight{ font-size:14px; color:#921E2D;}

#wrap{
	margin:0 auto;
	width:980px;
	position:relative;
	background:url(images/board.png) repeat-y;
	padding:0 10px 0 15px;
}

#banner{
	height:350px;
	text-align:center;
	position:relative;
	background:url(images/banner1.png) no-repeat;
	/*border:1px solid #a00;*/
}

#logo{
	position:relative;
	width:100px;
	float:right;
	margin:15px 25px 0 0;
}

#menu{
	clear:both;
	height:120px;
	width:980px;
	margin:-60px 0 20px 0;
	padding:0 0 0 5px;
	position:relative;
}

.menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a, .fb a, 
.menu1 .clicked, .menu2 .clicked, .menu3 .clicked, .menu4 .clicked, .menu5 .clicked, .menu6 .clicked{
	display:block;
	float:left;
	width:130px;
	height:120px;
	margin:0 8px 0 0;
}

.menu1 a{background:url(images/menu.png) 0 0 no-repeat;}
.menu2 a{background:url(images/menu.png) -130px 0 no-repeat;}
.menu3 a{background:url(images/menu.png) -260px 0 no-repeat;}
.menu4 a{background:url(images/menu.png) -390px 0 no-repeat;}
.menu5 a{background:url(images/menu.png) -520px 0 no-repeat;}
.menu6 a{background:url(images/menu.png) -650px 0 no-repeat;}
.fb a{background:url(images/menu.png) -780px 0 no-repeat;}

.menu1 a:hover{background:url(images/menu.png) 0 -120px no-repeat;}
.menu2 a:hover{background:url(images/menu.png) -130px -120px no-repeat;}
.menu3 a:hover{background:url(images/menu.png) -260px -120px no-repeat;}
.menu4 a:hover{background:url(images/menu.png) -390px -120px no-repeat;}
.menu5 a:hover{background:url(images/menu.png) -520px -120px no-repeat;}
.menu6 a:hover{background:url(images/menu.png) -650px -120px no-repeat;}

.menu1 .clicked{background:url(images/menu.png) 0 -240px no-repeat;}
.menu2 .clicked{background:url(images/menu.png) -130px -240px no-repeat;}
.menu3 .clicked{background:url(images/menu.png) -260px -240px no-repeat;}
.menu4 .clicked{background:url(images/menu.png) -390px -240px no-repeat;}
.menu5 .clicked{background:url(images/menu.png) -520px -240px no-repeat;}
.menu6 .clicked{background:url(images/menu.png) -650px -240px no-repeat;}

#content{
	clear:left;
	float:left;
	width:655px;
	margin:0 20px 20px 20px;
	text-align:left;
	line-height:1.5em;
	/*background:url(images/whbg.png);*/
}



table{
	margin-left:20px;
}

th, td{
	height:30px;
	vertical-align:middle;
	border-bottom:1px dashed #A0A0A0;
}

.c1{
	width:150px;
	text-align:left;
	}
	
.c2{
	width:440px;
	text-align:left;
	}
.c2 div, .c3 div{float:left;}
.c3{border-bottom:none; padding-top:5px;}

.context p{
	margin:1.5em 0;
	text-indent:0.99cm;
}
.context{
	padding:0 10px;
	text-align:left;
}

input{
	border:1px solid #ccc;
	background:#fff;
	margin-left:5px;
}
.error{
	color:#900;
	margin:0 10px;
}

/*-------------- 線上投稿表單------------*/

.infobg{
	background:url(images/infobg.png) 0 -1px no-repeat;
	width:640px;
	height:25px;
	padding-top:5px;
	text-align:left;
}

.infotitle1, .infotitle2, .infotitle3, .infotitle4{
	height:22px;
	margin-left:250px;
}
.infotitle1{background:url(images/info.png) 0 -2px no-repeat; width:150px;}
.infotitle2{background:url(images/info.png) 0 -32px no-repeat; width:130px; float:left;}
.infotitle3{background:url(images/info.png) 0 -62px no-repeat; width:300px;}
.infotitle4{background:url(images/info.png) 0 -92px no-repeat; width:430px; margin-left:100px}

.bookinfo, .bookinfo a, .bookinfo a:visited{
	font-size:11px;
	color:#666;
	text-decoration:underline;}
.bookinfo a:hover{
	font-size:11px;
	color:#000;
	text-decoration:underline;}

.info{
	margin:10px 0 30px 0;
}


.info1{
	width:20px;
	height:215px;
	background:url(images/border.png) 0 0 repeat-y;
	float:left;
}

.info2{
	margin:10px 0 30px 0;
	background:url(images/border_g.png) top left repeat-y;
}

.info3{
	width:20px;
	height:500px;
	background:url(images/border.png) -50px 0 repeat-y;
	float:left;
}

.info4{
	margin:10px 0 30px 0;
	background:url(images/border_r.png) top left repeat-y;
}

.info5{
	margin:10px 0 30px 0;
	padding-right:40px;
	background:url(images/border_b.png) top left repeat-y;
}


/*-------------送出按鈕-----------*/
.sendbtn a{
	float:right;
	display:block;
	width:52px;
	height:35px;
	background:url(images/send.png) 0 0 no-repeat;
	margin:10px 43px 10px 0;
}

.sendbtn a:hover{
	background:url(images/send.png) -60px 0 no-repeat;
}

/*-------------修改按鈕-----------*/
.returnbtn a{
	float:right;
	display:block;
	width:97px;
	height:35px;
	background:url(images/return.png) 0 0 no-repeat;
	margin:10px 10px 10px 0;
}

.returnbtn a:hover{
	background:url(images/return.png) -100px 0 no-repeat;
}


/*-------------線上報名按鈕-----------*/
.submit_p a, .submit_g a{
	float:right;
	display:block;
	width:110px;
	height:36px;
	margin:0 0 10px 10px;
}

.submit_p a {background:url(images/submit.png) 0 0 no-repeat;}
.submit_p a:hover{background:url(images/submit.png) -120px 0 no-repeat;}

.submit_g a {background:url(images/submit.png) 0 -40px no-repeat;}
.submit_g a:hover{background:url(images/submit.png) -120px -40px no-repeat;}

/*-------------下載表單按鈕-----------*/
.download_all a, .download_book a{
	/*float:left;*/
	display:block;
	width:150px;
	height:47px;
	margin:0;
	text-align:right;
}

.download_all a {background:url(images/download.png) 0 -50px no-repeat; margin-bottom:10px;}
.download_all a:hover{
	background:url(images/download.png) -153px -50px no-repeat;
	text-align: right;
}

.download_book a {background:url(images/download.png) 0 0 no-repeat;}
.download_book a:hover{background:url(images/download.png) -153px 0 no-repeat;}


/*-------------右側邊欄-----------*/
#sidemenu{
	float:left;
	width:280px;
	}
.ad{
	display:block;
	width:270px;
	height:90px;
	margin:0 0 15px 0;
	/*background:#fff;
	border:1px solid #ccc;*/
	}

/*------------ copyright / 主協辦 ------------*/

#footer{
	clear:both;
	text-align:center;
	width:980px;
	margin-left:-5px;
	padding:15px 0 10px 0;
	background:url(images/footer.png) repeat-x;
}
#footer p{font-size:12px; text-align:center;}

.sponsor{
	border-bottom:1px solid #ccc;
	width:927px;
	padding:5px 0 10px 0;
	margin:0 0 10px 25px;
}

/*-------------- 最新消息------------*/
.news_box{
	border:1px solid #ccc;
	background:url(images/whbg.png);
	padding:10px 20px;
	margin-bottom:20px;
	-webkit-text-size-adjust:none;
	font-size:13px;
}
.news_title{
	background:#658c43;
	color:#FFF;
	font-size:16px;
	padding:10px 0 7px 20px;
}
.news_box li{list-style:square;}
.news_box a, .news_box a:visited{color:#660;}
.news_box a:hover{color:#000;}
.news_box p{margin:1em 0 1.5em 0; text-align:justify;}

/*-------------- 活動辦法------------*/

.box{
	background:url(images/whbg.png);
	padding:10px 20px;
	margin-bottom:20px;
	-webkit-text-size-adjust:none;
	font-size:13px;
}

.box_title{
	color:#FFF;
	font-size:14px;
	height:15px;
	padding:5px 10px;
}

li{list-style-type: decimal;
	margin-left:20px;}
	
.box table{margin:0 0 15px 0;border:none;}

.box th, .box td{
	padding:0 5px;
	vertical-align:middle;
	border:none;
}

.box .border_b{border-bottom:1px solid #A0A0A0;}
.box .border_r{border-right:1px solid #A0A0A0;}


/*-------------- 推薦書單------------*/

.book_item{height:40px;}
.item{border:1px solid #ccc;padding:2px 0; width:40px; text-align:center; float:left;} 

.box .border_red {border-bottom:1px solid #7F1542;}
.box .border_yellow {border-bottom:1px solid #CDB543;}
.box .border_blue {border-bottom:1px solid #768CC5;}

.book_c1, .book_c2, .book_c3, .book_c4{vertical-align:top;}

.book_c1{width:20px; text-align:center}
.book_c2{width:100px;}
.book_c3{width:320px; padding-right:5px; line-height:1.2em;}
.book_c4{width:140px;}


/*--------------已完成訊息------------*/
.feedback{
	background:url(images/feedback.png) -8px 0 no-repeat;
	height:650px;
}
.feedback .date, .feedback .website a, .feedback .email a, .feedback .weblink a{
	/*border:1px solid #a00;*/
	float:left;
	text-align:center;
	color:#333;
	font-size:17px;
	transform:rotate(-3deg);
	-ms-transform:rotate(-3deg); /* Internet Explorer */
	-moz-transform:rotate(-3deg); /* Firefox */
	-webkit-transform:rotate(-3deg); /* Safari and Chrome */
	-o-transform:rotate(-3deg); /* Opera */
}

.feedback .date{width:100px;margin:162px 0 0 55px;}
.feedback .website a{width:540px; height:40px; margin:220px 0 0 -120px;}
.feedback .email a{width:200px; height:20px; margin:60px 0 0 210px;}
.feedback .weblink a{width:560px; height:120px; margin:150px 0 0 50px;}


/*--------------錯誤訊息------------*/
.error_box{
	background:url(images/error.png) no-repeat;
	height:500px;
	position:relative;
}
.error_box .oops{
	position:relative;
	width:300px;
	text-align:left;
	line-height:1.5em;
	color:#921E2D;
	font-size:16px;
	top:130px;
	left:265px;
	transform:rotate(-2deg);
	-ms-transform:rotate(-2deg); /* Internet Explorer */
	-moz-transform:rotate(-2deg); /* Firefox */
	-webkit-transform:rotate(-2deg); /* Safari and Chrome */
	-o-transform:rotate(-2deg); /* Opera */
}

#bookformat{
	width:550px;
	height:500px;
	overflow:auto; 
	padding:15px 25px 0 25px !important;
	 text-align:left;
}