/* CSS Document */
#container{margin:0 auto; font-family:Tahoma; font-size:11px; width:auto; min-width:900px}
/*common*/
#header{width:900px;  margin:0 auto 0px auto ; background:url(../images/graphics/per.gif) no-repeat 481px top; overflow:hidden; padding-top:20px}
#header .logo img{margin-top:100px; margin-bottom:56px}
.content_main{width:900px; /*position:relative;*/  overflow:hidden}
#header .menu_main{ width:900px ; height:55px; font:bold 12px tahoma; text-transform:uppercase; color:#07519a; /*position:absolute; z-index:2; top:-41px ;.top:33px*/ background:url(../images/graphics/bg_menu.gif) repeat-x left bottom}
#header .menu_main ul{}
#header .menu_main li{float:left; display:inline;}
#header .menu_main li a{float:left; height:51px; margin-right:5px; color:#015194}
#header .menu_main li span{height:24px; background:url(../images/icons/bg_menu_1x41.gif) repeat-x left top; padding:17px 17px 0 17px; cursor:pointer; float:left}

#header .menu_main li a:hover{background:url(../images/icons/bg_icon_14x10.gif) no-repeat center bottom; text-decoration:none}
#header .menu_main li a:hover span{height:24px; padding:17px 17px 0 17px; cursor:pointer; float:left; background-color:#015194; background-image:none; color:#fff}

#header .menu_main li.active a{background:url(../images/icons/bg_icon_14x10.gif) no-repeat center bottom; }
#header .menu_main li.active span{background-color:#015194; background-image:none; color:#fff}


