/*! StyleSheet Document for Hozom Created by ChenCheng(sorrycc@gmail.com) */
/* my_alert
-------------------------------------------------------------- */
.rp_from_su { background:url("findpassword.png") no-repeat scroll 0 0 transparent; height:47px; margin-left:40px; margin-top:20px; width:184px; }
.rp_from { margin-left: 90px; margin-top:20px; line-height:25px; }
.rp_from_span { color:red; }
.rp_from_input_text { border:1px solid #B15300; height:auto; width:auto; }
.my_alert { background-image:url(alert_box.png); height:187px; width:300px; }
.my_alert .txt { height:50px; left:130px; position:absolute; top:70px; font-size: 16px }
.my_alert .button { background-image:url(alert_confirm.png); height:34px; left:90px; padding-top:5px; position:absolute; top:138px; width:117px; cursor:pointer; font-size: 16px }
.my_alert .img { left:40px; position:
absolute; top:61px; }
.my_alert .close { cursor:pointer; left:280px; position:absolute; top:10px; }
/* =Reset
-------------------------------------------------------------- */

    html { background: url(img/bg.png) repeat-x #e4e4e4; height: 100%; }
body { height: 100%; }
a:hover { text-decoration: underline; color: red !important; }
/* =Common Classes
-------------------------------------------------------------- */

    .hidden { display: none; }
.clearfix { *zoom:1;
}
.clearfix:after { content:'\20'; display:block; height:0; clear:both; } 
.promo { width: 973px; margin: 0 auto 15px; }
.promo img { vertical-align: middle; }
/* Modules
-------------------------------------------------------------- */

    #header,  #content,  #mobile .mobile-skin,  #footer { width: 959px; margin: 0 auto; }
/* Modules: =Header
-------------------------------------------------------------- */

   /* header */
.header{ width:959px; margin:auto; padding:24px 0 0 0; overflow:hidden;}
.header .logo{ float:left;}
.header .logo a{  width:339px; height:57px; background:url(logo.png) no-repeat; overflow:hidden; display:block;}
.header .nav { float:left; margin:13px 0 0 30px; font-size:12px;}
.header .nav li { float:left; }
.header .nav li.current a{ color:#e81010; font-weight:900;}
.header .nav li a{ font-size:12px; color:#3d3d3d; font-family:"微软雅黑";padding:0 15px;*padding:0 16px;  }
.header .search{ margin:7px 0 0 16px; float:left; display:block;background:url(layout_2010-1-7.png) left top no-repeat; height:32px; overflow:hidden; position:relative; }
.header .search input{ width:164px; height:31px; line-height:31px;  overflow:hidden; border:none; margin:0 10px 0 15px; background:none; color:#b1b1b1;}
.header .search .search_btn{ position:absolute; top:7px; right:1px; width:20px; height:20px; cursor:pointer;}


/* Modules: =FPPromo
-------------------------------------------------------------- */

 #fp-promo { position: relative; width: 973px; height: 277px; margin: 0 auto; background: url(img/fp_promo.png) no-repeat; }
/* =Login {{{ */
 #login { padding: 24px 0 0 38px; position:absolute; height:253px; width:282px; z-index:50; }
 .hd { height: 36px; font: 18px/36px 'microsoft yahei', tahoma; color: #333; }
 .form { height: 76px; overflow: hidden; position: relative; z-index: 2; }
 .field input { background:none repeat scroll 0 0 #FAFAFA; border:1px solid #B15300; height:18px; margin-left:-1px; margin-top:1px; width:98px; position:relative; }
 .usernameinput { border:0 none; height:20px; left:40px; padding-left:3px; position:absolute; top:0; width:99px; }
#login .passwordinput { border:0 none; height:20px; left:40px; padding-left:3px; position:absolute; top:27px; width:99px; }
#login .field label { color: #fff; }
#login .field-username { height: 27px; position:relative; }
#login .act-submit { position: absolute; left: 149px; top: 0; width: 51px; height: 47px; background: url(img/login.png) no-repeat; text-indent: -999em; overflow: hidden; cursor:pointer; }
#login .act p { text-align: right; width: 202px; line-height: 1.5; margin-top:5px; }
#login .act p a { color: #8a1000; text-decoration: underline; }
#login .reg { position: relative; height: 64px; }
#login .reg a { position: absolute; left: 0; bottom: 0; width: 206px; height: 80px; background: url(img/reg.png) no-repeat; text-indent: -999em; overflow: hidden; }
#login .stat { color: #fff; }
#login .stat strong { font:32px/1 tahoma; }
/* }}} */

    #fp-promo .triggers { position: absolute; right: 27px; bottom: 27px; }
#fp-promo .triggers a { float: left; margin-left: 13px; display: inline; width: 13px; height: 13px; background: url(img/fp_promo_trigger.png) no-repeat -26px 0; text-indent: -999em; overflow: hidden; }
#fp-promo .triggers a.active { background-position: 0 0; }

/* image_change  */
#image_change{ padding:3px 0 0 0; height:272px; overflow:hidden; position:relative; }
.image_change-img li img{ float:left; position:absolute; top:3px; left:0; display:none; }
.image-change-button{ position:absolute; bottom:25px; right:30px;  }
.image-change-button li{ cursor:pointer; float:left; width:13px;height:13px; background:url(img/fp_promo_trigger_03.png) no-repeat; text-indent:-9999px; font-size:0; margin:0 8px 0 0 ;}
.image-change-button li.current{ background:url(img/fp_promo_trigger_01.png) no-repeat;}
/* Modules: =Content
-------------------------------------------------------------- */

    #people .bd,  #blog .bd { height: 208px;}
#people { width: 536px; float: left; }
#blog { margin-left: 23px; display: inline; width: 400px; float: left; }
/* =PeopleList {{{ */
        .people-list { padding: 19px 0 0 12px; height: 102px; margin-bottom: 13px; }
.people-list a { float: left; margin: 0 3px 3px 0; display: inline; width: 48px; height: 48px; overflow: hidden; }
.people-list a img { vertical-align: middle; width:48px; height:48px; }
.people-list .more { background: url(img/people_more.png) no-repeat; text-indent: -999em; overflow: hidden; }
/* }}} */

    /* =PeopleNews {{{ */
        .people-news { padding: 0 0 0 12px; }
.people-news li { height: 20px; line-height: 20px; color: #6f6f6f; padding-left: 22px; }
.people-news .boy { background: url(img/boy.png) no-repeat 0 5px; }
.people-news .girl { background: url(img/girl.png) no-repeat 0 5px; }
.people-news li a { color: #333; }
.people-news li .time { color: #a8a8a8; }
.people-news li .card { position: relative; display: inline-block; width: 18px; height: 11px; background: url(card_sig.png) no-repeat; text-decoration: none; }
.people-news li .card-popup { position: absolute; left: -66px; top: -55px; padding-left: 48px; padding-top: 10px; width: 53px; height: 45px; background: url(card.png) no-repeat; }
.people-news li .card-popup s { position: absolute; margin-left: -41px; margin-top: -4px; text-decoration: none; }
.people-news li .card-popup i { display: block; line-height: 14px; font-style: normal; color: #595757; }
.people-news li .card-popup i a { color: #004aa6; }
/* }}} */

    /* =Blog {{{ */
        #blog .hd { position: relative; z-index: 2; }
#blog .hd s { position: absolute; right: 3px; top: 2px; z-index: 2; width: 63px; height: 56px; background: url(img/blog-icon.png) no-repeat; }
.blog-headline { position: absolute; left: 10px; top: 15px; width: 118px; }
.blog-headline a span { color: #6f6f6f; display: block; cursor: pointer; }
.blog-news { padding: 11px 0 0 139px; }
.blog-news li { height: 18px; line-height: 18px; color: #565656; overflow: hidden; }
.blog-news li a { color: #ff007e; }
.blog-news .s { font-weight: bold; }
/* }}} */

    /* =HozomNews {{{ */
        .hozom-news { position: absolute; left: 0; bottom: 0; width: 100%; height: 63px; background: url(img/news.png) no-repeat 26px 13px #e2dbc8; }
.hozom-news ul { padding: 14px 0 0 139px; }
.hozom-news li { height: 18px; line-height: 18px; color: #565656; overflow: hidden; }
.hozom-news li a { color: #565656; }
/* }}} */

    #download { width: 698px; float: left; border: 1px solid #979797; background: #fff; }
#download .hd { position: relative; height: 78px; }
#download .hd ul { padding: 23px 0 0 15px; }
#download .hd li { float: left; }
#download .hd li a { float: left; width: 126px; height: 40px; text-align: center; font: 18px/40px 'microsoft yahei', tahoma; color: #000; }
#download .hd li.active a { background: url(img/download_hd.png) no-repeat #d5f4cd; }
#download .hd p { position: absolute; right: 25px; top: 22px; color: #727272; font: 13px/1.5 'microsoft yahei', tahoma; text-align: right; }
#download .bd { position: relative; background: url(img/download_bd.png) repeat-x; margin: 0 1px; height: 354px; padding: 16px 0 0 30px; }
#download .bd h4 { font: 12px/1.5 tahoma; margin-bottom: 3px; }
#download .bd .reg { position: absolute; right: 26px; top: 38px; }
#download .bd .reg a { color: #000; font: 12px tahoma; padding: 5px 29px 5px 0; background: url(img/download_reg.png) no-repeat right 0; }
#download .download-sel { margin-bottom: 15px; }
#download .download-list a { margin-right: 46px; }
#download .download-list img { vertical-align: middle; border: 1px solid #a1a1a1; }
#download .download-details { position: absolute; right: 43px; top: 97px; width: 265px; }
#download .download-btn { position: absolute; left: -234px; top: -3px; width: 207px; height: 64px; background: url(img/download_btn.png) no-repeat; overflow: hidden; text-indent: -999em; }
#download .download-info { width: 230px; height: 56px; background: url(img/download_info.png) no-repeat; padding-left: 35px; padding-top: 9px; }
#download .download-faq { padding: 12px 0 0 35px; }
#download .download-faq i { color: #f76300; font-style: normal; }
#download .download-details-s .download-btn { position: absolute; left: 5px; top: 0; display: inline-block; }
#download .download-details-s .download-info { padding-left: 6px; background: url(img/download_info_s.png) no-repeat; padding-top: 16px; margin-top: 86px; }
#download .download-details-s .download-faq { padding-left: 6px; }
.side-234 { width: 234px; float: left; display: inline; margin-left: 25px; }
.side-234 .box-lite { background: #d8d8d8; border: 1px solid #797979; }
/* =SLogin {{{ */
      /*  .side-234 #login {
            padding: 0 0 0 15px;
            height: 258px;
            margin-bottom: 24px;
        }
        .side-234 #login .field label,
        .side-234 #login .stat {
            color: #000;
        }
        .side-234 #login .hd {
            padding: 2px 0;
        }
        .side-234 #login .reg {
            height: 76px;
            margin-bottom: 6px;
        }
        .side-234 #login .reg a {
            background-image: url(img/reg_2.png);
        }*/
    /* }}} */
#login1 { padding: 0 0 0 15px; padding: 0 0 0 15px; height: 258px; margin-bottom: 24px; position:relative; }
#login1 .hd { padding: 2px 0; height: 36px; font: 18px/36px 'microsoft yahei', tahoma; color: #333; }
#login1 .form { height: 76px; overflow: hidden; position: relative; z-index: 2; }
#login1 .field input { width: 98px; height: 20px; border:1px solid #B15300; padding-left:3px; }
#login1 .field label { color: #000; }
#login1 .field-username { height: 27px; }
#login1 .act-submit { position: absolute; left: 149px; top: 0; width: 51px; height: 47px; background: url(img/login.png) no-repeat; text-indent: -999em; overflow: hidden; }
#login1 .act p { text-align: right; width: 202px; line-height: 1.5; }

#login1 .act p a { color: #8a1000; text-decoration: underline; }
#login1 .reg { height: 76px; margin-bottom: 6px; position: relative; }
#login1 .reg a { position: absolute; left: 0; bottom: 0; width: 206px; height: 80px; background-image: url(img/reg_2.png); text-indent: -999em; overflow: hidden; }
#login1 .stat { color: #000; }
#login1 .stat strong { font:32px/1 tahoma; }
/* =Contact {{{ */
        #contact { height: 164px; }
#contact .bd { background: url(img/phone.png) no-repeat 8px 8px; padding-top: 91px; }
#contact .more { width: 207px; height: 64px; padding: 4px 0 0 13px; margin: 0 auto; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#contact .more strong { display: block; font-family: 'microsoft yahei', tahoma; margin-bottom: 2px; }
#contact .more span { background: url(img/contact.png) no-repeat; padding-left: 20px; }
#contact .more span.msn { background-position: -90px 0; }
#contact .more span.mail { background-position: 0 -20px; }
/* }}} */

/* Modules: =Mobile
-------------------------------------------------------------- */
#mobile { background: url(img/mobile.png) repeat-x; clear:both; margin-top:24px;  }
.mobile-skin { height: 89px; overflow: hidden; background: url(img/mobile_skin.png) no-repeat; }
.mobile-desc { float:left; width: 190px; padding-top: 16px; font-family: 'microsoft yahei', tohamo; line-height: 1.4; padding-left: 73px; color: #fff; }
.mobile-desc strong { font-size: 24px; line-height: 1; font-weight: normal; }
div.mobile-panel{ width:695px; padding:24px 0 0 0; overflow:hidden; float:left;}
div.mobile-panel a{ float:left; display:block; margin:0 12px ; vertical-align:middle; height:50px; line-height:50px; display:inline;}
div.mobile-panel a img{ vertical-align:middle;}
/* Modules: =Footer
-------------------------------------------------------------- */
/***** footer *****/
.footer{ width:959px; clear:both; margin:auto; overflow:hidden; font-size:12px; line-height:20px; float:left;  }
.footer .fotter_copyright{  padding:15px 0 0 0; overflow:hidden; }
.footer .network{ float:left; width:480px;}
.footer .network p{ display:block; overflow:hidden; height:32px; line-height:32px;}
.footer .network p span{ color:#004ac4; font-weight:bold;}
.footer .network a{ width:32px; height:32px; background-image:url(layout_2010-1-7.png); display:block; float:left; margin:0 10px 0 0;}
.footer .network .sina{ background-position:left -32px;}
.footer .network .qq{ background-position:-108px -32px;}
.footer .copyright_menu{ float:right; text-align:right; color:#797979; font-weight:bold;}
.footer .copyright_menu span{ color:#e60101; font-weight:normal;}
.footer .copyright_menu .menu a{ color:#3d3d3d; margin:0 0 0 25px;}
/* Modules: =Overlay
-------------------------------------------------------------- */

#overlay { position: fixed;  *position: absolute;
left: 0; top: 0; width: 100%; height: 100%; background: #d6ceb9; opacity: 0.6; filter: alpha(opacity=60); z-index: 10000; }
#dialog-reg { z-index: 10001; width: 601px; height: 430px; position: relative; background: url(img/dialog-panel.png) no-repeat; +margin-top:280px;_+margin-top:0px; }
#dialog-reg .hd { display: none; }
#dialog-reg form { padding: 75px 0 0 54px; }
#dialog-reg .field { height: 30px; clear: both; }
#dialog-reg .field input { float: left; width: 170px; height: 19px; background: url(img/reg_input.png) no-repeat; border: 0; padding: 2px 3px; }
#dialog-reg .field label { float: left; width: 68px; }
#dialog-reg .field label b { font-weight: normal; color: #ff7200; }
#dialog-reg .act button { width: 182px; height: 44px; background: url(img/reg_submit.png) no-repeat; border: 0; margin-left: 70px; margin-top: 4px; cursor: pointer; position: relative; float:left; }
#dialog-reg .agree { margin-left: 58px; margin-top: 10px; }
#dialog-reg .agree a { color: #ff7700; }
#dialog-reg .close a { position: absolute; right: 18px; top: 17px; width: 18px; height: 19px; background: url(img/reg_close.png) no-repeat; text-indent: -999em; overflow: hidden; }
#page{ width:959px; margin:auto;}
#content{ margin:20px 0 0 0;}