.container.register {
max-width: 945px;
padding-top: 70px;
padding-bottom: 70px;
}
.register form {
margin-top: 27px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.control input[type=text],
.control input[type=password],
.control input[type=number] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 14px;
gap: 8px;
height: 46px;
background: #FFFFFF;
border: 1px solid #E3E3E3;
}
#reset-password form{
max-width: 900px;
display: flex;
flex-wrap: wrap;
}
.register input[type=submit] {
margin-left: 0;
margin-top: 31px;
}
.form-group {
width: calc(50% - 31px);
margin-top: 17px;
}
#reset-password .form-group {
width: calc(50% - 39px);
}
#reset-password .form-group:nth-child(2) {
margin-right: 78px;
}
#reset-password form button {
margin-left: 0;
margin-top: 29px;
padding: 0 45px 0 45px;
position: relative;
transition: all .3s;
}
#reset-password form.loading button {
padding-right: 50px;
}
#reset-password {
padding-top: 70px;
padding-bottom: 137px;
}
#reset-password h1{
margin-bottom: 45px;
}
#reset-password form button:hover{
color: #001689;
background: #fff;
}
#reset-password .content ul {
list-style-type: none;
padding-left: 10px;
margin-bottom: 32px;
margin-top: 28px;
}
#reset-password .content ul li {
position:relative;
margin-bottom: 2px;
}
#reset-password .content ul li:before {
content:'-';
display:inline-block;
width: 12px;
position: absolute;
left: -10px;
}
.form-group.email {
width: 100%;
}
.form-group label {
font: normal 500 17px/23px 'Hind';
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.015em;
color: #001689;
}
.form-group.require label {
position: relative;
}
.form-group.require label:after {
content:'*';
display: inline-block;
margin-left: 4px;
}
.social-signup {
margin-top: 55px;
display: -ms-grid;
display: grid;
position: relative;
}
.social-signup strong {
position: relative;
text-align: center;
}
.social-signup strong span {
margin: 0 auto;
font: normal 500 17px/23px 'Hind';
padding: 0 41px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
letter-spacing: 0.015em;
color: #001689;
background-color: #FAF9F6;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.social-signup strong:before {
content: '';
display: block;
width: calc(100vw - 40px);
max-width: 905px;
border-top: 1px solid #001689;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.login-section {
font: normal 400 14px/17px 'Hind';
letter-spacing: 0.01em;
color: #282828;
text-align: center;
margin-bottom: 70px;
}
.register #xs-social-login-container {
margin: 0;
margin-top: 25px;
padding-bottom: 35px;
}
.register .social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.register a.xs-login__item.wslu-color-scheme--facebook {
height: 40px;
width: 40px;
margin-left: 17.5px;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/facebook.svg) no-repeat;
background-position: center;
}
.register a.xs-login__item.wslu-color-scheme--facebook i {
display: none;
}
.register a.xs-login__item.wslu-color-scheme--google {
height: 40px;
width: 40px;
margin-right: 17.5px;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/google.svg) no-repeat;
background-position: center;
}
.register a.xs-login__item.wslu-color-scheme--google i {
display: none;
}
.register a.xs-login__item.wslu-color-scheme--facebook span.xs-login__item--icon,
.register a.xs-login__item.wslu-color-scheme--google span.xs-login__item--icon {
background: transparent !important;
}
.register #xs-social-login-container .xs-login {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 115px;
grid-gap: 0;
}
.error-message, .success-message {
margin-top: 21px;
display: inline-block;
font-weight: 500;
font-size: 14px;
line-height: 17px;
padding: 13px 25px 10px 40px;
background: rgba(17, 199, 0, 0.1) url(//jebgroup.cn/wp-content/themes/jeb/assets/images/Vector-10.svg) no-repeat;
background-position: left 10px center;
position: relative;
}
.error-message {
background: #fbc6c6 url(//jebgroup.cn/wp-content/themes/jeb/assets/images/error.svg) no-repeat;
background-size: 22px;
background-position: left 10px center;
}
.close {
position: absolute;
right: 5px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 20px;
height: 20px;
padding: 0;
border: none;
background: transparent url(//jebgroup.cn/wp-content/themes/jeb/assets/images/close-success.svg) center no-repeat !important;
font-size: 0;
}
.error-message .close {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/close-error.svg) !important;
}
#reset-password .error-message,
#reset-password .success-message {
margin-top: 0;
}
@media (max-width: 1024px) {
.form-group {
width: calc(50% - 21px);
}
.login-section {
margin-bottom: 26px;
}
}
@media (max-width: 767px) {
#reset-password h1 {
margin-bottom: 30px;
}
.register a.xs-login__item.wslu-color-scheme--google {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/google-mb.svg);
}
#reset-password .content ul {
margin-bottom: 0;
margin-top: 23px;
}
#reset-password .content ul li {
margin-bottom: 22px;
}
#reset-password form button {
margin-top: 39px;
max-height: 40px;
padding: 0 47px;
}
#reset-password {
padding-bottom: 75px;
padding-top: 23px;
}
}
@media (max-width: 575px) {
#reset-password .form-group:nth-child(2) {
margin-right: 0;
}
.form-group {
width: calc(50% - 3.5px);
margin-top: 18px;
}
#edit-password .form-group {
width: 100%;
margin-top: 18px;
}
.register input[type=submit] {
margin-top: 38px;
}
.social-signup strong span {
padding: 0 23px;
font-size: 15px;
line-height: 21px;
letter-spacing: -0.01em;
}
.container.register {
padding-top: 23px;
padding-bottom: 50px;
margin-top: 0;
}
.social-signup {
margin-top: 44px;
}
.container.register {
padding-top: 23px;
padding-bottom: 50px;
}
.register form {
margin-top: 21px;
}
.form-group label {
font-size: 15px;
line-height: 21px;
margin-bottom: 11px;
}
.social-signup strong:before {
width: calc(100vw - 50px);
}
.register a.xs-login__item.wslu-color-scheme--facebook,
.register a.xs-login__item.wslu-color-scheme--google {
width: 34px;
height: 34px;
margin: 0 17px;
}
.register #xs-social-login-container {
margin-top: 20px;
padding-bottom: 18px;
}
.control input[type=text],
.control input[type=password],
.control input[type=number] {
font-size: 15px;
line-height: 18.75px;
padding-top: 8px;
}
}