@charset "utf-8";
/* Mafengwo Login&reg */
html,body{ width:100%; height:100%; overflow-y:auto; overflow-x:hidden;}
body{font-size:12px;font-family:verdana,Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",SimSun,STHeiti;_font-family:Tahoma,Arial,Helvetica,STHeiti;background-color: #333;}
*,*:active,*:focus { outline: 0 none;}
input,select,textarea,button{font-family:verdana,Arial,"Lucida Grande","Microsoft Yahei","Hiragino Sans GB","Hiragino Sans GB W3",STHeiti;_font-family:Tahoma,Arial,Helvetica,STHeiti;}
body, p, div{margin:0; padding:0; word-break:break-all; word-wrap:break-word;}
h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-size: 100%; }
ul,ol,li,dl,dd,dt{ margin:0; padding:0; list-style:none;}
a {color:#ffa800;text-decoration: none;}
a:hover {color:#ffa800;text-decoration: underline;}
td {font-size: 12px;color: #996600;}
img{border:none;}
input {outline: none;}
.line20 {line-height:20px;}
.tdcenter { text-align:center;}
.hide { display:none;}
.clearbg { background:none;}
.clear{clear:both;display:block;height:0;font-size:0;line-height:0;overflow:hidden;}
.clearfix:after,.wrapper:after,.article:after{content:'\20';clear:both;display:block;}
.clearfix,.wrapper,.article{*zoom:1;}

.fullscreen-bg{ background-position:50% 50%; background-size:cover; bottom:0; right:0; position:fixed; position:absolute\9; width:100%\9; height:100%\9; overflow:hidden; left:0; top:0;}
.fullscreen-bg:before{background:url(/images/signup/full_page_vignette.png) 0 0 rgba(0, 0, 0, 0.2); background-size:100%;  bottom:0; content:""; left:0; opacity:0.5; position:fixed;right: 0; top: 0;}
.fullscreen-bg:after{bottom:0; content:""; left:0; position:fixed; right:0; top:0;}
.fullscreen-bg img{ display:none; display:block\9; -ms-interpolation-mode:bicubic; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.3);height: auto;margin: 0;visibility: visible;opacity: 1;}

.wrapper{ width:980px; position:absolute; top:50%; left:50%; margin:-245px 0 0 -490px; z-index:2; color:#666;}
.container{ width:370px; margin:-30px auto 0;}
.container a.logo{ width:247px; height:126px; display:block; text-indent:-999px; overflow:hidden; background:url(../images/logo3.png) no-repeat; margin:0 auto;}
/* retina css */
@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio: 2){
	.container a.logo{background-position:-50px 0;background-size:150px 100px;}
}
.signup-forms{ position:relative;}
.signup-forms .inner{width:370px; padding-top:26px; background-color:#fff; border-radius:5px; box-shadow:0 3px 3px rgba(0,0,0,.4);}
.signup-forms .form-field label{width:70px;display:block;  float: left;
  height: 42px;
  line-height: 42px;}
.signup-forms .form-field{ clear:both; width:320px; margin:0 auto; padding-top:10px; zoom:1\9;}
.signup-forms .form-field input{ width:236px; height:28px; border:1px solid #d8d8d8; border-radius:4px; font-size:14px; color:#666; line-height:28px; padding:6px 0 6px 12px; box-shadow:0 0 5px #fff; outline:none; transition:box-shadow 0.25s linear 0s; -webkit-transition:box-shadow 0.25s linear 0s;}
.signup-forms .form-field input:focus{ border:1px solid #ffa200; box-shadow:0 0 5px #ffa200; outline:none; transition:box-shadow 0.25s linear 0s; -webkit-transition:box-shadow 0.25s linear 0s;}
.signup-forms .form-field .email{ color:#999; text-align:left; line-height:2em;}
.signup-forms .form-link{ clear:both; width:320px; margin:0 auto; padding:8px 0 0; text-align:right; }
.signup-forms .form-link a{ color:#FFA800;}
.signup-forms .err-input{ border:1px solid #ff3c00;}
#_j_forget_form{ padding-top:25px; position:relative;}
#_j_signup_mobile_form,#_j_complete_form{ padding-top:15px; position:relative;}
.signup-forms .err-tip,.signup-forms .err-tip2{ clear:both; background:url(../images/err_ico2.png) 0 -60px no-repeat #fff; padding:0 0 3px 22px; width:300px; font-size:12px; color:#ff3c00; margin-top:10px; top:0; position:absolute; text-align:left; display:none;}
.signup-forms .err-tip a{color: #ff8a00;text-decoration: none;}
.signup-forms .err-tip a:hover{text-decoration: underline;}
.signup-forms .form-field input.vcode-input{ width:174px; float:right;}
.signup-forms .vcode-view { border:1px solid #dfdfdf; border-radius:2px; box-shadow:0 0 5px #fff; display:inline-block; margin:0 0 0 10px; vertical-align: top;}
.signup-forms .vcode-view img{height:36px;}
.signup-forms .vcode-send{ width:120px; height:40px; line-height:40px; display:inline-block; margin-right:10px; text-align:center; border:1px solid #dfdfdf; border-radius:4px; background:#f2f2f2; background:-moz-linear-gradient(top,#fff,#f2f2f2); background:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2)); color:#333; vertical-align:top; float:left; overflow:hidden;}
.signup-forms .vcode-send:hover{ background:#fff; text-decoration:none;}
.signup-forms .vcode-send.disabled{background: #f2f2f2;cursor: default;color: #b3b3b3;}
.signup-forms .submit-btn{ width:320px; margin:0 auto; padding:12px 0 0;}
.signup-forms .submit-btn button{ width:320px; height:42px; border:none; background-color:#ffa800; border-radius:5px; text-align:center; line-height:40px; color:#fff; font-size:18px; font-weight:bold; cursor:pointer;}
.signup-forms .submit-btn button:hover{ background-color:#FFB01E;}
.signup-forms .submit-btn a{ color:#ff8a00;}
.signup-forms .agreement{ width:320px; margin:0 auto; padding-top:12px; font-size:12px; color:#ccc; text-align:right; line-height:1em;}
.signup-forms .agreement a{ color:#999; font-size:12px; margin-left:2px;}
.signup-forms .agreement a:hover{color:#3f200f;}
.signup-forms .connect{ clear:both; overflow:hidden; margin-top:30px;}
.signup-forms .connect .hd{ padding:15px 0 20px 24px; font-size:12px; color:#999; border-top:1px solid #ebebeb;}
.signup-forms .connect .bd{ padding:0 0 0 25px; width:348px; height:84px;overflow: hidden;}
.signup-forms .connect .bd.open{height: auto;}

.signup-forms .connect a i{ width:42px; height:42px; background:url(/images/signup/c_icon3.gif) no-repeat; display:block; margin:0 0 4px 10px; cursor:pointer;}
.signup-forms .connect a.weibo i{ background-position:0 0;}
.signup-forms .connect a.weibo:hover i{ background-position:0 -42px;}
.signup-forms .connect a.qq i{ background-position:-42px 0;}
.signup-forms .connect a.qq:hover i{ background-position:-42px -42px;}
.signup-forms .connect a.renren i{ background-position:-84px 0;}
.signup-forms .connect a.renren:hover i{ background-position:-84px -42px;}
.signup-forms .connect a.msn i{ background-position:-126px 0;}
.signup-forms .connect a.msn:hover i{ background-position:-126px -42px;}
.signup-forms .connect a.kaixin i{ background-position:-168px 0;}
.signup-forms .connect a.kaixin:hover i{ background-position:-168px -42px;}
.signup-forms .connect a.sohu i{ background-position:-210px 0;}
.signup-forms .connect a.sohu:hover i{ background-position:-210px -42px;}
.signup-forms .connect a.aq360 i{ background-position:-336px 0;}
.signup-forms .connect a.aq360:hover i{ background-position:-336px -42px;}
.signup-forms .connect a.weixin i{ background-position:-294px 0;}
.signup-forms .connect a.weixin:hover i{ background-position:-294px -42px;}
.signup-forms .connect a.more i{ background-position:-252px 0;}
.signup-forms .connect a.more:hover i{ background-position:-252px -42px;}
.bottom-link{ width:320px; margin:0 auto; text-align:center; font-size:12px; color:#fff; padding:12px 0; text-shadow:1px 1px 1px rgba(0,0,0,.4);}
.bottom-link a{ color:#ffa800; margin-left:6px;}

.signup-forms .signup-box{ position:absolute;top:0;left:0;z-index:9;display: block;}
.signup-forms.flip .signup-box{display: none;}
.signup-forms .login-box{ position:absolute;z-index:8;top:0;left:0;display: none;}
.signup-forms.flip .login-box{z-index:10;display:block;}

.signup-forms .bind-box{z-index: 0;display: none;}
.signup-forms.flip .bind-box{display: block;}

.photoby{ position:absolute; bottom:10px; right:10px; font-size:12px; color:#fff; line-height:2em; z-index:3;}
.photoby img{ vertical-align:middle; margin-right:6px; }
.photoby a{ color:#fff;}

/* Verify Email */
.ver-email{ text-align:center; width:370px; background-color:#fff; border-radius:5px;}
.ver-email .hd{ font-size:16px; line-height:1.8em; text-align:center; padding-top:30px;}
.ver-email .hd span{ font-weight: 700;color: #d62d00;}
.ver-email .btn-link {width:310px;height:40px;line-height:40px;background:#ffa800;display:inline-block;color:#fff;font-size:18px;text-align:center;border-radius:5px; margin-top:20px;}
.ver-email .btn-link:hover {background: #ff8a00;text-decoration:none;}
.ver-email .tips{ font-size:12px; line-height:2.2em; padding:20px 0 35px; color:#999;}
.ver-email .tips .title{ font-weight:bold; padding-bottom:6px;}
.ver-email .tips strong{ margin:0 3px;}

/* supply-info */
.add-info{ text-align:center; width:370px; background-color:#fff; border-radius:5px; padding-bottom:20px;}
.add-info .hd{ height:56px; background-color:#F5F5F5; border-bottom:1px solid #D8D8D8; line-height:56px; font-size:18px; color:#666; padding:0 26px; border-radius:5px 5px 0 0; text-align:left;}
.add-info .hd a{color: #ff8a00;text-decoration: none;font-size: 12px;}
.add-info .hd a:hover{text-decoration: underline;}
.add-info .m-t-10{ margin-top:10px;}

.alert{ padding:6px 10px;border: 1px solid transparent;border-radius: 4px;text-align: left;}
.alert-warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.alert-danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.signup-forms .inner .alert,.add-info .alert {width: 300px;margin: 0 auto;}
.add-info .alert {margin-top: 20px;}

/* reveal modals */
.reveal-modal-bg { position: fixed;height: 100%;width: 100%;background: #000;background: rgba(0,0,0,.8);z-index: 100;display: none;top: 0;left: 0;  }
.reveal-modal { visibility: hidden;top: 100px;left: 50%;margin-left: -300px;width: 520px;background: #eee url(/images/signup/modal-gloss.png) no-repeat -200px -80px;position: absolute;z-index: 101;padding: 30px 40px 34px;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);-box-shadow: 0 0 10px rgba(0,0,0,.4);}
.reveal-modal.small { width: 200px; margin-left: -140px;}
.reveal-modal.medium { width: 400px; margin-left: -240px;}
.reveal-modal.large { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge { width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal {font-size: 22px;line-height: .5;position: absolute;top: 8px;right: 11px;color: #aaa;text-shadow: 0 -1px 1px rbga(0, 0, 0, .6);font-weight: bold;cursor: pointer;text-decoration: none;}

.close-serive-modal {color: #666;}
.close-serive-modal h3 {height: 32px;line-height: 32px;font-size: 20px;text-align: center;color: #c91523;font-weight: 700;margin-bottom: 15px;}
.close-serive-modal p {line-height: 26px;}
.close-serive-modal li {line-height: 26px;padding-left: 20px;}

.placeholder {color: #b1b1b1!important;}
#sinal a {
  background: #d63b22 url('../images/share/weibo.png') no-repeat 0px -5px;
}
#qql a {
  background: #3eb0d8 url('../images/share/qq.png') no-repeat 0px -5px;
}
.thirdlogin ul li {
  display: block;
  float: left;
  margin-bottom: 10px;
}
.thirdlogin ul li {
  margin-right: 5px;
}
.thirdlogin ul li a {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  width: 160px;
  color: #fff;
  text-indent: 60px;
    text-decoration: none;
}