.login-box {
  padding-top: 8%;
  width: 480px;
  margin: auto;
}

@media screen and (max-width: 420px) {
  .login-box {
    padding-top: 10%;
    width: 360px;
  }
}

@media screen and (max-width: 360px) {
  .login-box {
    padding-top: 10%;
    width: 314px;
  }
  .content-wrapper>.content {
    padding:0 4px;
  }
}

.login-bg0-ghinf {
  background:rgba(0, 0, 0, 0) url('/static/img/ghinf/bg0.png') no-repeat center center / cover;
}

.login-bg1 {
  background:rgba(0, 0, 0, 0) url('/static/img/bg1.jpg') no-repeat center center / cover;
}

.login-bg2 {
  background:rgba(0, 0, 0, 0) url('/static/img/bg2.jpg') no-repeat center center / cover;
}

.login-bg3 {
  background:rgba(0, 0, 0, 0) url('/static/img/bg3.jpg') no-repeat center center / cover;
}

.login-logo img {
  max-width: 100%;
}