.modalOverlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: 100;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .modalBox {
            width: 566px;
            background-color: #fff;
            position: relative;
            z-index: 101;
            padding-bottom: 40px;
        }

        .modalTitle {
            font-size: 15px;
            line-height: 23px;
            text-align: center;
            letter-spacing: 0;
            color: #0f0f0f;
            padding: 40px 68px;
        }

        .modalBtnBox {
            display: flex;
            justify-content: center;
        }

        .modalBtn {
            width: 180px;
            height: 40px;
            box-sizing: border-box;
            border: 1px solid #0f0f0f;
            line-height: 40px;
            color: #0f0f0f;
            text-align: center;
            font-family: OpenSans-SemiBold, Arial, Helvetica, sans-serif;
            font-size: 14px;
            background-color: #fff;
            margin: 0 10px;
            cursor: pointer;
        }

        .modalBtnConfirm {
            color: #fff;
            background-color: #0f0f0f;
        }

        @media screen and (max-width: 768px) {
            html {
                font-size: calc((((16 / 375) * 100vw) * 0.625));
                -webkit-tap-highlight-color: transparent;
                overscroll-behavior: contain;
            }

            .modalBox {
                width: 34.3rem;
                padding: 0;
                border-radius: 0.4rem;
            }

            .modalTitle {
                font-size: 1.5rem;
                line-height: 2.3rem;
                padding: 2.4rem 1.6rem;
                box-sizing: border-box;
                border-bottom: 0.1rem solid #f1f1f1;
            }

            .modalBtn {
                width: 50%;
                height: 5rem;
                border: none;
                margin: 0;
                height: 5rem;
                line-height: 5rem;
                background-color: transparent;
                color: #999999;

            }

            .modalBtnConfirm {
                color: #0f0f0f;
                border-left: 0.1rem solid #f1f1f1;
            }
        }
        @media screen and (max-width:375px) {
            .headerArea .navAreaC .homeLogo{
                width:180px;
                left: 70px;
            }
        }
        @media  screen and (max-width:344px) {
            .headerArea .navAreaC .homeLogo{
                width:169px;
            }
        }
        @media screen and (max-width: 320px) {
            .headerArea .navAreaC .homeLogo{
                width:140px;
                left: 70px;
            }
            .headerArea .mobileMenuTab {
                    width: 21px;
                    height: 5px;
                    margin-top: -1px;
            }
            .language .label{
                font-size: 14px;
            }
            .language{
                max-width: 90px;
                min-width: 70px;
            }
            .dark.cc_dialog.simple>div>div button.cc_b_ok {
                float: inherit;
                margin-bottom: 15px;
            }

            .dark.cc_dialog.simple>div>div button.cc_b_cp {
                margin-left: 0 !important;
            }
        }
        /*Non-English layout compatibility styles (always put last)*/
        .newTranslate {
            .banerArea .signC .signUp {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                padding: 0 4px;
            }
            .headerArea .navArea{
                max-width: 1200px;
            }
            .banerArea .signC .signUp{
                width: unset;
                max-width: 400px
            }
        }