@charset "utf-8";
/*author: Pobear Wang*/
html{
    overflow-x: hidden;
}

body{
    background-color: #715667;
    font-size: 12px;
    color: #333;
    font-family: Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

.wraper{
    width: 1000px;
    margin: 0 auto;
    background: url(../image/body_back.jpg) repeat-y center #715667;			
}

a:focus, a:hover{
    color: #818;
    text-decoration: underline;
}

a{
    color: #939;
    text-decoration: none;
}

h1,h2,h3,h4,h5,h6 { 
    font-weight: bold;
    color: #333;
}

h1{
    font-size: 24px;
}

h2{
    font-size: 20px;
}

h3{
    font-size: 16px;
}

h4{
    font-size: 14px;
}

h5{
    font-size: 12px;
}

h6{
    font-size: 12px;
    font-weight: normal;
}

/*header navigation*/
.container{
    padding-top: 8px;
    background: url(../image/topbar_back0.jpg) repeat-x;
}

#header{
    clear: both;
    height: 39px;
    background: url(../image/repeat-x.png) repeat-x;
}

#header #logo, #header #top_nav, #header #site_search{
    float: left;
    display: inline;
}

#header #logo{
    width: 128px;
    font-size: 0;
}

#logo img{
    display: inline;
}

#header #top_nav{
    width: 647px;
}

#top_nav span{
    display: block;
    float: right;
}

#top_nav span.user{
    width: 85px;
    overflow: hidden;
    white-space: nowrap;
    text-align: right;
    margin-right: 6px;
    font-weight: bold;
}

#top_nav span a{
    display: block;
    padding: 3px 8px 0 0;
    color: #fcc;	
    line-height: 35px;	
    text-decoration: none;
}

#top_nav dd a{
    line-height: 23px;
}

#top_nav span.user a{
    color: #fcf2f4;
}

#top_nav span a:hover,#top_nav span a.active{
    color: #fff0f0;
}

#top_nav ul{
    margin-left: 15px;
}

#top_nav li{
    display: block;
    float: left;
    margin-top: 5px;
    line-height: 33px;
    font-size: 14px;
}

#top_nav li a{
    display: block;
    padding: 0 8px;
    font-weight: bold;
    color: #fff0f0;
}

#top_nav li a em{
    padding:0 0 0 5px;
    background: url(../image/select_dir.gif) right -10px no-repeat;
}

#top_nav li a:hover, #top_nav li .active{
    text-decoration: none;
    color: #939;
    background: url(../image/repeat-x.png) repeat-x 0 -43px;
}

#top_nav li a:hover em, #top_nav li .active em{
    background: url(../image/select_dir.gif) right -45px no-repeat;	
}

/*sub menu items list*/
.sub_items{
    position: absolute;
    display: none;
    width: 135px;
    background: #fefefe;
    border: 1px solid #939;
    border-top: none;
    z-index: 100;
}

.sub_items dl{
    padding: 4px 0 4px 0;
}

.sub_items dd{
    font-size: 12px;
    line-height: 23px;
}

#top_nav .sub_items dd a{
    padding: 0 20px;
    color: #939;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fff;
    font-weight: normal;
}

#top_nav .sub_items dd a:hover{
    background: #b73cb7;
    border-bottom: 1px solid #939;
    border-top: 1px solid #c041c0;
    color: #fff;
}

/*site search*/
#header #site_search{
    width: 185px;
    padding-top: 8px;	
}

#site_search #keyword{
    display: block;
    float:left;
    padding: 4px 4px 4px 21px;	
    border: none;
    width: 125px;
    height: 16px;
    color: #ccc;
    background: url(../image/search_input.jpg) no-repeat;
}

#site_search #search_go{
    display: block;
    float: left;
    width: 22px;
    line-height: 22px;
    text-indent: -9999px;
    background: url(../image/search_button.jpg) no-repeat;
}

/*public information list(right side)*/
#public{
    margin-top: 60px;
    width: 159px;
    border-left: 1px solid #fcc;
}

