@charset "utf-8";

/*
 * File    : lang-cn.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * FONT
 * VARIABLES
 * LAYOUT
 * PAGE
 * RWD
 */



/* **************************************** *
 * FONT
 * **************************************** */
@font-face {
    font-family: 'NotoSansSC';
    font-weight: 300;
    src: url('../fonts/NotoSansSC/noto-sans-sc-v38-chinese-simplified_latin-300.woff2') format('woff2');
}

@font-face {
    font-family: 'NotoSansSC';
    font-weight: 500;
    src: url('../fonts/NotoSansSC/noto-sans-sc-v38-chinese-simplified_latin-500.woff2') format('woff2');
}

@font-face {
    font-family: 'NotoSansSC';
    font-weight: 700;
    src: url('../fonts/NotoSansSC/noto-sans-sc-v38-chinese-simplified_latin-700.woff2') format('woff2');
}



/* **************************************** *
 * VARIABLES
 * **************************************** */
html[lang="zh-Hans"] {

    /* TYPOGRAPHY */
    --font-primary: 'NotoSansSC', sans-serif;

    --font-size-primary-01: 140rem;
    --font-size-primary-02: 68rem;

    --font-lineheight-primary-02: 1.2;
    --font-lineheight-primary-05: 1.5;

}



/* **************************************** *
 * LAYOUT
 * **************************************** */
html[lang="zh-Hans"] body { word-break: break-all; }

/* HEADER */
html[lang="zh-Hans"] #menu > li > ul > li > ul > li > a > span:before { top: 13rem; }

/* FOOTER */
html[lang="zh-Hans"] .footer__subscribe form button { word-break: keep-all; }

html[lang="zh-Hans"] #footer-menu > li > a:before { top: 15rem; }

/* STRAP */
html[lang="zh-Hans"] .jt-btn__text .jt-accent-icon { top: 1rem; }
html[lang="zh-Hans"] .jt-btn__box.jt-btn--icon-plus .jt-accent-icon { top: 0; }

html[lang="zh-Hans"] .jt-checkbox label > span:before, 
html[lang="zh-Hans"] .jt-radiobox label > span:before { top: 3rem; }
html[lang="zh-Hans"] .jt-checkbox label > span:after { top: 5rem; }
html[lang="zh-Hans"] .jt-radiobox label > span:after { top: 8rem; }

html[lang="zh-Hans"] .jt-agreement__content > ul > li:before { top: 10rem; }
html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:before { top: 5rem; }
html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:after { top: 7rem; }



/* **************************************** *
 * PAGE
 * **************************************** */
/* MAIN */
html[lang="zh-Hans"] .main-visual__typo-dot { margin-left: 16rem; top: 8rem; }
html[lang="zh-Hans"] .main-technology__title-dot { top: 6rem; }

/* ABOUT US */
html[lang="zh-Hans"] .assets-system__info > li > ul > li:before { top: 10rem; }

/* PRODUCTS */
html[lang="zh-Hans"] .product-spec__table table tbody :is(th, td) { padding-top: 17rem; }
html[lang="zh-Hans"] .product-spec__table table tbody th > span { position: relative; top: -1rem; }
html[lang="zh-Hans"] .product-spec__table-btn { position: relative; top: -3rem; }
html[lang="zh-Hans"] .product-spec__table-btn .jt-accent-icon { top: 1rem; }
html[lang="zh-Hans"].samsungbrowser .product-spec__table table thead { word-break: keep-all; }
html[lang="zh-Hans"].samsungbrowser .product-spec__table table tbody { word-break: auto-phrase; }

html[lang="zh-Hans"] .product-popup__options-list > li:before { top: 10rem; }

/* CONTACT US */
html[lang="zh-Hans"] .jt-agreement__conten-table > table td:nth-child(2) { word-break: keep-all; }



/* **************************************** *
 * RWD
 * **************************************** */
@media (max-width: 1480px){

    /* VAR */
    html[lang="zh-Hans"] {
        --font-size-primary-01: 111rem;
        --font-size-primary-02: 60rem;
    }

    /* SOLUTIONS */
    html[lang="zh-Hans"] body[class*=page-template-solutions-] .article-visual__content-item p br { display: none; }

    /* CONTACT US */
    html[lang="zh-Hans"] .contact-form .jt-checkbox:has(input[name="contact[find][]"]) { grid-template-columns: 1fr 1.2fr 1fr; }

}

