#loreal-compaign,
#loreal-compaign.dev-mode {
    max-width: 75rem;
    width: 100%;
    margin: 0 auto;
}

#loreal-compaign.dev-mode .re202507 .brand .kls-banner__text-area>* {
    color: #000;
    background: #fff;
    margin: 0 auto;
    opacity: 0.7;
}

#loreal-compaign.dev-mode .re202507 .brand .kls-banner .kls-banner__link {
    background: rgba(255, 255, 0, 51%);
}

#loreal-compaign .re202507 .brand .kls-banner__text-area>* {
    color: transparent;
}

#loreal-compaign .re202507 .brand .kls-banner .kls-banner__link {
    background: rgba(255, 255, 0, 0%);
}

#loreal-compaign .re202507 .brand .kls-banner {
    position: relative;
    width: 100%;
}

#loreal-compaign .re202507 .brand .kls-banner p {
    line-height: normal;
}

#loreal-compaign .re202507 .brand .kls-banner picture img {
    display: block !important;
    width: 100% !important;
}

#loreal-compaign .re202507 .brand .kls-banner .title-star {
    vertical-align: top;
    font-size: 2vw;
}

@media (min-width: 1024px) {

    #loreal-compaign.maxWidth,
    #loreal-compaign.maxWidth.dev-mode {
        max-width: 750px !important;
    }

    #loreal-compaign .re202507 .brand .kls-banner .title-star {
        font-size: 12px;
    }
}

#loreal-compaign .re202507 .brand .kls-banner__container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#loreal-compaign .re202507 .brand .kls-banner__text-area {
    font-weight: 700;
    width: 100%;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner__text-area.area-abs,
#loreal-compaign .re202507 .brand .kls-banner__text-area.abs .kls-banner__text {
    position: absolute;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner__text-mb {
        display: none;
    }
}

#loreal-compaign .re202507 .brand .kls-banner__text-pc {
    display: none;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner__text-pc {
        display: block;
    }
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.area-row {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: row;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.area-row>*:not(.kls-banner__anchor) {
    flex-grow: 1;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.area-col {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.area-col>*:not(.kls-banner__anchor) {
    flex-grow: 1;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.abs,
#loreal-compaign .re202507 .brand .kls-banner__link-area.inner-area-abs .kls-banner__inner-link-area {
    position: absolute;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.inner-area-row .kls-banner__inner-link-area {
    display: flex;
    flex-direction: row;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.inner-area-row .kls-banner__inner-link-area>* {
    flex-grow: 1;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.inner-area-col .kls-banner__inner-link-area {
    display: flex;
    flex-direction: column;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.inner-area-col .kls-banner__inner-link-area>* {
    flex-grow: 1;
}

#loreal-compaign .re202507 .brand .kls-banner__link-area.link-abs .kls-banner__link {
    position: absolute;
}

#loreal-compaign .re202507 .brand .kls-banner__link {
    position: relative;
}

#loreal-compaign.dev-mode .re202507 .kls-banner__link {
    z-index: 1;
}

#loreal-compaign .re202507 .brand .kls-banner-collection {
    position: relative;
}

#loreal-compaign .re202507 .brand .kls-banner-collection__container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#loreal-compaign .re202507 .brand * {
    box-sizing: border-box;
}

#loreal-compaign .re202507 .brand p {
    margin: 0;
}

#loreal-compaign .re202507 .brand img {
    display: block;
}

#loreal-compaign .re202507 .brand picture,
#loreal-compaign .re202507 .brand img {
    width: 100%;
}

body {
    margin: 0;
}

html {
    font-family: \5fae\8edf\6b63\9ed1\9ad4, Microsoft JhengHei, sans-serif;
    overflow-y: auto !important;
}

#loreal-compaign .re202507 .brand *,
#loreal-compaign .re202507 .brand *:before,
#loreal-compaign .re202507 .brand *:after {
    box-sizing: border-box;
}

#loreal-compaign .re202507 .brand li {
    list-style: none;
}



