@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700;900&family=Red+Hat+Display:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:ital,wght@0,300;1,300&display=swap');

/* https://stackoverflow.com/questions/59100312/single-button-to-show-hide-element-with-pure-css */

html,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
    scroll-padding-top: 7em;
}

ma {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
}

.el_ec_main a {
    text-decoration: none;
    color: #222;
    width: fit-content;
    margin: 0 auto;
}

.linebreak {
    display: none;
}

.linebreak_pc {
    display: block;
}

.vPC {
    /* display: inline !important; */
}

.vMB {
    display: none !important;
}

@font-face {
    font-family: "OptimaEL";
    src: url("/media/export/cms/fonts/OptimaEL-Text.eot?#iefix") format("embedded-opentype"),
        url("/media/export/cms/fonts/OptimaEL-Text.otf") format("opentype"),
        url("/media/export/cms/fonts/OptimaEL-Text.woff") format("woff"),
        url("/media/export/cms/fonts/OptimaEL-Text.ttf") format("truetype"),
        url("/media/export/cms/fonts/OptimaEL-Text.svg#OptimaEL-Text") format("svg");
    font-weight: normal;
    font-style: normal;
}

.el_ec_main {
    font-family: "OptimaEL", "Noto Sans TC", 微軟正黑體, Arial, sans-serif;
    font-size: 1rem;
    width: 100%;
    background-color: #000;
    letter-spacing: 0;
    margin: 0 auto;
    font-weight: 400;
    color: #333;
    overflow: hidden;
    position: relative;
    z-index: 1;
}


input[type=radio] ~ .label::after,
input[type=radio] ~ .label::before,
input[type=radio] ~ label::after,
input[type=radio] ~ label::before {
    display: none !important;
}

input[type=radio] ~ .label,
input[type=radio] ~ label {
    display: block !important;
    padding-left: unset !important;
    line-height: unset !important;
}

.el_ec_main label {
    text-transform: unset !important;
    display: block !important;
    font-family: "OptimaEL", "Noto Sans TC", 微軟正黑體, Arial, sans-serif !important;
    font-size: 100% !important;
    letter-spacing: unset !important;
}

.el_ec_main.for_iframe {
    background-color: unset;
}

.el_ec_main img {
    width: 100%;
    display: block;
}

.w_en {
    font-weight: 600;
}

.w_big {
    font-size: 1.6em;
    margin: 0 .1em;
}

.w_small {
    font-size: 0.7em;
}

.w_sbig {
    font-size: 1.3em;
    margin: 0 .1em;
}

.ghost_btn {
    width: 2em;
    height: 2em;
    position: absolute;
    background-color: #ff000000;
    z-index: 2;
}

