/*@group login and register*/
.main{margin: 50px auto;}
.mainbox{ width: 90%;max-width:1024px;height: auto; margin: 0 auto;min-height:300px; }
.sign_box .login_form{ width: 100%; font-size:1.5rem; height: auto; margin-bottom:2.5rem; position: relative;}
.sign_box .login_form textarea{ color: white;width: 100%; height:6rem; border-radius: .3rem; margin: .5rem auto;background-color: #737373;}
.sign_box .login_form input[type="password"],.sign_box .login_form input[type="text"]{font-size:1.5rem;  color: white;width: 100%; height:2.5rem; border-radius: .3rem; margin: .5rem auto;background-color: #737373;}
.sign_box .login_form input[type="submit"]{font-size:1.5rem; width: 6rem;height: 2.5rem;margin:20px 0 0 0;background-color:#1dbf62;border-radius: .3rem; color: #f8f8f8; position: absolute;left: 0;}
.sign_box .login_form input[type="button"]{font-size:1.5rem;  width: 6rem;height: 2.5rem;margin:20px 0 0 0;background-color:#fb5c3c;border-radius: .3rem;color: #f8f8f8;position: absolute;right: 0;}
.sign_box .login_form p{display:none; width: 100%; height: auto; padding: .1rem 0 0 0rem; color: #c6c6c8; font-size: 1.0rem; text-align: left; margin: .1rem auto .1rem auto;border:.1rem dotted #727272;border-radius: .3rem;}
.sign_box .login_form p i{display:inline-block; width: 1rem; height: 1rem; margin-right: 1rem;position: relative;top:0rem;left: .5rem; }
.sign_box .login_form p .icon-wrong:before{content: "\e70f"; font-size: .8rem; color:#fb5c3c; }
.sign_box .login_form p .icon-right:before{content: "\e710"; font-size: .8rem; color:#1dbf62;}
.sign_box .login_form p .icon-alert:before{content: "\e707"; font-size: 1.2rem; color:#ead703;}
.sign_box .login_form p .icon-info:before{content: "\e70c"; font-size: 1.2rem; color:#ead703;position: relative;top:.2rem;left: -.2rem;}
.sign_box input::-webkit-input-placeholder { color:#fff;}
.sign_box input:-moz-placeholder {color:#fff;}
.sign_box input::-ms-input-placeholder { color:#fff;}
.accounthead {width: 100%;height: 2rem; margin: 0;}
.accounthead .logo{float: left;width: auto;height: 2rem;margin-left: .3rem;}
.accounthead .logo a{font-size:2rem;width: auto;height: 2rem;font-weight: bold;color: #ffffff;}
.sign_box{width: 100%;height: auto;margin: 0;}
.sign_box div{width: 100%;height: auto;margin: 0 auto;text-align: center;}
.sign_box h2{width: 100%;height: auto;font-size: 1.8rem;color: #c6c6c8;margin:0; text-align: center;}
.sign_box div span{color: #c6c6c8;font-size:1.5rem;display: inline-block;width:auto; height: auto;margin: .5rem auto; }
.sign_box div form{width: 100%;height: auto;margin: 0;}
.sign_box div form a{display:inline-block; text-align:left; padding:.3rem 0 0 0rem; width: 100%;height:3rem;;border-radius: .3rem;border: none;cursor: pointer;color: #f8f8f8;font-size:1.5rem;}
.sign_box div form a span{ display: inline-block; width: auto; height: auto;margin:0 0 0 3rem; color: #ffffff;}
.sign_box i{ position: relative;top:.2rem; left: 2rem;}
.sign_box .icon-facebook:before{ content: "\e78d"; font-size: 1.8rem;}
.sign_box .icon-google:before{ content: "\e787";font-size: 1.8rem;}
.sign_box .icon-email:before{ content: "\e786";font-size: 1.8rem;}
.sign_box .facebook{background-color: #395797;}
.sign_box .google{background-color: #d84b38;}
.sign_box .email{background-color: #1dbf62;}
.sign_box .already{width: 100%;height: 2rem;text-align: right;border-top:.1rem solid #545761;margin-top: 1rem;padding-top: .3rem;}
.sign_box .already a{font-size:1.5rem; display: inline-block;color: #1dbf62;margin:0 .5rem;}
footer{position: fixed; bottom: 0;}