/*****  pic_01 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: auto;
    left: 7.7%;
    top: 8.5%;
    font-size: 5.2vw;
    letter-spacing: 1.5px;
    transform: rotate(-10deg);
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: auto;
    left: 8.5%;
    top: 13.5%;
    font-size: 6.4vw;
    letter-spacing: -3.5px;
    transform: rotate(-2deg);
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: auto;
    left: 21%;
    top: 22.5%;
    font-size: 5.2vw;
    letter-spacing: -4.5px;
    transform: rotate(-2deg);
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    width: auto;
    left: 30.8%;
    top: 30.5%;
    font-size: 4.2vw;
    letter-spacing: 3px;
    transform: rotate(-3deg);
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: auto;
    left: 17.5%;
    top: 45.5%;
    font-size: 4.4vw;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: auto;
    left: 17%;
    top: 55.5%;
    font-size: 4.4vw;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: auto;
    left: 17.5%;
    top: 49.8%;
    font-size: 2.8vw;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: auto;
    left: 17.5%;
    top: 59.8%;
    font-size: 2.8vw;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: auto;
    left: 20.8%;
    top: 89.8%;
    font-size: 3.2vw;
    letter-spacing: 18.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 9.7%;
    top: 93.2%;
    letter-spacing: 0.13vw;
    font-size: 1.55vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 12.3%;
    top: 84.5%;
    letter-spacing: 0;
    font-size: 4.2vw;
    transform: rotate(-3deg);
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(6.3vw, 76px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(5.2vw, 63px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
        font-size: min(4.8vw, 50px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
        font-size: min(4.6vw, 50px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(3.4vw, 37px);
        letter-spacing: 2.1vw;
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(1.55vw, 19px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
        font-size: min(4.2vw, 50px);
    }
}


/*****  pic_01 end  *******/


/*****  pic_02 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 6.5%;
    top: 6.5%;
    font-size: 5vw;
    letter-spacing: 1.5px;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 4.8%;
    top: 18.5%;
    font-size: 5vw;
    letter-spacing: 2px;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 68.7%;
    font-size: 5.4vw;
    letter-spacing: 1.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    top: 36.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    top: 57.6%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    top: 79.6%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="6"] {
    width: max-content;
    left: 68%;
    font-size: 3.8vw;
    letter-spacing: 1.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    top: 47.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"] {
    top: 68.8%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="6"] {
    top: 90.8%;
}

@media (min-width: 1024px) {

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.1vw, 62px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
        font-size: min(5.4vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn2 .kls-banner__text-area.area-2 .kls-banner__text[data-index="6"] {
        font-size: min(3.8vw, 46px);
    }

}

/*****  pic_02 end  *******/


/*****  pic_02 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 15.5%;
    top: 3.9%;
    font-size: 3.4vw;
    letter-spacing: 2px;
    transform: rotate(-1deg);
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 40.2%;
    top: 4%;
    font-size: 3.4vw;
    letter-spacing: 2px;
    transform: rotate(0.5deg);
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 18.3%;
    top: 7.8%;
    font-size: 5.4vw;
    letter-spacing: 2px;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 22.5%;
    top: 12.5%;
    font-size: 5vw;
    letter-spacing: 2px;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 30.8%;
    top: 20.5%;
    font-size: 6vw;
    letter-spacing: 1px;
    transform: rotate(-1deg);
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 31.4%;
    top: 56.5%;
    font-size: 6vw;
    letter-spacing: 1px;
    transform: rotate(-1deg);
    text-align: center;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__link[data-index="1"] {
    width: 32.7%;
    height: auto;
    top: 90.6%;
    left: 33.5%;
}

@media (min-width: 1024px) {

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(3.4vw, 42px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(5.5vw, 67px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
        font-size: min(5.2vw, 62px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
        font-size: min(6vw, 72px);
    }

}


/*****  pic_04 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 17.2%;
    top: 0.8%;
    font-size: 4.8vw;
    letter-spacing: -1.5px;
    transform: rotate(0.5deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 26.5%;
    top: 8.7%;
    font-size: 5.4vw;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 25.5%;
    top: 18.2%;
    font-size: 5.4vw;
    letter-spacing: -0.5px;
    transform: rotate(-1deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 52.5%;
    top: 31.8%;
    font-size: 3.6vw;
    letter-spacing: 1px;
    transform: rotate(-3deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 52.5%;
    top: 36.8%;
    font-size: 4vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 52.5%;
    top: 43.5%;
    font-size: 3.6vw;
    text-align: left;
    line-height: 1.25;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 52.7%;
    top: 53%;
    font-size: 2.6vw;
    text-align: left;
    line-height: 1.5;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 54%;
    top: 66%;
    font-size: 4vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 52.8%;
    top: 72.3%;
    font-size: 3.6vw;
    text-align: left;
    line-height: 1.25;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 52.7%;
    top: 77%;
    font-size: 2.6vw;
    text-align: left;
    line-height: 1.5;
}

@media (min-width: 1024px) {

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.8vw, 58px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(5.4vw, 66px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
        font-size: min(3.6vw, 44px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(4vw, 48px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
        font-size: min(3.6vw, 44px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
        font-size: min(2.6vw, 32px);
    }

}

/*****  pic_04 end  *******/