.sub_content{width:900px; overflow:hidden}
.detial_content{width:900px;  background-color:#fff; overflow:hidden; /*margin-top:74px*/}
.left_main_de{float:left; width:565px; margin:0px 0 0 22px; display:inline}
.left_detail{float:left; width:565px;}
.left_detail h1{width:565px; font:bold 19px Geneva, Arial, Helvetica, sans-serif; color:#005b9a; margin-top:25px}
.left_detail p{background:url(../images/icons/icon_9x5.gif) no-repeat left 10px; width:520px; margin-left:24px; font:normal 12px tahoma; line-height:2.0; padding-left:20px; overflow:hidden}
.right_detail{float:right; width:264px; margin:25px 24px 0 0; display:inline}
#tab_2,#tab_3,#tab_4{display:none}
.footer_content{width:900px; height:9px; background:url(../images/graphics/bg_fo_900x8.gif) no-repeat left top; font:0; line-height:0; overflow:hidden; clear:both}

/*login_box*/
.login_box{width:264px; margin-bottom:15px;}
.login_box .login_top{background:url(../images/graphics/bg_top_login_264x10.gif) no-repeat left top; height:10px; width:264px; font-size:0px; line-height:0px; clear:both}
.login_box .login_center{background:#fff url(../images/graphics/bg_center_login_1x121.gif) repeat-x left top;  width:262px; border-left:1px solid #dedede;  border-right:1px solid #dedede; color:#343434; font:normal 11px arial; overflow:hidden; float:left}
.login_box .title_login{width:240px; font:bold 18px arial; padding-left:17px; float:left; overflow:hidden; margin-bottom:5px}
.div_login{float:left; width:262px}
.div_login ul{width:262px; float:left}
.div_login li{float:left; margin-top:7px; display:inline;}
.login_box .left_login{width:74px; text-align:right; font:bold 11px arial; color:#666666; margin-top:10px}
.login_box .right_login{width:163px; margin-left:5px}
.login_box .right_login input{width:160px; height:15px; padding:3px 0 0 0; float:left}
.login_box .right_login a{background:url(../images/graphics/bg_center_bt_1x22.gif) repeat-x left top; height:22px; float:left; color:#fff; text-decoration:none;}
.login_box .right_login strong{background:url(../images/graphics/bg_left_bt_10x22.gif) no-repeat left top; height:22px; float:left}
.login_box .right_login span{background:url(../images/graphics/bg_right_bt_10x22.gif) no-repeat right top; height:22px; float:left;padding:3px 15px 0 15px}
.login_box .right_login label{background:url(../images/icons/icon02_4x7.gif) no-repeat right 4px; height:22px; float:left; padding-right:11px; cursor:pointer }
.login_box .login_bottom{background:url(../images/graphics/bg_bottom_login_264x10.gif) no-repeat left top; height:10px; width:264px; font-size:0px; line-height:0px; clear:both}

.icon_yahoo{background:url(../images/graphics/icon_61x97.gif) no-repeat center bottom; width:100px; float:left; height:103px}
.yahoo_ul{width:152px; float:right; margin:0px 0px 0px 10px; display:inline }
.yahoo_ul li{float:left; height:20px; width:150px;  margin-bottom:3px} 
.yahoo_ul li span{background:url(../images/graphics/htro_left_9x20.gif) no-repeat left top; height:20px; width:9px;float:left} 
.yahoo_ul li label{background:url(../images/graphics/htro_right_9x20.gif) no-repeat right top; height:20px; width:9px; float:left;}
.yahoo_ul li a{height:16px; float:left; color:#000; background:#d9d9d9; padding:4px 30px 0 8px; display:block}
.yahoo_ul li a:hover{text-decoration:none}

/*icon_always*/
.icon_always{color:#343434; font:bold 18px arial; margin-left:16px}
.icon_always a{color:#343434;}
.icon_always a:hover{text-decoration:none}
.support_al div{width:237px; background:url(../images/graphics/icon_48x75.gif) no-repeat 195px bottom; line-height:1.9; padding:15px 0 15px 25px}
.support_al span{background:url(../images/icons/phone_12x12.gif) no-repeat left top; padding-left:30px; }
.support_al label{background:url(../images/icons/live_16x14.gif) no-repeat left top; padding-left:30px; }
.support_al strong{background:url(../images/icons/ban_14x15.gif) no-repeat left top; padding-left:30px; font-weight:normal }



/*B-footer*/
.wrapper_footer{background-color:#fff;  width:100%; margin-bottom:20px}
#footer{height:169px;  margin:0 auto; padding-top:24px; width:900px }
#footer .left_footer{width:200px; float:left; border-right:1px solid #e1e1e1; overflow:hidden; padding-left:21px}
#footer h1{font:normal 20px Tahoma; color:#202020; margin-bottom:17px; clear:both;}
#footer h2{font:bold 15px Tahoma; color:#202020; margin-bottom:9px; clear:both;}
#footer h3{font:normal 15px Tahoma; color:#202020; margin-bottom:9px; clear:both; }
#footer .left_footer a{margin-bottom:6px; display:block; overflow:hidden; height:16px; width:100%}
#footer .left_footer .email{background:url(../images/icons/icon_email_16x12.gif) no-repeat left top; padding-left:27px}
#footer .left_footer .id_tretoday{background:url(../images/icons/icon_id_12x16.gif) no-repeat left top; padding-left:27px; cursor:auto; cursor:default}
#footer .left_footer .id_tretoday:hover{text-decoration:none}
#footer .left_footer .skype{background:url(../images/icons/icon_skype_14x15.gif) no-repeat left top; padding-left:27px; margin-bottom:16px;}
#footer .left_footer a{color:#202020;}
#footer .right_footer{width:630px; margin-left:32px; float:left}
#footer .right_footer ul{}
#footer .right_footer ul li{width:147px; float:left; line-height:20px; overflow:hidden; margin-right:10px}
#footer .right_footer ul li a{color:#202020}

.wrapper_footer p{margin:0 auto; text-align:center; padding-bottom:10px}
.wrapper_footer p a{color:#333}


/*footer_sum: chep HTML, CSS, images(footer_sum_1x19.gif)*/
* html #container{position: relative;}
#footer_sum{width:100%; background:url(../images/graphics/footer_sum_1x19.gif) repeat-x center top; height:18px; text-align:center; font:normal 11px tahoma; color:#fff;padding-top:3px; left:0px; bottom:0px; position:fixed; z-index:1000}
* html #footer_sum {position: absolute;
top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) 
: document.body.scrollTop+(document.body.clientHeight-this.clientHeight));left: expression("0");}
#footer_sum a{margin-right:20px; color:#333}
#footer_sum a:hover{color:#fff; text-decoration:none}
#footer_sum a.active_sum{font-size:14px; color:#fff; font-weight:bold}
#footer_sum a.none_space{margin-right:0px}

.box_three{width:900px; margin:0 auto; padding:10px 0; overflow:hidden}
.box_three .vj_banner_300x100{width:300px; height:100px; float:left; }