@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@700&display=swap");
.pcon {
  display: inline-block !important;
}

@media screen and (max-width: 991px) {
  .pcon {
    display: none !important;
  }
}

.mdon {
  display: none;
}

@media screen and (max-width: 991px) {
  .mdon {
    display: inline-block;
  }
}

.localhost a {
  background-color: rgba(0, 0, 0, 0);
}

#loreal-compaign {
  font-family: 'Noto Sans TC', sans-serif;
}

@media screen and (max-width: 991px) {
  #loreal-compaign {
    max-width: 750px;
  }
  #loreal-compaign img {
    width: 100%;
  }
}

#loreal-compaign .section-kv .kv-1 {
  position: relative;
}

#loreal-compaign .section-kv .kv-1 .kv1-title {
  position: absolute;
  top: 15%;
  right: 4.3%;
  color: #fff;
  font-size: 50px;
  text-align: right;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-1 .kv1-title {
    font-size: 4.3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-title {
    font-size: 52px;
    width: 100%;
    right: 0;
    text-align: center;
    top: 3.8%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-1 .kv1-title {
    font-size: 6.9vw;
  }
}

#loreal-compaign .section-kv .kv-1 .kv1-title span {
  font-size: 77%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-title span {
    font-size: 88%;
  }
}

#loreal-compaign .section-kv .kv-1 .kv1-tip {
  position: absolute;
  top: 13.4%;
  left: 5.6%;
  width: 14%;
  text-align: center;
  font-size: 24px;
  line-height: 170%;
  color: #fff;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-1 .kv1-tip {
    font-size: 2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-tip {
    width: 20%;
    left: 17%;
    top: 30.5%;
    font-size: 20px;
    line-height: 170%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-1 .kv1-tip {
    font-size: 2.7vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-1 .kv1-tip {
    width: 60%;
    -webkit-transform: scale(0.5) translate(-65%, -50%);
            transform: scale(0.5) translate(-65%, -50%);
    font-size: 5.5vw;
  }
}

#loreal-compaign .section-kv .kv-1 .kv1-tip span:first-child {
  text-shadow: 0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 4px #333,  0 0 4px #333;
}

#loreal-compaign .section-kv .kv-1 .kv1-tip span:nth-child(3) {
  font-size: 200%;
  font-weight: 900;
  color: #da0e2c;
  text-shadow: 0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 5px #fff,  0 0 5px #fff;
  padding-right: 5%;
}

#loreal-compaign .section-kv .kv-1 .kv1-tip span:last-child {
  text-shadow: 0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 2px #333,  0 0 4px #333,  0 0 4px #333;
  padding-right: 9%;
}

#loreal-compaign .section-kv .kv-1 .kv1-product-pr {
  position: absolute;
  top: 40.5%;
  right: 5%;
  font-size: 40px;
  line-height: 100%;
  color: #fff;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-pr {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-pr {
    font-size: 38px;
    width: 100%;
    right: 0;
    text-align: center;
    top: 73.8%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-pr {
    font-size: 5vw;
  }
}

#loreal-compaign .section-kv .kv-1 .kv1-product-pr span {
  padding-left: 1%;
  color: #da0e2c;
  text-shadow: 0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 5px #fff,  0 0 5px #fff;
}

#loreal-compaign .section-kv .kv-1 .kv1-product-pr small {
  font-weight: 500;
  font-size: 60%;
  padding-right: 2%;
}

