@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) repeat-x #ffffe8;
	line-height:1.5em;
	color:#333;
	font-family:Arial, Helvetica, "微軟正黑體", "新細明體" sans-serif;
	-webkit-text-size-adjust:none;
	font-size:13px;
}

h1{
	background:url(images/title_bg.png) repeat-y;
	color:#603813;
	font-size:14px;
	font-weight:700;
	padding:7px 0 5px 20px;
}

a, a:visited{text-decoration:underline; color:#98af3a;}
a:hover{text-decoration:none; color:#bbc965;}

#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:445px;
	text-align:center;
	position:relative;
	background:url(images/banner1.png) 5px no-repeat;
	/*border:1px solid #a00;*/
}

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

#menu{
	clear:both;
	height:120px;
	width:860px;
	margin:-70px 0 20px 80px;
	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:110px;
	height:110px;
	margin:0 8px 0 0;
}

.menu1 a{background:url(images/menu.png) 0 -235px no-repeat;}
.menu2 a{background:url(images/menu.png) -123px -235px no-repeat;}
.menu3 a{background:url(images/menu.png) -240px -235px no-repeat;}
.menu4 a{background:url(images/menu.png) -358px -235px no-repeat;}
.menu5 a{background:url(images/menu.png) -475px -235px no-repeat;}
.menu6 a{background:url(images/menu.png) -590px -235px no-repeat;}
.fb a{background:url(images/fbicon.png) 5px 75px no-repeat;}

.menu1 a:hover{background:url(images/menu.png) 0 -123px no-repeat;}
.menu2 a:hover{background:url(images/menu.png) -123px -123px no-repeat;}
.menu3 a:hover{background:url(images/menu.png) -240px -123px no-repeat;}
.menu4 a:hover{background:url(images/menu.png) -358px -123px no-repeat;}
.menu5 a:hover{background:url(images/menu.png) -475px -123px no-repeat;}
.menu6 a:hover{background:url(images/menu.png) -590px -123px no-repeat;}

.menu1 .clicked{background:url(images/menu.png) 0 -11px no-repeat;}
.menu2 .clicked{background:url(images/menu.png) -123px -11px no-repeat;}
.menu3 .clicked{background:url(images/menu.png) -240px -11px no-repeat;}
.menu4 .clicked{background:url(images/menu.png) -358px -11px no-repeat;}
.menu5 .clicked{background:url(images/menu.png) -475px -11px no-repeat;}
.menu6 .clicked{background:url(images/menu.png) -590px -11px no-repeat;}

#content{
	clear:left;
	float:left;
	width:610px;
	margin:0 40px 10px 30px;
	text-align:left;
	line-height:1.5em;
}



table{
	margin:15px 0 30px 0;
	width:100%;
	background:#edf2bd;
}

th, td{
	padding:15px;
	vertical-align:middle;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
}

.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;}
.c_awards{padding:5px;}
.c_white{background:#F8F8E7;}

.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;
}

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

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


/*-------------送出按鈕-----------*/
.sendbtn a{
	display:block;
	width:95px;
	height:35px;
	background:url(images/icon.png) 0 -98px no-repeat;
}
.sendbtn a:hover{
	background:url(images/icon.png) -153px -98px no-repeat;
}


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

.returnbtn a:hover{
	background:url(images/icon.png) -153px -138px no-repeat;
}


/*-------------線上報名按鈕-----------*/
.submit a,.download_book a{
	display:block;
	width:150px;
	height:46px;
	margin:0 0 10px 10px;
}

.submit a {background:url(images/icon.png) -5px -44px no-repeat;}
.submit a:hover{background:url(images/icon.png) -158px -44px no-repeat;}

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


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

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

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

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

/*-------------- 最新消息------------*/
.news_box{
	border:1px solid #ccc;
	background:url(images/whbg.png);
	padding:10px 25px;
	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; margin-left:20px;}
.news_box a, .news_box a:visited{color:#D36B34;}
.news_box a:hover{color:#000;}
.news_box p{margin:1em 0 1.5em 0; text-align:justify;}

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

.box{
	padding:10px 20px;
	margin-bottom:20px;
	-webkit-text-size-adjust:none;
	font-size:13px;
}

li{list-style-type:none;
	margin:5px 0;}
li img{vertical-align:top;}	


/*-------------- 推薦書單------------*/
.item{padding:0; width:40px; text-align:center; float:left;} 
.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;}
.page1 a, .page2 a, .page3 a{display:block; width:20px; height:20px; float:right;}
.page1 a{background:url(images/page.png) -2px 0 no-repeat;}
.page2 a{background:url(images/page.png) -25px 0 no-repeat;}
.page3 a{background:url(images/page.png) -46px 0 no-repeat;}

.page1 a:hover, .page1 .active{background:url(images/page.png) -2px -22px no-repeat;}
.page2 a:hover, .page2 .active{background:url(images/page.png) -25px -22px no-repeat;}
.page3 a:hover, .page3 .active{background:url(images/page.png) -46px -22px no-repeat;}

/*--------------已完成訊息------------*/
.feedback{
	background:url(images/feedback.png) -8px 0 no-repeat;
	height:650px;
}
.feedback .date, .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:205px 0 0 62px;}
.feedback .email a{width:210px; height:20px; margin:0 0 0 290px;}
.feedback .weblink a{width:310px; height:20px; margin:175px 0 0 290px;}


/*--------------錯誤訊息------------*/
.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;
}.c {
	font-family: "r112";
}