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

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

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

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

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

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

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

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

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

@media (min-width: 992px) {
  #loreal-compaign.maxWidth,
  #loreal-compaign.maxWidth.dev-mode {
    max-width: 750px !important;
  }
  #loreal-compaign .ct202408 .brand .kls-banner .title-star {
    font-size: 12px;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#loreal-compaign .ct202408 .brand picture,
#loreal-compaign .ct202408 .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 .ct202408 .brand *,
#loreal-compaign .ct202408 .brand *:before,
#loreal-compaign .ct202408 .brand *:after {
  box-sizing: border-box;
}

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



/*****  pic_01 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-1 {
  width: auto;
  left: 4%;
  top: 12%;
  font-size: 6.2vw;
  transform: rotate(-3deg);
  letter-spacing: 0px;
  text-align: left;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-1 {
    font-size: min(6.2vw, 75px);
  }
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-2 {
  width: max-content;
  left: 13%;
  top: 19%;
  font-size: 6.1vw;
  transform: rotate(-2deg);
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-2 {
    font-size: min(6.2vw, 74px);
  }
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-3 {
  width: max-content;
  left: 34%;
  top: 24%;
  font-size: 6.1vw;
  transform: rotate(-2deg);
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-1 .kls-banner__text.text-3 {
    font-size: min(6.2vw, 74px);
  }
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-1 {
  left: 68%;
  top: 45%;
  font-size: min(4vw, 40px);
  display: grid;
  line-height: 1.5;
  letter-spacing: 0px;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-1 {
    font-size: min(3.6vw, 44px);
    top: 46.5%;
  }
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-2 {
  left: 3%;
  top: 60%;
  font-size: min(4vw, 40px);
  display: grid;
  line-height: 1.5;
  letter-spacing: 0px;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-2 {
    font-size: min(3.6vw, 44px);
    top: 61.5%;
  }
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-3 {
  left: 72%;
  top: 82%;
  font-size: 1.6vw;
  display: grid;
  line-height: 1.5;
  letter-spacing: 0px;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__text-area.area-2 .kls-banner__text.text-3 {
    font-size: min(1.6vw, 19px);
  }
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__link[data-index="1"] {
  width: 26%;
  height: auto;
  top: 92.5%;
  left: 7%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn1 .kls-banner__link[data-index="2"] {
  width: 26%;
  height: auto;
  top: 92.5%;
  left: 57%;
}


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



/*****  pic_02 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn2 .kls-banner__link[data-index="1"] {
  width: 50%;
  height: 100%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn2 .kls-banner__link[data-index="2"] {
  width: 50%;
  height: 100%;
  left: 50%;
}
@media (min-width: 992px) {

}


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


/*****  pic_03 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 22.5%;
  top: 50%;
  font-size: 6vw;
  letter-spacing: 0px;
  transform: rotate(-9deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: max-content;
  left: 29.5%;
  top: 62%;
  font-size: 6vw;
  letter-spacing: 0px;
  transform: rotate(-4deg);
}

@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    font-size: min(4.4vw, 46px);
    font-size: min(5.8vw, 70px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn3 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(4.4vw, 46px);
    font-size: min(5.8vw, 70px);
  }
}

.kls-video {
  width: 100%;
  height: 82%;
  top: 9%;
  position: absolute;
}

/*****  pic_03 end  *******/


