@charset "utf-8";
/* CSS Document */

body, html { height: 100%; }

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px auto auto auto; padding: 0px; border-top: 10px solid #000000; background-image: url(http://www.brothers.com.tw/images/body_bg.gif); background-repeat: repeat; }

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

form { margin: 0px; }

hr { width: 95%; height:1px; border-style: solid; border-color: #D2D2D2; margin: 0px; padding: 0px; }

.clear { clear: both; }

/*版頭 右邊空白留150，邊各5，共1000*/
#header { width: 840px; font-size: 10pt; line-height: 22px; text-decoration: none; background-color: #FFFFFF; background-repeat: no-repeat; background-position: right top; clip: rect(0px,auto,auto,auto); border-right-color: #FFCE0B; border-left-color: #EABB00; margin: 0px auto 0px auto; padding: 0px 150px 0px 0px; border-width: 0px 5px 0px 5px; border-style: none solid none solid; float: none; position: relative; }

/*最右方贊助商廣告區*/
#sidenavi { width: 160px; background-repeat: repeat-y; background-color: #FFFFFF; background-position: center bottom; background-image: url(http://www.brothers.com.tw/images/sidenavi_bg1.gif); float: right;}

.sidenavi_bg { width: 160px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #FFFFFF; background-position: center bottom; float: right;
color: #000;}

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

/*瀏覽路徑，共845*/
#container #containerTop { width: 835px; float: left; color: #A8A8A8; font-size: 60%; padding: 0px 0px 0px 10px; background-image: url(http://www.brothers.com.tw/images/topnav_bg.gif); background-repeat: repeat; border-bottom: 2px solid #E0E0E0; line-height: 16px; text-decoration: none; margin-top: 4px; background-position: left bottom; }

/*主內容區塊，共845*/
#container #mainContent { width: 835px; float: left; text-decoration: none; text-align: center; background-color: #F0F0F0; border-width: 0px 5px 2px 5px; border-style: none solid solid solid; border-right-color: #FFF424; border-left-color: #FFCE0B; padding-bottom: 5px; border-bottom-color: #FCE463; }

/*內頁內容區塊*/
#container #content{ width: 660px; height:auto; float: left; }

/*內頁右方選單區塊，共150*/
#sidebar { width: 135px; float: right; padding:0 5px 0 10px; background-color: #FFF; }


/*版尾主區塊*/
#footer { width: 990px; height:auto; font-family: Verdana, Arial; font-size: 7pt; line-height: 15px; color: #FFFFFF; border-bottom: 5px solid #FDB409; text-align: center; text-decoration: none; background-color: #000000; vertical-align: middle; filter: Alpha(Opacity=80, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=0, FinishY=70); padding: 10px 0px 5px 0px; margin: 0px auto 0px auto; border-right: 5px solid #FFD324; border-left: 5px solid #FFD324; display: block; clear: none; }

/*版委選單區塊*/
#footerCont{ width: 100%; height:auto; background-color: #000000; float: left; }

#footer a{ font-family: Verdana; font-size: 9pt; color: #FFFFFF; text-decoration:none; }

#footer a:hover{ color: #CCFF00; text-decoration: underline; }

#header a{ font-family: Verdana; font-size: 13px; text-decoration: none; color: #FFFFFF; }

#header a:hover{ font-family: Verdana; font-size: 13px; text-decoration: none; color: #BCFF01;}

#sidenavi a { font-size: 9pt; line-height: 22px; color: #0066CC; text-decoration: none;}

#sidenavi a:hover{ font-size: 9pt; line-height: 22px; color: #FF9900; text-decoration: none;}

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

#rightpart{ width:164px; background-color: #F3F3F3; background-position: right; float: right; border-left: 1px solid #CCCCCC; }

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

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


/*下方導覽區塊*/
#mapweb{ width: 100%; background-color: #000000; filter: Alpha(Opacity=70, FinishOpacity=100, Style=1); padding: 0px 10px 0px 10px; float: left; }

#mapweb th{ font-family: Verdana; font-size: 9pt; color: #CCCCCC; text-align: left; padding-top: 30px 0px 5px 0px; }

#mapweb th a{ color: #CCCCCC; }

#mapweb th a:hover{ color: #CCCCCC; text-decoration: underline; }

#mapweb td{ text-align: left; padding-top: 3px; padding-bottom: 3px; vertical-align: top; }

