.loginbox .login-title-h1 {
  text-align: center;
  padding: 40px 0 35px 0;
  margin: 0;
  position: relative;
  font-weight: 100;
  font-size: 24px;
}
.loginbox .login-title-h1:after {
  width: 30px;
  height: 1px;
  background: #7a7a7a;
  position: absolute;
  content: " ";
  top: 70px;
  left: 50%;
  margin-left: -15px;
}
.loginbox .loginboxsha {
  box-shadow: 0 0 25px #f0f0f0;
  padding: 35px 0;
}
.loginbox .loginboxsha.active .lbsha-left {
  margin: 0 auto;
  border-right: 0;
}
.loginbox .loginboxsha #send {
  display: none;
  color: #4cae4c;
}
.loginbox .loginboxsha .email-suggestions {
  border: 1px solid #ddd;
  max-height: 150px;
  overflow-y: auto;
  background-color: #fff;
  position: absolute;
  z-index: 1000;
  width: calc(100% - 2px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
}
.loginbox .loginboxsha .email-suggestions div {
  padding: 8px 10px;
  cursor: pointer;
  background-color: #fff;
}
.loginbox .loginboxsha .email-suggestions div:hover {
  background-color: #f0f0f0;
}
.loginbox .lbsha-left {
  border-right: 1px dashed #CCC;
  margin-right: -1px;
}
.loginbox .lbsha-left .lbsha-form {
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
}
.loginbox .lbsha-left .lbsha-form .has-success {
  margin: 20px 0;
  color: #3c763d;
}
.loginbox .lbsha-left .lbsha-form .has-success input {
  width: 15px;
  height: 15px;
}
.loginbox .lbsha-left .login-f-c {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-border ease-in-out 0.15s, -webkit-padding ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, border ease-in-out 0.15s, padding ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, border ease-in-out 0.15s, padding ease-in-out 0.15s;
}
.loginbox .lbsha-left .login-f-c:focus {
  box-shadow: none;
  border-bottom: 2px solid #22b3e6;
  padding-bottom: 5px;
  outline: none;
}
.loginbox .lbsha-left #first_name_input,
.loginbox .lbsha-left #last_name_input {
  width: 100%;
}
.loginbox .lbsha-left .mt40 {
  margin-top: 40px;
  position: relative;
}
.loginbox .lbsha-left .mt40 .getmsgcode {
  position: absolute;
  top: 0.5rem;
  right: 0;
  background: transparent;
  color: #22B3E6;
  border: 0;
}
.loginbox .lbsha-left .mt40 .getmsgcode:disabled {
  color: #CCCCCC;
}
.loginbox .lbsha-left .mt20 {
  display: inline-block;
  width: 49%;
  margin-top: 40px;
  position: relative;
}
.loginbox .lbsha-left .mt20 .form-control-feedback {
  right: 0;
}
.loginbox .lbsha-left .btn-info {
  padding: 8px 40px;
  font-size: 16px;
  color: #FFF;
}
.loginbox .lbsha-left .dlzc {
  padding-top: 10px;
}
.loginbox .lbsha-left .dlzc a {
  padding: 0 10px;
}
.loginbox .lbsha-left .dlzc a:first-child {
  border-right: 1px solid #7a7a7a;
}
.loginbox .lbsha-left .dlzc a.blue {
  color: #22b3e6;
}
.loginbox .lbsha-right .l-r-h4 {
  padding: 40px 0 50px 0;
  margin: 0;
  text-align: center;
}
.loginbox .lbsha-right .l-r-h4-signup {
  padding: 35% 0 50px 0;
}
.loginbox .lbsha-right .add-login {
  font-size: 0;
  text-align: center;
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  margin-top: 0.5rem;
}
.loginbox .lbsha-right .add-login .login-icon {
  width: 45px;
  height: 45px;
  background: url("../images/icon-login-pc.png") no-repeat;
  display: inline-block;
  cursor: pointer;
}
.loginbox .lbsha-right .add-login .login-icon.icon-weixin {
  background-position: 0 0;
}
.loginbox .lbsha-right .add-login .login-icon.icon-weixin .qr-code {
  display: none;
}
.loginbox .lbsha-right .add-login .login-icon.icon-gg {
  background-position: -68px 0;
}
.loginbox .lbsha-right .add-login .login-icon.icon-fb {
  background-position: -136px 0;
}
.loginbox .lbsha-right .add-login .login-icon.icon-in {
  background-position: -204px 0;
}
.loginbox .lbsha-right .add-login .login-icon:last-child {
  margin-right: 0;
}

@media (max-width: 768px) {
  .loginbox .loginboxsha {
    box-shadow: none;
    padding: 0.5rem 0;
  }
  .loginbox .loginboxsha #send {
    text-align: center;
  }
  .loginbox .login-title-h1 {
    padding: 2rem 0 0 0;
    font-weight: 100;
    font-size: 1.7rem;
  }
  .loginbox .login-title-h1:after {
    display: none;
  }
  .loginbox .lbsha-form {
    width: 90%;
    font-size: 1rem;
  }
  .loginbox .lbsha-form .mt40 {
    margin-top: 2rem;
  }
  .loginbox .lbsha-left .btn-info {
    margin: 0 auto;
    padding: 3% 25%;
    display: block;
    font-size: 26/20rem;
    width: 100%;
  }
  .loginbox .lbsha-left .dlzc {
    float: none !important;
    text-align: center;
  }
  .loginbox .lbsha-right .l-r-h4 {
    padding: 2rem 0 1rem 0;
  }
  .loginbox .lbsha-right .add-login .login-icon:hover {
    transition: transform 0s;
    transform: translateX(0);
  }
  .loginbox .lbsha-right .add-login .login-icon:hover .qr-code {
    display: none;
  }
}

/*# sourceMappingURL=login.css.map */