#public .entry{
    display: inline-block;
    padding: 5px 1px 5px 3px;
    border-left: 4px solid #fff0f0;
    border-bottom: 1px solid #fff0f0;
}

#public .entry h5{
    font-weight: normal;
    line-height: 200%;
}

#public .entry p{
    color: #999;
}

#public .entry p img{
    margin: 4px 0;
}

#public .more{
    border-bottom: none;
}

/*footer copyright and site navigation*/
#footer{
    clear: both;
    margin-top: 10px;
    padding: 0 5px;
    line-height: 25px;
    height: 27px;
    color: #fcf2f4;
    background: url(../image/repeat-x.png) left -140px repeat-x #715667;
}

#footer p{
    float: left;
}

#footer ul{
    float: right;
}

#footer li{
    display: inline;
    float: left;
    margin: 0 5px;
}

#footer li a{
    color: #fcf2f4;
}

#footer li a:hover{
    color: #fff;
}

#fix_footer{
    width: 100%;
    height: 32px;
    background: #715667;
}

/*feedback float bar*/
#feed_back{
    position: fixed;
    left: 0;
    top: 45px;
    width: 22px;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    line-height: 16px;
}

#feed_back a{
    display: block;
    padding: 8px 4px 8px 0;
    text-decoration: none;
    color: #fcf2f4;
    background: #b099A7;
    border: 1px solid #473641;
    border-top: 1px solid #c0afba;
    border-left: none;
}

#feed_back a:hover{
    color: #f9e3e9; 
    background: #342730;
    border: 1px solid #000;
    border-top: 1px solid #826276;
    border-left: none;
}

/****style for global menu****/
#global_bar{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: left;
}

#global_bar .menu{
    position: relative;
    margin: auto;	
    width: 960px;
    height: 26px;
    background: url(../image/repeat-x.png) left -172px repeat-x;
}

#global_bar .split_l{
    border-right: 1px solid #af9aa7;
}

#global_bar .split_r{
    border-left: 1px solid #fff;
}

#global_bar .holder_left, #global_bar .holder_right{
    margin: 1px 0 1px 0;
    height: 24px;
    line-height: 24px;	
}

#global_bar .holder_left{
    float: left;
}

#global_bar .start{
    display: block;
    float: left;
    width: 100px;
    font-weight: bold;
}

#global_bar .start a{
    display: block;
    color: #715667;
    text-decoration: none;
    padding-left: 26px;
    background: url(../image/vtk_icon.gif) 8px 5px no-repeat;
}

/*for click style*/
#global_bar .start a:hover, #global_bar .start a.active{	
    border-right: 1px solid #715667;	
    border-bottom: 1px solid #715667;
    background-color: #fff;
}

/*application list style*/
#global_bar .app_list{
    display: none;
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 209px;
    border-top: 1px solid #715667;
    border-right: 1px solid #715667;	
    background: url(../image/slide_menu_back.gif) 0 bottom no-repeat #fff;
}

.app_list h5{
    padding-left: 5px;	
    height: 23px;
    line-height: 23px;
    background: #939;
    color: #fff;
}

.app_list h5 span{
    float: right;
    margin-right: 5px;
}

.app_list span.min a{
    background: url(../image/action_icon.png) left -226px #b63db6;
}

.app_list span.edit a{
    background: url(../image/action_icon.png) left -274px #b63db6;
}

.app_list h5 span a:hover{
    background-color: #828;
}

.app_list span.action{
    float: right;
    margin-top: 4px;
    font-size: 12px;
}

.app_list span.action a{
    width: 45px;
    text-align: center;
    line-height: 16px;
    padding-left: 2px;
    background: url(../image/app_dir.gif) -55px center no-repeat;
}

.app_list span.action a:hover{
    color: #fcf2f4;
    text-decoration: none;
    background: url(../image/app_dir.gif) 0 center no-repeat;
}

