@import "basic.css";

.wrapper-public{padding:40px 20px;}

.msginfo{margin-top:20px;padding:5px 10px;}
.msg-error{background-color:#FFF2F2;border:1px solid #FF8080;}
.msg-warning{background-color:#FFF8DF;border:1px solid #FFC40F;}

#header h1{float:left;display:inline;}

#header ul{float:right;display:inline;padding-top:15px;}
#header ul li{float:left;display:inline;position:relative;}
#header ul .i-exp{color:#CCCCCC;padding:0 10px;line-height:30px;}

#header ul li h3 a{display:block;padding-right:26px;padding-left:10px;height:30px;line-height:30px;border:1px solid #FAFAFA;position:relative;z-index:999;}
#header ul li h3 a b{top:7px;right:5px;height:16px;width:16px;position:absolute;background:url(../images/arrow_down.png) no-repeat center;}

#header ul li dl{display:none;padding:2px;border:1px solid #DDDDDD;background-color:#FFF;position:absolute;top:30px;right:0;z-index:998;width:100px;}
#header ul li dl dd a{display:block;line-height:26px;padding:0 10px 0 20px;position:relative;}
#header ul li.menu-lang dl dd a{padding-left:26px;}
#header ul li dl dd a i{height:16px;width:16px;top:5px;left:5px;position:absolute;background:url("../images/icons/lang/icons-lang-sprite.png") no-repeat scroll 0 0;}
#header ul li dl dd a.icons-lang-zh-cn i{background-position:0 0;}
#header ul li dl dd a.icons-lang-en-us i{background-position:-32px 0;}
#header ul li dl dd a.icons-lang-zh-tw i{background-position:-16px 0;}
#header ul li dl dd a.icons-lang-ja-jp i{background-position:-48px 0;}
#header ul li dl dd a.icons-lang-ko-kr i{background-position:-64px 0;}
#header ul li dl dd a:hover{background-color:#FFF8DF;}
#header ul li dl dd a.current{color:#E25150;}

#header ul li.hover h3 a{background-color:#FFFFFF;border:1px solid #DDDDDD;border-bottom:none;}
#header ul li.hover h3 a b{background:url(../images/arrow_up.png) no-repeat center;}
#header ul li.hover dl{display:block;}

#footer{text-align:center;padding:20px 0 60px 0;1border-top:1px solid #DDDDDD;}
#footer p{padding:10px 0;}
#footer .site-links a{margin:0 10px;}

.memb-form{padding:20px 40px;background-color:#FFFFFF;border:2px solid #EEEEEE;}

.memb-form .title{border-bottom:1px solid #DDDDDD;}
.memb-form .title h2{font-size:1.3em;font-weight:bold;font-family:"Microsoft Yahei";padding-bottom:20px;height:32px;line-height:32px;}

.memb-form .inner{padding-top:20px;}
.memb-form .inner .item{1margin-bottom:10px;1padding:5px 0;}

.memb-form .inner .autoentry{padding-top:5px;padding-bottom:15px;padding-left:115px;}
.memb-form .inner .autoentry input{height:13px;margin:-3px 3px 0 0;vertical-align:middle;width:13px;}
.memb-form .inner .autoentry label{margin-right:10px;}

.memb-form .inner .submit{padding-left:115px;padding-top:5px;padding-bottom:20px;line-height: 24px;}
.memb-form .inner .submit button{width:80px;font-family:"Microsoft YaHei";margin-right:10px;}

.memb-form .inner .register{padding-top:20px;border-top:1px solid #DDDDDD;}
.memb-form .inner .register strong a{color:#777777;font-weight:bold;}
.memb-form .inner .register strong a:hover{color:#B20000;}

.memb-form .inner .terms{padding-top:10px;padding-bottom:20px;padding-left:115px;}
.memb-form .inner .terms input{height:13px;margin:-3px 3px 0 0;vertical-align:middle;width:13px;}
.memb-form .inner .terms label{margin-right:10px;}

.memb-form .inner .strength{padding-bottom:10px;padding-left:115px;height:20px;}
.memb-form .inner .pwd-strength{width:183px;background-color:#FFD099;position:relative;height:20px;}
.memb-form .inner .pwd-strength .pwd-bar{background-color:#FF6600;height:20px;overflow:hidden;transition:all 0.2s linear 0s;}
.memb-form .inner .pwd-weak .pwd-bar{width:60px;}
.memb-form .inner .pwd-medium .pwd-bar{width:121px;}
.memb-form .inner .pwd-strong .pwd-bar{width:182px;}
.memb-form .inner .pwd-strength .pwd-letter{top:0;left:0;position:absolute;}
.memb-form .inner .pwd-strength .pwd-letter span{float:left;display:inline;border-right:1px solid #FFFFFF;color:#FFFFFF;height:20px;line-height:20px;width:60px;text-align:center;}

.memb-form .reg-protocol {border-top: 1px solid #DDDDDD;padding:20px 0;}
.memb-form .reg-protocol .reg-title {font-size:1.3em;font-weight:bold;color:#777777;padding:10px 0;}
.memb-form .reg-protocol .reg-content {padding:10px;background: #F0F0F0;}
.memb-form .reg-protocol .reg-inner {padding:20px;height:400px;overflow: auto;}

.memb-form .inner .signin-account{padding-top:20px;border-top:1px solid #DDDDDD;}

.memb-form .item{position:relative;}

.memb-form .item label{font-size:1.2em;line-height:26px;text-align:right;float:left;display:inline;width:100px;1padding-right:5px;padding:5px;}
.memb-form .item .field{padding:5px;overflow:auto;position:relative;}
.memb-form .item input{color:#525252;float:left;display:inline;;border:1px solid #C8C8C8;height:18px;line-height:18px;padding:3px;padding-right:20px;margin-right:5px;vertical-align:middle;width:223px;}
.memb-form .item .img-verify{float:left;display:inline;margin-top:2px;cursor:pointer;}
.memb-form .item input.focus,.memb-form .item input:focus{outline:2px solid #FFDC97;border:1px solid #EFA100;}

.memb-form .item .validate-error{border-color:#FF4D4D;outline:2px solid #FFBFBF;}

.memb-form .item .txt-verifycode{width:80px;}
.memb-form .item .img-verifycode{1top:0;1left:215px;1position:absolute;1line-height:26px;1display:none;}
.memb-form .item .img-verifycode img{1float:left;1margin-top:2px;1display:inline;1margin-right:10px;}

.memb-form .item .placeholder{color:#999999;position:absolute;top:5px;left:12px;height:26px;line-height:26px;}
.memb-form .item .phlabel-hover{color:#DDDDDD;}

.memb-form .item .nickx{position:absolute;right:10px;top:5px;width:20px;height:26px;line-height:26px;background:url(../images/x.png) no-repeat center;opacity:.5;cursor:pointer;display:none;}
.memb-form .item .nickx:hover{opacity:1;}

.memb-form .item .prompt{top:5px;left:270px;position:absolute;line-height:26px;display:none;color:#777777;}
.memb-form .item .prompt-error{color:#DD0000;}

#formLogin{width:420px;margin:50px auto;border:2px solid #EEEEEE;}
#formRegister h2{float:left;display:inline;}
#formRegister .register-step{float:right;width:770px;height:32px;line-height:32px;background:url(../images/register_step.png) no-repeat;}
#formRegister .step-1{background-position:0 0;}
#formRegister .step-2{background-position:0 -32px;}
#formRegister .step-3{background-position:0 -64px;}

#formRegister .activation-text{padding:30px;padding-left:100px;background-color:#EEFFDD;border:1px solid #7CA600;}
#formRegister .activation-text p{font-size:1em;color:#666666;padding:5px 0;font-family:"Microsoft YaHei";}
#formRegister .activation-text p a{color:#3366CC;}

#loginAds .ads-1{top:100px;left:160px;position:absolute;}
#loginAds .ads-1 .text-1{color:#e38181;font-weight:bold;font-size:32px;font-family:'Microsoft Yahei';text-shadow:1px 1px 0 rgba(255,255,255,1);}
#loginAds .ads-1 .text-2{padding:10px 0;font-size:18px;font-weight:bold;font-family:'Simsun';color:#aaaaaa;text-shadow:1px 1px 0 rgba(255,255,255,1);}

#loginPrompt{left:60px;top:20px;position:absolute;background-color:#FFFFFF;border:2px solid #CCCCCC;padding:20px;width:420px;}
#loginPrompt a{color:#388AD4;}
#loginPrompt h3{font-size:1.2em;font-weight:bold;padding-bottom:10px;padding-left:2em;}
#loginPrompt dl{padding:5px 0;padding-left:2em;}
#loginPrompt dl dt{font-weight:bold;}
#loginPrompt dl dd{padding:5px 0;}

.table-passport{width:100%;font-size:1.2em;}
.table-passport td {padding:5px;}