/*****  pic_05 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 9.2%;
    top: 3.8%;
    font-size: 5.25vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 8%;
    top: 31%;
    font-size: 3vw;
    line-height: 1.4;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 37.2%;
    top: 31%;
    font-size: 3vw;
    line-height: 1.4;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 71.2%;
    top: 31%;
    font-size: 3vw;
    line-height: 1.4;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(5.25vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
        font-size: min(3vw, 36px);
    }
}

/*****  pic_05 end  *******/



/*****  pic_06 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 12%;
    top: 8.5%;
    font-size: 6vw;
    letter-spacing: 4px;
    transform: rotate(-4deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 55%;
    top: 33%;
    font-size: 2.8vw;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 55.3%;
    top: 75%;
    font-size: 2.8vw;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 7%;
    top: 82.5%;
    font-size: 2.8vw;
    letter-spacing: 0.5px;
    line-height: 1.4;
}

@media (min-width: 1024px) {

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(6vw, 72px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
        font-size: min(2.8vw, 34px);
    }
}

/*****  pic_06 end  *******/


/*****  pic_07 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 7%;
    top: 5.2%;
    font-size: 6vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 6.8%;
    top: 17.8%;
    font-size: 3.2vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    left: 20.2%;
    top: 29.5%;
    letter-spacing: 1px;
    font-size: 4.4vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    left: 16.2%;
    top: 36.2%;
    letter-spacing: 0.5px;
    font-size: 2.8vw;
    text-align: center;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    left: 20.2%;
    top: 51.3%;
    letter-spacing: 1px;
    font-size: 4.4vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    left: 10.2%;
    top: 58%;
    letter-spacing: 0.5px;
    font-size: 2.8vw;
    text-align: center;
    transform: rotate(1deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
    left: 20%;
    top: 73.3%;
    letter-spacing: 1px;
    font-size: 4.4vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-4 .kls-banner__text[data-index="2"] {
    left: 11%;
    top: 80%;
    letter-spacing: 0.5px;
    font-size: 2.8vw;
    text-align: center;
    transform: rotate(-1deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-5 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 18.8%;
    top: 95.5%;
    letter-spacing: 0.13vw;
    font-size: 1.3vw;
}

@media (min-width: 1024px) {

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(6vw, 72px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(3.2vw, 39px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 54px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-4 .kls-banner__text[data-index="2"] {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-5 .kls-banner__text[data-index="1"] {
        font-size: min(1.3vw, 15.5px)
    }

}

/*****  pic_07 end  *******/


/*****  pic_08 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 13.5%;
    top: 2.8%;
    letter-spacing: 1px;
    font-size: 4.6vw;
    transform: rotate(-2deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 16.5%;
    top: 9.8%;
    letter-spacing: -1px;
    font-size: 5.8vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 16.5%;
    top: 9.8%;
    letter-spacing: -1px;
    font-size: 5.2vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 54%;
    top: 66.4%;
    letter-spacing: -1px;
    font-size: 5.8vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 52.8%;
    top: 76.9%;
    letter-spacing: -1px;
    font-size: 5.2vw;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.6vw, 56px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 62px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(5.8vw, 68px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
        font-size: min(5.2vw, 62px);
    }

}

/*****  pic_08 end  *******/


/*****  pic_09 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 28.2%;
    top: 1.3%;
    font-size: 4.6vw;
    letter-spacing: 2px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 7.5%;
    top: 6.5%;
    font-size: 5.2vw;
    letter-spacing: 0.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    font-size: 4.2vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    font-size: 3.5vw;
    line-height: 1.25;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 51.5%;
    top: 20.3%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 53%;
    top: 25%;
    letter-spacing: 0.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 48%;
    top: 79.5%;
    transform: rotate(-1deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 46%;
    top: 84.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 15.5%;
    top: 66.5%;
    transform: rotate(-1deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-4 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 15%;
    top: 71%;
    line-height: 1.25;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__link[data-index="1"] {
    width: 25%;
    height: auto;
    top: 30.8%;
    left: 54.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__link[data-index="2"] {
    width: 25%;
    height: auto;
    top: 90.5%;
    left: 55.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__link[data-index="3"] {
    width: 25%;
    height: auto;
    top: 82.5%;
    left: 18.3%;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.6vw, 56px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 52px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-4 .kls-banner__text[data-index="2"] {
        font-size: min(3.5vw, 42px);
    }
}

/*****  pic_09 end  *******/


