@charset "UTF-8";
#loreal-compaign > div:last-child {
  /* background-color: #82b9e5; */
}
#loreal-compaign .ccds_202502 a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
}
#loreal-compaign.dev-mode .ccds_202502 {
  max-width: 1170px;
  margin: 0 auto;
}
#loreal-compaign .ccds_202502 .response_box .free-lightbox .free-title {
  margin: 10px;
}
#loreal-compaign .ccds_202502 .response_box .free-lightbox .free-content {
  color: #000;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .response_box .free-lightbox .free-content .response-link {
    margin: 0;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .response_box .free-lightbox .response-link-text {
    display: inline-block;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .event_oto .button_box .formfield_button .submit_button {
    width: 142px;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .event_oto .button_box .formfield_button {
    margin-top: -62px;
  }
}
@media (max-width: 450px) {
  #loreal-compaign .ccds_202502 .button_box {
    padding: 0 7px;
  }
}
#loreal-compaign .ccds_202502 .background-source {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;
  padding: 0;
  border: none;
  margin: auto;
  display: block;
  width: 0;
  height: 0;
  min-width: 100%;
  max-width: 100%;
  min-height: 100%;
  max-height: 100%;
  z-index: -1;
}
#loreal-compaign .ccds_202502 .til-to-hide {
  display: none !important;
}
#loreal-compaign .ccds_202502 .til-twenty-fifth .til-to-hide {
  display: block !important;
}
#loreal-compaign .ccds_202502 .til-twenty-fifth .til-to-show {
  display: none !important;
}
#loreal-compaign .ccds_202502 .o2o-text-purple {
  color: #5a3791 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-red {
  color: #dc151d !important;
}
#loreal-compaign .ccds_202502 .o2o-text-orange {
  color: #c84e2e !important;
}
#loreal-compaign .ccds_202502 .o2o-text-yellow {
  color: #f6ff00 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-yellow2 {
  color: #ffe400 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-blue {
  color: #1d7ac4 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-deep-blue {
  color: #360096 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-green {
  color: #009f64 !important;
}
#loreal-compaign .ccds_202502 .o2o-text-h1 {
  font-size: 26px !important;
}
#loreal-compaign .ccds_202502 .o2o-text-h2 {
  font-size: 22px !important;
}
#loreal-compaign .ccds_202502 .o2o-text-h3 {
  font-size: min(4vw, 22px) !important;
}
#loreal-compaign .ccds_202502 .underline {
  text-decoration: underline;
}
#loreal-compaign .ccds_202502 .und-red {
  position: relative;
}
#loreal-compaign .ccds_202502 .und-red:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  background-color: #dc151d;
}
#loreal-compaign .ccds_202502 .und-deep-blue {
  position: relative;
}
#loreal-compaign .ccds_202502 .und-deep-blue:before {
  content: "";
  width: 90%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  background-color: #360096;
}
#loreal-compaign .ccds_202502 .und-yellow {
  position: relative;
}
#loreal-compaign .ccds_202502 .und-yellow:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
  background-color: #f6ff00;
}
#loreal-compaign .ccds_202502 .bg-yellow {
  background-color: #fbfd2a;
}
#loreal-compaign .ccds_202502 .bg-half-yellow {
  position: relative;
  z-index: 1;
}
#loreal-compaign .ccds_202502 .bg-half-yellow:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 38%;
  background-color: #fbfd2a;
  z-index: -1;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .bg-half-yellow:before {
    height: 70%;
  }
}
#loreal-compaign .ccds_202502 .half-und-yellow-1 {
  position: relative;
  z-index: 1;
}
#loreal-compaign .ccds_202502 .half-und-yellow-1:before {
  content: "";
  background-image: url(data:image/png;
    base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAANCAYAAABrYAraAAAACXBIWXMAAAsTAAALEwEAmpwYAAACvElEQVRYhe3YvYsdVRjH8c+9ezfJJicvm0hcTXwZQ2QgWKUQLESUKNjY2vgHpLARFCGNhY0IIqSzkiC2KdJoKSKCYqGCjhAYg4jK6mZXZ7NxXy2eM+zl6l0Vsi5Z5wvDnXPmzDm/88w5c5/59fxLmqoYYC2V9UYuT+FRTOEM3kxlvdhUxX70MIFVrOXy3vwLd+IUDuE73MD9qPP1I0NDr2IWv+V2cHc+n8ce7B+Wil9z3T04n88X8CHuwvf4Mmufwk9jpj2d+1vJ5YdzP0fxbT5aTRuprBfG9KOpiiNYx2Ke/8+prJfHtd+Kpioewid4F+9hAx+ksp4dd08beE1VnMPrW/Q/lYXuxXFcxbFcf1AEfEk8rAewb1QfDgyPuYtoxIJuSWKhb8UKJv/i3q3o5XvaBdIXsR+lXXAv4u1U1u1CjeA3VZFwAS//w4E7bh+u4x28ksp6rp8rV8WO/XHHZHVsF9N4Hm80VXGyD6msb4r/38mdVNaxrdyH5f5QxQW8sENiOraPWXwucq0nB01VPIWXRCL2d4lGx+1HhWdSWV9nM2k7j4u6B74bWcdlPJvKerXXVMVpPIgZ8a16difVddxSLuGtVNYftRUDYXq8JpK2jt3F49hoqiKlsn4f+qmsP8NzuGLTSerYHczgDrGpMeJ6NVVxCOfEq/2J/1Ta/5MFHBY264GRa7+LDZhyeQ03hWcyIbLuldxOLi+N9LGMe/NnN8bYnE1VTGYBM3hMeMWvCu/4rPBsbyUrWexB4XHPCB99yeaEevkohY3bZB3XRMCOZc0DnBAB+kX46INcPjo05j58leunc5urmMv9z+NjPCJynBs4idPC0vwanw6Vp4Wr9UXWM5HbXxO77LgwtubEQ2vwQyrrdn5/oqmKM3haxL/CN63v3lTFHpGQraeyXm+q4gTmU1kvjo0y/gDE0r4SzgZI+wAAAABJRU5ErkJggg==);
  background-size: 100% 60%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 35%;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
#loreal-compaign .ccds_202502 .half-und-yellow-2 {
  position: relative;
  z-index: 1;
}
#loreal-compaign .ccds_202502 .half-und-yellow-2:before {
  content: "";
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHwAAAANCAYAAABrYAraAAAACXBIWXMAAAsTAAALEwEAmpwYAAACvElEQVRYhe3YvYsdVRjH8c+9ezfJJicvm0hcTXwZQ2QgWKUQLESUKNjY2vgHpLARFCGNhY0IIqSzkiC2KdJoKSKCYqGCjhAYg4jK6mZXZ7NxXy2eM+zl6l0Vsi5Z5wvDnXPmzDm/88w5c5/59fxLmqoYYC2V9UYuT+FRTOEM3kxlvdhUxX70MIFVrOXy3vwLd+IUDuE73MD9qPP1I0NDr2IWv+V2cHc+n8ce7B+Wil9z3T04n88X8CHuwvf4Mmufwk9jpj2d+1vJ5YdzP0fxbT5aTRuprBfG9KOpiiNYx2Ke/8+prJfHtd+Kpioewid4F+9hAx+ksp4dd08beE1VnMPrW/Q/lYXuxXFcxbFcf1AEfEk8rAewb1QfDgyPuYtoxIJuSWKhb8UKJv/i3q3o5XvaBdIXsR+lXXAv4u1U1u1CjeA3VZFwAS//w4E7bh+u4x28ksp6rp8rV8WO/XHHZHVsF9N4Hm80VXGyD6msb4r/38mdVNaxrdyH5f5QxQW8sENiOraPWXwucq0nB01VPIWXRCL2d4lGx+1HhWdSWV9nM2k7j4u6B74bWcdlPJvKerXXVMVpPIgZ8a16difVddxSLuGtVNYftRUDYXq8JpK2jt3F49hoqiKlsn4f+qmsP8NzuGLTSerYHczgDrGpMeJ6NVVxCOfEq/2J/1Ta/5MFHBY264GRa7+LDZhyeQ03hWcyIbLuldxOLi+N9LGMe/NnN8bYnE1VTGYBM3hMeMWvCu/4rPBsbyUrWexB4XHPCB99yeaEevkohY3bZB3XRMCOZc0DnBAB+kX46INcPjo05j58leunc5urmMv9z+NjPCJynBs4idPC0vwanw6Vp4Wr9UXWM5HbXxO77LgwtubEQ2vwQyrrdn5/oqmKM3haxL/CN63v3lTFHpGQraeyXm+q4gTmU1kvjo0y/gDE0r4SzgZI+wAAAABJRU5ErkJggg==);
  background-size: 100% 60%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  z-index: -1;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .mb-hidden {
    display: none;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .mb-hidden {
    display: block;
  }
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .mb-text-hidden {
    display: none;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .mb-text-hidden {
    display: inline;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .pc-hidden {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .pc-text-hidden {
  display: none;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .pc-text-hidden {
    display: inline;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .pc-text-hidden {
    display: none;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .pc-inline {
    display: inline;
  }
}
#loreal-compaign .ccds_202502 .lazyload,
#loreal-compaign .ccds_202502 .lazyloading {
  opacity: 0;
}
#loreal-compaign .ccds_202502 .lazyloaded {
  opacity: 1;
  transition: opacity 0.4s;
}
#loreal-compaign .ccds_202502 .fake-bg {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 5;
}
#loreal-compaign .ccds_202502 .popup-box {
  display: none;
}
#loreal-compaign .ccds_202502 .popup-box__container {
  position: fixed;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
#loreal-compaign .ccds_202502 .popup-box__cross-icon {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  opacity: 0.8;
  z-index: 1;
  font-size: min(32px, 7vw);
  /* width: 40px;
  height: 40px; */
  width: 80px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loreal-compaign .ccds_202502 .popup-box__cross-icon:hover {
  opacity: 1;
}
#loreal-compaign .ccds_202502 .popup-box__button-area a {
  cursor: pointer;
}
#loreal-compaign .ccds_202502 .popup-box__title {
  font-size: 20px;
  text-align: center;
  margin-top: 10px;
}
#loreal-compaign .ccds_202502 .popup-box__title .limited-time-pic {
  width: 33%;
  margin: 0 auto;
}
#loreal-compaign .ccds_202502 .popup-box__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
  margin-bottom: 15px;
}
#loreal-compaign .ccds_202502 .popup-box__sub-title {
  font-size: 16px;
  color: #173162;
  text-align: center;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__sub-title {
    font-size: 3vw;
  }
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__sub-title {
    font-size: 4vw;
  }
}
#loreal-compaign .ccds_202502 .popup-box__content {
  font-weight: 400;
}
#loreal-compaign .ccds_202502 .popup-box__rules {
  font-size: 12px;
  max-height: 340px;
  overflow: scroll;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__rules {
    max-height: 300px;
  }
}
@media (max-width: 375px) {
  #loreal-compaign .ccds_202502 .popup-box__rules {
    max-height: 220px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__rules .title {
  font-size: 14px;
}
#loreal-compaign .ccds_202502 .popup-box__normal-button {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
#loreal-compaign .ccds_202502 .popup-box__normal-button > div {
  cursor: pointer;
  padding: 3px 6px;
  border: 1px solid #3b3b3b;
  font-size: 12px;
  background-color: #c6c6c6;
  display: inline-block;
}
#loreal-compaign .ccds_202502 .popup-box__normal-button > div:hover {
  background-color: #d8d8d8;
}
#loreal-compaign .ccds_202502 .popup-box__box {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  font-weight: 700;
  box-shadow: #63636333 0 2px 8px;
  border-radius: 2px;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success {
  max-width: 630px;
  padding: 20px 20px 10px 20px;
  width: 60%;
  max-height: 80vh;
  overflow-y: auto;
  background-image: url(/on/demandware.static/-/Sites-kiehls-tw-ng-Library/zh_TW/event-o2o-page/202501_UFC/images/O2O/pc/popup_bg.png);
  background-color: transparent;
  background-size: 100% 104%;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .product-img {
  width: 40%;
  margin: 1% auto;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success {
    padding: 10px;
    width: 95%;
    max-width: 600px;
    background-image: url(/on/demandware.static/-/Sites-kiehls-tw-ng-Library/zh_TW/event-o2o-page/202501_UFC/images/O2O/mb/popup_bg.png);
    background-size: 100% 100%;
  }
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success {
    padding: 20px 5px 10px;
    width: 97%;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__header {
  padding-bottom: 0;
  margin-bottom: 1%;
  border: 0;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__header {
    margin-bottom: 1%;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__title {
  font-size: 40px;
  text-align: center;
  margin-top: 10px;
  color: #e27c22;
  width: 65%;
  margin: 1% auto;
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__title {
    font-size: 8vw;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__content {
  text-align: center;
  margin-top: 0%;
  font-weight: 700;
  font-size: 24px;
  white-space: nowrap;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__content .day {
  font-size: 150%;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__content p {
  line-height: 1.5;
  color:#fff;
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__content {
    font-size: 4.5vw;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__rules {
  font-size: 12px;
  max-height: 35vh;
  overflow: scroll;
  font-size: 10px;
  width: 90%;
  margin: 0% auto;
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__rules {
    font-size: 2.5vw;
    padding-bottom: 10px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area {
  display: flex; 
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 3%;
  margin: 2% 0;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area > * {
  margin-bottom: 1%;
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area > * {
    margin-top: 2%;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area > a {
  width: 40%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area {
    margin-top: 2%;
    flex-direction: row;
  }
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area
    > a {
    width: 25%;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area p {
  font-weight: 700;
  color: #e37c22;
  font-size: 30px;
  color: #fff;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area p {
    font-size: 27px;
  }
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-send-form-success .popup-box__button-area p {
    font-size: 6vw;
  }
}
#loreal-compaign .ccds_202502 .o2o-button {
  cursor: pointer;
}
#loreal-compaign .ccds_202502 .popup-button {
  width: 100%;
  height: 100%;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-promise {
  max-width: 800px;
  padding: 30px 0 0;
  background-color: #3b3b3b;
  width: 80%;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-promise {
    width: 95%;
  }
}
@media (max-width: 500px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-promise {
    padding-top: 24px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-promise .popup-box__cross-icon {
  color: #fff;
  font-size: min(24px, 7vw);
  width: 30px;
  height: 30px;
}
@media (max-width: 500px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-promise .popup-box__cross-icon {
    width: 24px;
    height: 24px;
    font-size: 16px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-promise .popup-box__content {
  max-height: 90vh;
  overflow-y: scroll;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-copy-text {
  max-width: 300px;
  padding: 20px;
  width: 60%;
  min-width: 250px;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-copy-text .popup-box__content {
  font-size: 14px;
  text-align: center;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-copy-text .popup-box__cross-icon {
  font-size: min(24px, 7vw);
  width: 35px;
  height: 35px;
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-error-msg {
  max-width: 450px;
  padding: 20px;
  width: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  font-size: 16px;
}
@media (max-width: 600px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-error-msg {
    width: 90%;
    font-size: 14px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-bank {
  max-width: 450px;
  padding: 20px;
  width: 60%;
  min-width: 300px;
}
@media (max-width: 600px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-bank {
    width: 80%;
  }
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-bank .popup-box__title {
    font-size: max(2.8vw, 18px);
  }
}
@media (max-width: 600px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-bank .popup-box__title {
    font-size: max(4.5vw, 18px);
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 {
  max-width: 650px;
  padding: 0 20px 10px;
  width: 60%;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 {
    padding: 10px;
    width: 95%;
  }
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 {
    max-width: 500px;
    padding: 5px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__cross-icon {
  font-size: min(32px, 6vw);
}
@media (max-width: 500px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__cross-icon {
    width: 28px;
    height: 28px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__header {
  padding-bottom: 10px;
  border-bottom: 1px solid #e3e3e3;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__header {
    margin-bottom: 1%;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__title {
  font-size: 30px;
  text-align: center;
  margin-top: 10px;
}
@media (max-width: 560px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__title {
    font-size: 4.6vw;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__rules {
  font-size: 12px;
  max-height: 35vh;
  overflow: scroll;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__rules {
    max-height: 300px;
    transform: scale(0.9);
    width: 110%;
    position: relative;
    left: -5%;
    padding: 0 8px;
  }
}
@media (max-width: 375px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__rules {
    max-height: 220px;
  }
}
#loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__button-area {
  display: flex;
  justify-content: center;
  gap: 3%;
  margin: 0 auto;
}
@media (max-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__button-area {
    margin-top: 0;
    max-width: 400px;
  }
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__button-area
    > a {
    width: 35%;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__button-area {
    margin-top: 2%;
  }
  #loreal-compaign .ccds_202502 .popup-box__box.popup-get-info1 .popup-box__button-area
    > a {
    width: 25%;
  }
}
#loreal-compaign .ccds_202502 .o2o {
  padding: 30% 0 0;
  padding: 0;
  position: relative;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #82b7e3:
}
#loreal-compaign .ccds_202502 .o2o .c-form__legend {
  margin: 0 0 1rem;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o {
    padding: 21px 0 0 10px;
    padding: 15px 0 1px 0px;
    padding: 0;
  }
}
#loreal-compaign .ccds_202502 .o2o p {
  line-height: normal;
}
#loreal-compaign .ccds_202502 .o2o .o2o__header-item {
  width: 100%;
}
@media (max-width: 500px) {
  #loreal-compaign .ccds_202502 .o2o .o2o__header-item {
    width: 98%;
  }
}
#loreal-compaign .ccds_202502 .o2o__bg {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o__bg {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .o2o__bg img {
  width: 100%;
  height: 100%;
}
#loreal-compaign .ccds_202502 .o2o__header-item {
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o__header-item {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .o2o .warn-text {
  padding-bottom: 10px;
  background-color: #0b021c;
  font-size: 12px;
  color: #fff;
  text-align: center;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o .warn-text {
    background-color: #06002c;
  }
}
@media (max-width: 991.9px) {
  #loreal-compaign .ccds_202502 .o2o {
    background-image: none !important;
    background-color: #fff;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o__header {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .o2o__container {
  position: relative;
  z-index: 1;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o__container {
    width: 50%;
    width: 100%;
  }
  #loreal-compaign .ccds_202502 .for_pc_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 設置 2 列 */
  }
  #loreal-compaign .ccds_202502 .o2o__container--full {
    width: 100%;
  }
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-coupon__container {
  padding: 4% 5% 3%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-coupon__container {
    padding: 2.5% 3% 3%;
  }
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-coupon__title {
  margin: 0 auto;
  width: 95%;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-inner-coupon[data-index="1"] .kls-banner__text {
  top: 35%;
  left: 48.5%;
  font-size: 3.3vw;
  width: max-content;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-inner-coupon[data-index="1"] .kls-banner__link[data-index="1"] {
  width: 40%;
  top: 75%;
  left: 55%;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-inner-coupon[data-index="1"] .kls-banner__link[data-index="2"] {
  width: 24%;
  top: 75%;
  left: 70%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .o2o-inner-coupon[data-index="1"] .kls-banner__link[data-index="1"] {
    width: 24%;
    top: 75%;
    left: 43%;
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="1"]
    .kls-banner__text {
    top: 30%;
    left: 46%;
    font-size: min(1.5vw, 17.55px);
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="1"]
    .kls-banner__link[data-index="1"] {
    width: 44%;
    top: 70%;
    left: 50%;
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="1"]
    .kls-banner__link[data-index="2"] {
    width: 20%;
    top: 78%;
    left: 70%;
  }
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="2"] {
  margin-top: 1%;
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="2"]
  .kls-banner__text {
  top: 26%;
  left: 8%;
  font-size: 3vw;
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="2"]
  .kls-banner__link[data-index="1"] {
  width: 24%;
  top: 69%;
  left: 15%;
}
@media (min-width: 992px) {
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="2"]
    p {
    line-height: 1.3;
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="2"]
    .kls-banner__text {
    top: 25%;
    left: 8%;
    font-size: min(1.5vw, 17.55px);
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="2"]
    .kls-banner__link[data-index="1"] {
    width: 20%;
    top: 72%;
    left: 17%;
  }
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="3"] {
  margin-top: 1.5%;
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="3"]
  .kls-banner__text {
  top: 24%;
  left: 43.5%;
  font-size: 3vw;
}
#loreal-compaign
  .ccds_202502
  .o2o-coupon[data-index="1"]
  .o2o-inner-coupon[data-index="3"]
  .kls-banner__link[data-index="1"] {
  width: 25%;
  top: 68%;
  left: 57%;
}
@media (min-width: 992px) {
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="3"] {
    margin-top: 1.5%;
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="3"]
    p {
    line-height: 1.2;
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="3"]
    .kls-banner__text {
    top: 26%;
    left: 41.5%;
    font-size: min(1.5vw, 17.55px);
  }
  #loreal-compaign
    .ccds_202502
    .o2o-coupon[data-index="1"]
    .o2o-inner-coupon[data-index="3"]
    .kls-banner__link[data-index="1"] {
    width: 20%;
    top: 73%;
    left: 58%;
  }
}
#loreal-compaign .ccds_202502 .o2o-form {
  padding: 0% 4% 5% 4%;
  z-index: 1;
  width: 98%;
  margin: 3% auto;

  padding: 0;
  padding-top: 15%;
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form {
    padding: 35% 4% 0% 4%;
    z-index: auto;
    /* margin: 3% auto 0; */
    margin: 0% auto 0;
    height: 100%;
  }
}
#loreal-compaign .ccds_202502 .o2o-form .form-item-1 {
  z-index: -1;
  position: absolute;
  top: 14vw;
  left: 82.5%;
  transform: translate(-50%);
  width: 36%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form .form-item-1 {
    top: 4.5vw;
    width: 28%;
    left: 85%;
  }
}
#loreal-compaign .ccds_202502 .o2o-form .form-item-2 {
  z-index: -1;
  position: absolute;
  width: 19%;
  top: 6%;
  right: 0;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form .form-item-2 {
    width: 13%;
    top: 25%;
    right: 33%;
  }
}
#loreal-compaign .ccds_202502 .o2o-form__title {
  position: relative;
  width: 95%;
  top: -2vw;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__title {
    display: block;
    width: 100%;
    margin: 0 !important;
    left: 0%;
    top: -20px;
  }
}
#loreal-compaign .ccds_202502 .o2o-form__product {
  width: 75%;
  margin: 0 auto;
}
#loreal-compaign .ccds_202502 .o2o-form__detail {
  white-space: nowrap;
  /* margin-top: 1%; */
  margin-top: 0%;
  width: 90%;
  margin: 0 auto;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .form-coupon img {
  width: 100%;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary {
  font-weight: 700;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.xs {
  font-size: 3.5vw;
  font-size: 3.1vw;
  font-size: 2.6vw;
  white-space: nowrap;
  margin-top: 0%;
  padding: 0 3%;
  padding: 0 1%;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.xs p {
  line-height: 1.5;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.xs .second-part {
  position: relative;
  margin-top: 1%;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.md {
  margin-top: -3%;
  margin-left: 2%;
  display: none;
  font-size: min(1.23vw, 16px);
  white-space: nowrap;
  font-weight: 700;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.md p {
  line-height: 1.5;
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.md .second-part {
  position: relative;
  margin-top: 1%;
}
#loreal-compaign .ccds_202502 .o2o-form__form {
  margin-top: 1%;
  width: 100%;
  margin-left: 0%;
  transform: scale(0.75);
  transform-origin: top;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__form {
    transform: scale(0.8);
    transform-origin: top;
    margin: 2% auto 0%;
    position: relative;
    top: 5%;
  }
  #loreal-compaign .ccds_202502 .o2o-form__detail {
    position: relative;
    top: 7%;
  }
}
@media (min-width: 1025px) {
  #loreal-compaign .ccds_202502 .o2o-form__form {
    transform: scale(0.9);
    top: 7%;
  }
}
#loreal-compaign .ccds_202502 .o2o-form {
  position: relative;
}
#loreal-compaign .ccds_202502 .o2o-form__promise-text {
  /* font-size: 3vw; */
  padding-left: 0px;
  margin-top: 2%;
  /* font-weight: 400;
  width: 105%; */
}
#loreal-compaign .ccds_202502 .o2o-form__promise-text ol {
  list-style-type: none;
  padding: 1% 0 0;
  font-size: 2.5vw;
  line-height: 1.5em;
  margin: 0;
}
@media (max-width: 320px) {
  #loreal-compaign .ccds_202502 .o2o-form__promise-text {
    margin-top: 4%;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__promise-text {
    font-size: min(1vw, 12px);
    padding: 0;
    margin-top: -3%;
  }
  #loreal-compaign .ccds_202502 .o2o-form__promise-text ol {
    padding: 0 0 1%;
    /* font-size: 0.8vw; */
    font-size: .65rem;
    margin: 0;
  }
}
#loreal-compaign .ccds_202502 .o2o-form__title {
  margin: 0 auto;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__title {
    display: block;
  }
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__detail .primary.xs {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .o2o-form__detail .primary.md {
  display: none;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-form__detail .primary.md {
    display: block;
  }
}
#loreal-compaign.dev-mode .ccds_202502 .o2o-form__form {
  border: 2px solid blue;
  opacity: 0.5;
  height: 243.963px;
}
@media (min-width: 992px) {
  #loreal-compaign.dev-mode .ccds_202502 .o2o-form__form {
    height: 240px;
  }
}
#loreal-compaign .ccds_202502 .o2o-coupon {
  position: relative;
  z-index: 1;
  /* width: 98%;
  margin: 0% auto 3%; */
  width: 100%;
  margin: 0% auto;
}
#loreal-compaign .ccds_202502 .o2o-coupon__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#loreal-compaign .ccds_202502 .o2o-products__dividing-line {
  width: 100%;
  height: 2px;
  background-color: #4189c5;
}
#loreal-compaign .ccds_202502 .o2o-product {
  position: relative;
}
#loreal-compaign .ccds_202502 .o2o-product__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1%;
}
#loreal-compaign .ccds_202502 .o2o-product__body > div:first-child {
  width: 60%;
}
#loreal-compaign .ccds_202502 .o2o-product__body > a:last-child,
#loreal-compaign .ccds_202502 .o2o-product__body > div:last-child {
  width: 20%;
}
#loreal-compaign .ccds_202502 div.kls-banner__link {
  cursor: pointer;
}
#loreal-compaign .ccds_202502 .o2o-inner-coupon {
  position: relative;
  top: -12px;
  width: 97%;
  left: 0%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-coupon {
    position: relative;
    z-index: 1;
    width: 100%;
    margin: 0% auto;
  }
  #loreal-compaign .ccds_202502 .o2o-inner-coupon {
    position: relative;
    top: -12px;
    width: 90%;
    left: 5%;
  }
}
#loreal-compaign .ccds_202502 .o2o-inner-coupon__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#loreal-compaign .ccds_202502 .kls-banner {
  position: relative;
  width: 100%;
}
#loreal-compaign .ccds_202502 .kls-banner p {
  line-height: normal;
}
#loreal-compaign .ccds_202502 .kls-banner picture img {
  display: block !important;
  width: 100% !important;
}
#loreal-compaign .ccds_202502 .kls-banner .title-star {
  vertical-align: top;
  font-size: 2vw;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .kls-banner .title-star {
    font-size: 12px;
  }
}
#loreal-compaign .ccds_202502 .kls-banner__container {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#loreal-compaign .ccds_202502 .kls-banner__text-area {
  font-weight: 700;
  width: 100%;
  text-align: center;
}
#loreal-compaign .ccds_202502 .kls-banner__text-area.area-abs,
#loreal-compaign .ccds_202502 .kls-banner__text-area.abs .kls-banner__text {
  position: absolute;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .kls-banner__text-mb {
    display: none;
  }
}
#loreal-compaign .ccds_202502 .kls-banner__text-pc {
  display: none;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .kls-banner__text-pc {
    display: block;
  }
}
#loreal-compaign .ccds_202502 .kls-banner__link-area.area-row {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.area-row
  > *:not(.kls-banner__anchor) {
  flex-grow: 1;
}
#loreal-compaign .ccds_202502 .kls-banner__link-area.area-col {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.area-col
  > *:not(.kls-banner__anchor) {
  flex-grow: 1;
}
#loreal-compaign .ccds_202502 .kls-banner__link-area.abs,
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.inner-area-abs
  .kls-banner__inner-link-area {
  position: absolute;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.inner-area-row
  .kls-banner__inner-link-area {
  display: flex;
  flex-direction: row;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.inner-area-row
  .kls-banner__inner-link-area
  > * {
  flex-grow: 1;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.inner-area-col
  .kls-banner__inner-link-area {
  display: flex;
  flex-direction: column;
}
#loreal-compaign
  .ccds_202502
  .kls-banner__link-area.inner-area-col
  .kls-banner__inner-link-area
  > * {
  flex-grow: 1;
}
#loreal-compaign .ccds_202502 .kls-banner__link-area.link-abs .kls-banner__link {
  position: absolute;
}
#loreal-compaign .ccds_202502 .kls-banner__link {
  position: relative;
}
#loreal-compaign.dev-mode .ccds_202502 .kls-banner__link {
  z-index: 1;
}
#loreal-compaign.dev-mode .ccds_202502 .kls-banner__link:after {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  bottom: -1px;
  right: -1px;
  border: 3px solid rgb(0, 162, 255);
  z-index: -1;
}
#loreal-compaign.dev-mode .ccds_202502 .kls-banner__link:before {
  content: "BTN ->";
  background-color: #000;
  position: absolute;
  display: inline-block;
  top: 0;
  left: 0;
  transform: translate(-100%);
  font-size: min(23.4px, 2vw);
  color: #fff;
  padding: 4px;
  pointer-events: none;
}
#loreal-compaign .ccds_202502 .kls-banner__inner-link-area {
  position: relative;
}
#loreal-compaign .ccds_202502 * {
  box-sizing: border-box;
}
#loreal-compaign .ccds_202502 p {
  margin: 0;
}
#loreal-compaign .ccds_202502 img {
  display: block;
}
#loreal-compaign .ccds_202502 picture,
#loreal-compaign .ccds_202502 img {
  width: 100%;
}
body {
  margin: 0;
}
html {
  font-family: \5fae\8edf\6b63\9ed1\9ad4, Microsoft JhengHei, sans-serif;
}
#loreal-compaign .ccds_202502 *,
#loreal-compaign .ccds_202502 *:before,
#loreal-compaign .ccds_202502 *:after {
  box-sizing: border-box;
}
#loreal-compaign .ccds_202502 li {
  list-style: none;
}