.app_list dl{
    margin: 0 5px;
}

.app_list dt{
    clear: both;
    padding: 3px 0 0 2px;
    margin-bottom: 3px;
    line-height: 18px;
    color: #999;
    border-bottom: 1px solid #ece6e9;
}

.app_list dd{
    clear: both;
}

.app_list dd a{
    display: block;
    float: left;
    padding-left: 24px;
}

/*style for shortcut icon link*/
#global_bar .shortcut{
    float: left;
}

#global_bar .shortcut li{
    display: inline;
    float: left;
    margin: 0 2px;
}

#global_bar .shortcut li a{
    display: block;
    width: 25px;
    text-indent: -9999px;
}

#global_bar .shortcut a:hover, #global_bar .holder_right a:hover{
    background-color: #fff;
}
/*tip styles*/
#global_bar .menu .tip{
    display: none;
    position: absolute;
    padding-bottom: 4px;
    bottom: 27px;
}

#global_bar .holder_left .tip{
    background: url(../image/tip_dir.gif) left bottom no-repeat;	
}

#global_bar .holder_right .tip{
    right: 6px;
    background: url(../image/tip_dir.gif) right bottom no-repeat;
}

#global_bar .holder_right .split_l, #global_bar .holder_right .split_r{
    position: relative;
}

#global_bar .menu .tip strong{
    display: block;
    padding: 0 6px;
    background: #473641;
    font-weight: normal;
    line-height: 22px;
    color: #fff;
    white-space: nowrap;
}

/*special for new message*/
#global_bar .holder_right .alert{
    background: url(../image/new_msg_dir.gif) right bottom no-repeat;
}

#global_bar .menu .alert strong{
    padding: 0 1px 0 6px;
    background: #c00;
    color: #fff4f4;
}

#global_bar .menu .alert b{
    padding: 3px 6px;
    margin: 0 2px 4px;
    color: #fff;
    background: url(../image/msg_num_back.gif) no-repeat center center;
}

#global_bar .holder_right{
    float: right;
}

#global_bar .holder_right div{
    float: left;
}

#global_bar .holder_right a{
    display: block;
    width: 25px;
    text-indent: -9999px;
}

#global_bar .holder_right .alert a{
    display: inline;
    text-indent: 0px;
    color: #fff;
}

#global_bar .holder_right .alert a:hover{
    background: none;
    text-decoration: none;
}

/*application shortcut position reset*/
.shortcut .app_record{
    background-position: -22px 4px;
}

.shortcut .app_plan{
    background-position: -76px 3px;
}

.shortcut .app_weight_curve{
    background-position: -48px 4px;
}

#global_bar .holder_right .notice{
    width: 36px;
    background: url(../image/app_icon.gif) -357px 4px no-repeat;
}

.holder_right .to_home{
    background: url(../image/app_icon.gif) -389px 4px no-repeat;
}

.holder_right .to_end{
    background: url(../image/app_icon.gif) -416px 4px no-repeat;
}

/*common for tip and window*/
#pop_win, #pop_tip{
    position: fixed;/*absolute*/
    left: 0;
    top: 0;
    width: 100%;
    height: 0;
    overflow: visible;
    text-align: left;
    z-index: 100;
}

#cal_black_layer{
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #000;
}

/*pop up tip dialog*/
#pop_tip{
    position: absolute;
}

#pop_tip .dialog{
    position: relative;
    top: 0;
    left: 0;
    width: 400px;
    height: 0;
    overflow: visible;
}

#pop_tip .arrow_line{
    height: 12px;
    position: relative;
    top: 1px;
    _top: 2px;
}

#pop_tip .al_left{
    background: url(../image/tip_back_l.gif) 12px 50% no-repeat;	
}

#pop_tip .al_right{
    background: url(../image/tip_back_r.gif) no-repeat;
}

#pop_tip .pop_content{
    padding: 6px 10px;
    border-width: 1px 1px 2px;
    border-color: #9c8b96 #9c8b96 #6c5363;
    border-style: solid;
    background: #f3f1f2;
}