@media (max-width: 1200px){
    
    /* VAR */
    html[lang="zh-Hans"] {
        --font-size-primary-01: 88rem;
        --font-size-primary-02: 50rem;
    }

    /* STRAP */
    html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:before { top: 4rem; }
    html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:after { top: 6rem; }

    /* MAIN */
    html[lang="zh-Hans"] .main-visual__typo-dot { margin-left: 10rem; top: 5rem; }

    html[lang="zh-Hans"] .main-intro__content-item b + p { max-width: 420rem; }

    html[lang="zh-Hans"] .main-technology__title-dot { top: 4rem; }

    /* ABOUT US */
    html[lang="zh-Hans"] .about-intro br { display: block; }

    html[lang="zh-Hans"] .purpose-value__card-contet > p br { display: block; }

    html[lang="zh-Hans"] .assets-system__info > li > ul > li br { display: none; }
    html[lang="zh-Hans"] .assets-guide__head br { display: none; }
    html[lang="zh-Hans"] .assets-guide__color { grid-template-columns: 15fr 21fr 7fr 7fr 7fr 16fr; }

    /* PRODUCTS */
    html[lang="zh-Hans"] .product-property__material-list > li:after { top: 10rem; }

    html[lang="zh-Hans"] .product-spec__table table tbody :is(th, td) { padding-top: 16rem; }

    html[lang="zh-Hans"] .product-popup__options-list > li:before { top: 9rem; }

    /* CONTACT US */
    html[lang="zh-Hans"] .contact-form .jt-checkbox:has(input[name="contact[find][]"]) { grid-template-columns: repeat(2, 1fr); }

}

@media (max-width: 860px){

    /* VAR */
    html[lang="zh-Hans"] {
        --font-size-primary-01: 58rem;
        --font-size-primary-02: 42rem;
    }

    /* HEADER */
    html[lang="zh-Hans"] #small-menu > li > ul > li > ul > li > a > span:before { top: 11rem; }

    html[lang="zh-Hans"] .small-menu-container__contact > span { position: relative; top: -1rem; }

    /* FOOTER */
    html[lang="zh-Hans"] #footer-menu > li > a:before { top: 11rem; }

    /* MAIN */
    html[lang="zh-Hans"] .main-visual__typo-dot { margin-left: 8rem; top: 4rem; }

    /* ABOUT US */
    html[lang="zh-Hans"] .about-intro br { display: none; }

    html[lang="zh-Hans"] .purpose-value__card-contet > p br { display: none; }
    
    /* PRODUCTS */
    html[lang="zh-Hans"] .product-prologue__desc br { display: none; }
    html[lang="zh-Hans"] .product-prologue__feature br { display: none; }

    html[lang="zh-Hans"] .product-property__list-txt p br { display: none; }
    html[lang="zh-Hans"] .product-property__material-list > li:after { top: 9rem; }

    html[lang="zh-Hans"] .product-spec__table-btn .jt-accent-icon { top: 0; }

    html[lang="zh-Hans"] body.page-template-products-rom .product-introduce__content > p br { display: none; }

    /* CONTACT US */
    html[lang="zh-Hans"] .contact-form .jt-checkbox:has(input[name="contact[find][]"]) { grid-template-columns: 1fr; }

}

@media (max-width: 540px){

    /* VAR */
    html[lang="zh-Hans"] {
        --font-size-primary-01: 50rem;
        --font-size-primary-02: 38rem;

        --font-lineheight-primary-01: 1.15;
    }

    /* FOOTER */
    html[lang="zh-Hans"] #footer-menu > li > a:before { top: 10rem; }

    /* STRAP */
    html[lang="zh-Hans"] .jt-checkbox label > span:before, 
    html[lang="zh-Hans"] .jt-radiobox label > span:before { top: 1rem; }
    html[lang="zh-Hans"] .jt-checkbox label > span:after { top: 3rem; }
    html[lang="zh-Hans"] .jt-radiobox label > span:after { top: 6rem; }

    html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:before { top: 3rem; }
    html[lang="zh-Hans"] .jt-agreement__choice .jt-checkbox label > span:after { top: 5rem; }

    /* MAIN */
    html[lang="zh-Hans"] .main-intro__content-item b + p { max-width: 100%; }

    html[lang="zh-Hans"] .main-technology__content-desc br { display: none; }

    /* ABOUT US */
    html[lang="zh-Hans"] .purpose-commitment__content br { display: none; }

    html[lang="zh-Hans"] .assets-system__info > li > ul > li:before { top: 9rem; }

    /* PRODUCTS */
    html[lang="zh-Hans"] .product-property__material-list > li:after { top: 8rem; }

    html[lang="zh-Hans"] .product-spec__table table tbody :is(th, td) { padding-top: 14rem; }

    html[lang="zh-Hans"] .product-popup__options-list > li:before { top: 8rem; }

}