/* GO navigation and Modown account/login compatibility. */
.go-site-header .go-site-brand .go-site-brand-logo {
  width: 39px !important;
  height: 25px !important;
  max-width: 39px !important;
  max-height: 25px !important;
  display: block !important;
  flex: 0 0 39px !important;
  object-fit: contain !important;
}

.sign,
.sign * {
  box-sizing: border-box;
}

.sign .sign-mask {
  background: rgba(0, 0, 0, 0.72) !important;
  opacity: 1 !important;
}

.sign .sign-box,
.sign .sign-box.has-left {
  width: min(460px, calc(100vw - 32px)) !important;
  max-height: calc(100vh - 32px);
  padding-left: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  color: #f5f5f5 !important;
  background: #070707 !important;
  border: 1px solid #242424 !important;
  border-radius: 20px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.38) !important;
}

.sign .sign-box.has-left .loginimage {
  display: none !important;
}

.sign .sign-wrap {
  width: 100%;
}

.sign .sign-wrap form {
  width: 100%;
  padding: 40px 60px 32px !important;
}

.sign .form-item {
  position: relative !important;
  z-index: 1 !important;
  width: 100%;
  min-height: 48px;
  margin: 0 0 12px !important;
  font-size: 14px !important;
  line-height: normal !important;
}

.sign .form-item[style*="text-align:center"],
.sign .form-item[style*="text-align: center"] {
  min-height: 80px;
  margin-bottom: 24px !important;
}

.sign .logo-login {
  position: static !important;
  z-index: auto !important;
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
  display: block !important;
  margin: 0 auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
}

.sign .form-control {
  position: relative;
  z-index: 1;
  width: 100% !important;
  min-width: 0 !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px 0 50px !important;
  color: #17181a !important;
  background: #fff !important;
  border: 1px solid #dedfe2 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 46px !important;
  text-indent: 0 !important;
}

/*
 * The child theme's page-wide input rule is loaded after this file. Use the
 * real popup structure here so its generic 13px padding cannot move text on
 * top of the leading icon.
 */
.sign .sign-box .sign-wrap form .form-item > input.form-control {
  padding: 0 18px 0 52px !important;
  color: #17181a !important;
  background: #fff !important;
  border: 1px solid #dedfe2 !important;
  -webkit-text-fill-color: #17181a !important;
}

.sign #user_captcha.form-control,
.sign #user_captcha22.form-control,
.sign #user_mobile_captcha.form-control,
.sign #captcha.form-control {
  padding: 0 130px 0 52px !important;
}

.sign .form-control:focus {
  border-color: #a9abb0 !important;
}

.sign .form-control::placeholder {
  color: #909399 !important;
  opacity: 1 !important;
}

.sign .form-control:-webkit-autofill,
.sign .form-control:-webkit-autofill:hover,
.sign .form-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #17181a !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  transition: background-color 9999s ease-out 0s;
}

.sign .sign-box .sign-wrap form .form-item > i.icon {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  left: 16px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: #85888d !important;
  font-size: 16px !important;
  line-height: 18px !important;
  pointer-events: none;
  transform: translateY(-50%) !important;
}

.sign .captcha-clk,
.sign .captcha-clk2,
.sign .captcha-sms-clk,
.sign .invitation-link {
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  right: 15px !important;
  max-width: 105px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #323438 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(-50%) !important;
}

.sign .captcha-clk img,
.sign .captcha-clk2 img,
.sign .captcha-sms-clk img,
.sign .captcha-img {
  position: static !important;
  width: auto !important;
  max-width: 105px !important;
  height: 34px !important;
  display: block !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/*
 * The standalone Modown login template uses .go-auth-page/.loginbox instead
 * of the popup's .sign classes. Keep it white with the same input geometry.
 */
body.go-auth-page {
  --go-text: #17181a;
  --go-muted: #7f8287;
  --go-line: #dedfe2;
  --go-line-strong: #a9abb0;
  --go-white: #fff;
  --go-black: #0d0e0f;
  color: #f5f5f5 !important;
  background: #070707 !important;
  background-image: none !important;
}

body.go-auth-page .loginbox,
body.go-auth-page .loginbox.has-left {
  width: min(460px, calc(100vw - 32px)) !important;
  padding-left: 0 !important;
  color: #f5f5f5 !important;
  background: #070707 !important;
  border: 1px solid #242424 !important;
  border-radius: 20px !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.12) !important;
}

body.go-auth-page .loginimage {
  display: none !important;
}

body.go-auth-page .sign-wrap {
  width: 100% !important;
  padding: 40px 60px 34px !important;
  color: #f5f5f5 !important;
  background: transparent !important;
}

body.go-auth-page .part {
  width: 100% !important;
  max-width: none !important;
}

body.go-auth-page .part h2 {
  margin: 0 0 28px !important;
}

body.go-auth-page .part h2 img {
  width: 80px !important;
  height: 80px !important;
  max-width: 80px !important;
  max-height: 80px !important;
  border: 0 !important;
  border-radius: 0 !important;
  object-fit: contain !important;
  filter: none !important;
}

body.go-auth-page .input-item {
  position: relative !important;
  min-height: 48px;
  margin: 0 0 12px !important;
  line-height: normal !important;
}

