body{
      height: 100%;
      min-height: 100vh;
}

h1{
      font-weight: 600;
      font-size: var(--fsize-h1);
      margin: 0 0 30px 0;
      cursor: default;
      color: var(--black);
}

.input input{
      margin-bottom: 30px !important;
}

.input .inputErrorInfo{
      margin-top: -69px !important;
      margin-right: 5px !important;
}

.plainLink{
      color: var(--red);
      text-decoration: none;
}

.plainLink:hover{
      text-decoration: underline;
      color: var(--red);
}

.loginBox{
      border-radius: 12px;
      max-width: 495px;
      width: calc(100% - 200px);
      text-align: center;
      margin: 40px auto 40px auto;
      padding: 60px 40px;

}

#loginBox{
      background: white;
}

#loginBox .input{
      margin-bottom: 0px;
      text-align: left;
}

.wideLoginBox{
      width: calc(100% - 100px) !important;
      max-width: 820px;
}


.loginBox form{
      max-width: 362px;
      width: calc(100% - 48px);
      margin: 0 auto;
}

.wideLoginBox form{
      max-width: none;
}

.loginBox .btn{
      width: calc(100% - 32px);
      margin-bottom: 5px;
}

a{
      color: black;
}


#agreements{
      line-height: 28px;
      text-align: left;
      margin-bottom: 35px;
      margin-top: 10px;
      line-height: 36px;
}

#logo{
      width: 200px;
      height: 40px;
      margin: 60px auto 60px auto;
      background: url('/assets/images/logo-black.svg') center center no-repeat;
      background-size: contain;
}

.flex{
      display: table;
      width: 100%;
      height: 100%;
      min-height: 100vh;
}

.loginLeft{
      width: 50%;
      background: var(--black);
      height: 100%;
      display: table-cell;
}

.loginRight{
      width: 50%;
      display: table-cell;
}

#registerSteps{
      list-style-type: none;
      padding: 0;
      margin: 25px auto 60px auto;
      font-size: 0;
      width: calc(100% - 10px) !important;
      max-width: 900px;
}

#registerSteps li{
      display: inline-block;
      width: calc(20% - 10px);
      margin: 0 5px;
      border-radius: 3px;
      height: 6px;
      background-color: #b8b8b8;
}

#registerSteps li.done{
      background-color: var(--red);
}

.subLoginBox{
      text-align: center;
}

.orderStatusMark{
      font-size: 100px;
      color: var(--green-15);
      text-align: center;
      display: inline-block;
      margin: 20px auto 40px auto;
}

.payRed{
      color: var(--red-15);
}

.payGreen{
      color: var(--green-15);
}

.registration-5{

}

.registration- .btn, .registration-5 .btn{
      max-width: 400px;
}

#paymentTransfer{
      width: 100%;
      max-width: 400px;
      margin: 15px auto;
}

#paymentTransfer td{
      height: 35px;
      text-align: left;
}