#loginContainer{display:flex;justify-content:center;align-items:stretch;column-gap:6%}#loginContainer .loginBox{flex-basis:40%;border:solid 1px #777;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;max-width:640px;padding:3rem 6rem;margin:0;text-align:center;display:flex;flex-direction:column;justify-content:center}#loginContainer .loginBox h2{font-family:var(--font-body-family);font-size:2rem;margin-bottom:0}#loginContainer .loginBox dl dt{text-align:left}#loginContainer .loginBox .field{display:block}#loginContainer .loginBox input{padding:.5em .8em !important}#loginContainer .loginBox input::placeholder{opacity:initial !important}#loginContainer .loginBox .button,#loginContainer .loginBox button{min-width:200px}.custom-register{width:90%;max-width:1380px;margin:auto}.custom-register .reward{background-color:#f2f2f2;padding:3rem 6rem}.custom-register .reward dl{margin:0}.custom-register .reward dl+dl{margin-top:2rem}.custom-register .reward dl dt{font-size:2rem;font-weight:700}.custom-register .reward dl dd{font-size:1.5rem;margin-left:1em}.custom-register .reward dl dd>*{margin:0}.custom-register .reward dl dd ul{margin-left:-1em}.custom-register .banner{max-width:1240px;margin:auto}.custom-register .form-box{max-width:1000px;margin:auto}.custom-register .form-box h3{font-size:2rem;margin:4em auto 2em;border-bottom:solid 1px #777;padding:0 6rem 1em}.custom-register .customer:not(.account):not(.order){max-width:9999px;padding:0 6rem}.custom-register .customer:not(.account):not(.order) .formInput dl{text-align:left}.custom-register .customer:not(.account):not(.order) .formInput dl dt{text-align:left}.custom-register .customer:not(.account):not(.order) .formInput dl dt em{color:red}.custom-register .customer:not(.account):not(.order) .formInput dl dd{margin-left:0;justify-content:space-between}.custom-register .customer:not(.account):not(.order) .formInput dl dd.field,.custom-register .customer:not(.account):not(.order) .formInput dl dd .field{display:block}.custom-register .customer:not(.account):not(.order) .formInput dl dd .field{margin-top:0;flex-basis:48%}.custom-register .customer:not(.account):not(.order) .formInput dl dd input{padding:.5em .8em !important}.custom-register .customer:not(.account):not(.order) .formInput dl dd input::before,.custom-register .customer:not(.account):not(.order) .formInput dl dd input::after{display:none !important}.custom-register .customer:not(.account):not(.order) .formInput dl dd input::placeholder{opacity:initial !important}.custom-register .customer:not(.account):not(.order) .terms{margin-top:6rem;padding-top:3rem;border-top:solid 1px #777}.custom-register .customer:not(.account):not(.order) .terms .termBox{background-color:#f2f2f2;padding:1rem 3rem;height:200px;overflow-y:scroll;margin-bottom:6rem}.custom-register .customer:not(.account):not(.order) .terms .termBox dl dt{text-align:left}.custom-register .customer:not(.account):not(.order) .terms .termBox dl dd{margin-left:1em}.custom-register .customer:not(.account):not(.order) .terms button{background-color:#777;pointer-events:none;min-width:200px}.custom-register .customer:not(.account):not(.order) .terms:has(input[type="checkbox"]:checked) button{background-color:#1e467c;pointer-events:auto;cursor:pointer}@media (max-width: 991.98px){#loginContainer{display:block}#loginContainer .loginBox{display:block;width:84%;margin:0 auto;padding:3rem}#loginContainer .loginBox+.loginBox{margin-top:8%}.custom-register .reward{padding:1.5rem 2rem}.custom-register .reward dl+dl{margin-top:1rem}.custom-register .reward dl dd{margin-left:0}.custom-register .form-box h3{padding:0 2rem 1em}.custom-register .customer:not(.account):not(.order){padding:0 2rem}.custom-register .customer:not(.account):not(.order) .terms{margin-top:4rem;padding-top:2rem}.custom-register .customer:not(.account):not(.order) .terms .termBox{padding:1.5rem 2rem;height:200px;overflow-y:scroll;margin-bottom:4rem}.custom-register .customer:not(.account):not(.order) .terms .termBox dl dt{text-align:left}.custom-register .customer:not(.account):not(.order) .terms .termBox dl dd{margin-left:0}.custom-register .customer:not(.account):not(.order) .terms button{background-color:#777;pointer-events:none;min-width:200px}.custom-register .customer:not(.account):not(.order) .terms:has(input[type="checkbox"]:checked) button{background-color:#1e467c;pointer-events:auto;cursor:pointer}}