/*pop up window dialog*/
#pop_win .dialog{
    position: relative;
    margin: auto;
    top: 125px;
    width: 425px;
    height: 0;
    overflow: visible;
}

.dialog table{
    width: 100%;
}

#pop_win .dialog td{
    _background: none;
}

.dialog td.l, .dialog td.r{
    width: 8px;
    height: 8px;
    overflow: hidden;
}

.dialog td.c{
    background: url(../image/pop_back.png) left -32px repeat-x;	
}

.dialog td.v{
    background: url(../image/pop_back.png) right top repeat-y;
}

.dialog td.c, .dialog td.v{
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/pop_back0.png', sizingMethod='scale');
}

.dialog thead td.l{
    background: url(../image/pop_back.png) left top no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/pop_back1.png', sizingMethod='crop');
}

.dialog thead td.r{
    background: url(../image/pop_back.png) left -8px no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/pop_back2.png', sizingMethod='crop');
}

.dialog tfoot td.l{
    background: url(../image/pop_back.png) left -16px no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/pop_back3.png', sizingMethod='crop');
}

.dialog tfoot td.r{
    background: url(../image/pop_back.png) left -24px no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/pop_back4.png', sizingMethod='crop');
}

.dialog td .pop_content{
    border: 1px solid #6c5363;
    background: #fff;
}

.dialog .recommend{
    margin: 10px;
    clear:both;
}

.dialog .recommend h6{
    padding: 0 5px;
    font-size: 14px;
    border-bottom: 1px solid #cebdc7;
}

.dialog .recommend p{
    color: #999;
    margin: 8px 5px;
}

.dialog .recommend span, .dialog .recommend textarea{
    margin-left: 5px;
    float: left;
}

.dialog .recommend textarea{
    font-size: 14px;
}

.dialog .recommend .form_check_msg{
    clear: both;
}

#pop_win .pop_content h4{
    padding: 0 6px;
    line-height: 25px;
    color: #fff;
    background: #bd17bd;
    border-bottom: 1px solid #84667a;
}

#pop_win .pop_content h4 span{
    float: right;
    margin-top: 2px;
}

.dialog h4 span a{
    background: url(../image/action_icon.png) center -194px no-repeat #bd17bd;	
}

#pop_win .pop_content .operation{
    padding: 5px 10px;
    background: #f3f1f2;
    border-top: 1px solid #ddd7da;
}

.pop_content .operation span{
    float: right;
}

#pop_win .pop_content .custom{
    margin: 6px;
}

.pop_content p.ini, .pop_content p.process{
    padding: 1px 0 1px 32px;
    color: #666;
    background: url(../image/indicator_small.gif) 10px 7px no-repeat #f3f1f2;
}

.pop_content p.process{
    float: left;
    display: none;
}

.pop_content p.fail{
    padding: 5px;
    color: #666;
    background: #f3f1f2;
}

/*style for pre index page*/
#site_intro{
    padding: 30px 0 10px;
}

#site_intro #intro_mask{
    width: 600px;
    height: 220px;
    position: relative;
    overflow: hidden;
}

#site_intro #intro_box{
    position: absolute;
}

#site_intro .step{
    float: left;
    width: 600px;
    height: 220px;
}

#site_intro .s1{
    background: url(../image/welcome.jpg) no-repeat;
}

#site_intro .s2{
    background: url(../image/tools.jpg) no-repeat;
}

#site_intro .s3{
    background: url(../image/community.jpg) no-repeat;
}

#site_intro .desc{
    height: 170px;
}

#site_intro h2{
    padding: 20px 0 0 25px;
    color: #939;
}

#site_intro .desc p{
    margin-left: 25px;
    margin-top: 5px;
    color: #846478;
    font-size: 14px;
    font-weight: bold;
}

#site_intro li{
    padding-top: 3px;
    display: inline;
    float: left;
    width: 200px;
    text-align: center;
}

