/* CSS Document */

body { background:url(../../images/bg_body.jpg) repeat-x #EEF8D1; font-size:.8em; font-family:Arial, 細明體, 微軟正黑體; color:#6A3906;}

/*--刊頭 header--*/
#header p{ text-align:right; color:#FFF;  padding-top:10px;}
#header p a{ color:#FFF; text-decoration:none;}
#header p a:hover{ text-decoration: underline;}

/*--左選單 sidebar--*/
#sidebar { background:url(../../images/sidebar_bg.jpg) no-repeat;}
#sidebar .logTable { margin-bottom:5px;}
#sidebar .logTable .logM  { background: #faee98; color:#6a3906;}
#sidebar .logTable .logM table td { padding: 2px;}
#sidebar .menu ul li{ background: url(../../images/siadebar_li_bg.gif)  no-repeat; height:32px; width:165px; padding-top:18px; text-align:center;}
#sidebar .menu ul li a{ color:#8e0707; text-decoration:none; font-size:1.2em; font-weight:bold;}
#sidebar .banner { margin-top:10px;}
#sidebar .banner img{ margin-top:5px;}

/*--主內容 mainContent--*/
.boxBrown thead td { padding-top:6px; line-height:2em; color:#5d2904;}
.boxBrown thead .topL{ background:url(../../images/main_boxBrown_topL.gif) no-repeat; width:40px;}
.boxBrown thead .topM{ background:url(../../images/main_boxBrown_topM.gif) repeat-x top;}
.boxBrown thead .topR{ background:url(../../images/main_boxBrown_topR.gif) no-repeat;width:40px;}
.boxBrown tfoot .footL{ background: url(../../images/main_box_bottomL.gif) no-repeat bottom;}
.boxBrown tfoot .footM{ background: url(../../images/main_box_bottomM.gif) repeat-x  bottom;}
.boxBrown tfoot .footR{ background: url(../../images/main_box_bottomR.gif) no-repeat bottom;}
.boxBrown tbody .bodyL{ background: url(../../images/main_box_midL.gif) repeat-y; }
.boxBrown tbody .bodyM{ background:#ffffdf;}
.boxBrown tbody .bodyR{ background: url(../../images/main_box_midR.gif) repeat-y right;}

.boxBrown tbody .bodyM{  padding:20px 0 0 0;}
.boxBrown tbody .bodyM h2 { background: url(../../images/title_icon_bird.gif) no-repeat;}
.boxBrown tbody .bodyM h2 span{ display:block; text-indent:-9999px; height:47px; }
.boxBrown tbody .bodyM h2#qa span{background:url(../../images/title_u_qa.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#news span{background:url(../../images/title_u_news.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#download span{background:url(../../images/title_u_download.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#forum span{background:url(../../images/title_u_forum.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#village span{background:url(../../images/title_u_village.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#apply span{background:url(../../images/title_u_apply.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#forget span{background:url(../../images/title_u_forget.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#addVillage span{background:url(../../images/title_u_addVillage.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#about span{background:url(../../images/title_u_about.gif) no-repeat 75px 15px; }
.boxBrown tbody .bodyM h2#sitemap span{background:url(../../images/title_u_sitemap.gif) no-repeat 75px 15px; }

.boxBrown tbody .bodyM .mainDIV{ margin-left:17px; margin-top:20px; background:url(../../images/main_box_foot_icon_snail.gif) right bottom  no-repeat; padding-bottom:20px;}

.boxBrown tbody .bodyM_index{ background:#ffffdf; padding:20px 0 0 0;}
.boxBrown tbody .bodyM_index .mainDIV{ padding:0 30px; padding-top:10px; padding-bottom:50px;background:url(../../images/main_box_foot_icon_snail.gif) right bottom  no-repeat;}
.boxBrown tbody .bodyM_index h2 { background: url(../../images/title_icon_bird.gif) no-repeat;padding:18px 0 5px 75px; margin-left:17px;}
.boxBrown tbody .bodyM_index .title_index td{ padding-right:30px;}

 /*NEWS DOWNLOAD QA 討論區 列表*/
 .list_table thead th { padding-bottom:10px;}
.list_table tbody td { background:bottom url(../../images/line_dash.gif) repeat-x; padding:7px;}
.list_table tbody td a{ text-decoration:none; color:#40210F;}
.list_table tbody td a:hover{color:#D1A33B;}

/*index 首頁*/
.topNews { text-align:center; padding-top:5px;}
.topNews p{ padding-top:8px;}
.topNews a{ text-decoration:none; color:#946134;}
.topNews a:hover{color:#ff3300}


.img_list td{ padding-right:10px; padding-top:10px;}
.img_list td p a{ display:block; background:url(../../images/line_dash.gif) repeat-x bottom; padding:5px 0; text-decoration:none;color:#40210F;}
.img_list td p a:hover{color:#D1A33B;}


/*試辦區 village*/
.title_img_list td{background:url(../../images/line_dash.gif) repeat-x bottom; padding:8px 0;}
.title_img_list img{ float:left;padding-right:13px; }
.title_img_list dt a {  color:#8C6715; font-size:1.2em; text-decoration:none; font-weight:bold;}
.title_img_list dt a span {  color:#8C6715; font-size:1.2em; text-decoration:none; font-weight:bold;}
.title_img_list dt a:hover { text-decoration:underline;}
.title_img_list dd{padding-top:5px; color:#40210F;}
.title_img_list dd span {padding-top:5px; color:#40210F;}

.picL_title_p{background:url(../../images/line_dash.gif) repeat-x bottom;}
.picL_title_p img{ float:left;padding-right:13px; }
.picL_title_p h3 a{ color:#8C6715; font-size:.85em; text-decoration:none;}
.picL_title_p h3 a:hover { text-decoration:underline;}
.picL_title_p p{ color:#40210F;}

.themeBox{ margin-bottom:20px;}
.themeBox h3{ background:url(../../images/icon_note.gif) no-repeat 0 8%; color:#B28146; font-size:1.6em; font-weight: 500;padding:15px 0 15px 40px;}
.themeBox h3 span { font-size:.65em;  color:#53432C; }
.themeBox p{ line-height:2em;}
.themeBox img{ padding:3px;}

.picBox img { padding:3px;}
.picBox td{ text-align:center;}

.loc_name{}
.loc_name td{ padding:0px;}
.loc_name td a{ text-decoration:none; padding:5px; padding-top:7px; padding-left:30px; display:block; background:#E8F5FB url(../../images/icon_item.gif) no-repeat 10px 50%; color:#666; border:1px solid #fff;}
.loc_name td a:hover, .loc_name td a.active{background-color:#FCE2CA}


/*news*/
.news_left{/* width:90%;*/color:#53432C; /*margin-right:220px; float:left;*/}
.news_left h3{ color:#B28146; font-size:1.6em; font-weight: 500; padding-bottom:15px; padding-top:10px;}
.news_left h3 span { font-size:.65em;  color:#53432C; }
.news_left p{ line-height:2em;}
.news_left td{ padding:3px;}
.news_title {color:#B28146; font-size:1.6em; font-weight: 500; padding-bottom:15px; padding-top:10px;}
.news_right { margin-left:10%;}
.news_right p{ color:#804F21; padding-left:15px;}


.news_left a, .news_right a{ color:#036EB7; text-decoration:none;}
.news_left a:hover, .news_right a:hover{text-decoration: underline;}


/*qa*/
.q_div, .a_div { padding-bottom:10px; background:url(../../images/line_dash.gif) bottom repeat-x; margin-bottom:30px; }
.a_div p.first { font-style:italic; background: url(../../images/icons_bubble.gif) no-repeat; line-height:1em; margin-bottom:15px;}
.a_div  p { padding-left:25px;}
.re_div h3{ color:#CF7E5B; font-size:1.6em; margin-bottom:10px;}
.re_div th{ color:#2E1F0C; font-weight:bold;  text-align: right;}
.re_div td{ padding:3px;}

/*網站導覽 sitemap*/
.accesskey_table td{ padding:6px;  background:url(../../images/line_dash.gif) bottom repeat-x;}
.accesskey_table caption{ padding:8px; font-weight: bold;}
.stie_table { line-height:2em; margin-top:10px;}
.stie_table a{ text-decoration:none; color:#40210F;}
.stie_table a:hover{color:#D1A33B;}

/*右選單*/
.rightBox { margin-bottom:10px;}
.rightBox .foot{ background: url(../../images/index_right_GreenBox_foot.gif) bottom no-repeat; padding:10px 10px 0px 15px; color:#604C00;}
.rightBox .foot p{ line-height:1.8em;}
.rightBox .foot ul li{ background:url(../../images/line_dash.gif) repeat-x bottom; padding:.3em 0;}
.rightBox .foot ul li a{ text-decoration:none; display:block; background: url(../../images/icon_list_type.gif) no-repeat 3px .5em; padding-left:15px; color:#604C00}
.rightBox .foot ul li a:hover{ color:#2CA6E0;}
.right_foot_img { line-height:4em;}

.rightBox .foot_brown{ background: url(../../images/index_right_BrownBox_foot.gif) bottom no-repeat; padding:10px 10px 0px 15px; color:#604C00;}
.rightBox .foot_brown ul li{ background:url(../../images/line_dash.gif) repeat-x bottom; padding:.3em 0;}
.rightBox .foot_brown ul li a{ text-decoration:none; display:block; background: url(../../images/icon_list_type.gif) no-repeat 3px .5em; padding-left:15px; color:#604C00}
.rightBox .foot_brown ul li a:hover{ color:#2CA6E0;}
.right_foot_img { line-height:4em;}


div#R1{ background: url(../../images/right_img_R1.gif) no-repeat right;}
div#R2{ background: url(../../images/right_img_R2.gif) no-repeat right;}
div#R3{ background: url(../../images/right_img_R3.gif) no-repeat right;}




/*一般*/
.back a{ padding:3px 8px;  color:#2e1f0c; text-decoration: none; font-weight:bold; border:1px dashed #958169; font-size:.85em; background:#c8bb9b; }
.back a:hover{ background:#fff;text-decoration: none;}

.RE a{ padding:3px 8px;  color:#fff; text-decoration: none; font-weight:bold; border:1px dashed #958169; font-size:11px; background:#b28146;}
.RE a:hover{ background:#fff;text-decoration: none;}
/*.btnLog { border: none;  padding:3px 0 0 0; background:#946134; color:#FFF; width:2.5em; margin-top:3px;}
.btn { border: none;  padding:3px 0 0 0; background:#D1A33B; color:#6A3906; width:4.5em; margin-top:3px;}*/
.mgnT5{ margin-top:4px;}
.more { color:#F29600; text-decoration:none;}
.pageLoc {padding-top:5px; color:#5d2904;}
.bigTxt { font-size:1.3em; color:#E95513; font-weight:bold;}
.colorTxt {  color:#E95513;}

.fltrt { /* 這個類別可用來讓頁面右邊的元素浮動。浮動元素必須位於頁面上必須相鄰的元素前面。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* 這個類別可用來讓頁面左邊的元素浮動 */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* 這個類別應該放置於 Div 或 Break 元素上，而且應該是完整包含浮動的容器關閉前的最後一個元素 */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*頁數*/
.pageNum { margin-top:15px;}
.pageNum img{ padding:0 10px;}
.pageNum a{ color:#604C00; text-decoration:none; padding:5px;}
.pageNum   a:hover{color:#D1A33B;}
/*.pageUp, .pageDown{ width:77px; height:24px; text-indent:-9999px; display: block;}
.pageUp{ background: url(../../images/btn_back.gif) no-repeat;}
.pageDown{ background:url(../../images/btn_next.gif) no-repeat; }*/






/*--註腳 footer--*/
#footer{ color:#FFF; background:url(../../images/footer_bg.gif) repeat-x bottom; height:35px; padding-top:115px; text-align:center;}