html,
body {height: 100%;font-family:"Microsoft YaHei",微软雅黑,"Microsoft JhengHei",华文细黑,STHeiti,MingLiu;}
body {display: flex;align-items: center;padding-top: 40px;padding-bottom: 40px;background-color: #f5f5f5;}
#auth {width: 100%;height: 100%;background-color: #EEE;background-size: 100% 100%}
#logo img {max-height: 2.65rem;max-width: 11.25rem;}
.form-signin {width: 100%;max-width: 330px;padding: 15px;margin: auto;background: rgba(255,255,255,0.7);border-radius: 5px;}
.form-signin .checkbox {font-weight: 400;}
.form-signin .form-floating:focus-within {z-index: 2;}
.form-signin input[type="text"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-signin input[type="password"] {margin-bottom: 10px;border-top-left-radius: 0;border-top-right-radius: 0;}
.form-reg {width: 100%;max-width: 330px;padding: 15px;margin: auto;background: rgba(255,255,255,0.7);border-radius: 5px;}
.form-reg .checkbox {font-weight: 400;}
.form-reg .form-floating:focus-within {z-index: 2;}
.form-reg input[type="email"] {margin-bottom: -1px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-reg input[type="text"] {margin-bottom: -1px;border-radius: 0;}
.form-reg input[type="password"] {margin-bottom: -1px;border-radius: 0;}
.form-reg #repassword, .form-reg #n_repassword, .form-reg #o_password {border-radius: 0.25rem;margin-bottom: -1px;border-top-right-radius: 0;border-top-left-radius: 0;}

.form-userinfo {width: 100%;max-width: 330px;padding: 15px;margin: auto;background: rgba(255,255,255,0.7);border-radius: 5px;}
.form-userinfo .checkbox {font-weight: 400;}
.form-userinfo .form-floating:focus-within {z-index: 2;}
.form-userinfo input.first {margin-bottom: -1px;border-top-right-radius: 0.25rem !important;border-top-left-radius: 0.25rem !important;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.form-userinfo input[type="text"], .form-userinfo input[type="email"] {margin-bottom: -1px;border-radius: 0;}
.form-userinfo input[type="password"] {margin-bottom: -1px;border-radius: 0;}
.form-userinfo #address {border-radius: 0.25rem;margin-bottom: -1px;border-top-right-radius: 0;border-top-left-radius: 0;}

.oldForm input[type="text"] {border-top-right-radius: 0.25rem;border-top-left-radius: 0.25rem;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.divider{display:block;text-align:center;overflow:hidden;margin:1rem 0}
.divider .divider-text{position:relative;display:inline-block;padding:0 1rem;background-color:transparent}
.divider .divider-text:after,.divider .divider-text:before{content:"";position:absolute;top:50%;width:9999px;border-top:1px solid #FAFAFA}
.divider .divider-text:before{right:100%}
.divider .divider-text:after{left:100%}
.divider.divider-left .divider-text{left:0;float:left;padding-left:0}
.divider.divider-left-center .divider-text{left:-25%}
.divider.divider-right-center .divider-text{left:25%}
.divider.divider-right .divider-text{float:right;padding-right:0}
.btn-lg, .btn-group-lg > .btn {/*font-size: 1rem;*/}
.ulogin h3 {font-size: 1.5rem}

a {color:#212529; text-decoration: none;}
#sub_btn {width: 100%;}
#other-qq {text-align: right}
#other-wx {text-align: left}
#other-qq a svg, #other-wx a svg {fill: #999999;}
#other-qq a:hover svg, #other-wx a:hover svg {fill: #555555;}
#reg_error, #up_error {font-size: 0.9rem;}

.bd-placeholder-img {font-size: 1.125rem;text-anchor: middle;-webkit-user-select: none;-moz-user-select: none;user-select: none;}
@media (min-width: 768px) {
    .bd-placeholder-img-lg {font-size: 3.5rem;}
    body {padding-top: 20px;padding-bottom: 20px;}
}
@media (max-width: 768px) {
    body {padding-top: 20px;padding-bottom: 20px;}
}
@media (max-width: 320px) {
    body {padding-top: 0px;padding-bottom: 0px;}
    .form-signin, .form-reg {border-radius: 0;}
}
.invalid-feedback {display: none;}
.btn-primary {background: #337ab7; border-color: #337ab7}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #1c68a9;border-color: #1c68a9;}