#loreal-compaign .section-kv .kv-1 .kv1-product-name {
  position: absolute;
  top: 51.5%;
  right: 4.3%;
  color: #fff;
  font-size: 30px;
  text-align: center;
  width: 43%;
  letter-spacing: .35rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name {
    font-size: 2.55vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name {
    font-size: 31px;
    width: 100%;
    right: 0;
    top: 79.6%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name {
    font-size: 4.1vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name {
    width: 200%;
    -webkit-transform: scale(0.5) translate(50%, -50%);
            transform: scale(0.5) translate(50%, -50%);
    font-size: 9vw;
  }
}

#loreal-compaign .section-kv .kv-1 .kv1-product-name-en {
  position: absolute;
  top: 63%;
  right: 1.6%;
  color: #fff;
  font-size: 18px;
  text-align: center;
  width: 48%;
  letter-spacing: .2rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name-en {
    font-size: 1.55vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name-en {
    font-size: 18px;
    width: 100%;
    right: 0;
    top: 84.8%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name-en {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-1 .kv1-product-name-en {
    width: 200%;
    -webkit-transform: scale(0.5) translate(50%, -40%);
            transform: scale(0.5) translate(50%, -40%);
    font-size: 5.8vw;
  }
}

#loreal-compaign .section-kv .kv-1 .btn-kv2-1 {
  position: absolute;
  bottom: 13%;
  right: 26.5%;
  width: 21%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .btn-kv2-1 {
    bottom: 1.8%;
    right: 51.5%;
    width: 40%;
  }
}

#loreal-compaign .section-kv .kv-1 .btn-kv2-2 {
  position: absolute;
  bottom: 13%;
  right: 4%;
  width: 21%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-1 .btn-kv2-2 {
    bottom: 1.8%;
    right: 10%;
    width: 40%;
  }
}

#loreal-compaign .section-kv .kv-2 {
  position: relative;
}

#loreal-compaign .section-kv .kv-2 .kv2-title {
  position: absolute;
  top: 5.8%;
  left: 3.8%;
  color: #fff;
  font-size: 72px;
  text-align: center;
  line-height: 95%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-2 .kv2-title {
    font-size: 6.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-2 .kv2-title {
    font-size: 70px;
    width: 100%;
    left: 0;
    top: 1.8%;
    line-height: 120%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-2 .kv2-title {
    font-size: 10vw;
  }
}

#loreal-compaign .section-kv .kv-2 .kv2-title span {
  font-size: 60%;
  letter-spacing: .1rem;
}

#loreal-compaign .section-kv .kv-2 .kv2-content {
  position: absolute;
  top: 36%;
  left: 9%;
  width: 33%;
  font-size: 28px;
  text-align: justify;
  color: #2e2e2e;
  letter-spacing: .08rem;
  font-weight: 500;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-2 .kv2-content {
    font-size: 2.4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-2 .kv2-content {
    font-size: 33px;
    width: 91%;
    left: 50%;
    top: 67.3%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    line-height: 130%;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-2 .kv2-content {
    font-size: 4.4vw;
  }
}

#loreal-compaign .section-kv .kv-2 .kv2-step1 {
  position: absolute;
  left: 5%;
  bottom: 12.6%;
  width: 12.4%;
  text-align: center;
  color: #fff;
  font-size: 19px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step1 {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step1 {
    width: 26%;
    left: 8%;
    bottom: 6.2%;
    font-size: 25px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step1 {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step1 {
    width: 52%;
    -webkit-transform: scale(0.5) translate(-50%, 45%);
            transform: scale(0.5) translate(-50%, 45%);
    font-size: 7vw;
  }
}

#loreal-compaign .section-kv .kv-2 .kv2-step2 {
  position: absolute;
  left: 18.7%;
  bottom: 12.6%;
  width: 12.4%;
  text-align: center;
  color: #fff;
  font-size: 19px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step2 {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step2 {
    width: 26%;
    left: 37%;
    bottom: 6.2%;
    font-size: 25px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step2 {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step2 {
    width: 52%;
    -webkit-transform: scale(0.5) translate(-50%, 45%);
            transform: scale(0.5) translate(-50%, 45%);
    font-size: 7vw;
  }
}

#loreal-compaign .section-kv .kv-2 .kv2-step3 {
  position: absolute;
  left: 32.4%;
  bottom: 12.6%;
  width: 12.4%;
  text-align: center;
  color: #fff;
  font-size: 19px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step3 {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step3 {
    width: 26%;
    left: 66%;
    bottom: 6.2%;
    font-size: 25px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step3 {
    font-size: 3.3vw;
  }
}

@media screen and (max-width: 550px) {
  #loreal-compaign .section-kv .kv-2 .kv2-step3 {
    width: 52%;
    -webkit-transform: scale(0.5) translate(-50%, 45%);
            transform: scale(0.5) translate(-50%, 45%);
    font-size: 7vw;
  }
}

#loreal-compaign .section-content .content-1 {
  position: relative;
}

#loreal-compaign .section-content .content-1 .content1-title {
  position: absolute;
  top: 7.5%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 73px;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 110%;
  text-shadow: 0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 10px #173163,  0 0 10px #173163,  0 0 10px #173163;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-1 .content1-title {
    font-size: 6.1vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-title {
    font-size: 74px;
    top: 4%;
    line-height: 120%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-1 .content1-title {
    font-size: 9.7vw;
  }
}

#loreal-compaign .section-content .content-1 .content1-title i {
  color: #ffd800;
}

#loreal-compaign .section-content .content-1 .content1-title span {
  letter-spacing: .1rem;
}

#loreal-compaign .section-content .content-1 .content1-title span:first-child {
  color: #ffd800;
  font-size: 150%;
  vertical-align: initial;
}

#loreal-compaign .section-content .content-1 .content1-box1 {
  position: absolute;
  top: 45%;
  left: 57.5%;
  width: 35%;
  color: #fff;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box1 {
    width: 65%;
    top: 64.5%;
    left: 31.5%;
  }
}

