@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%;

}
/* 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, html { height: 100%; }

body { margin: 0px auto auto auto; border-top: 10px solid #000; background: url(http://www.brothers.com.tw/images/body_bg.gif) repeat; }


a img{ border: 0; cursor: pointer;  }

hr { width: 95%; height:1px; border-top: dashed #D2D2D2 1px; }

P { margin: 0 0 10px 0; }

.clear { clear: both; }

.right{ float: right; }
.left{ float: left; }

.margin_btm { margin: 10px 0 0 0; }
.margin_bt05{ margin: 0 0 5px 0; }
.pd10 { padding: 10px; }



/*版頭 右邊空白留150，邊各5，共1000*/
#header {
 width: 990px;
 background: #FFF;
 clip: rect(0px,auto,auto,auto);
 border-right: 5px solid #FFCE0B;
 border-left: 5px solid #EABB00;
 margin: 0 auto;
 }
#header a{ font-size: 13px; text-decoration: none; color: #FFFFFF; }
#header a:hover{ font-size: 13px; text-decoration: none; color: #BCFF01;}

#mainNav { width: 840px; background-color: #FFFCDF; float: left; }

#mainNav .hd_sub { float:right; width: 350px; margin-top: 18px; }
#mainNav .sub_nav { margin-top:1px; color: #FFF; filter: Alpha(Opacity=80, FinishOpacity=50, Style=1); }
#mainNav .sub_nav td{ text-align: center; vertical-align: bottom; padding: 1px 0 0 0;}
#mainNav .bg_bk{ background-color: #000; color: #FFF; }
#bannerR { width: 150px; text-align: center; padding: 15px 0 0 0; float: right; }


/*網站內容放置區 留右邊5，共1000*/
#container {
 width: 995px;
 background-color: #FFF;
 border-right: 5px solid #FFCE0B;
 margin: 0 auto;
 }

/*左區 - 主內容，共845*/
#mainContent {
 width: 835px;
 border-left: 5px solid #FFCE0B;
 border-right: 5px solid #FFCE0B;
 text-align: center;
 background-color: #F0F0F0;
 padding-bottom: 5px;
 float: left;
 /*background: url(http://www.brothers.com.tw/images/bg_dot_gy.gif) repeat;*/
 }
 /*內頁內容區塊*/
#containerTop { 
 width: 835px;
 height: 22px; 
 line-height: 22px; 
 color: #666; 
 font-size: 11px;
 background: url(http://www.brothers.com.tw/images/topnav_bg.gif) repeat left bottom; 
 border-bottom: 1px solid #FF9900; 
 padding: 0 0 0 10px;
  float: left;
 }
 
#content{ width: 655px; border: 1px solid #efefef; padding: 5px; margin: 3px 0 3px 3px; float: left;  text-align: left; background-color: #FFF;}
#content .bg_title { width: 180px; background: url( http://www.brothers.com.tw/images/title_bg.gif) no-repeat #000; padding: 1px 3px 1px 10px; text-align: left;}
#content .bg_title A{ color:#FFF; } 
.cont { border: 1px solid #ffc100; padding-bottom: 10px;  margin: 5px 0; background-color: #FFF;}
.cont_news { border-top: 2px solid #ffc800; border-right: 1px solid #ffc800; border-bottom: 1px solid #ffc800; border-left: 1px solid #ffc800; padding: 0 0 10px 0; margin: 1px 0 0 0; background-color: #FFF; }
.line { border-top: 1px solid #FFF; background-color: #000; height: 2px;font-size:0;}
.line_og { border-top: 1px solid #FFF; background-color: #ffc800; height: 2px;font-size:0;}

.left_box { width: 380px; float:left; background-color: #FFF; border: 1px solid #dfdfdf; padding:1px;}
.right_box { width: 260px; float:right; background-color: #FFF;}

 /*右區 - 活動廣告，共150*/
#sidebar { width: 150px; float: right; }
#sidebar LI { text-align: center; margin: 10px 0; }
 
/*首頁區塊*/

#colL { width: 540px; padding: 5px; float: left; }
#colL .bg_title { width: 160px; background: url( http://www.brothers.com.tw/images/title_bg.gif) no-repeat #000; padding: 1px 3px 1px 10px; text-align: left;}

#colR { width: 275px; padding: 5px 5px 5px 0; float: right; }
#colR .bg_title { width: 160px; background: url( http://www.brothers.com.tw/images/title_bg.gif) no-repeat #000; padding: 1px 3px 1px 10px; text-align: left;}

.box { border: 1px solid #FFF; margin: 0 0 10px 0;}

.cont_box { background-color: #FFF; padding: 5px; margin: 3px; }

.gm_L { width: 300px; padding: 5px; float: left; }
.gm_R { width: 200px; padding: 5px; float: right; }


/*內頁右方選單區塊164*/

#rightpart{ width:160px; background-color: #F3F3F3; border-left: 1px solid #ddd; float: right; }

#nav_box { width: 160px; float: left; border-top: 4px solid #000; border-bottom: 4px solid #000; margin: 0 0 10px 0; background-color: #FFF;}

#nav_list { font-size: 9pt;}

#nav_list LI { width: 120px; height: 26px; line-height: 26px; background: url(http://www.brothers.com.tw/images/bg_nav.gif) no-repeat #FFF left center; padding: 0 0 0 20px; text-align: left; border-bottom: 1px solid #E8E8E8; }

#nav_list .sub { background-image: none;}
H1 { font-size: 13px; color: #FFF; font-weight: bold;}


 




.flash_box { margin: 0 0 10px 0; }
.hotnews_box { background-color: #FFF; padding: 0 0 2px 0; }





/*版尾主區塊*/
#footer {
 width: 970px;
 font-size:11px;
 color: #FFF;
 text-align: center;
 background-color: #000;
 padding: 10px;
 margin: 0 auto;
 border-top: 2px solid #FCE463;
 border-right: 5px solid #FFD324;
 border-bottom: 5px solid #FDB409;
 border-left: 5px solid #FFD324;
 }
 
#footer A:hover { color: #CCFF00; text-decoration: underline; }
/*版尾選單區塊*/


.map_list { padding: 10px; }
.map_list LI{ width: 100px; margin: 0 5px 10px 0; float:left;}
.map_list H1 { color: #ffeb66; font-weight: normal; margin: 0 0 5px 0; }
.map_list H1 A{ color: #ffeb66; }
.map_list H2{ color:#dcfff9; font-weight: normal; margin: 0 0 5px 0; }

.map_sub_list LI { width: 90px; border: 1px solid #454545; padding: 2px; }
.map_sub_list LI A { color: #f1efe4; }

.footer_cont { background-color: #333; padding: 10px; }
.footer_cont A{ color: #ffeb66; }



#sponsorArea{ margin: 10px 0px 10px 0px; }


#adBanner { width: 99%; border: 1px solid #FFFFFF; }

#adBanner td{ padding-bottom: 10px; }