body.go-auth-page .input-item .input-control {
  position: relative;
  z-index: 1;
  width: 100% !important;
  height: 48px !important;
  min-height: 48px !important;
  margin: 0 !important;
  padding: 0 16px 0 50px !important;
  color: #17181a !important;
  background: #fff !important;
  border: 1px solid #dedfe2 !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  outline: 0 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 46px !important;
  text-indent: 0 !important;
}

body.go-auth-page .loginbox .sign-wrap .input-item > input.input-control {
  padding: 0 18px 0 52px !important;
  color: #17181a !important;
  background: #fff !important;
  border: 1px solid #dedfe2 !important;
  -webkit-text-fill-color: #17181a !important;
}

body.go-auth-page #user_captcha.input-control,
body.go-auth-page #user_captcha22.input-control,
body.go-auth-page #user_mobile_captcha.input-control,
body.go-auth-page #captcha.input-control {
  padding: 0 130px 0 52px !important;
}

body.go-auth-page .input-item .input-control::placeholder {
  color: #909399 !important;
  opacity: 1 !important;
}

body.go-auth-page .input-item .input-control:-webkit-autofill,
body.go-auth-page .input-item .input-control:-webkit-autofill:hover,
body.go-auth-page .input-item .input-control:-webkit-autofill:focus {
  -webkit-text-fill-color: #17181a !important;
  box-shadow: 0 0 0 1000px #fff inset !important;
  transition: background-color 9999s ease-out 0s;
}

body.go-auth-page .loginbox .sign-wrap .input-item > i.icon {
  position: absolute !important;
  z-index: 3 !important;
  top: 50% !important;
  right: auto !important;
  left: 16px !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  color: #85888d !important;
  font-size: 16px !important;
  line-height: 18px !important;
  pointer-events: none;
  transform: translateY(-50%) !important;
}

body.go-auth-page .captcha-clk,
body.go-auth-page .captcha-clk2,
body.go-auth-page .captcha-sms-clk,
body.go-auth-page .invitation-link {
  position: absolute !important;
  z-index: 4 !important;
  top: 50% !important;
  right: 15px !important;
  max-width: 112px;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  color: #323438 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 32px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
  transform: translateY(-50%) !important;
}

body.go-auth-page .input-submit {
  margin: 16px 0 0 !important;
}

body.go-auth-page .input-submit .btn,
body.go-auth-page .input-submit input[type="submit"] {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  padding: 0 18px !important;
  color: #0d0e0f !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 44px !important;
}

body.go-auth-page .input-submit .btn:hover,
body.go-auth-page .input-submit input[type="submit"]:hover {
  color: #0d0e0f !important;
  background: #dedede !important;
  border-color: #dedede !important;
}

body.go-auth-page .safe,
body.go-auth-page .sign-notice,
body.go-auth-page .form-policy {
  color: #7f8287 !important;
}

body.go-auth-page .safe a,
body.go-auth-page .sign-notice a,
body.go-auth-page .form-policy a {
  color: #65686d !important;
}

body.go-auth-page .safe a:hover,
body.go-auth-page .sign-notice a:hover,
body.go-auth-page .form-policy a:hover {
  color: #fff !important;
}

body.go-auth-page .return-home {
  color: #f5f5f5 !important;
  background: #101010 !important;
  border-color: #2a2a2a !important;
}

.sign .sign-submit {
  margin: 16px 0 0 !important;
  padding: 0 0 20px !important;
  overflow: visible !important;
  border-bottom: 1px solid #242424 !important;
}

.sign .sign-submit .btn,
.sign .sign-submit input[type="button"],
.sign .sign-submit input[type="submit"] {
  width: 100% !important;
  min-height: 46px !important;
  margin: 0 !important;
  padding: 0 18px !important;
  color: #0d0e0f !important;
  background: #fff !important;
  border: 1px solid #fff !important;
  border-radius: 9px !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 44px !important;
  cursor: pointer;
}

.sign .sign-submit .btn:hover,
.sign .sign-submit input[type="button"]:hover,
.sign .sign-submit input[type="submit"]:hover {
  color: #0d0e0f !important;
  background: #dedede !important;
  border-color: #dedede !important;
}

.sign .sign-trans {
  min-height: 22px;
  margin: 12px 0 0 !important;
  color: #96999e !important;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
}

.sign .sign-trans a,
.sign .form-policy a {
  color: #6f7277 !important;
  font-weight: 400 !important;
}

.sign .sign-trans a:hover,
.sign .form-policy a:hover {
  color: #fff !important;
}

.sign .sign-tips {
  color: #fff !important;
  background: #d64a4a !important;
}

@media (max-width: 520px) {
  .sign .sign-box,
  .sign .sign-box.has-left {
    width: calc(100vw - 24px) !important;
    max-height: calc(100vh - 24px);
    bottom: auto !important;
    top: 50% !important;
    left: 50% !important;
    border-radius: 16px !important;
    transform: translate(-50%, -50%) !important;
  }

  .sign .sign-wrap form {
    padding: 28px 22px 24px !important;
  }

  body.go-auth-page .sign-wrap {
    padding: 28px 22px 24px !important;
  }

  .sign .form-item[style*="text-align:center"],
  .sign .form-item[style*="text-align: center"] {
    margin-bottom: 20px !important;
  }
}

body.go-vip-page .vip-item li::before,
body.go-account-page .vip-item li::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}