.logo2 {
  border-radius: 180px;
  height: 100px;
  width: 100px;
}

.login-page {
  background: url("/images/background.jpg") no-repeat center;
  background-position-y: 0px;
  /*background-size: 100%;*/
}

.login-box,
.login-page .login-box-body {
  background-color: transparent;
  max-width: 374px;
  margin: 0 auto;
}

.login-box {
  padding-top: 200px;
}

.form-group span {
  pointer-events: none;
}

.form-group input:focus ~ span {
  opacity: 0;
}

.form-group input:valid ~ span {
  opacity: 0;
}

.login-phone {
  /* margin-top: 218px; */
  margin-top: 16px;
}

.login-password,
.login-captcha {
  margin-top: 20px;
}

.login-captcha {
  text-indent: calc(150px + 1rem);
}

.form-group img {
  position: absolute;
  left: 0.5rem;
  top: 0.5rem;
  border-radius: 20px;
}

.login-box button {
  margin-top: 6px;
  font-weight: bold;
  font-size: 24px;
}

.login-box form input,
.login-box button {
  width: 100%;
  height: 48px;
  border-radius: 30px;
  /*background: none;*/
  /*border: 2px solid;*/
  /*color: white;*/
}

.login-box span {
  font-size: 28px;
  margin-top: 5px;
  margin-right: 10px;
}

.login-box .warn-msg {
  font-size: 20px;
  color: red;
  float: right;
  position: absolute;
  top: 5px;
  right: 5px;
  display: inline-block;
}

.login-box form input {
  background-color: darkgray;
  color: white;
  border: 2px solid gray;
  font-size: 24px;
}

/* .login-box form input:focus {
    background-color: transparent;
} */

.regist-box {
  width: 100%;
  text-align: center;
}

.login-box form a,
.login-box .regist-box a {
  display: inline-block;
  margin-top: 20px;
  margin-right: 10px;
  /*width: 85px;*/
  color: white;
  font-weight: bold;
  font-size: 20px;
}

/*.login-forgot{
    margin-left: 15px;
}*/
.login-regist {
  /*margin-left: 90px;*/
}

.login-box .separator {
  font-size: 20px;
  color: white;
}