.boxLoginSignUp .nRight,.boxLoginSignUp .boxForm{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

input::input-placeholder{color: #999!important;}
input::-webkit-input-placeholder{color: #999999!important;}
input::-moz-placeholder{color: #999!important;}
input::-moz-placeholder{color: #999!important;}
input::-ms-input-placeholder{color: #999!important;}

.boxLoginSignUp{width:100%; height:100%; font-size:20px!important; background:url("../images/bk_ls.png") #0A1222 no-repeat center center / cover; overflow: hidden}
.boxLoginSignUp a{color:#f90}

.boxLoginSignUp a.bnsa span {
    color: #fff
}
.boxLoginSignUp a:hover{opacity:.6}
@media screen and (max-width:1400px) {
    .boxLoginSignUp .a .s2 div{margin:1em 0 0}
}
.boxLoginSignUp .nLeft .s2 div b{font-size:1.2em; line-height:1em; padding-bottom:.4em;}
.boxLoginSignUp .nLeft .s2 div span{display: block; font-size:.8em}
.boxLoginSignUp .nLeft .s2 div span:before{content:'*'; display: inline-block; margin-right:.5em}
.boxLoginSignUp .nRight{overflow: auto}
.boxLoginSignUp .tit{padding-bottom:.5em}
.boxLoginSignUp .tit>*{line-height:1.2em;}
.boxLoginSignUp .tit b{display: block; font-size:1.6em; padding-bottom:.4em; color:#0060FF}
.boxLoginSignUp .tit.sc b{display: block; font-size:1em}
.boxLoginSignUp .tit.sc p{margin:.5em 0}
.boxLoginSignUp .tit p{font-size:14px; margin:0 0 1em}
.boxLoginSignUp .boxForm{width:90%; max-width:400px; padding:2.5em 6.5em; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff; border-radius:12px}
.boxLoginSignUp .boxForm ul li{margin-bottom:.7em;}
.boxLoginSignUp .boxForm li.label{font-size:.75em; position:relative; margin-bottom:2px}
.boxLoginSignUp .boxForm li.label.is-required{padding-left:1em;}
.boxLoginSignUp .boxForm li.label.is-required:before{content:'*'; display:block; position:absolute; left:0; top:50%; transform:translateY(-50%); color:#0060FF}
.boxLoginSignUp .boxForm .liInput,.boxLoginSignUp .boxForm .el-input{background-color:#fff; border:1px solid #DEDEDE; position: relative; border-radius:4px}
.boxLoginSignUp .boxForm .liInput input,.boxLoginSignUp .boxForm .el-input__inner{width:100%; display: block; font-size:.8em; padding:.8em 1.5em; box-sizing: border-box; border:none; background-color: transparent}
.boxLoginSignUp .boxForm .liInput input:focus,.boxLoginSignUp .boxForm .el-input__inner:focus{outline:2px solid #0060FF; border-radius:.5em}
.boxLoginSignUp .boxForm .b-buton.bnsa{width:100%; font-size:.8em; line-height:1em; box-sizing: border-box; padding:.7em 0; font-weight: bold; border-radius:.3em}
.boxLoginSignUp .boxForm .b-buton:hover{opacity:.7}
.boxLoginSignUp .boxForm .b-buton:active{opacity:1}
.boxLoginSignUp .boxForm .divider-break{text-align: right;/* Forget Password? */
    margin: 15px 0 45px;

    }
    .boxLoginSignUp .boxForm .divider-break a{
        font-family: 'HarmonyOS Sans';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 15px !important;
        color: #0060FF !important;
    }
.boxLoginSignUp .boxForm .divider-break.c{text-align: center}
.boxLoginSignUp .boxForm .divider-break a{font-size:.7em; color:#999}
.boxLoginSignUp .boxForm .el-input,.boxLoginSignUp .boxForm .el-form-item__content{font-size: inherit;}
.boxLoginSignUp .boxForm .el-form-item__label{line-height:22px; color:#333}
.boxLoginSignUp .boxForm .el-form-item{margin-bottom:.5em}
.boxLoginSignUp .boxForm .el-form-item.check{margin-bottom:1em;}
.boxLoginSignUp .boxForm .el-form-item__error{position:static; margin-bottom:-5px}
.boxLoginSignUp .boxForm .el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:before{color:#0060FF}
.boxLoginSignUp .boxForm .note1{font-size:.6em; color:#999; line-height:1.3em; display: block; padding:1em 1.8em 0}
.boxLoginSignUp .boxForm .note1.mt{padding:.2em 0;}
.boxLoginSignUp .boxForm .note1 a{text-decoration-line: underline; color:#666}
.boxLoginSignUp .boxForm .note1 .el-checkbox{font-size:inherit; font-weight:inherit}
.boxLoginSignUp .boxForm .note1 .el-checkbox__label{font-size:inherit;color:#999;}
.boxLoginSignUp .boxForm .note1 .el-checkbox__input.is-checked+.el-checkbox__label{font-size:inherit;}
.boxLoginSignUp .boxForm.es{max-width:460px; text-align: center}
.boxLoginSignUp .boxForm .nextTime{color:#f90}
.boxLoginSignUp .boxForm.es .tit p{line-height:1.6em}
.boxLoginSignUp .boxForm.es .tit p span{color:#f90}
.boxLoginSignUp .boxForm.as{max-width:646px; text-align: center}
.boxLoginSignUp .boxForm.as p{padding:.5em 3em; line-height:1.6em;}
@media screen and (max-width: 768px) {
    .boxLoginSignUp {
        background: none;
    }
    .boxLoginSignUp .boxForm{width:90%; max-width:400px; padding:1em 1em; 
        position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); 
        background-color:#fff; border-radius:12px}

}
.boxLoginSignUp .el-button.el-button--AIVON{display: block; width:100%}
/*#recaptcha_login>div{margin:0 auto}*/
.boxLoginSignUp.boxLoginWin{padding:1em; box-sizing: border-box; overflow: auto}
.boxLoginSignUp.boxLoginWin #newRegBox{max-width:800px; margin:0 auto;}
.boxLoginSignUp.boxLoginWin .boxForm{position:static; transform:none; }
.boxLoginSignUp.boxLoginWin .boxForm:nth-child(2n){margin-left:6%}
.boxLoginSignUp.boxLoginWin .tit b{font-size:1.4em; padding-bottom:.5em}
.boxLoginSignUp.boxLoginWin .boxForm .note1.mt{padding-top:.5em}

.boxRSCoupon{max-width:390px; margin:0 auto;}
.boxRSCoupon dl{display: flex; justify-content: space-between; padding-top:1em;}
.boxRSCoupon dt{background: no-repeat center center; width:40%; min-height:130px;}
.boxRSCoupon dd{width:50%; margin-left:10%; text-align: center; padding-top:.6em;}
.tit .boxRSCoupon dl dd p{margin-bottom:.5em; font-size:.7em}
.boxRSCoupon dd .bnsa{font-size:.7em; padding:.7em 0; display: block; width:170px; margin:0 auto}

/*.boxTitBQ.c{display:none}*/
/*.boxThreeSignIN .li{padding-bottom:0}*/
/*.boxThreeSignIN .li>*{width:100%; height: auto; line-height:26px; padding:.4em 0; text-align: center; border:1px solid #0060FF; margin:0 0 .7em; border-radius:.3em; color:#f90; cursor: pointer}*/
/*.boxThreeSignIN .li>*:last-of-type{margin-bottom:0}*/
/*.boxThreeSignIN .li>*:hover{opacity:.6}*/
/*.boxThreeSignIN .li .txt{font-size:.8em; vertical-align: top; display: inline-block}*/
/*.boxThreeSignIN .bn_login_fb:before{position: static; vertical-align: top; margin-right:.5em; font-size:26px}*/

.cards-container{display:flex; gap:24px; justify-content:center; flex-wrap:wrap}
.card{width:300px; background:#FFFFFF; border:1px solid #EBEEF5; border-radius:18px; box-shadow:0 5px 20px rgba(78,122,194,0.15); backdrop-filter:blur(10px); overflow:hidden; transition:all 0.3s ease; display:flex; flex-direction:column}
.card:hover{transform:translateY(-8px); box-shadow:0 15px 35px rgba(78,122,194,0.25)}
.card-image{width:100%; height:120px; background-size:cover; background-position:center; flex-shrink:0}
.card-content{padding:32px 24px; display:flex; flex-direction:column; gap:1px; min-height:0; flex:1}
.card-title{font-weight:700; font-size:22px; color:#222222; padding:10px 0; text-align:center}
.card-description{font-weight:400; font-size:16px; padding:0 !important; color:#666666; text-align:center}
.shipping-offer{display:flex; align-items:center; justify-content:center; gap:8px}
.shipping-offer-text{font-weight:400; font-size:16px; line-height:1.1em; color:#333333}
.card-footer{display:flex; justify-content:center; align-items:center; color:#FFFFFF; margin-top:auto; flex-shrink:0}
.quote-button{background:#0060FF; color:#FFFFFF !important; font-weight:700; font-size:16px; line-height:1.1em; border:none; border-radius:8px; padding:12px 32px; cursor:pointer; transition:all 0.3s ease; outline:none; min-width:80px}
.quote-button:hover{background:#007580; transform:translateY(-2px); box-shadow:0 8px 20px rgba(0,140,149,0.3)}
.quote-button:focus{outline:none; box-shadow:0 0 0 3px rgba(0,140,149,0.3)}


@media screen and (max-height:860px) {
    .boxLoginSignUp .boxForm.nf{position: static; transform:none; height: auto; margin:1em auto}
}
@media screen and (max-height:560px) {
    .boxLoginSignUp .boxForm{position: static; transform:none; height: auto; margin:1em auto}
}
@media screen and (max-width:900px) {
    .boxLoginSignUp .nRight{margin-left:0; width:100%}
}
@media screen and (max-width:750px) {
    .boxLoginSignUp.boxLoginWin .boxForm{width:100%;}
}