/*****  pic_04 start  *******/

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 26%;
  top: 6%;
  font-size: 8vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text span {
  font-size: 5vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: max-content;
  left: 34%;
  top: 24%;
  font-size: 4.2vw;
  display: grid;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
  width: max-content;
  left: 34%;
  top: 42%;
  font-size: 4.2vw;
  display: grid;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
  width: max-content;
  left: 34%;
  top: 61%;
  font-size: 4.2vw;
  display: grid;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="5"] {
  left: 19%;
  top: 90%;
  font-size: 1.6vw;
  display: grid;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__link[data-index="1"] {
  width: 28%;
  top: 79%;
  left: 58.5%;
}


@media (min-width: 992px) {

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

  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(4.1vw, 49px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    font-size: min(4.1vw, 49px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    font-size: min(4.1vw, 49px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text span {
    font-size: min(6.8vw, 78px);
    line-height: 1;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn4 .kls-banner__text-area.area-1 .kls-banner__text[data-index="5"] {
    font-size: min(4vw, 33px);
    font-size: min(1.8vw, 20px);
  }
}
/*****  pic_04 end  *******/


/*****  pic_05 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 18%;
  top: 6%;
  font-size: 8vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text span {
  font-size: 5vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: 60%;
  left: 30%;
  top: 21%;
  font-size: 3.5vw;
  display: grid;
  justify-items: start;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
  width: 60%;
  left: 30%;
  top: 44%;
  font-size: 3.5vw;
  display: grid;
  justify-items: start;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
  width: 60%;
  left: 30%;
  top: 69%;
  font-size: 3.5vw;
  display: grid;
  justify-items: start;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__link[data-index="1"] {
  width: 28%;
  top: 90.5%;
  left: 63.5%;
}

@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    font-size: min(7.5vw, 90px);
    letter-spacing: 5px;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(3.5vw, 40px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    font-size: min(3.5vw, 40px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    font-size: min(3.5vw, 40px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn5 .kls-banner__text-area.area-1 .kls-banner__text span {
    font-size: min(4.5vw, 51px);
    margin-left: 0.5em;
  }
}

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


/*****  pic_06 start  *******/
/* #loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: 58%;
  left: 37%;
  top: 5%;
  font-size: 7vw;
  transform: rotate(-7deg);
  line-height: 1.2;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span {
  font-size: 8.5vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span:last-child {
  display: block;
  text-align: right;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: 55%;
  left: 41%;
  top: 44%;
  font-size: 4.2vw;
  text-align: justify;
  line-height: 1.25;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    font-size: min(5vw, 50px);
    font-size: min(7.5vw, 80px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span {
    font-size: min(7vw, 70px);
    font-size: min(8.5vw, 100px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn6 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(4vw, 31px);
    font-size: min(4.2vw, 50px);
    top: 43%;
  }
} */
/*****  pic_06 end  *******/

/*****  pic_07 start  *******/

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 12%;
  top: 5.8%;
  font-size: 9.8vw;
  font-style: italic;
  transform: rotate(-7deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span {
  font-size: 9.8vw;
  display: block;
  position: relative;
  left: 32%;
  top: -16px;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  display: flex;
  width: 50%;
  left: 7%;
  top: 25%;
  font-size: 4vw;
  text-align: left;
  gap: 10px;
  line-height: 1.2;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] span {
  font-size: 12vw;
  font-style: italic;
  margin-right: 11%;
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
  display: flex;
  width: 50%;
  left: 7%;
  top: 38%;
  font-size: 4vw;
  text-align: left;
  gap: 10px;
  line-height: 1.2;
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] span {
  font-size: 12vw;
  font-style: italic;
  margin-right: 11%;
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 15%;
  top: 54.8%;
  font-size: 7.8vw;
  transform: rotate(3deg);
  line-height: 1.1;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
  width: 74%;
  left: 14%;
  top: 70%;
  font-size: 3.6vw;
  display: grid;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] span {
  font-size: 5vw;
  text-align: center;
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
  width: 74%;
  left: 14%;
  top: 83%;
  font-size: 3.6vw;
  display: grid;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] span {
  font-size: 5vw;
  text-align: center;
}

@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text span {
    font-size: min(9.7vw, 100px);
    top: 6.5%;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text span:first-child {
    font-size: min(6vw, 60px);
    margin-bottom: 0.6em;
    font-size: min(7vw, 90px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    font-size: min(9.7vw, 100px);
    top: 6%;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span {
    font-size: min(9.7vw, 100px);
  }

  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(4.3vw, 52px);
    line-height: 1.1;
    width: 53%;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    font-size: min(4.3vw, 52px);
    line-height: 1.1;
    width: 53%;
  }

  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
    font-size: min(7.5vw, 88px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"],
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
    font-size: min(3.5vw, 43px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] span,
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn7 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] span {
    font-size: min(5vw, 60px);
  }
}

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

/*****  pic_08 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 18%;
  top: 5%;
  font-size: 9vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span {
  display: block;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span:last-child {
  font-size: 7vw;
  position: relative;
  transform: rotate(-2deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: max-content;
  left: 4%;
  top: 35%;
  font-size: 5.2vw;
  transform: rotate(-10deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
  width: max-content;
  left: 69.5%;
  top: 36%;
  font-size: 5.2vw;
  transform: rotate(-4deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
  width: max-content;
  left: 36%;
  top: 97%;
  font-size: 2vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__link[data-index="1"] {
  width: 33%;
  height: auto;
  top: 87%;
  left: 8%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__link[data-index="2"] {
  width: 33%;
  height: auto;
  top: 87%;
  left: 60%;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
    font-size: min(6.5vw, 72px);
    font-size: min(8.5vw, 104px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] span:last-child {
    font-size: min(6.5vw, 54px);
    font-size: min(7vw, 85px);
    margin-top: 0.2em;
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(5.5vw, 40px);
    font-size: min(5.3vw, 60px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
    font-size: min(5.5vw, 40px);
    font-size: min(5.3vw, 60px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn8 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    font-size: min(2vw, 16px);
    font-size: min(2vw, 23px);
  }
}
/*****  pic_08 end  *******/

/*****  pic_08 start  *******/
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 20%;
  top: 3.5%;
  font-size: 7.1vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
  width: max-content;
  left: 15%;
  top: 10.5%;
  font-size: 7.1vw;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"] {
  width: max-content;
  left: 11%;
  top: 86.5%;
  font-size: 6.5vw;
  transform: rotate(-3deg);
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
  width: max-content;
  left: 61%;
  top: 87.5%;
  font-size: 6.5vw;
}

#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text span {
  display: block;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"] {
  width: max-content;
  left: 14.3%;
  top: 23%;
  font-size: 4vw;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
  width: max-content;
  left: 42.3%;
  top: 70%;
  font-size: 4vw;
  text-align: left;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"] {
  display: flex;
  font-size: 3vw;
  top: 31.5%;
  left: 16%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
  display: flex;
  font-size: 3vw;
  top: 78.5%;
  left: 44%;
  gap: 9px;
  align-items: center;
}
@media (min-width: 992px) {
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="1"],
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="2"] {
    font-size: min(5.2vw, 53px);
    font-size: min(7.1vw, 86px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="3"],
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-1 .kls-banner__text[data-index="4"] {
    font-size: min(5vw, 49px);
    font-size: min(6.5vw, 77px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="1"],
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="2"] {
    font-size: min(3vw, 31px);
    font-size: min(4vw, 49px);
  }
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="3"],
  #loreal-compaign .ct202408 .brand .kls-banner.brand-bn9 .kls-banner__text-area.area-2 .kls-banner__text[data-index="4"] {
    font-size: min(2.2vw, 22px);
    font-size: min(3vw, 36px);
  }
}
/*****  pic_09 end  *******/


#loreal-compaign .ct202408 .brand .kls-banner.brand-bn10 .kls-banner__link[data-index="1"] {
  width: 40%;
  height: auto;
  top: 88.5%;
  left: 8%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn11 .kls-banner__link[data-index="1"] {
  width: 40%;
  height: auto;
  top: 46.5%;
  left: 52%;
}
#loreal-compaign .ct202408 .brand .kls-banner.brand-bn11 .kls-banner__link[data-index="2"] {
  width: 50%;
  height: auto;
  top: 91%;
  left: 25%;
}