.gfont {
    color: #edd7ba;
    background-image: -webkit-linear-gradient(45deg, #ffecb6 15%, #fffdee 50%, #ffecb6 85%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.gfont_light {
    color: #edd7ba;
    background-image: -webkit-linear-gradient(45deg, #fff2cc 15%, #f3f3df 50%, #ffde78 85%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.gfont2 {
    color: #edd7ba;
    background-image: -webkit-linear-gradient(322deg, #2c1b07 15%, #b7956a 70%, #2c1c05 95%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.gfont3 {
    color: #edd7ba;
    background-image: -webkit-linear-gradient(322deg, #2c1b07 15%, #6b4d28 70%, #2c1c05 95%);
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
}

.el_ec_main > div {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    margin: 0 auto;
    max-width: 85.375em;
}

.el_ec_main sup {
    font-size: .6em;
}



















/**
 *    ██   ██ ██    ██ 
 *    ██  ██  ██    ██ 
 *    █████   ██    ██ 
 *    ██  ██   ██  ██  
 *    ██   ██   ████   
 *                     
 *                     
 */

.kv {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/kv_bg.png);
    height: 30.313em;
}

.kv_bd {}

.kv_bd > div {
    position: absolute;
}

.kv_text {
    top: 11.3em;
    left: 53.7em;
}

.kv_text_t {
    font-size: 1.6em;
}

.kv_text_t span {
    font-size: 1.1em;
    font-weight: 400;
    margin-right: .1em;
}

.kv_super {
    top: 14.3em;
    left: 45.1em;
    filter: drop-shadow(.1em .1em .1em black);
}

.kv_super_t {
    font-size: 3.8em;
}





/***
 *            ███    ███ ███████ ███    ██ ██    ██ 
 *            ████  ████ ██      ████   ██ ██    ██ 
 *            ██ ████ ██ █████   ██ ██  ██ ██    ██ 
 *            ██  ██  ██ ██      ██  ██ ██ ██    ██ 
 *            ██      ██ ███████ ██   ████  ██████  
 *                                                  
 *                                                  
 */
.sticky_menu {
    width: 100%;
    position: sticky !important;
    padding: 0 0 0 0 !important;
    left: calc(50% - 40.8em);
    top: 75px;
    overflow: hidden;
    z-index: 10;
    background-color: unset;
    margin-top: -5.313em;
}

.menu_2025sa {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/menu_bg.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 5.313em;
    position: relative !important;
}


.menu_bd {
    display: grid;
    grid-template-columns: 14.5em 13.6em 13.2em 6.3em;
    margin: 1.4em 0 0 22.8em;
    height: 3.6em;
    line-height: 3em;
}

.menu_bd a {
    width: 100%;
}

.menu_seed {
    font-size: 1.1em;
    color: #231815;
    padding-top: .5em;
    font-weight: 500;
    font-size: 1.3em;
    filter: drop-shadow(0 1px 0 #ffffffcc);
}


.menusp {
    height: 4.313em;
    z-index: 99;
}

.menusp_bd {}


/**
 *    ████████  ██████  ██████  ███████  █████  ██      ███████ ███████ 
 *       ██    ██    ██ ██   ██ ██      ██   ██ ██      ██      ██      
 *       ██    ██    ██ ██████  ███████ ███████ ██      █████   ███████ 
 *       ██    ██    ██ ██           ██ ██   ██ ██      ██           ██ 
 *       ██     ██████  ██      ███████ ██   ██ ███████ ███████ ███████ 
 *                                                                      
 *                                                                      
 */
.topsales {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/topsales_bg.png);
    height: 67.438em;
}

.topsales_bd {}

.topsales_bd > div {
    position: relative;
}

.topsales_title {
    margin: 4.5em auto 2em;
}

.topsales_title_t {
    font-size: 2.2em;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    letter-spacing: .06em;
}

.topsales_title_t2 {
    color: #fff;
    width: fit-content;
    margin: 0.6em auto 0;
    font-size: 1.7em;
}

#topsales_owl_iframe {
    width: 100%;
    height: 53em;
    margin: 0 0 0 0;
}

.topsales_iframe {
    position: relative;
    width: 100%;
    height: 53em;
}

.topsales_owl {
    position: relative;
    width: 71em;
    margin: 0 auto;
}

.topsales_pds {
    position: relative;
}

.topsales_pd {
    background-repeat: no-repeat;
    background-position: center 3.1em;
    background-size: 100%;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/topsales_pd_bg.png);
    width: 35.5em;
    height: 48em;
}

.topsales_pd_ct {
    position: relative;
    width: 79.6%;
    margin: 0 0 0 3.9em;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 3.8em 2.7em 4.7em 17.6em 3.5em 7.5em 3em 3em;
}

.topsales_pd_ct a {
    width: 100%;
}

.topsales_pd_disc {
    position: absolute;
    top: 8.8em;
    left: 15.9em;
    font-size: 1.5em;
    width: 4em;
    font-style: italic;
    font-weight: 500;
    text-align: center;
}

.topsales_pd_disc span {
    font-size: 2em;
    margin: 0 .06em 0 0;
    font-weight: 600;
}

.topsales_pd_s {
    width: fit-content;
    margin: 0 auto;
    font-size: 2em;
    font-weight: 500;
    font-style: italic;
    line-height: 2.2em;
}

.topsales_pd_s span {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 0.15em;
}

.topsales_pd_n {
    font-size: 1.6em;
    text-align: center;
    line-height: 1.8em;
    width: fit-content;
    margin: 0 auto;
    font-weight: 500;
}

.topsales_pd_f {
    color: #fff;
    font-size: 1.9em;
    width: fit-content;
    margin: 0 auto;
    line-height: 2.3em;
}

.topsales_pd_f span {
    font-size: 1.5em;
    font-style: italic;
    margin: 0 .06em;
}

.topsales_pd_p {
    width: 80%;
    margin: 0 auto;
}

.topsales_pd_d {
    color: #fff;
    font-size: 1.5em;
    width: fit-content;
    margin: 0 auto;
    line-height: 2.2em;
    font-weight: 500;
}

.topsales_pd_i {
    color: #FFF;
    text-align: center;
    font-size: 1.15em;
}

.topsales_pd_price {
    width: fit-content;
    margin: 0 auto;
    font-size: 1.15em;
    font-weight: 500;
    line-height: 2.5em;
}

.topsales_pd_price span {
    font-size: 1.5em;
    font-weight: 600;
}

.topsales_pd_btn {
    color: #fff;
    font-size: 1.3em;
    line-height: 2.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topsales_pd_btn span {
    font-size: .7em;
    margin: 0 0 0 .5em;
}

.topsales_pd_notice {
    position: absolute;
    bottom: -1.5em;
    color: #ffffff99;
    text-align: center;
    left: 10.8em;
}

.topsales_arrows {
    position: absolute;
    top: 25.2em;
    width: 86%;
    margin: 0 0 0 7%;
    z-index: 2;
}

.topsales_arrow_l {
    width: 2.5em;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9;
}

.topsales_arrow_r {
    width: 2.5em;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}


/**
 *     ██████  ██ ███████ ████████ ███████ 
 *    ██       ██ ██         ██    ██      
 *    ██   ███ ██ █████      ██    ███████ 
 *    ██    ██ ██ ██         ██         ██ 
 *     ██████  ██ ██         ██    ███████ 
 *                                         
 *                                         
 */
.gifts {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/gifts_bg.png);
    height: 67.063em;
}

.gifts_bd {}

.gifts_title {
    margin: 5.9em auto 3em;
}

.gifts_title_t {
    font-size: 2.2em;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    letter-spacing: .06em;
}

.gifts_title_t2 {
    color: #fff;
    width: fit-content;
    margin: 0.6em auto 0;
    font-size: 1.7em;
}

.gifts_pds {
    position: relative;
}

.gifts_pd {
    width: 23em;
    height: 28em;
    position: absolute;
}

.gifts_pd1 {
    top: 0.8em;
    left: 31em;
}

.gifts_pd1 .gifts_pd_i {
    margin: 1em 0 0 -8em;
}

.gifts_pd2 {
    top: 19em;
    left: 8.9em;
}

.gifts_pd3 {
    top: 19em;
    left: 30.9em;
}

.gifts_pd4 {
    top: 19em;
    left: 53em;
}

.gifts_pd_tag {
    font-size: 1.3em;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/gifts_tag_bg.png);
    width: 9.2em;
    height: 2.1em;
    text-align: center;
    line-height: 1.9em;
    margin: 0 auto;
}