/*****  pic_10 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 10.6%;
    top: 2.8%;
    font-size: 5.45vw;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 12.6%;
    top: 8.8%;
    font-size: 5.2vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="5"],
#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="6"] {
    width: max-content;
    font-size: 3.6vw;
    top: 16.2%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    left: 8.3%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    left: 34.3%;
    letter-spacing: 14px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="5"] {
    left: 53.8%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="6"] {
    left: 79.5%;
    letter-spacing: 14px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 19.2%;
    top: 40.6%;
    font-size: 4.4vw;
    letter-spacing: 1.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 16%;
    top: 45.2%;
    font-size: 5.3vw;
    line-height: 1.15;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 12.5%;
    top: 54.5%;
    font-size: 3.25vw;
    line-height: 1.15;
    letter-spacing: 1px;
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 14.2%;
    top: 64.8%;
    font-size: 3vw;
    letter-spacing: 0px;
    transform: rotate(-6deg) skewX(-10deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 20%;
    top: 66.9%;
    font-size: 2.45vw;
    letter-spacing: -0.5px;
    transform: rotate(-6deg) skewX(-15deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 50.2%;
    top: 76%;
    font-size: 3.4vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 49.5%;
    top: 80%;
    font-size: 3.4vw;
    letter-spacing: -0.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="5"] {
    width: max-content;
    left: 49.5%;
    top: 83.2%;
    font-size: 3vw;
    letter-spacing: -2px;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__link[data-index="1"] {
    width: 18%;
    height: auto;
    top: 90.2%;
    left: 40.25%;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(5.45vw, 66px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="5"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-1 .kls-banner__text[data-index="6"] {
        font-size: min(3.6vw, 44px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 54px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
        font-size: min(3.2vw, 39px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(3vw, 36px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(2.45vw, 30px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
        font-size: min(3.4vw, 42px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="5"] {
        font-size: min(2.65vw, 32px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn10 .kls-banner__text-area.area-3 .kls-banner__text[data-index="5"] span {
        font-size: min(3.6vw, 40px);
    }
}

/*****  pic_10 end  *******/


/*****  pic_11 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 24.2%;
    top: 9.7%;
    font-size: 4.4vw;
    letter-spacing: 1.5px;
    transform: rotate(-2deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 18.5%;
    top: 17.2%;
    font-size: 5.3vw;
    line-height: 1.15;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 12.5%;
    top: 31.2%;
    font-size: 3.25vw;
    line-height: 1.15;
    letter-spacing: 0.5px;
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 13.8%;
    top: 47.2%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 20%;
    top: 50.5%;
    font-size: 2.2vw;
    letter-spacing: 2px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 17.5%;
    top: 77.8%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 16%;
    top: 80.8%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 50.8%;
    top: 47.2%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 55.5%;
    top: 50.5%;
    font-size: 2.2vw;
    letter-spacing: 2px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 53.5%;
    top: 77.8%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 53.3%;
    top: 80.8%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
    font-size: 2.8vw;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__link[data-index="1"] {
    width: 18%;
    height: auto;
    top: 84.5%;
    left: 21.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__link[data-index="2"] {
    width: 18%;
    height: auto;
    top: 84.5%;
    left: 58.7%;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 54px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(3.2vw, 39px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
        font-size: min(2vw, 24px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn11 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
        font-size: min(2.8vw, 34px);
    }
}

/*****  pic_11 end  *******/


