@charset "utf-8";
/* CSS Document */
/* Reset */
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, font, 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, input, hr { margin: 0; padding: 0; border: 0; outline: 0; list-style:none; text-decoration:none;}

body {
	background-color: #8a6e68;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	SCROLLBAR-FACE-COLOR: #FFFFFF; /*捲軸顏色*/
	SCROLLBAR-HIGHLIGHT-COLOR: #8A6E68; /*捲軸左與上內邊框*/
	SCROLLBAR-SHADOW-COLOR: #8A6E68;/*捲軸右與下內邊框*/
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF; /*捲軸左與上外邊框*/
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;/*捲軸右與下外邊框*/
	SCROLLBAR-ARROW-COLOR: #8A6E68; /*捲軸箭頭*/
	SCROLLBAR-TRACK-COLOR: #FFFFFF; /*捲軸底色*/
	margin-left: 2px;
}
img{ border-width:0}

/********* Index.htm ************/
div.Main
{
	width: 1000px;
	text-align: center;
}
div.logo_up{width: 1000px;background-color: #180e0c;}
div.LeftBox{width: 800px; float:left}
div.RightBox{width: 200px; float:left;background-color: #CDBFBC;}
div.top_g{width: 100%; height:220px;background-color: #FFFFFF;}
div.commercial_book{width: 100%; height:370px;}
div.commercial_book a:hover{position:relative;top:2px;left:2px;}
div.commercial_book input.ePaper{width:50px;font-size:12px;border:solid; border-color:#A18B86; border-width:1px; color:#A18B86;}
div.commercial_book span.Mail{font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A18B86; font-weight: bold; }
div.commercial{width: 100%; height:595px;}
div.top_link{width: 100%; background-color: #6a463e;}
div.top_link ul li{ float:left; margin:13px 0; height:45px; padding:0 25px; line-height:45px;}
.topa01{ background-image:url(ICON/link_icon_a01.gif);}
.topa01:hover{background-image: url(ICON/link_icon_a02.gif);}
.topa02{ background-image:url(ICON/link_icon_b01.gif);}
.topa02:hover{ background-image:url(ICON/link_icon_b02.gif);}
.topa03{ background-image:url(ICON/link_icon_c01.gif);}
.topa03:hover{ background-image:url(ICON/link_icon_c02.gif);}
.topa04{ background-image:url(ICON/link_icon_d01.gif);}
.topa04:hover{ background-image:url(ICON/link_icon_d02.gif);}
.topa05{ background-image:url(ICON/link_icon_e01.gif);}
.topa05:hover{ background-image:url(ICON/link_icon_e02.gif);}
div.top{width: 100%;}
div.logo_d{width: 100%;background-color: #180e0c; padding:2px}

#adBox{ position:relative; overflow:hidden; width:800px; height:245px; margin-left:1px;}
#adBox ul.ad_tab{ position:absolute; overflow:hidden; z-index:9999; bottom:3px; right:10px;}
#adBox ul.ad_tab li{ float:left; background:url('../NET/images/adBox_tab_num.png') no-repeat 0 0; width:20px; height:20px; overflow:hidden; text-align:center; line-height:20px; font-family:Tahoma, Geneva, sans-serif; font-size:.8em; color:#630; margin-right:10px;}
#adBox ul.ad_tab li.on{ background-position:0 -20px;}
#adBox ul.ad_tab li a{ color:#630;}
#adBox ul.showBox{ position:absolute; z-index:1; width:9999em;}
#adBox ul.showBox li{ float:left; width:800px; height:220px; overflow:hidden;}