.gifts_pd1 .gifts_pd_tag {
    line-height: 2.1em;
}

.gifts_pd_tag_t {
    width: fit-content;
    margin: 0 auto;
}

.gifts_pd_tag_t span {
    font-weight: 600;
    font-size: 1.3em;
    margin: 0 .1em;
}

.gifts_pd_tag_top {
    text-align: center;
    width: fit-content;
    font-size: 1.3em;
    margin: 0 auto;
    position: absolute;
    top: -1.5em;
    left: 5em;
}

.gifts_pd_i {}

.gifts_pd_i_n {
    text-align: center;
    width: fit-content;
    font-size: 1.5em;
    font-weight: 500;
    margin: 0.4em auto;
}

.gifts_pd_i_d {
    color: #fff;
    text-align: center;
    width: fit-content;
    font-size: 1.1em;
    line-height: 1.3em;
    font-weight: 300;
    margin: 0 auto;
}

.gifts_pd_i_i {
    position: absolute;
    width: 100%;
    text-align: center;
    color: #ffffff99;
    bottom: 0;
    font-size: .9em;
}


/**
 *    ███████  ██████ ██████  ██████   ██████  ███    ███  ██████  ████████ ██  ██████  ███    ██ ███████ 
 *    ██      ██      ██   ██ ██   ██ ██    ██ ████  ████ ██    ██    ██    ██ ██    ██ ████   ██ ██      
 *    █████   ██      ██████  ██████  ██    ██ ██ ████ ██ ██    ██    ██    ██ ██    ██ ██ ██  ██ ███████ 
 *    ██      ██      ██      ██   ██ ██    ██ ██  ██  ██ ██    ██    ██    ██ ██    ██ ██  ██ ██      ██ 
 *    ███████  ██████ ██      ██   ██  ██████  ██      ██  ██████     ██    ██  ██████  ██   ████ ███████ 
 *                                                                                                        
 *                                                                                                        
 */