#loreal-compaign .ccds_202502 .o2o .footer_text {
  line-height: 1.3em;
  padding: 0 17px;
  text-align: justify;
  font-weight: bold;
  width: 150%;
  transform: scale(0.65);
  position: relative;
  left: -25%;
  line-height: 1.3em;
  padding: 0 17px;
  text-align: justify;
  font-weight: bold;
  width: 150%;
  transform: scale(0.65);
  position: relative;
  left: -25%;
  top: -6vw;
  margin-bottom: -8vw;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o .footer_text {
    line-height: 1.3em;
    padding: 0 17px;
    text-align: justify;
    font-weight: bold;
    width: 113%;
    transform: scale(0.87);
    position: relative;
    left: -6.5%;
    top: 0;
    margin-bottom: 1%;
  } 
}

@media (min-width: 992px) {
  #loreal-compaign {
    position: relative;
    width: 100%;
    max-width: 1170px;
    margin: auto;
    font-family: "微軟正黑體", "Microsoft JhengHei", sans-serif;
  }
}

@media only screen and (max-width: 991.9px) {
  #loreal-compaign .event_oto .button_box .formfield_button .submit_button {
    left: 10px;
    left: 7vw;
  }
}
/* pad 表單 start */
@media screen and (min-width: 480px) and (max-width: 991.9px) {
  #loreal-compaign .ccds_202502 .o2o-form {
    padding-bottom: 20%;
  }
  #loreal-compaign .ccds_202502 .o2o-form__form {
    width: 80%;
    margin-left: 10%;
    transform: scale(1);
  }
  #loreal-compaign .event_oto .button_box .formfield_button .submit_button {
    left: 15vw;
    top: 2vw;
  }
}
/* pad 表單 end */

/* o2o-coupon[data-index="1"] */
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .kls-banner__link[data-index="1"] {
  top: 89.25%;
  width: 36%;
  left: 32%;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="1"] {
  top: 31%;
  width: 28.5%;
  left: 54%;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="2"] {
  top: 50.5%;
  width: 28.5%;
  left: 54%;
}

#loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="3"] {
  top: 92.25%;
  width: 28.5%;
  left: 14.5%;
}
#loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="4"] {
  top: 92.25%;
  width: 28.5%;
  left: 55%;
}
@media (min-width: 992px) {
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] > img {
    height: 100%;
  }

  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="1"] .kls-banner__link[data-index="1"] {
    top: 85%;
    width: 18.5%;
    left: 18%;
  }

  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="1"] {
    top: 53%;
    width: 15%;
    left: 28.5%;
  }
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="2"] {
    top: 87%;
    width: 15%;
    left: 28.5%;
  }
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="3"] {
    top: 51.5%;
    width: 15%;
    left: 76%;
  }
  #loreal-compaign .ccds_202502 .o2o-coupon[data-index="2"] .kls-banner__link[data-index="4"] {
    top: 84%;
    width: 15%;
    left: 77%;
  }
}