#loreal-compaign .section-content .content-1 .content1-box1 p:first-child {
  font-size: 40px;
  line-height: 100%;
  padding-bottom: 6%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:first-child {
    font-size: 3.4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:first-child {
    font-size: 44px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:first-child {
    font-size: 6vw;
  }
}

#loreal-compaign .section-content .content-1 .content1-box1 p:last-child {
  padding-top: 3.5%;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: .15rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:last-child {
    font-size: 2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:last-child {
    font-size: 31px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-1 .content1-box1 p:last-child {
    font-size: 4.2vw;
  }
}

#loreal-compaign .section-content .content-1 .content1-box2 {
  position: absolute;
  top: 74%;
  left: 57.5%;
  width: 35%;
  color: #fff;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box2 {
    width: 65%;
    top: 83%;
    left: 31.5%;
  }
}

#loreal-compaign .section-content .content-1 .content1-box2 p:first-child {
  font-size: 40px;
  line-height: 100%;
  padding-bottom: 6%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:first-child {
    font-size: 3.4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:first-child {
    font-size: 44px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:first-child {
    font-size: 6vw;
  }
}

#loreal-compaign .section-content .content-1 .content1-box2 p:last-child {
  padding-top: 3.5%;
  font-size: 24px;
  line-height: 150%;
  letter-spacing: .15rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:last-child {
    font-size: 2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:last-child {
    font-size: 31px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-1 .content1-box2 p:last-child {
    font-size: 4.2vw;
  }
}

#loreal-compaign .section-content .content-2 {
  position: relative;
}

#loreal-compaign .section-content .content-2 .content2-title {
  position: absolute;
  top: 6.5%;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  font-size: 77px;
  font-weight: 900;
  width: 100%;
  text-align: center;
  color: #fff;
  line-height: 110%;
  text-shadow: 0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 10px #173163,  0 0 10px #173163,  0 0 10px #173163;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-title {
    font-size: 6.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-title {
    font-size: 74px;
    top: 0%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-title {
    font-size: 10vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-title span:last-child {
  font-size: 120%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-title span:last-child {
    font-size: 100%;
  }
}

#loreal-compaign .section-content .content-2 .content2-title2-1 {
  position: absolute;
  left: 15.5%;
  top: 36.2%;
  width: 17%;
  text-align: center;
  color: #fff;
  font-size: 40px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-title2-1 {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-title2-1 {
    top: 28.7%;
    left: 25.6%;
    width: 31%;
    font-size: 46px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-title2-1 {
    font-size: 6vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-title2-2 {
  position: absolute;
  left: 15.5%;
  top: 55.8%;
  width: 17%;
  text-align: center;
  color: #fff;
  font-size: 40px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-title2-2 {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-title2-2 {
    top: 51.8%;
    left: 25.6%;
    width: 31%;
    font-size: 46px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-title2-2 {
    font-size: 6vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-title2-3 {
  position: absolute;
  left: 15.5%;
  top: 75.5%;
  width: 17%;
  text-align: center;
  color: #fff;
  font-size: 40px;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-title2-3 {
    font-size: 3.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-title2-3 {
    top: 75.4%;
    left: 25.6%;
    width: 31%;
    font-size: 46px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-title2-3 {
    font-size: 6vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-tx-1 {
  position: absolute;
  left: 35%;
  top: 36.5%;
  width: 41%;
  font-size: 35px;
  color: #2e2e2e;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-tx-1 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-tx-1 {
    font-size: 38px;
    top: 38.6%;
    left: 17%;
    width: 80%;
    letter-spacing: .1rem;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-tx-1 {
    font-size: 5vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-tx-2 {
  position: absolute;
  left: 35%;
  top: 56%;
  width: 41%;
  font-size: 35px;
  color: #2e2e2e;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-tx-2 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-tx-2 {
    font-size: 38px;
    top: 61.9%;
    left: 17%;
    width: 80%;
    letter-spacing: .1rem;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-tx-2 {
    font-size: 5vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-tx-3 {
  position: absolute;
  left: 35%;
  top: 75.8%;
  width: 41%;
  font-size: 35px;
  color: #2e2e2e;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-tx-3 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-tx-3 {
    font-size: 38px;
    top: 85.2%;
    left: 4%;
    width: 93%;
    letter-spacing: .1rem;
    text-align: center;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-tx-3 {
    font-size: 5vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-pa-1 {
  position: absolute;
  left: 77%;
  bottom: 53%;
  width: 14%;
  font-size: 45px;
  line-height: 120%;
  font-weight: 900;
  color: #da0e2c;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-pa-1 {
    font-size: 4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-pa-1 {
    top: 28%;
    left: 60%;
    font-size: 56px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-pa-1 {
    font-size: 7.4vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-pa-1 i {
  font-size: 180%;
  padding-right: 2%;
}

#loreal-compaign .section-content .content-2 .content2-pa-2 {
  position: absolute;
  left: 77%;
  bottom: 33.2%;
  width: 14%;
  font-size: 45px;
  line-height: 120%;
  font-weight: 900;
  color: #da0e2c;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-pa-2 {
    font-size: 4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-pa-2 {
    top: 51.1%;
    left: 60%;
    font-size: 56px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-pa-2 {
    font-size: 7.4vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-pa-2 i {
  font-size: 180%;
  padding-right: 2%;
}

#loreal-compaign .section-content .content-2 .content2-pa-3 {
  position: absolute;
  left: 77%;
  bottom: 14%;
  width: 14%;
  font-size: 45px;
  line-height: 120%;
  font-weight: 900;
  color: #da0e2c;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-2 .content2-pa-3 {
    font-size: 4vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-2 .content2-pa-3 {
    top: 74.3%;
    left: 60%;
    font-size: 56px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-2 .content2-pa-3 {
    font-size: 7.4vw;
  }
}

#loreal-compaign .section-content .content-2 .content2-pa-3 i {
  font-size: 180%;
  padding-right: 2%;
}

#loreal-compaign .section-content .content-3 {
  position: relative;
}

#loreal-compaign .section-content .content-3 .content3-title {
  position: absolute;
  width: 100%;
  top: 3.2%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
  font-size: 76px;
  color: #fff;
  padding-left: 1%;
  font-weight: 900;
  text-shadow: 0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 5px #002a6a,  0 0 10px #173163,  0 0 10px #173163,  0 0 10px #173163;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title {
    font-size: 6.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title {
    font-size: 72px;
    line-height: 140%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title {
    font-size: 9.8vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-title i {
  padding-right: 1%;
  font-size: 150%;
  vertical-align: initial;
  color: #da0e2c;
  text-shadow: 0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 5px #fff,  0 0 10px #173163,  0 0 10px #173163,  0 0 10px #173163;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title i {
    padding-right: 3%;
  }
}

#loreal-compaign .section-content .content-3 .content3-title2-1 {
  position: absolute;
  left: 26.2%;
  top: 22.3%;
  width: 16.5%;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title2-1 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title2-1 {
    left: 33.2%;
    top: 19.9%;
    font-size: 40px;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title2-1 {
    font-size: 5.2vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-title2-2 {
  position: absolute;
  left: 26.2%;
  top: 42%;
  width: 16.5%;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title2-2 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title2-2 {
    left: 33.2%;
    top: 47.7%;
    font-size: 40px;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title2-2 {
    font-size: 5.2vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-title2-3 {
  position: absolute;
  left: 26.2%;
  top: 60.9%;
  width: 16.5%;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title2-3 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title2-3 {
    left: 33.2%;
    top: 73.7%;
    font-size: 40px;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title2-3 {
    font-size: 5.2vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-title2-4 {
  position: absolute;
  left: 68.8%;
  top: 22.3%;
  width: 16.5%;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title2-4 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title2-4 {
    left: 33.2%;
    top: 33.3%;
    font-size: 40px;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title2-4 {
    font-size: 5.2vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-title2-5 {
  position: absolute;
  top: 42%;
  left: 68.8%;
  width: 16.5%;
  text-align: center;
  color: #fff;
  font-size: 34px;
  letter-spacing: .1rem;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-title2-5 {
    font-size: 3vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-title2-5 {
    left: 33.2%;
    top: 61.3%;
    font-size: 40px;
    width: 31%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-title2-5 {
    font-size: 5.2vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-1 {
  position: absolute;
  left: 26.2%;
  top: 27.3%;
  width: 24%;
  padding-left: .5%;
  color: #2e2e2e;
  font-size: 26px;
  letter-spacing: .1rem;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-1 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-1 {
    font-size: 30px;
    width: 62%;
    left: 34%;
    top: 24.5%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-1 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-2 {
  position: absolute;
  left: 26.2%;
  top: 47.1%;
  width: 24%;
  padding-left: .5%;
  color: #2e2e2e;
  font-size: 26px;
  letter-spacing: .1rem;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-2 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-2 {
    font-size: 30px;
    width: 65%;
    left: 34%;
    top: 52.3%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-2 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-3 {
  position: absolute;
  left: 26.2%;
  top: 65.7%;
  width: 24%;
  padding-left: .5%;
  color: #2e2e2e;
  font-size: 26px;
  letter-spacing: .1rem;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-3 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-3 {
    font-size: 30px;
    width: 62%;
    left: 34%;
    top: 78.3%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-3 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-4 {
  position: absolute;
  left: 68.8%;
  top: 27.3%;
  width: 24%;
  padding-left: .5%;
  color: #2e2e2e;
  font-size: 26px;
  letter-spacing: .1rem;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-4 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-4 {
    font-size: 30px;
    width: 62%;
    left: 34%;
    top: 37.8%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-4 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-5 {
  position: absolute;
  left: 68.8%;
  top: 47.1%;
  width: 24%;
  padding-left: .5%;
  color: #2e2e2e;
  font-size: 26px;
  letter-spacing: .1rem;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-5 {
    font-size: 2.2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-5 {
    font-size: 30px;
    width: 62%;
    left: 34%;
    top: 65.9%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-5 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-3 .content3-tx-6 {
  position: absolute;
  top: 78%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 88%;
  text-align: center;
  font-size: 36px;
  letter-spacing: .1rem;
  line-height: 140%;
  color: #173162;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-3 .content3-tx-6 {
    font-size: 3.1vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-3 .content3-tx-6 {
    font-size: 29px;
    top: 83.8%;
    width: 92%;
    line-height: 155%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-3 .content3-tx-6 {
    font-size: 3.8vw;
  }
}

#loreal-compaign .section-content .content-4 {
  position: relative;
}

#loreal-compaign .section-content .content-4 .product-name-1 {
  position: absolute;
  top: 68.1%;
  left: 11%;
  width: 40%;
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  text-shadow: 0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 5px #fff,  0 0 5px #fff;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-name-1 {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-name-1 {
    font-size: 30px;
    top: 73.4%;
    left: 7%;
    width: 40%;
    line-height: 120%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-name-1 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-4 .product-name-1 span {
  font-size: 120%;
  line-height: 120%;
  letter-spacing: .15rem;
  padding-left: 1%;
}

#loreal-compaign .section-content .content-4 .product-name-1 span small {
  font-size: 60%;
  letter-spacing: 0;
  padding-right: 2%;
}

#loreal-compaign .section-content .content-4 .product-name-2 {
  position: absolute;
  top: 60.1%;
  right: 5%;
  width: 40%;
  text-align: center;
  font-size: 30px;
  font-weight: 900;
  text-shadow: 0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 3px #fff,  0 0 5px #fff,  0 0 5px #fff;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-name-2 {
    font-size: 2.5vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-name-2 {
    font-size: 30px;
    top: 67.8%;
    right: 6.5%;
    width: 40%;
    line-height: 120%;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-name-2 {
    font-size: 4vw;
  }
}

#loreal-compaign .section-content .content-4 .product-name-2 span {
  font-size: 120%;
  line-height: 120%;
  letter-spacing: .15rem;
  padding-left: 1%;
}

#loreal-compaign .section-content .content-4 .product-name-2 span small {
  font-size: 60%;
  letter-spacing: 0;
  padding-right: 2%;
}

#loreal-compaign .section-content .content-4 .product-feature-1 {
  position: absolute;
  top: 50.3%;
  left: 5.8%;
  width: 14%;
  color: #fff;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 {
    top: 23.4%;
    left: 17.5%;
    width: 26%;
  }
}

#loreal-compaign .section-content .content-4 .product-feature-1 p:first-child {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: .2rem;
  padding-bottom: 5%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:first-child {
    font-size: 2.7vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:first-child {
    font-size: 38px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:first-child {
    font-size: 4.9vw;
  }
}

#loreal-compaign .section-content .content-4 .product-feature-1 p:last-child {
  padding-top: 5%;
  font-size: 23px;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:last-child {
    font-size: 2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:last-child {
    font-size: 28px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-feature-1 p:last-child {
    font-size: 3.8vw;
  }
}

#loreal-compaign .section-content .content-4 .product-feature-2 {
  position: absolute;
  top: 22.3%;
  right: 3.3%;
  width: 14%;
  color: #fff;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 {
    top: 19.4%;
    right: 13.3%;
    width: 26%;
  }
}

#loreal-compaign .section-content .content-4 .product-feature-2 p:first-child {
  font-size: 32px;
  line-height: 120%;
  letter-spacing: .2rem;
  padding-bottom: 5%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:first-child {
    font-size: 2.7vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:first-child {
    font-size: 38px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:first-child {
    font-size: 4.9vw;
  }
}

#loreal-compaign .section-content .content-4 .product-feature-2 p:last-child {
  padding-top: 5%;
  font-size: 23px;
  line-height: 130%;
}

@media screen and (max-width: 1170px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:last-child {
    font-size: 2vw;
  }
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:last-child {
    font-size: 28px;
  }
}

@media screen and (max-width: 750px) {
  #loreal-compaign .section-content .content-4 .product-feature-2 p:last-child {
    font-size: 3.8vw;
  }
}

#loreal-compaign .section-content .content-4 .btn-content4-1 {
  position: absolute;
  bottom: 14%;
  left: 17%;
  width: 28%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .btn-content4-1 {
    bottom: 11%;
    left: 5%;
    width: 44%;
  }
}

#loreal-compaign .section-content .content-4 .btn-content4-2 {
  position: absolute;
  bottom: 3.5%;
  left: 17%;
  width: 28%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .btn-content4-2 {
    bottom: 2.9%;
    left: 5%;
    width: 44%;
  }
}

#loreal-compaign .section-content .content-4 .btn-content4-3 {
  position: absolute;
  bottom: 22.5%;
  right: 10.7%;
  width: 28%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .btn-content4-3 {
    right: 4%;
    bottom: 18.3%;
    width: 44%;
  }
}

#loreal-compaign .section-content .content-4 .btn-content4-4 {
  position: absolute;
  bottom: 12%;
  right: 10.7%;
  width: 28%;
}

@media screen and (max-width: 991px) {
  #loreal-compaign .section-content .content-4 .btn-content4-4 {
    right: 4%;
    bottom: 10.1%;
    width: 44%;
  }
}
/*# sourceMappingURL=style2.css.map */