@charset "UTF-8";
body { background-color: #EEF3F7; }
.sign-container { width: 640px; margin: 0 auto; padding-top: 64px; }
.sign-container h1 { font-size: 36px; line-height: 46px; margin-bottom: 24px; text-align: center; font-weight: bold; }
.sign-container .sign-panel { padding: 24px 36px; background-color: #ffffff; box-shadow: 0px 2px 2px 0px rgba(48, 51, 55, .2); }
.sign-panel .account-attrs { margin-bottom: 24px; }
.sign-panel .form-group { margin-bottom: 0; }
.signpanel-btm { text-align: center; line-height: 24px; padding-top: 24px; }
.signpanel-btm a { color: #28b9a8; }
.link-forget { float: right; }
.sign-footer { margin-top: 100px; padding: 16px 42px; line-height: 24px; }
.sign-links { padding-right: 42px; }
.sign-links > li { display: block; float: left; margin-left: 36px; padding-top: 23px; }
.sign-links a { line-height: 24px; }
.sign-container h1 { margin-bottom: 32px; }
.intro { border-bottom: #DAE0E6 solid 1px; text-align: center; padding-bottom: 36px; margin-bottom: 64px; }
.sign-container .account-attrs { margin-bottom: 24px; }
.button-container { text-align: center; }
.button-container .btn { float: none; display: inline-block; }
.form-submit .btn {
    float: none;
}
#header{
    max-width: 1920px;
    background-color: #fff;
    height: 30px;
}
.box-right li a:hover{
    color: #28b9a8;
}
.sign-container .intro a {
    color: #28b9a8 !important;
}
.signpanel-btm a{
    color: #28b9a8 !important;
}
@media (max-width: 767px) {
.sign-container { width: 100%; padding-right: 18px; padding-left: 18px; padding-top: 24px; }
.form-wrap { width: 100%; }
.sign-links { display: none; }
.sign-container .sign-panel { background: none; padding: 0; box-shadow: none; }
.sign-container h1 { font-size: 24px; line-height: 36px; margin-bottom: 18px; }
.sign-container .btn-hero { width: 100%; margin-right: 0; }
.sign-footer { padding-right: 18px; padding-left: 18px; }
.box-left {
     float: left;
     clear: none;
     margin-left: 10px !important;
     margin-top: 3px !important; 
    }
}