﻿body{
	font-family: Arial,Helvetica;
	/*font-family: Arial,Helvetica,"Microsoft JhengHei","微軟正黑體";*/
	text-align: left;
	/*background-color:#000 !important;*/
}
ul li, ol li{
	text-align: left;
}

#msgboardDialog{ width: 240px; height: 320px; position: absolute;z-index: 9999999; display:none;}

.header2012{/*font-family: "細明體" , Tahoma;*/ font-size:13px;}
.header2012 ul{display: block;height: 35px;background: url(images/bg_main_nav_full.gif) no-repeat;border: 0 1px solid #c5c5c5; margin: 0; padding: 0;border-bottom: 3px solid #FCA61B;}
.header2012 ul li{list-style: none; padding: 0; margin: 0;background-image: url(images/header2012.png);background-repeat: no-repeat;display: block;float: left;height: 35px;}
.header2012 ul li a{display:block;width: 100%;height: 35px;overflow: hidden;text-indent: 200px;}

/*header menu*/
li.header2012_menu_1{width: 44px;cursor: pointer;}
li.header2012_menu_1:hover{background-position: 0 -35px;}
li.header2012_menu_2{width: 55px; cursor: pointer; background-position: -44px 0;}
li.header2012_menu_2:hover{background-position: -44px -35px;}
li.header2012_menu_3{width: 55px;cursor: pointer;background-position: -99px 0;}
li.header2012_menu_3:hover{background-position: -99px -35px;}
li.header2012_menu_4{width: 78px;cursor: pointer;background-position: -154px 0;}
li.header2012_menu_4:hover{background-position: -154px -35px;}
li.header2012_menu_5{width: 81px;cursor: pointer;background-position: -232px 0;}
li.header2012_menu_5:hover{background-position: -232px -35px;}
li.header2012_menu_6{width: 74px;cursor: pointer;background-position: -313px 0;}
li.header2012_menu_6:hover{background-position: -313px -35px;}
li.header2012_menu_7{width: 70px;cursor: pointer;background-position: -387px 0;}
li.header2012_menu_7:hover{background-position: -387px -35px;}
/*---*/
li.header2012_menu_8{width: 72px;cursor: pointer;background-position: 0 -180px;}
li.header2012_menu_8:hover{ background-position: 0 -215px;}
li.header2012_menu_9{width: 60px;cursor: pointer;background-position: -72px -180px; }
li.header2012_menu_9:hover{background-position: -72px -215px;}
li.header2012_menu_10{width: 72px;cursor: pointer;background-position: -132px -180px;}
li.header2012_menu_10:hover{background-position: -132px -215px;}
li.header2012_menu_11{width: 35px;cursor: pointer; background-position: -204px -180px;}
li.header2012_menu_11:hover{background-position: -204px -215px;}
li.header2012_menu_12{width: 50px;cursor: pointer;background-position: -239px -180px;}
li.header2012_menu_12:hover{background-position: -239px -215px;}

li.header2012_menu_13{width: 204px;cursor: pointer;background-position: 0 35px;text-align: right;color: #12408e;font-size: 12px;}
li.header2012_menu_13 span i, li.header2012_menu_13 span b{width: 12px;height: 12px;background: url(images/header2012.png) no-repeat;display: block;float: left;}
li.header2012_menu_13 span{margin: 10px 10px 0 0;display: block;float: right;position:relative;z-index:3;}
li.header2012_menu_13 span i{background-position: -299px -74px;}
li.header2012_menu_13 span b{background-position: -311px -74px;}
.header2012 ul li dl{display: none;	position: absolute;width: 120px;background: #faa41a;margin:0;*margin-left:-27px; padding: 0; z-index:1000;}
.header2012 ul li dl dd{ margin:0; text-align: center;}
.header2012 ul li dl dd:hover{ background: #e19116; }
.header2012 ul li dl dd a{ font-size:12px; line-height:16px;  height: 16px;text-decoration:none; color:#fff;text-indent: 0;padding: 5px;	margin: 0;height: 18px;width: 120px; text-align:left; padding-left:14px;}

.header2012 ol{margin:0; padding:0; font-size:12px; display:block; height:45px;}
.header2012 ol li{margin:15px 0 0; padding:0; list-style :none; float:left ; display :block; padding:0 1.5px; }
.header2012 ol li i{ display :block;  border-left:1px solid #999; height:9px; margin-top:4px;_width:1px;_margin-top:0; }
.header2012 ol li a{ color:#666; }
.header2012 ol li a span{color:#ff7200;}

/*yahoo search*/
.yahoo_search_bar { position :relative ; width:980px; height:1px;}
.yahoo_search_bar ul{ margin:-35px -10px 0 0; padding:0; position:absolute; z-index:1; right:0; width:582px}
.yahoo_search_bar ul li{ margin: 0 4px; padding:0; list-style:none; float :left; } 
.yahoo_search_bar ul li label{margin: 0; padding:0;  width: 153px;height: 24px;background: url(images/header2012.png) no-repeat 0 -155px;display: block;}
.yahoo_search_bar ul li label input{margin: 0 0 0 24px; padding:0;  width: 129px;border:0;height:18px; margin-top :3px; background-color:transparent;background: url(images/header2012.png) no-repeat -155px -160px;border:0 }
.yahoo_search_bar ul li button{margin: 0; padding:0;  width: 78px;height: 27px;background: url(images/header2012.png) no-repeat -157px -106px;display: block; border:0; cursor :pointer ; }
.yahoo_search_bar ul li button:hover{ background-position:-157px -134px;}
.yahoo_search_bar ul li div a{ text-decoration:none;}
.yahoo_search_bar ul li h1{ display:block; margin:0; padding:0; width:125px; height:24px;}

#btnApps{ position:absolute; z-index:2; right:0; margin:-37px 140px 0;border-bottom: 14px solid white; padding:0;  width: 63px;height: 24px;background: url(images/header2012.png) no-repeat 0 -106px;display: block; overflow:hidden; text-indent:-100px;}
#btnApps:hover{background-position:0 -130px;}
#btnPages{position:absolute; z-index:2;right:0; margin:-37px 75px 0;border-bottom: 14px solid white; padding:0;  width: 63px;height: 24px;background: url(images/header2012.png) no-repeat -65px -106px;display: block; overflow:hidden; text-indent:-100px;}
#btnPages:hover{background-position:-65px -130px;}

/*weather*/
/*.header2012 h1{width: 980px;height: 105px;margin:0;padding:0;}*/
.header2012_float {width: 980px;height: 106px; position:relative; background:url(images/weater_bg.jpg) no-repeat;}
.header2012_float label{width:214px; height:36px;background: url(images/header2012.png) no-repeat -242px -106px; display: block;  margin:10px; float:left; }
.header2012_float label a{ width:214px; height:36px;display: block; overflow:hidden; text-indent:214px;}
.header2012_float dl{margin:0 0 0 10px;padding:0; display:block; float:left; }
.header2012_float dl dt{ color: #fff; font-size :12px; display:block ; text-align:left ;}
.header2012_float dl dt#header2012_weather_label{ color: #b7b7b7;}
.header2012_float dl dd{ display :block; width: 30px; height:30px; float:left; margin:2px;background-image:url(images/weather_warning.png); background-repeat: no-repeat;}
.header2012_float div{ clear:both;}
.header2012_float .header2012_881903SuperBannerHolder{
	margin-right: 15px;
	margin-top: 8px;
}
.header2012_881903SuperBannerHolder{ position:absolute; width:730px; height:92px; top:0; right:0; margin:5px 5px 0;}
#header2012_login { display:none; margin-left:-90px; left:-12px; top:11px;   position:absolute; z-index:3; font-size:12px; color:#fff; border-top: 11px solid transparent; z-index:1000;}
#header2012_login div{ text-align:left; margin: 3px 0; text-indent:0;}
#header2012_login table{ width: 200px; border:0; text-indent:0;}
#header2012_login  a { color:#8e6218 ;  display:inline; width:auto; text-indent:0;}
#header2012_login  input{border:0; width:90px; height:18px;}
#header2012_login span{ position:absolute; margin:78px 0 0 70px; left:0;top:0}
#header2012_login  span a{background: url(images/header2012.png) no-repeat -296px -239px; display:block;width:82px; height:20px; margin-left: 7px;}
.header2012_login_bg{background:#f9a61a; padding:15px;width:156px; height:80px;position:relative;
/* Gecko browsers */
-moz-border-radius: 2px; 
/* Webkit browsers */
-webkit-border-radius: 2px; 
/* W3C syntax - likely to be standard so use for future proofing */
border-radius:5px;}

#header2012_logout a{color:#12408e;display:inline; width:auto; text-align:left;text-indent:0;}
#header2012_logout a span{ display:inline; float:none;text-indent:0;}
#header2012_logout label{ background-color:#ff6420; padding:1px;  display:block; min-width:16px;*width:16px; text-align:center;-moz-border-radius:3px;border-radius: 3px; margin-top:-2px;}
#header2012_logout label a{color:#fff; margin:0;padding:0; text-indent:0;  }
/*weather warning*/
dd.warning_1{ background-position: 0 -35px; }
dd.warning_2{ background-position: -35px -35px; }
dd.warning_3{ background-position: -70px -35px; }
dd.warning_4{ background-position: -177px -35px; }
dd.warning_5{ background-position: -106px -35px; }
dd.warning_6{ background-position: -141px -35px; }
dd.warning_7{ background-position: -212px -35px; }
dd.warning_8{ background-position: -248px -35px; }
dd.warning_9{ background-position: -248px 0; }
dd.warning_10{ background-position: -212px 0; }
dd.warning_11{ background-position: -177px 0; }
dd.warning_12{ background-position: -283px 0; }
dd.warning_13{ background-position: -318px -35px; }
dd.warning_14{ background-position: -35px 0; }
dd.warning_15{ background-position: -283px -35px; }
dd.warning_16{ background-position: -318px 0; }
dd.warning_17{ background-position: -106px 0; }
dd.warning_18{ background-position: -70px 0; }
dd.warning_19{ background-position: -354px 0; }
dd.warning_20{ background-position: -141px 0; }
dd.warning_21{ background-position: 0 0; }

div.weater_bg_1{ background-position: 0 0; }
div.weater_bg_1_n{ background-position: 0 -106px; }
div.weater_bg_2{ background-position: 0 -212px; }
div.weater_bg_2_n{ background-position:0 -318px; }
div.weater_bg_3{ background-position: 0 -424px; }
div.weater_bg_3_n{ background-position: 0 -530px; }

#msgboardDialog_li a{
list-style: none; padding: 0; background: url(images/header2012.png) no-repeat -296px -181px;width:84px;height: 27px; line-height:80px; overflow: hidden; display:block;
position: relative;
left: -7px;
top: -5px;
}
#msgboardDialog_li a:hover{background-position: -296px -209px;}
#msgboardDialog_li {
	/* position: relative; */
}

.yahoo_search_bar iframe{
	margin-top: 1px;
	width: 194px;
}
#header2012_login_close{
	position: absolute;
	right: 5px;
	top: 5px;
}


/***************/
.header2012 ul li.header2012_menu_15{width: 86px;height: 35px;background: url(images/new_nav_feature.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_15:hover{background-position: 0 -35px;}
.header2012 ul li.header2012_menu_16{width: 86px;height: 35px;background: url(images/nav_internetbits.png) no-repeat;display: block;float: left;}
.header2012 ul li.header2012_menu_16:hover{background-position: 0 -35px;}

.header2012 ul li.header2012_menu_9{display:none}