.ecpromotions {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_bg.png);
    height:197em;
}

.ecpromotions_bd {}

.ecpromotions_title {
    margin: 5.1em auto 2em;
}

.ecpromotions_title_t {
    font-size: 2.2em;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    letter-spacing: .06em;
}

.ecpromotions_title_t2 {
    color: #231815;
    width: fit-content;
    margin: 0.6em auto 0;
    font-size: 1.7em;
}

.ecpromotions_iframe {
    position: relative;
    width: 100%;
    height: 190em;
}

#ecpromotions_owl_iframe {
    width: 100%;
    height: 190em;
    margin: 0 0 0 0;
}



.ecpromotions_iframe_bd {}

.ecpromotions_tabs {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    column-gap: 2em;
}

.ecpromotions_tab {
    color: #231815;
    font-size: 1.6em;
    height: 1.6em;
    border-bottom: 2px solid;
    cursor: pointer;
}

.ecpromotions_tab.acted {
    border-bottom: 5px solid;
}

.ecpromotions_subs {
    width: 75em;
    height: 56.625em;
    margin: 2em auto 0;
}

.ecpromotions_sub {
    width: 100%;
    height: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
}

.ecpromotions_sub1 {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_sub1_bg.png);
}

.ecpromotions_sub2 {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_sub2_bg.png);
}

.ecpromotions_sub3 {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_sub3_bg.png);
}

.ecpromotions_sub_t {
    position: absolute;
    top: 11em;
    left: 37em;
    width: 34em;
}

.ecpromotions_sub_t1 {
    color: #020b2d;
    font-size: 1.5em;
    width: fit-content;
    margin: 0 auto;
    height: 1.8em;
}

.ecpromotions_sub_t2 {
    color: #020b2d;
    font-size: 2.4em;
    font-weight: 500;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
    line-height: 1.2em;
    margin: 0.4em auto 0;
}

.ecpromotions_sub_t3 {
    color: #020b2d;
    font-size: 1.5em;
    width: fit-content;
    margin: 0 auto;
}

.ecpromotions_sub_owl {
    overflow: hidden;
    position: relative;
}

.ecp1_pds {
    width: 70em !important;
    margin: 29em auto 0 !important;
    height: 27em;
}

.ecp1_pd {
    width: 35em;
    height: 22.2em;
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecp_pd_bg.png);
}

.ecp1_pd_ct {
    width: 100%;
    height: 21em;
    padding: 1em;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    position: relative;
}


.ecp1_pd_ct a {
    grid-column: 1/3;
}

.ecp1_pd_disc {
    position: absolute;
    top: 5.9em;
    left: 31.3em;
    font-style: italic;
    font-size: 1em;
    width: 3.6em;
    height: 3.6em;
    text-align: center;
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecp_tag.png);
    line-height: 3.5em;
}

.ecp1_pd_disc span {
    font-size: 1.8em;
    font-weight: 600;
}

.ecp1_pd_lp {
    margin-left: 1em;
    margin-top: 1em;
}

