@charset "UTF-8";
.sign-container { width: 640px; margin: 0 auto; padding-top: 64px;background-color: #ffffff;}
.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: 2px 2px 2px 2px 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: #FC2B7D; }
.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; }

@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; }
}