/*-------------------------------------------------------------------------------*/
.cn-new-year-2022-routines {
  position: relative;
  --CLARINS-FONT: ClarinsRegular, Clarins, 'Microsoft Jhenghei';
  --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica,
    Arial, 'Microsoft Jhenghei', sans-serif;
  --RED-COLOR: #b40c1b;
  --LEFT-COLOR: #b40c1b;
  --RIGHT-COLOR: #eed47b;

  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  width: 1600px;
  margin: 0 auto;
  margin-left: calc(50% - 800px);
  overflow: hidden;
  padding-bottom: 70px;
  background-color: #fff;
}

.cn-new-year-2022-routines__container {
  display: flex;
  width: 100%;
  margin: 0 auto;
  max-width: 1052px;
  position: relative;
  z-index: 2;
}
.cn-new-year-2022-routines * {
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.cn-new-year-2022-routines__main-title {
  color: var(--RED-COLOR);
  font-size: 35px;

  padding: 35px;
  font-weight: normal;
  text-transform: uppercase;
  margin: 0 auto;
  margin-top: 35px;
  font-family: var(--GOTHAM-BOOK);
  text-align: center;
}
.cn-new-year-2022-routines__routine {
  flex-basis: 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background-repeat: repeat-x;
  background-position: top center;
  height: 505px;
  max-width: 526px;
}
.cn-new-year-2022-routines__background {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.cn-new-year-2022-routines__wrapper {
  flex: 1;
  position: relative;
  max-width: 512px;
  z-index: 3;
}

.cn-new-year-2022-routines__title {
  text-transform: uppercase;
  font-size: 20px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  text-align: center;
  padding: 25px;
}

/*-------------------------------------------------------------------------------*/
/**-- [ skin care ] --**/
.cn-new-year-2022-routines__routine[data-block="revitalize"] {
  background-image: url(../images/routine-1-background.png);
  background-color: var(--RIGHT-COLOR);
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__title {
  color: var(--LEFT-COLOR);
}

/*-------------------------------------------------------------------------------*/
/**-- [ make-up ] --**/
.cn-new-year-2022-routines__routine[data-block="moisturize"] {
  background-image: url(../images/routine-2-background.png);
  background-color: var(--LEFT-COLOR);
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__title {
  color: var(--RIGHT-COLOR);
}

/*-------------------------------------------------------------------------------*/
.cn-new-year-2022-routines__item {
  position: absolute;
  font-size: 0;
  z-index: 1;
  user-select: none;
}
.cn-new-year-2022-routines__item img {
  user-select: none;
  display: inline-block;
}
.cn-new-year-2022-routines__item[data-open="1"] {
  z-index: 2;
}
.cn-new-year-2022-routines__packshots {
  filter: drop-shadow(7px 7px 4px rgba(21, 20, 79, 0.2));
  transition: all ease-in-out 0.2s;
  cursor: pointer;
  white-space: nowrap;
}
.cn-new-year-2022-routines__packshots span {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  text-align: center;
  font-size: 14px;
  color: var(--LEFT-COLOR);
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
}

.cn-new-year-2022-routines__popin {
  position: absolute;
  display: block;
  width: 170px;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  max-height: 0px;
  overflow: hidden;
  transition: unset;
}

.cn-new-year-2022-routines__item[data-open="1"]
  .cn-new-year-2022-routines__popin {
  max-height: 520px;
  transition: max-height ease-in-out 0.5s;
}
button.cn-new-year-2022-routines__btn::before,
button.cn-new-year-2022-routines__btn::after {
  display: none !important;
}
button.cn-new-year-2022-routines__btn {
  outline: 0 !important;
}

.cn-new-year-2022-routines__item:hover .cn-new-year-2022-routines__btn,
.cn-new-year-2022-routines button:hover,
.cn-new-year-2022-routines button:not(.not-tabbable):focus,
.cn-new-year-2022-routines button:not(.not-tabbable):active,
button.cn-new-year-2022-routines__btn:not(.not-tabbable):focus,
button.cn-new-year-2022-routines__btn:not(.not-tabbable):active {
  outline: 0 !important;
  background-color: #fff !important;
  border: 0px solid rgba(0, 0, 0, 0) !important;
  color: #b40024 !important;
}
.cn-new-year-2022-routines__btn {
  position: absolute;
  letter-spacing: 0 !important;
  left: calc(50% - 15px);
  width: 30px;
  height: 30px;
  border-radius: 15px !important;
  border: 0px solid;
  outline: 0;
  font-size: 30px !important;
  line-height: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #333333;
  background-color: rgba(255, 255, 255, 0.75);
  cursor: pointer;
  transition: all ease-in-out 0.5s;
  margin-left: -15px;
  padding: 0;
  font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  min-width: 0 !important;
  user-select: none;
}
.cn-new-year-2022-routines__item[data-open="1"]
  .cn-new-year-2022-routines__btn {
  transform: rotate(45deg);
  background-color: #fff;
}
.cn-new-year-2022-routines__infos {
  background-color: #fff;
  padding: 15px;
  font-size: 11px;
  line-height: 16px;
  text-align: center;
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
}

.cn-new-year-2022-routines__infos a:hover {
  color: #b40024;
  border-bottom: 1px solid #b40024;
}

.cn-new-year-2022-routines__infos a {
  font-size: 11px;
  font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium",
    "GothamMedium", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
  background-color: transparent;
  display: inline-block;
  border: 0px solid;
  outline: 0;
  color: #333;
  text-decoration: none;
  text-transform: uppercase;
  border-bottom: 1px solid #000;
  cursor: pointer;
  padding: 0;
  margin-top: 10px;
}
.cn-new-year-2022-routines__infos strong {
  font-family: var(--GOTHAM-BOOK);
  font-weight: normal;
  font-size: 14px;
  color: var(--COLOR-RED);
}

.cn-new-year-2022-routines__item .cn-new-year-digit {
  content: " ";
  position: absolute;
  background-position: top right;
  top: 0;
  left: 0;
  width: 53px;
  height: 61px;
  display: block;
  background-repeat: no-repeat;
  pointer-events: none;
}
/*.cn-new-year-2022-routines__item[data-num="1"] .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.846,60.658 L17.183,60.658 L17.183,0.726 L13.782,0.726 L0.177,5.741 L1.367,9.227 L12.846,5.316 L12.846,60.658 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__item[data-num="2"] .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M0.684,60.658 L41.329,60.658 L41.329,56.408 L7.657,56.408 L25.853,39.916 C36.312,30.394 40.734,24.954 40.734,16.793 L40.734,16.623 C40.734,7.356 33.166,0.301 23.47,0.301 C12.588,0.301 7.61,5.146 1.874,13.52 L5.191,15.262 C10.122,8.122 15.54,4.211 22.622,4.211 C29.765,4.211 36.57,9.227 36.57,16.963 C36.57,23.253 32.656,28.354 22.877,37.280 L0.684,57.343 L0.684,60.658 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__item[data-num="3"] .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M22.47,60.678 C32.336,60.678 41.435,53.707 41.435,43.336 L41.435,43.166 C41.435,32.285 31.656,27.14 20.347,26.334 L40.499,3.296 L40.499,0.151 L3.255,0.151 L3.255,4.316 L34.462,4.316 L13.969,27.949 L15.75,30.414 L18.306,30.414 C29.20,30.414 36.843,35.5 36.843,43.336 L36.843,43.506 C36.843,51.327 30.125,56.683 22.132,56.683 C14.309,56.683 8.357,53.197 3.595,47.162 L0.194,49.967 C5.41,56.258 12.354,60.678 22.47,60.678 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__item[data-num="4"] .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='49px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M34.442,60.658 L38.693,60.658 L38.693,46.121 L48.387,46.121 L48.387,42.296 L38.693,42.296 L38.693,0.726 L34.697,0.726 L0.684,42.806 L2.214,46.121 L34.442,46.121 L34.442,60.658 ZM6.41,42.296 L34.442,7.101 L34.442,42.296 L6.41,42.296 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__item[data-num="5"] .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='43px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M21.282,60.678 C33.272,60.678 42.30,52.772 42.30,41.551 L42.30,41.381 C42.30,30.755 33.102,23.444 21.622,23.444 C16.95,23.444 12.269,24.804 8.442,26.674 L9.888,4.401 L39.394,4.401 L39.394,0.151 L5.976,0.151 L4.276,28.969 L7.677,31.180 C11.418,29.139 15.585,27.439 21.112,27.439 C30.721,27.439 37.438,33.305 37.438,41.551 L37.438,41.721 C37.438,50.52 30.891,56.683 21.452,56.683 C15.160,56.683 8.952,53.282 3.595,47.927 L0.449,51.72 C5.636,56.343 13.204,60.678 21.282,60.678 Z'/%3E%3C/svg%3E");
}
*/
.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(180, 12, 27)' d='M12.846,60.658 L17.183,60.658 L17.183,0.726 L13.782,0.726 L0.177,5.741 L1.367,9.227 L12.846,5.316 L12.846,60.658 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(180, 12, 27)' d='M0.684,60.658 L41.329,60.658 L41.329,56.408 L7.657,56.408 L25.853,39.916 C36.312,30.394 40.734,24.954 40.734,16.793 L40.734,16.623 C40.734,7.356 33.166,0.301 23.47,0.301 C12.588,0.301 7.61,5.146 1.874,13.52 L5.191,15.262 C10.122,8.122 15.54,4.211 22.622,4.211 C29.765,4.211 36.57,9.227 36.57,16.963 C36.57,23.253 32.656,28.354 22.877,37.280 L0.684,57.343 L0.684,60.658 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='18px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(238, 212, 122)' d='M12.846,60.658 L17.183,60.658 L17.183,0.726 L13.782,0.726 L0.177,5.741 L1.367,9.227 L12.846,5.316 L12.846,60.658 Z'/%3E%3C/svg%3E");
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-digit {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='42px' height='61px'%3E%3Cpath fill-rule='evenodd' fill='rgb(238, 212, 122)' d='M0.684,60.658 L41.329,60.658 L41.329,56.408 L7.657,56.408 L25.853,39.916 C36.312,30.394 40.734,24.954 40.734,16.793 L40.734,16.623 C40.734,7.356 33.166,0.301 23.47,0.301 C12.588,0.301 7.61,5.146 1.874,13.52 L5.191,15.262 C10.122,8.122 15.54,4.211 22.622,4.211 C29.765,4.211 36.57,9.227 36.57,16.963 C36.57,23.253 32.656,28.354 22.877,37.280 L0.684,57.343 L0.684,60.658 Z'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------------------*/
.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"] {
  top: 19px;
  left: calc(50% - 95px);
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-digit {
  left: -73px;
  top: calc(50% - 30px);
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  img {
  width: 95px;
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-2022-routines__popin {
  bottom: 0px;
  left: calc(50% - 85px);
}
.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-2022-routines__btn {
  bottom: -40px;
  left: 50%;
}
/*--------------------------------------------------------------------------*/
.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"] {
  top: 138px;
  left: 50%;
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-digit {
  top: -90px;
  left: 10px;
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  img {
  width: 85px;
  z-index: 2;
  position: relative;
}

.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-2022-routines__popin {
  bottom: 95px;
  left: calc(50% - 15px);
}
.cn-new-year-2022-routines__routine[data-block="revitalize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-2022-routines__btn {
  top: 122px;
  left: calc(100% + 30px);
}
/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/
.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"] {
  top: 60px;
  left: calc(50% - 155px);
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-digit {
  left: -70px;
  top: 220px;
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  img {
  width: 95px;
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-2022-routines__popin {
  bottom: 0px;
  left: calc(50% - 85px);
}
.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="1"]
  .cn-new-year-2022-routines__btn {
  bottom: -40px;
  left: 50%;
}
/*--------------------------------------------------------------------------*/
.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"] {
  top: 34px;
  left: calc(50% - 40px);
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-digit {
  left: 170px;
  top: 30px;
}

.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  img {
  width: 185px;
}
.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-2022-routines__popin {
  top: 0px;
  left: calc(50% - 100px);
}
.cn-new-year-2022-routines__routine[data-block="moisturize"]
  .cn-new-year-2022-routines__item[data-num="2"]
  .cn-new-year-2022-routines__btn {
  top: -40px;
  left: calc(50% - 20px);
}

/*---------responsive-----------------*/
@media (max-width: 1023px) {
  .cn-new-year-2022-routines {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  .cn-new-year-2022-routines__container {
    width: 100vw;
    display: block;
    max-width: 525px;
  }
}

@media (max-width: 761px) {
  .cn-new-year-2022-routines__main-title {
    font-size: 6vw;
    line-height: 1.2em;
    text-align: center;
    padding: 20px;
  }
  .cn-new-year-2022-routines__title {
    font-size: 16px;
    padding: 20px;
    line-height: 1em;
  }
  /*-------------------------------------------------------------------------------*/
  /**-- [ skin care ] --**/
  .cn-new-year-2022-routines__routine {
    height: 375px;
    width: 375px;
    max-width: 375px;
    background-size: cover;
    margin: 0 auto;
  }

  /*--------------------------------------------------------------------------*/

  .cn-new-year-2022-routines__routine[data-block="revitalize"] {
    z-index: 5;
    position: relative;
  }
  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="1"] {
    top: 17px;
    left: calc(50% - 70px);
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-digit {
    left: -63px;
    transform: scale(0.8);
    top: calc(50% - 30px);
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    img {
    width: 70px;
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-2022-routines__popin {
    bottom: 0px;
    left: calc(50% - 85px);
  }
  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-2022-routines__btn {
    bottom: -40px;
    left: 50%;
  }
  /*--------------------------------------------------------------------------*/
  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="2"] {
    top: 104px;
    left: 50%;
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-digit {
    top: -70px;
    left: 0px;
    transform: scale(0.8);
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    img {
    width: 60px;
    z-index: 2;
    position: relative;
  }

  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-2022-routines__popin {
    bottom: auto;
    top: 125px;
    left: calc(50% - 25px);
  }
  .cn-new-year-2022-routines__routine[data-block="revitalize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-2022-routines__btn {
    top: 82px;
    left: calc(100% + 30px);
  }
  /*--------------------------------------------------------------------------*/

  /*--------------------------------------------------------------------------*/
  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="1"] {
    top: 35px;
    left: calc(50% - 109px);
  }

  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-digit {
    left: -75px;
    top: 155px;
    transform: scale(0.8);
  }

  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    img {
    width: 70px;
  }

  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-2022-routines__popin {
    bottom: 0px;
    left: calc(50% - 85px);
  }
  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="1"]
    .cn-new-year-2022-routines__btn {
    bottom: -40px;
    left: 50%;
  }
  /*--------------------------------------------------------------------------*/
  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="2"] {
    top: 25px;
    left: calc(50% - 26px);
  }

  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-digit {
    left: 110px;
    top: 0px;
    transform: scale(0.8);
  }

  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    img {
    width: 129px;
  }
  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-2022-routines__popin {
    top: 0px;
    left: calc(50% - 100px);
  }
  .cn-new-year-2022-routines__routine[data-block="moisturize"]
    .cn-new-year-2022-routines__item[data-num="2"]
    .cn-new-year-2022-routines__btn {
    top: -40px;
    left: calc(50% - 15px);
  }
}




/*DTW Responsive Edits*/
.cn-new-year-2022-routines__title {
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", "GothamMedium", Helvetica, Arial, 'Microsoft Jhenghei', sans-serif;
    text-align: center;
    padding: 8px;
}

.cn-new-year-2022-game__text-mention {
    color: #fff;
    font-size: 11px;
    line-height: 1.4em;
    margin: 0px;
    margin-bottom: 20px;
    text-align: left;
    font-family: var(--GOTHAM-BOOK);
    max-width: 462px;
    opacity: .7;
}
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) { }
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 2) { }

/*iPhone 6/7/8/plus, XR, 11, X, 12 and 11.*/
@media (max-width: 480px) {
  .cn-new-year-2022-routines__main-title{
    margin-top: 0;
  }
}