@media screen and (max-width: 750px) {





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

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

    .kv_bd {}

    .kv_bd > div {
        position: absolute;
    }

    .kv_text {
        top: 6.2em;
        left: 10.4em;
    }

    .kv_text_t {
        font-size: 1.6em;
    }

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

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

    .kv_super_t {
        font-size: 3.8em;
    }







    /***
 *            ███    ███ ███████ ███    ██ ██    ██ 
 *            ████  ████ ██      ████   ██ ██    ██ 
 *            ██ ████ ██ █████   ██ ██  ██ ██    ██ 
 *            ██  ██  ██ ██      ██  ██ ██ ██    ██ 
 *            ██      ██ ███████ ██   ████  ██████  
 *                                                  
 *                                                  
 */
    .sticky_menu {
        width: 100%;
        padding: 0 0 0 0 !important;
        left: 0;
        top: unset;
        position: fixed !important;
        bottom: 0;
        overflow: hidden;
        z-index: 10;
        background-color: unset;
        margin-top: unset;
    }

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


    .menu_bd {
        display: grid;
        grid-template-columns: 1.1fr 1fr 1fr 1fr;
        margin: 8.8vw auto 0;
        height: unset;
        line-height: unset;
        width: 100%;
    }

    .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);
        text-align: center;
    }


    .menusp {
        height: 0;
        z-index: 99;
    }

    .menusp_bd {}


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

    .topsales_bd {}

    .topsales_bd > div {
        position: relative;
    }

    .topsales_title {
        margin: 3.2em auto 1.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.4em 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: 100vw;
        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;
        margin-left: 1.7vw;
    }

    .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: 96%;
        margin: 0 0 0 2%;
        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_m.png);
        height: 206vw;
    }

    .gifts_bd {}

    .gifts_title {
        margin: 10vw auto 0;
    }

    .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: 20em;
        height: 25.4em;
        position: absolute;
    }

    .gifts_pd1 {
        top: 10vw;
        left: 3vw;
        width: 50vw;
    }

    .gifts_pd1 .gifts_pd_i {
        margin: 0em auto 0;
    }

    .gifts_pd2 {
        top: 10vw;
        left: 46vw;
    }

    .gifts_pd3 {
        top: 90vw;
        left: 0vw;
        height: 78vw;
    }

    .gifts_pd4 {
        top: 90vw;
        left: 47vw;
        height: 78vw;
    }

    .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: 3.8em;
    }

    .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_d span {
        letter-spacing: -.1em;
    }

    .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_m.png);
        height: auto;
    }

    .ecpromotions_bd {}

    .ecpromotions_title {
        margin: 10vw auto 5vw;
    }

    .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: 562vw;
    }

    #ecpromotions_owl_iframe {
        width: 100%;
        height: 562vw;
        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: 100vw;
        height: 562vw;
        margin: 0 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_m.png);
        height: 180.267vw;
    }

    .ecpromotions_sub2 {
        background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_sub2_bg_m.png);
        height: 180vw;
        display: block;
    }

    .ecpromotions_sub3 {
        background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecpromotions_sub3_bg_m.png);
        height: 201.733vw;
        display: block;
    }

    .ecpromotions_sub_t {
        position: absolute;
        top: 26.3em;
        left: 3vw;
        width: 34em;
    }

    .ecpromotions_sub2 .ecpromotions_sub_t {
        top: 22.3vw;
        left: 16vw;
    }

    .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: 98vw !important;
        margin: 102vw auto 0 !important;
        height: 27em;
    }

    .ecp1_pd {
        width: 98vw;
        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: 98vw !important;
        margin: 103vw 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 {
        display: none !important;
    }

    .ecp3_pds_mobile {
        width: 98vw !important;
        margin: 99vw auto 0 !important;
        height: 36em;
        display: block !important;
    }

    .ecpromotions_sub3 .ecp3_p1 {
        width: 98vw;
        height: 88vw;
        background-image: url(https://www.esteelauder.com.tw/media/export/cms/202508SA/images/ecp_pd_bg_big_m.png);
    }

    .ecpromotions_sub3 .ecp3_p1 .ecp1_pd_lp {
        margin: -1em 0 0 0;
    }

    .ecpromotions_sub3 .ecp3_p1 .ecp1_pd_ct {
        grid-template-columns: 1fr;
    }

    .ecpromotions_sub3 .ecp3_p1 .ecp1_pd_ct a {
        grid-column: 1/2;
    }

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

    .ecp1_pd_lp3g div {
        line-height: 1.43em;
    }

    .ecp3_p1 .ecp1_pd_rp2 {
        width: 83%;
        margin: -2vw auto 0;
    }

    .ecp3_p1 .ecp1_pd_disc {
        top: 5.9em;
        left: 31em;
    }

    .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;
    }


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

    .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_m.png);
    }

    .timetable_bd {}

    .timetable_bd > div {
        position: relative;
    }

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

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

    .timetable_area {
        width: 100%;
        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: 96%;
        margin: 0 auto;
        max-width: 53.5em;
    }

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

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

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

    .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_m.png);
        height: 100vw;
    }

    .platinum_bd {}

    .platinum_bd > div {
        position: absolute;
    }

    .platinum_texts {
        top: 3.9em;
        left: 11.9em;
        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 1px 0 #fff);
    }

    .platinum_btn {
        top: 15.2em;
        left: 16.6em;
    }

    .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: 14em;
        left: 12.4em;
    }

}