.anmt3,.boxLoginSignUp .nLeft,.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-color:#fff; overflow: hidden}
.boxLoginSignUp a{color:#f90}

.boxLoginSignUp a.bnsa span {
    color: #fff
}
.boxLoginSignUp a:hover{opacity:.6}
.boxLoginSignUp .nLeft,.boxLoginSignUp .nRight{position: relative; height:100%}
.boxLoginSignUp .nLeft{margin-left:55%; background:#008C95 no-repeat center top / cover}
.boxLoginSignUp .nLeft>div{position: absolute; top:46%; left:50%; width:100%; transform: translate(-50%,-50%); height:70%}
.boxLoginSignUp .nLeft>div>a{display: inline-block; white-space: nowrap; margin-left:13%; font-size:.9em; color:#fff}
/*.boxLoginSignUp .nLeft>div>a:before{content:''; display: block; background:url("/img/img/logo_w.png") no-repeat center center / contain; width:12.2em; height:2em; margin-bottom:1em;}*/
.boxLoginSignUp .nLeft>div>a:hover{opacity:1}
.boxLoginSignUp .nLeft>div>span{display: block; color:#fff; font-size:1.4em; line-height:1em;}
.boxLoginSignUp .nLeft>div:after{content:''; display: block; background:url("/img/img/account/right_bg.png") no-repeat center center / cover; width:100%; height:100%; margin:1.5em auto 0;}
.boxLoginSignUp .nLeft .s2{color:#fff}
.boxLoginSignUp .nLeft .s2 a{margin-left:1em; float: left}
.boxLoginSignUp .nLeft .s2 div{margin-left:280px}
@media screen and (max-width:1400px) {
    .boxLoginSignUp .nLeft .s2{padding-left:2em}
    .boxLoginSignUp .nLeft .s2 a{float:none}
    .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{float:left; width:55%; overflow: auto}
.boxLoginSignUp .tit{padding-bottom:.5em}
.boxLoginSignUp .tit>*{line-height:1.2em;}
.boxLoginSignUp .tit b{display: block; font-size:2em; padding-bottom:.2em;}
.boxLoginSignUp .tit.sc b{display: block; font-size:1em}
.boxLoginSignUp .tit.sc p{margin:.5em 0}
.boxLoginSignUp .tit p{font-size:14px; margin:1em 0}
.boxLoginSignUp .boxForm{width:90%; max-width:400px; position: absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boxLoginSignUp .boxForm ul li{margin-bottom:.7em;}
.boxLoginSignUp .boxForm .liInput,.boxLoginSignUp .boxForm .el-input{background-color:#F5F5F5; position: relative; border-radius:.5em;}
.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 #008C95; 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: left}
.boxLoginSignUp .boxForm .divider-break.c{text-align: center}
.boxLoginSignUp .boxForm .divider-break a{font-size:.7em; color:#999}
.boxLoginSignUp .boxForm .el-form-item__label{display: none}
.boxLoginSignUp .boxForm .el-input,.boxLoginSignUp .boxForm .el-form-item__content{font-size: inherit;}
.boxLoginSignUp .boxForm .el-form-item{margin-bottom:.7em}
.boxLoginSignUp .boxForm .el-form-item__error{position:static; padding-left:2em; margin-bottom:-8px}
.boxLoginSignUp .boxForm .note1{font-size:.7em; color:#999; line-height:1.3em; display: block; padding:1em 1.8em 0}
.boxLoginSignUp .boxForm .note1.mt{padding:1em 0 0;}
.boxLoginSignUp .boxForm .note1 a{text-decoration-line: underline; color:#666}
.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;}
.boxLoginSignUp .el-button.el-button--jiepei{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 #008C95; 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}*/

@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 .nLeft{width:0}
    .boxLoginSignUp .nLeft div{display:none}
    .boxLoginSignUp .nRight{margin-left:0; width:100%}
}
@media screen and (max-width:750px) {
    .boxLoginSignUp.boxLoginWin .boxForm{width:100%;}
}
.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: 0px 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: 0px 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: #008C95;
    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: 0px 8px 20px rgba(0, 140, 149, 0.3);
    }

    .quote-button:focus {
        outline: none;
        box-shadow: 0px 0px 0px 3px rgba(0, 140, 149, 0.3);
    }