/*****  pic_12 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 19.2%;
    top: 9.3%;
    font-size: 4.4vw;
    letter-spacing: 1.5px;
    transform: rotate(-2deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 21.3%;
    top: 16.6%;
    font-size: 5.3vw;
    line-height: 1.15;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 12.5%;
    top: 31%;
    font-size: 3.25vw;
    line-height: 1.15;
    letter-spacing: 1px;
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 14%;
    top: 46%;
    font-size: 3vw;
    letter-spacing: 0px;
    transform: rotate(-6deg) skewX(-10deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 19%;
    top: 49.5%;
    font-size: 2.45vw;
    letter-spacing: -0.5px;
    transform: rotate(-6deg) skewX(-15deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 50.2%;
    top: 61.6%;
    font-size: 3.4vw;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 49.5%;
    top: 67.5%;
    font-size: 3.4vw;
    letter-spacing: -0.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"] {
    width: max-content;
    left: 49.5%;
    top: 72.5%;
    font-size: 3vw;
    letter-spacing: -2px;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__link[data-index="1"] {
    width: 18%;
    height: auto;
    top: 83.3%;
    left: 40.25%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 21.2%;
    top: 91.8%;
    letter-spacing: 1.1px;
    font-size: 1.4vw;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 54px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(3.2vw, 39px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
        font-size: min(3vw, 36px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
        font-size: min(2.45vw, 30px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
        font-size: min(3.4vw, 42px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"] {
        font-size: min(2.65vw, 32px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-2 .kls-banner__text[data-index="5"] span {
        font-size: min(3.6vw, 40px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn12 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(1.4vw, 17px)
    }
}

/*****  pic_12 end  *******/


/*****  pic_13 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 24%;
    top: 10%;
    font-size: 4.4vw;
    letter-spacing: 1.5px;
    transform: rotate(-2deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 21.3%;
    top: 16.6%;
    font-size: 5.3vw;
    line-height: 1.15;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 12.5%;
    top: 30%;
    font-size: 3.25vw;
    line-height: 1.15;
    letter-spacing: 1px;
    text-align: left;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 13.8%;
    top: 45.5%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 22.3%;
    top: 48.5%;
    font-size: 2.2vw;
    letter-spacing: 2px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 16.3%;
    top: 77.4%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 15.6%;
    top: 80.2%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 50.8%;
    top: 45.5%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 59.3%;
    top: 48.5%;
    font-size: 2.2vw;
    letter-spacing: 2px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 54.8%;
    top: 77.4%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 53.5%;
    top: 80.2%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
    font-size: 2.8vw;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__link[data-index="1"] {
    width: 18%;
    height: auto;
    top: 84%;
    left: 21.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__link[data-index="2"] {
    width: 18%;
    height: auto;
    top: 84%;
    left: 58.7%;
}


#loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 38.2%;
    top: 92%;
    letter-spacing: 1.1px;
    font-size: 1.4vw;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(4.4vw, 54px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
        font-size: min(3.2vw, 39px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
        font-size: min(2vw, 24px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn13 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
        font-size: min(1.4vw, 17px)
    }
}

/*****  pic_13 end  *******/


/*****  pic_14 start  *******/
#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 24.8%;
    top: 9.4%;
    font-size: 5.3vw;
    line-height: 1.15;
    letter-spacing: -2.5px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 13.8%;
    top: 23.3%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 14.8%;
    top: 28%;
    font-size: 2.2vw;
    letter-spacing: 1px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 15.5%;
    top: 66.4%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 16%;
    top: 70.4%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 50.8%;
    top: 23.3%;
    font-size: 2.8vw;
    letter-spacing: 1.5px;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
    width: max-content;
    left: 55.5%;
    top: 27.5%;
    font-size: 2.2vw;
    letter-spacing: 0;
    transform: rotate(-6deg);
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
    width: max-content;
    left: 54.1%;
    top: 66.4%;
    font-size: 2vw;
    letter-spacing: 1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
    width: max-content;
    left: 53.5%;
    top: 70.4%;
    font-size: 2.2vw;
    letter-spacing: -1px;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
    font-size: 2.8vw;
}

/* 按鈕 */
#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__link[data-index="1"] {
    width: 18%;
    height: auto;
    top: 75.8%;
    left: 21.5%;
}

#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__link[data-index="2"] {
    width: 18%;
    height: auto;
    top: 75.8%;
    left: 58.7%;
}


#loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
    width: max-content;
    left: 33.2%;
    top: 88%;
    letter-spacing: 1.1px;
    font-size: 1.4vw;
}

@media (min-width: 1024px) {
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
        font-size: min(5.2vw, 64px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="1"] {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="2"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="3"] {
        font-size: min(2vw, 24px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"],
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] {
        font-size: min(2.2vw, 27px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] span,
    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-3 .kls-banner__text[data-index="4"] span {
        font-size: min(2.8vw, 34px);
    }

    #loreal-compaign .re202507 .brand .kls-banner.brand-bn14 .kls-banner__text-area.area-4 .kls-banner__text[data-index="1"] {
        font-size: min(1.4vw, 17px)
    }
}

/*****  pic_14 end  *******/