@import "../basic.css";

html,body{background-color:#FAFAFA;}
#wrapper{font-size:1.2em;margin:0 auto;width:960px;text-align:left;background:url(../../images/member_login_bg.png) no-repeat center 60px;}
#header{padding:20px 0;}
#content{padding:20px 0 40px 0;position:relative;}

.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;border:1px solid #CCCCCC;background-color:#FFFFFF;box-shadow:0 0 5px rgba(0,0,0,.2);}

.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{margin-bottom:15px;}

.memb-form .inner .autoentry{padding-top:5px;padding-bottom:15px;padding-left:100px;}
.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:100px;padding-bottom:20px;}
.memb-form .inner .submit button {width: 80px;font-family: "Microsoft YaHei";margin-right: 10px;}
.memb-form .inner .submit a{color:#CCCCCC;}
.memb-form .inner .submit a:hover{color:#333333;}

.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:100px;}
.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 .accounttype {padding-bottom:10px;padding-left:100px;height:20px;}
.memb-form .inner .accounttype a {color:#3366CC;text-decoration:underline;}
.memb-form .inner .accounttype a:hover {color:#525252;}*/

.memb-form .inner .strength{padding-bottom:10px;padding-left:100px;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 .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;display:inline-block;text-align:right;float:left;width:90px;padding-right:10px;}
.memb-form .item input{color:#525252;display:inline-block;border:1px solid #C8C8C8;height:18px;line-height:18px;padding:3px;padding-right:20px;vertical-align:middle;width:223px;1width:240px;}
.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{top:0;left:215px;position:absolute;line-height:26px;display:none;}
.memb-form .item .img-verifycode img{float:left;margin-top:2px;display:inline;margin-right:10px;}

.memb-form .item .placeholder{color:#999999;position:absolute;top:0;left:106px;height:26px;line-height:26px;-moz-transition:all 0.2s ease 0s;-webkit-transition:all 0.2s ease 0s;}
.memb-form .item .phlabel-hover{color:#DDDDDD;}

.memb-form .item .nickx{position:absolute;right:15px;top:0;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:0;left:380px;position:absolute;line-height:26px;display:none;color:#777777;}
.memb-form .item .prompt-error {color:#DD0000;}

#formLogin{width:360px;float:right;display:inline-block;}
#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;}