@charset "gb2312";

body{background-color:#FFF;font:12px arial, "SimSun","ËÎÌå", tahoma, verdana, geneva, lucida, 'lucida grande', helvetica, sans-serif;margin:0}
td,th,ul,li,quote{font-size:12px; }
select,input,textarea,option,optgroup{font:12px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif}
img{border:0}
fieldset{border:1px solid #999;font-family:12px tahoma, verdana, arial;margin:0;padding:5px}
legend{color:#336;padding:0 5px}
.input{font:12px tahoma, verdana, arial;height:18px;background-color:#F9F9F9}
.baseline{border-bottom:1px dashed #360}
.solidbaseline{border-bottom:1px dashed #E0E0E0}
.btitle{font-size:14px;font-weight:700}
a.threadtitle:link{color:#039}
a.threadtitle:visited{color:purple}
a.threadtitle:hover,a.threadtitle:active{color:#F30}
.en{font-family:tahoma, verdana, arial}
.enfont{font:10.8px tahoma, verdana, arial}
.inlineimg{vertical-align:middle}
td.rec_field,span.rec_field{color:#339}
td.miss_field,span.miss_field{border-bottom:2px solid red;color:red}
#nonecss a:link{color:#00F;text-decoration:underline}
#nonecss a:visited{color:purple;text-decoration:underline}
a.blink:visited,a.blink:link{color:#336!important;text-decoration:underline}
a.rlink:visited,a.rlink:link{color:red!important;text-decoration:underline}
a.drlink:visited,a.drlink:link{color:#900!important}
a.ylink:visited,a.ylink:link{color:#F60!important;text-decoration:underline}
a.greylink:link,a.greylink:visited{color:#999!important;text-decoration:none}
a.greylink:active,a.greylink:hover{color:red!important;text-decoration:none}
a.whitelink:link,a.whitelink:visited{color:#FFF!important;text-decoration:none}
a.whitelink:active,a.whitelink:hover{color:#F90!important;text-decoration:none}
a.greenlink:link,a.greenlink:visited{color:#360!important}
a.greenlink:active,a.greenlink:hover{color:#F60!important}
#cat a:link,#cat a:active,#cat a:visited{color:#FFF;text-decoration:none}
#cat A:hover{color:#FFF;text-decoration:underline}
.left{float:left;display:inline;text-align:left}
.right{float:right;display:inline;text-align:right}
.navaction{clear:both;margin-left:10px;padding-bottom:2px;border-bottom:2px solid #999;height:18px}
.navaction a{clear:both;padding-left:5px;border-left:5px solid #F90;line-height:12px}
.navaction a:link,.navaction a:visited{color:#900;text-decoration:none}
.navaction a:hover,.navaction a:active{color:#F30;text-decoration:none}
.panel{background-color:#F1F1F1;color:#000;border:2px outset;padding:10px}
.panelsurround{background-color:#F1F1F1}
.tcat{background:#FAFAFA}
.tcat a:hover,.tcat a:active{color:#F40;text-decoration:none}
.Intro{line-height:1.5}
.Intro div{margin-bottom:4px}
.lbit{border-bottom:1px dashed #E0E0E0;padding-bottom:2px;padding-top:6px}
.lborder{display:block;border-left:4px solid #DDD;padding-left:5px}
.sepline{line-height:0!important;height:0!important;border-top:1px solid #DDD;border-bottom:1px solid #FFF;margin:6px 0 4px;padding:0!important}
.inputError{border:1px red solid;background-color:#FCC}
button,.btn,a.otherbtn,a.previewbtn,a.postbtn,a.tan:hover{font-weight:700;font-family:tahoma, arial;cursor:pointer;background-image:none!important;margin:0!important;padding:1px 3px}
a.otherbtn:hover,a.previewbtn:hover,a.postbtn:hover,a.tan:hover{_text-decoration:underline}
.otherbtn{cursor:pointer;border-right:solid 2px #424221;border-bottom:solid 2px #424221;border-top:solid 2px #8F8F6A;border-left:solid 2px #8F8F6A;background-color:#663;color:#FFF;font-size:14.8px;letter-spacing:4px;font-weight:700;text-decoration:none;padding:1px 3px}
.otherbtn:hover{text-decoration:none;color:#FFF;background-color:#774}
a.otherbtn:hover{_background-color:#663}
.postbtn{cursor:pointer;border-right:solid 2px #640000;border-bottom:solid 2px #640000;border-top:solid 2px #B54545;border-left:solid 2px #B54545;background-color:#900;color:#FFF;font-size:14.8px;letter-spacing:4px;font-weight:700;text-decoration:none;padding:1px 3px}
.postbtn:hover{text-decoration:none;color:#FFF;background-color:#C00}
a.postbtn:hover{_background-color:#900}
.previewbtn{cursor:pointer;border-right:solid 2px #214200;border-bottom:solid 2px #214200;border-top:solid 2px #6A8F45;border-left:solid 2px #6A8F45;background-color:#360;color:#FFF;font-size:14.8px;letter-spacing:4px;font-weight:700;text-decoration:none;padding:1px 3px}
.previewbtn:hover{text-decoration:none;color:#FFF;background-color:#690}
a.previewbtn:hover{_background-color:#360}
.small-button{vertical-align:middle;_overflow:visible;padding:.1em!important}
.n_a{font-family:verdana;font-size:11px;font-weight:700;color:#BBB}
.N_A{font-size:12px;font-weight:400;color:#999}
.FreeItem{color:#360}
.Indist_Ft{font-weight:400;color:#666}
.lf324{letter-spacing:6px;margin-right:-6px}
.boldgrey{font-weight:700;color:#999}
#reqFieldTip,#recFieldTip{height:12px;border:1px solid #900;border-left:12px solid #900;margin-left:10px;padding:2px 5px}
#recFieldTip{border-color:#039}
.ErrorBox{display:block;margin-top:10px;margin-bottom:10px;border:2px solid #F90;background-color:#FFC;text-align:left;padding:10px}
.ErrorBox .ErrorTitle{font-weight:700;font-size:14px;width:150px;border-bottom:1px solid #000;color:red;padding-bottom:3px}
.ErrorBox .ErrorItem{display:block;border-left:4px solid red;padding-left:5px;margin-top:10px;line-height:1.5}
#innerErrorBox{display:none}
.helptip{color:#F60;border-bottom:1px dotted #F60;padding-bottom:1px;cursor:pointer}
td.req_field,span.req_field,.ChargeItem,.Em_Ft{color:#900}
a:visited,a:link,.tcat a:link,.tcat a:visited{color:#333;text-decoration:none}
a:active,a:hover,#nonecss a:active,#nonecss a:hover{color:red;text-decoration:underline}
a.blink:active,a.blink:hover,a.rlink:active,a.rlink:hover,a.drlink:active,a.drlink:hover,a.ylink:active,a.ylink:hover{color:red!important}
.headertop,.footerbg{background:#9C0}
.headerbborder,.footerborder{background:#360}

/* clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.clear { clear: both; overflow: hidden; }

#header ul, #header h1 { list-style: none; padding: 0; margin: 0; }
.left { float: left; }
.right { float: right; }
.fgx { color: #A4BD56; font-size: 11px; padding: 0 6px; }

.un_login li.login_btn a,
#header .header_menu li a,
#header .header_menu li span { background-image: url(/images/newversion/home_imgs.png); _background-image: url(/images/newversion/home_imgs_ie6.png); background-repeat: no-repeat; }

/* topnav */
.nav_layout { height: 55px; }
.topnav { height: 24px; float: right; line-height: 24px; clear: both; background: #B8DB4D; padding: 0 10px; border-radius: 0 0 3px 3px; *position: relative; *z-index: 10002; }
.topnav .right { float: left; display: inline; }
.topnav .cicon { margin-right: 4px; }

.topnav .datebox { margin-left: 20px; }
.topnav .datebox, .topnav .weatherbox { float: left; display: inline; margin-right: 16px; }
.topnav span.st { margin-right: 10px; }
.topnav span.st .ctemp { margin-left: 6px; }
.topnav .gaspricebox { }
.weatherScrollBox { height: 24px; overflow: hidden !important; _width: 200px; }
.weatherScrollBox li { _height: 24px; _padding-top: 6px; _overflow: hidden; }
.topnav .weatherbox { overflow: hidden; }
.topnav .weatherbox img { vertical-align: middle; }

.un_login li { float: left; display: inline; }
.un_login li.login_btn { margin-right: 12px; position: relative; }
.un_login li.login_btn a.bt { width: 62px; height: 28px; line-height: 28px; display: block
; overflow: hidden; text-align: center; background: url(/images/newversion/nav_login_btn.png) 0 0 no-repeat; color: #603913; _padding-top: 8px; _height: 20px; text-shadow: 1px 0 0 #FFD774; }
.un_login li.login_btn i.arrow { width: 8px; height: 6px; display: inline-block; vertical-align: middle; background-position: -75px -306px; margin-left: 2px; margin-right: -4px; overflow: hidden; display: none; }
.un_login li.login_btn i.arrow_u { margin-top: -2px; background-position: -75px -318px !important; display: none; }
.un_login li.login_btn .login_forms { position: absolute; width: 162px; padding: 20px 35px; overflow: hidden; border: 1px solid #B5B5B5; background: #fff; box-shadow: 2px 2px 2px rgba(0,0,0,0.2); left: -172px; top: 32px; display: none; z-index: 9999; }
.un_login li.login_btn .login_forms li { width: 162px; display: block; clear: both; padding: 4px 0; }
.un_login li.login_btn .login_forms li.li0 { text-align: left; color: #666; }
.un_login li.login_btn .login_forms li.li1 input { border: 1px solid #ddd; box-shadow: none; width: 162px; padding: 6px 0; font-size: 12px; text-indent: 6px; float: left; }
.un_login li.login_btn .login_forms li.li2 { text-align: right; white-space: nowrap }
.un_login li.login_btn .login_forms li.li2 input { vertical-align: middle; }
.un_login li.login_btn .login_forms li.li2 .right a { background: none; *margin-bottom: -2px; }
.un_login li.login_btn .login_forms li.li3 .right a, .un_login li.login_btn .login_forms li.li3 .right a:hover { background: none; }
.un_login li.login_btn .login_forms li.li3 button { width: 162px; height: 30px; padding-bottom: 2px; background: #0F9104; border: none; font-size: 14px; font-weight: bold; color: #fff; cursor: pointer; }
.un_login li.login_btn .login_forms li.li4 a { background: none !important; margin-left: 10px; }

.logined li { float: left; display: inline; }
.logined a.newpmlink { margin-left: 2px; }

/* header */
#header { width: 100%; height: 80px; background: #99CC00; border-bottom: 3px solid #336600; }
#header .headerwrap { width: 761px; }
#header h1 { width: 181px; height: 80px; float: left; display: inline; overflow: hidden; background: url(/images/newversion/logo_fg.png) right center no-repeat; }
#header h1 a { width: 180px; height: 80px; display: block; float: left; overflow: hidden; line-height: 300px; background: url(/images/newversion/logo.png) 10px 12px no-repeat; _background: url(/images/newversion/logo_ie6.png) 10px 12px no-repeat; }
#header h1.big5_logo a { background: url(/images/newversion/big5_logo.png) 10px 12px no-repeat; }
#header .change_l { width: 90px; float: left; display: inline; margin-top: 24px; margin-left: 10px; }
#header .change_l li { float: left; clear: both; line-height: 18px; }
#header .change_l li a { color: #336600; text-shadow: 0px 1px 1px #C6EB57; text-decoration: none;}
#header .change_l li a:hover { color: #000; }

#header .left { display: inline; }
#header .rightbox { width: 480px; float: left; }
#header .rightbox .banner { height: 55px; clear: both; overflow: hidden; }
#header .header_menu { height: 25px; line-height: 25px; clear: both; }
#header .header_menu ul { float: right; }
#header .header_menu li { float: left; display: inline; margin-left: 4px; }
#header .header_menu li a { height: 25px; overflow: hidden; display: block; float: left; padding: 0 0 0 10px; background-position: left -200px; cursor: pointer; }
#header .header_menu li a span { float: left; display: inline; padding: 0; padding-left: 4px;  background-position: right -200px; background-color: #99CC00; padding-right: 12px; }
#header .header_menu li a:hover,#header .header_menu li a.hover { background-position: left -226px; text-decoration: none; }
#header .header_menu li a:hover span,#header .header_menu li a.hover span { background-position: right -226px; color: #653200; }

.leftside_loginbox { width: 180px; height: 96px; background: #FFFFEC; border-bottom: 1px solid #CCD3B7; margin-left: -8px; margin-top: -8px; overflow: hidden; }
.leftside_loginbox ul, .leftside_loginbox p { padding: 0; margin: 0; list-style: none; }

.leftside_loginbox .l_un_login li.li1 { margin-bottom: 4px; *margin-bottom: 2px; }
.leftside_loginbox .l_un_login li.li1 input { width: 154px; height: 20px; line-height: 20px; font-size: 12px; text-indent: 6px; border: 1px solid #9C9C9C; padding: 0; margin: 0; }
.leftside_loginbox .l_un_login ul { margin: 10px 12px 0; *margin-left: 8px; }
.leftside_loginbox .l_un_login ul li { display: block; clear: both; }
.leftside_loginbox .l_un_login li.li2 { margin-top: 6px; }
.leftside_loginbox .l_un_login li.li2 .left { *width: 52px; *float: left; *margin-left: -1px; }
.leftside_loginbox .l_un_login li.li2 input { width: 52px; height: 22px; background: url(/images/newversion/l_login_btn.png) no-repeat; overflow: hidden; border: none; font-size: 12px; color: #fff; cursor: pointer; padding-bottom: 2px; }
.leftside_loginbox .l_un_login li.li2 .right { line-height: 22px; }
.leftside_loginbox .l_un_login li.li2 .right span.fg { font-size: 12px; color: #ccc; padding: 0 2px;  }
.leftside_loginbox .l_logined dl { margin: 10px 12px 0 12px; }
.leftside_loginbox .l_logined dt { width: 52px; float: left; display: inline; overflow: hidden; }
.leftside_loginbox .l_logined dt img { width: 48px; height: 48px; display: block; padding: 1px; border: 1px solid #D1D1D1; background: #fff; }
.leftside_loginbox .l_logined dd { margin-left: 60px; text-align: left; }
.leftside_loginbox .l_logined dd p { line-height: 18px; }
.leftside_loginbox .l_logined dd p.u_name { display: block; height: 36px; line-height: 18px; overflow: hidden; font-weight: bold; }
.leftside_loginbox .l_logined .last_date { clear: both; color: #999; font-size: 12px; margin: 10px 12px 0; text-align: center; }

.inner_leftside_loginbox { margin-left: 0 !important; margin-top: 0 !important; margin-bottom: 4px; }

input.placeholder { color: #999; }
input:-moz-placeholder { color: #999; }

.weekly_ico { width: 80px; height: 56px; }
.weekly_ico a { width: 86px; height: 56px !important; display: block; background: url(/images/weekly51.png) 0 6px no-repeat !important; float: left; margin-top: -31px; position: absolute; margin-left: -4px; }
.weekly_ico a:hover { background-position: 0 0px !important;}
.weekly_ico a span { background: none !important; text-indent: -200px; }

/* menu for wenba */
.wb-icon { width: 89px; height: 55px; position: relative; margin-top: -30px; }
.wb-icon a { display: inline-block; width: 89px !important; height: 55px !important; background: none !important; position: absolute; left: 0; bottom: 0; padding: 0 !important; }
.wb-icon a:hover { opacity: 0.9; }
.wb-icon a img { width: 89px; height: 55px; display: block; }
/* menu for wenba end */

/* ¹ã¸æºÐ×Ó */
._51_a_p{ margin-bottom: 4px; }

/* ºá·ù Banner */
.myScrollBox._51_a_sb { float:left; clear: both; width: 100%; height: 65px; margin: 0; overflow: hidden }
.myScrollBox._51_a_sb ._51_a_p { margin: 0; }
.myScrollBox._51_a_sb ul, .myScrollBox._51_a_sb ul li { list-style: none; padding:0; margin: 0; }