.ecp1_pd_lp1 {
    font-size: 1.2em;
    padding: 0.1em 1em;
    background-image: -webkit-linear-gradient(45deg, #fbe9b7 15%, #ffefcb 50%, #dbbe80 85%);
    width: fit-content;
    border-radius: 1em;
    font-weight: 500;
}

.ecp1_pd_lp1 b {
    font-weight: 600;
    margin: 0 .1em;
    font-size: 1.15em;
}

.ecp1_pd_lp2 {
    font-size: 1.4em;
    font-weight: 500;
    color: #0f162b;
    margin: 0.2em 0;
}

.ecp1_pd_lp3 {
    color: #0f162b;
    line-height: 1.4em;
}

.ecp1_pd_lp4 {
    font-size: 1.2em;
    font-weight: 500;
    color: #c50100;
}

.ecp1_pd_lp4 span {
    font-size: 1.5em;
    font-weight: 600;
    margin: 0 .1em;
}

.ecp1_pd_rp {}

.ecp1_pd_rp1 {
    color: #953a23;
    font-size: 1.2em;
    width: fit-content;
    margin: 1em auto 0;
    text-align: center;
    line-height: 1.2em;
    height: 3em;
}

.ecp1_pd_rp2 {
    width: 85%;
    margin: 0 auto;
}

.ecp1_pd_btn {
    background-position: left top;
    background-size: 100%;
    background-repeat: no-repeat;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecp_btn.png);
    color: #fff;
    font-size: 1.2em;
    width: 10em;
    height: 2.4em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecp1_pd_btn span {
    font-size: .7em;
    margin-left: 0.4em;
}

.ecp2_pds {
    width: 70em !important;
    margin: 29em auto 0 !important;
    height: 27em;
}

.ecpromotions_sub2 .ecp1_pd_ct {
    grid-template-columns: 1.2fr 1fr;
}

.ecpromotions_sub2 .ecp1_pd_lp {
    margin-left: 0.5em;
}

.ecpromotions_sub2 .ecp1_pd_disc {
    width: 5.6em;
    height: 5.6em;
    line-height: 1.4em;
    left: 29.3em;
    padding-top: 1.1em;
    font-style: normal;
    top: 4em;
}

.ecpromotions_sub2 .ecp1_pd_lp2 {
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.ecpromotions_sub2 .ecp1_pd_rp2 {
    width: 92%;
}


.ecp3_pds {
    width: 70em !important;
    margin: 29em auto 0 !important;
    height: 27em;
}

.ecp3_pds_mobile {
    display: none !important;
}

.ecpromotions_sub3 .ecp3_p1 {
    width: 70em;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecp_pd_bg_big.png);
}

.ecp1_pd_lp3g {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
}

.ecp3_p1 .ecp1_pd_rp2 {
    width: 82%;
    margin: 2em auto 0;
}

.ecp3_p1 .ecp1_pd_disc {
    top: 3.9em;
    left: 30.3em;
}

.ecp3_p1 .ecp1_pd_lp1 {
    margin: 0 auto;
}

.ecp3_p1 .ecp1_pd_lp4 {
    margin: 0 auto;
    width: fit-content;
}

.ecp3_p1 .ecp1_pd_lp2 {
    margin: 0.2em auto;
    width: fit-content;
}

.ecpromotions_sub3 .ecp1_pd_lp3 span {
    letter-spacing: -.05em;
}

.ecpromotions_sub3 .ecp1_pd_rp1 {
    height: 2em;
}

.ecp3_pd_2g {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}


.ecpromotions_sub_arrow {
    position: absolute;
    top: 39em;
    width: calc(100% + 3em);
    margin: 0;
    z-index: 2;
    left: -1.5em;
}

.ecpromotions_arrow_l {
    width: 2.5em;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    z-index: 9;
}

.ecpromotions_arrow_r {
    width: 2.5em;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    z-index: 9;
}

/**
 *    ████████ ██ ███    ███ ███████ ████████  █████  ██████  ██      ███████ 
 *       ██    ██ ████  ████ ██         ██    ██   ██ ██   ██ ██      ██      
 *       ██    ██ ██ ████ ██ █████      ██    ███████ ██████  ██      █████   
 *       ██    ██ ██  ██  ██ ██         ██    ██   ██ ██   ██ ██      ██      
 *       ██    ██ ██      ██ ███████    ██    ██   ██ ██████  ███████ ███████ 
 *                                                                            
 *                                                                            
 */
.timetable {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/timetable_bg.png);
}

.timetable_bd {}

.timetable_bd > div {
    position: relative;
}

.timetable_title {
    margin: 5em auto 3em;
}