#site_intro li a{
    font-size: 14px;
    font-weight: bold;
    color: #fcf2f4;
}

#site_intro li p{
    color: #fcf2f4;
}

#progress{
    margin: 15px 0;
    color: #999;
}

#progress h4{
    width: 95%;
    padding: 10px 0 5px 0;
    border-top: 1px solid #ffdfdf;
    color: #666;
}

#progress li strong{
    display: block;
    float: left;
    margin-right: 10px;
    width: 55px;
    text-align: right;
    color: #aaa;
}

#pre_login .login_wrap{
    margin-top: 30px;
    padding-left: 15px;
}

#pre_login .sign_link{
    margin-bottom: 10px;
}

#pre_login .sign_link p{
    margin-bottom: 5px;
    margin-right: 25px;
}

#pre_login .sign_link p a{
    text-decoration: underline;
}

#pre_login #signin_form .field{
    width: 260px;
    height: 21px;
    font-size: 14px;
    font-weight: bold;
}

#pre_login #signin_form div{
    margin: 5px 0;	
}

#pre_login #signin_form div span{
    display: block;
    float: right;
    line-height: 24px;
    margin-right: 40px;
}

#pre_login #signin_form label{
    font-size: 13px;
}

#pre_login #signin_form label.remember{
    font-size: 12px;
}

#pre_login #signin_form button b{
    font-weight: bold;
}

#pre_login .div_line{
    font-size: 0;
    line-height: 0;
    height: 0;
    width: 265px;
    border-bottom: 1px dashed #d3c7cf;
}

#pre_login .content{
    width: 300px;
    float: left;
}

#pre_login .content h4{
    margin: 10px 0 5px 15px;
}

#pre_login .content ul{
    margin-left: 10px;
}

#pre_login .content li{
    padding-left: 15px;
    line-height: 215%;
    background: url(../image/home_item_dir.gif) no-repeat 5px center;
}

#pre_login .content li span{
    float: right;
    margin-right: 5px;
    color: #999;
}

#pre_login .partner{
    clear: both;
}

#pre_login .partner hr{
    width: 920px;
    margin: 0 20px 8px;
}

#pre_login .partner .left{
    width: 80px;
    float: left;
    text-align: right;
    
}

#pre_login .partner .right{
    width: 80px;
    float: right;
}

#pre_login .partner ul{
    margin: 0 80px;
}

#pre_login .partner li{
    float: left;
    width: 80px;
    text-align: center;
}

#pre_login .partner li a{
    color: #666;
}

/*for error info page*/
#location_link{
    color: #f60;
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma,mingliu;
}

div.code{
    margin: 15px 100px 15px 0;
    padding: 10px;
    border: 1px solid #fcc;
    background: #fff9f9;
    color: #715667;
}

p.process{
    background: url(../image/indicator_small.gif) no-repeat 15px 50%;
    display:none;
}

/*user firset guide*/
#guide_content{
    padding: 10px 10px 10px 84px;
    min-height: 90px;
    _height: 90px;
    background: url(../image/guide_girl.gif) 10px bottom no-repeat;
}

#guide_content .girl_words{
    width: 500px;
    background: url(../image/guide_back.gif) left top no-repeat #ffc;
}

#guide_content .girl_words p{
    padding: 8px;
    font-size: 13px;
    color: #8c0000;
    min-height: 40px;
    _height: 40px;
    background: url(../image/guide_back.gif) right bottom no-repeat;
}

/*contact us*/
#contact, #agreement{
    padding: 20px 0 40px 0;
}

#contact .detail{
    margin: 0 auto;
    width: 600px;
}

#agreement .detail{
    margin: 0 auto;
    width: 660px;
}

#agreement .detail dl{
    padding-top: 20px;
}

#agreement .detail dd p{
    margin: 6px 0;
}

#contact .detail dt, #agreement .detail dt{
    margin: 20px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #715667;
    border-bottom: 1px solid #fcc;	
}