body { font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-weight: 300; }
.gray-bg { background: #F9F9F9; }
.err, .suc, .point { position: absolute; right: 20px; top: 3px; height: 40px; font-size: 12px; line-height: 30px; }
.rel { position: relative; }
a { text-decoration: none; color: #666; }
a:hover { text-decoration: none; color: #ff6805; }
.ac { text-align: center; }
.f12 { font-size: 12px !important; }
.account-form { padding: 150px 0; font-size: 14PX; }
 @media (max-width: 767px) {
.account-form { padding: 100px 0; }
}
.account-form .logo { margin-bottom: 50px; text-align: center; }
.account-form .logo a img { max-width: 90%; }
.account-form .title { margin-bottom: 30px; text-align: center; }
.account-form .title h3 { font-weight: 300; text-transform: uppercase; }
.account-form .via-login { text-align: center; margin-bottom: 30px; }
.account-form .via-login a { margin-bottom: 10px; width: 100%; display: block; padding: 10px 0; color: #ffffff; border-radius: 4px; font-family: "Poppins", sans-serif; font-size: 16px; }
.account-form .via-login a i { margin-right: 7px; }
.account-form form input[type="text"], .account-form form input[type="password"], .account-form form input[type="file"] { font-weight: 300; width: 100%; padding: 6px 12px; line-height: 30px; border: 1px solid #ddd; margin-bottom: 15px; border-radius: 4px; background: #fff; }
.account-form form input[type="radio"] { padding: 6px 0px; line-height: 30px; margin-bottom: 15px; }
.account-form form input[type="file"] { line-height: 28px; padding: 6px; }
.account-form form textarea { width: 100%; height: 60px; line-height: 30px; padding: 0 8px; border: 1px solid #ddd; margin-bottom: 15px; border-radius: 4px; background: #fff; }
.account-form form input:focus { border-color: #ff6805; }
.account-form form button { margin-bottom: 15px; outline: none; }
.account-form form p { color: #263845; font-size: 13px; text-align: center; font-family: "Poppins", sans-serif; }
.account-form form p a { color: #2c2c54; }
.bttn-mid { position: relative; font-size: 16px; font-weight: 700; padding: 14px 40px; border-radius: 100px; display: inline-block; cursor: pointer; text-transform: uppercase; transition: 0.4s; font-family: "Poppins", sans-serif; }
.bttn-small { position: relative; border: 0; font-size: 14px; font-weight: 700; padding: 12px 24px; text-align: center; border-radius: 100px; display: inline-block; cursor: pointer; transition: 0.4s; font-family: "Poppins", sans-serif; text-transform: uppercase; }
.bttn-mid i, .bttn-small i { margin-right: 7px; }
.btn-fill { color: #ffffff; background: #333; font-size: 16px; }
.btn-fill:hover { background: #ff6805; color: #ffffff; box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05); }
.bttn-mid.btn-emt { padding: 12px 41px; }
.btn-emt { background: transparent; color: #ffffff; border: 2px solid #ffffff; box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05); }
.btn-emt:hover { color: #fff; box-shadow: none; background: #ff6805; border: 2px solid transparent; }
.btn-wht { background: #ffffff; color: #ff6805; box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.05); }
.btn-wht:hover { background: #ff6805; color: #ffffff; }
.account-form form p a:hover { color: #ff6805; text-decoration: underline; }
.copyright { color: #666; font-weight: 300; }
#slide_box { border-radius: 4px; width: 100%; height: 48px; text-align: center; line-height: 44px; font-size: 14px; color: #717171; background-color: #e8e8e8; border: 2px solid #e8e8e8; margin-bottom: 20px; top: 0; position: relative; right: 0; z-index: 0; overflow: hidden; }
#slide_xbox { border-radius: 0px; width: 50px; height: 44px; text-align: center; font-size: 14px; color: #fff; position: absolute; background: #35b34a; }
#yzbtn { cursor: pointer; width: 50px; height: 44px; background-color: #fff; float: right; /*-webkit-box-shadow: 0px 0px 15px 0px #ddd;
    -moz-box-shadow: 0px 0px 15px 0px #ddd;
    box-shadow: 0px 0px 15px 0px #ddd;*/ color: #8a8c97; }
#yzbtn > .iconfont { font-size: 20px; display: block; }