.timetable_title_t {
    font-size: 2.2em;
    color: #fff;
    width: fit-content;
    margin: 0 auto;
    letter-spacing: .06em;
}

.timetable_area {
    width: 90%;
    margin: 0 auto;
}

.timetable_area_t {
    width: 8em;
    height: 1.975em;
    margin: 3em auto 0;
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/timetable_area_bg.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #19253e;
    font-size: 1.2em;
    font-weight: 500;
}

.dept_list {
    width: 90%;
    margin: 0 auto;
    max-width: 53.5em;
}

.dept_item {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 20% 20% 20%;
    justify-items: center;
    min-height: 2em;
    align-items: center;
    background-repeat: no-repeat;
    background-size: 1.3em;
    color: #fff;
    font-size: 1em;
    text-align: center;
}

.dept_item:nth-of-type(even) {
    background-color: #244b87;
}

.dept_item:nth-child(1) {
    background-color: transparent;
    color: #fff;
}

.dept_tel {
    color: #fff !important;
}

.dept_tel a {
    color: #fff !important;
}

.timetable_notice {
    text-align: center;
    margin: 3em auto 2em;
}

.timetable_notice_t {
    color: #fff;
    font-size: .9em;
    font-weight: 100;
}













.platinum {
    background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/platinum_bg.png);
    height: 26.625em;
}

.platinum_bd {}

.platinum_bd > div {
    position: absolute;
}

.platinum_texts {
    top: 6.5em;
    left: 44.2em;
    width: 22em;
    height: 12em;
}

.platinum_text1 {
    font-size: 1.4em;
    width: fit-content;
    margin: 0 auto;
    height: 1.5em;
    letter-spacing: .02em;
}

.platinum_text2 {
    width: fit-content;
    font-size: 1.4em;
    letter-spacing: 0.7em;
    font-weight: 300;
    height: 1.8em;
    margin: 0 0 0 1.4em;
}

.platinum_text3 {
    font-size: 2.7em;
    letter-spacing: .01em;
    width: fit-content;
    margin: 0 0 0 0.6em;
    font-weight: 500;
    filter: drop-shadow(0 1.5px 0 #fff);
}

.platinum_btn {
    top: 18.1em;
    left: 49.3em;
}

.platinum_btn_t {
    font-size: 1.5em;
    color: #fff;
    display: flex;
    align-items: center;
}

.platinum_btn_t span {
    font-size: .6em;
    margin-left: 0.6em;
}

.platinum .ghost_btn {
    width: 21em;
    height: 5em;
    position: absolute;
    background-color: #ff000000;
    z-index: 2;
    top: 17em;
    left: 45em;
}


/***
 *                                                                                   ██╗██████╗  ██████╗  ██████╗ 
 *                                                                                  ███║╚════██╗██╔════╝ ██╔════╝ 
 *            █████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗    ╚██║ █████╔╝███████╗ ███████╗ 
 *            ╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝     ██║ ╚═══██╗██╔═══██╗██╔═══██╗
 *                                                                                   ██║██████╔╝╚██████╔╝╚██████╔╝
 *                                                                                   ╚═╝╚═════╝  ╚═════╝  ╚═════╝ 
 *                                                                                                                
 */
@media screen and (max-width: 1366px) {

    .el_ec_main {
        font-size: 1.15vw;
    }

}

/***
 *                                                                                  ███████╗███████╗ ██████╗ 
 *                                                                                  ╚════██║██╔════╝██╔═████╗
 *            █████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗█████╗        ██╔╝███████╗██║██╔██║
 *            ╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝╚════╝       ██╔╝ ╚════██║████╔╝██║
 *                                                                                     ██║  ███████║╚██████╔╝
 *                                                                                     ╚═╝  ╚══════╝ ╚═════╝ 
 *                                                                                                           
 */
@media screen and (max-width: 750px) {

    html,
    body {
        scroll-padding-top: 20vw;
    }


    .el_ec_main {
        font-size: 2.8vw;
    }

    .vPC {
        display: none !important;
    }

    .vMB {
        display: block !important;
    }

    .linebreak {
        display: block;
    }

    .linebreak_pc {
        display: none;
    }


}