body,
html {
  overflow-x: hidden;
}

.cn-new-year-2022-game {
  max-width: 1050px;
  margin: 0 auto;
  width: 100%;
  --CLARINS-FONT: ClarinsRegular, Clarins, "Kanit Light";
  --GOTHAM-BOOK: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, "Kanit Light", sans-serif;
  --GOTHAM-MEDIUM: "Gotham SSm medium A", "Gotham SSm medium B", Helvetica, Arial, "Kanit Light", sans-serif;
  --FONT-SIZE: 14px;
  --COLOR-GOLD: #eed47b;
  --COLOR-RED: #b40c1b;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  box-sizing: border-box;
  padding: 40px;
  position: relative;
  height: 690px;
}

/*------------------------------------------------*/
.cn-new-year-2022-game__btn {
  position: relative;
  background-color: #fff !important;
  display: inline-block;
  color: #333;
  padding: 14px;
  text-decoration: none;
  font-size: var(--FONT-SIZE);
  line-height: 15px;
  font-family: var(--GOTHAM-MEDIUM);
  cursor: pointer;
  border: 1px solid #e7e4e2;
  min-width: 162px;
  text-align: center;
  border-radius: 5px;
  height: 44px;
  box-sizing: border-box;
  text-transform: unset !important;
  letter-spacing: unset !important;
}
.cn-new-year-2022-game__btn::after {
  content: " ";
  display: block;
  position: absolute;
  width: calc(100% + 6px);
  height: calc(100% + 6px);
  border: var(--COLOR-RED) solid 2px;
  border-radius: 7px;
  opacity: 0;
  left: -3px;
  top: -3px;
  pointer-events: none;
  box-sizing: border-box;
}

/*------------------------------------------------*/
.cn-new-year-2022-game__btn:focus::after {
  opacity: 1;
}
.cn-new-year-2022-game__btn:hover {
  color: var(--COLOR-RED);
}
.cn-new-year-2022-game__btn:active::after {
  opacity: 1;
}
/*------------------------------------------------*/

.cn-new-year-2022-game__background {
  position: absolute;
  width: 1600px;
  left: calc(50% - 800px);
  z-index: 1;
  top: 0;
}
.cn-new-year-2022-game__background img {
  display: block;
  width: 100%;
}

.cn-new-year-2022-game__deco {
  position: absolute;
  z-index: 2;
  left: calc(50% - 800px);
}
.cn-new-year-2022-game__deco img {
  display: block;
}
.cn-new-year-2022-game__content {
  position: relative;
  margin: 0;
  max-width: 450px;
  z-index: 2;
}
.cn-new-year-2022-game__title {
  margin: 0;
  margin-bottom: 20px;
  color: var(--COLOR-GOLD);
  font-size: 35px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: var(--GOTHAM-BOOK);
}
.cn-new-year-2022-game__text {
  color: #fff;
  font-size: 14px;
  line-height: 1.4em;
  margin: 0px;
  margin-bottom: 20px;
  text-align: left;
  font-family: var(--GOTHAM-BOOK);
  max-width: 462px;
}
.cn-new-year-2022-game__qr-code {
  position: relative;
  margin: 0;
  margin-left: 90px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  color: var(--COLOR-GOLD);
  text-transform: uppercase;
  font-family: var(--GOTHAM-MEDIUM);
  align-items: center;
  text-align: center;
  font-size: 11px;
  margin-top: 30px;
}
.cn-new-year-2022-game__qr-code span {
  display: block;
  margin-top: 10px;
}
@media (max-width: 1023px) and (min-width: 762px) {
  .cn-new-year-2022-game {
    padding-right: 350px;
    flex-direction: column;
    align-items: flex-start;
    height: 517px;
    justify-content: flex-start;
  }
  .cn-new-year-2022-game__background {
    left: calc(50% - 650px);
    width: 1200px;
  }
  .cn-new-year-2022-game__title br {
    display: none;
  }
  .cn-new-year-2022-game__qr-code {
    margin-left: 0;
    position: absolute;
    bottom: 50px;
    right: 310px;
  }
  .cn-new-year-2022-game__text {
    max-width: 292px;
  }
}
@media (max-width: 761px) {
  .cn-new-year-2022-game {
    padding-top: 170vw;
    display: block;
    text-align: center;
    height: auto;
    overflow: hidden;
  }
  .cn-new-year-2022-game__title {
    font-size: 6vw;
    line-height: 1.2em;
    text-align: center;
  }
  .cn-new-year-2022-game__title br {
    display: none;
  }
  .cn-new-year-2022-game__text {
    text-align: center;
  }
  .cn-new-year-2022-game__background {
    width: 100vw;
    top: 0;
    margin: 0;
    left: 0;
  }
  .cn-new-year-2022-game__qr-code {
    margin: 0 auto;
    margin-top: 35px;
    visibility: hidden;
  }

  .cn-new-year-2022-game__deco {
    bottom: 0;
    left: 0;
    width: 100vw;
  }
  .cn-new-year-2022-game__deco img {
    width: 100vw;
  }
}

/*MASTER ANALYSIS*/
/*iPad Air Portrait*/
@media only screen
and (min-device-width : 834px)
and (max-device-width : 1112px)
and (orientation : portrait)
and (-webkit-min-device-pixel-ratio: 2) {
  .cn-new-year-2022-game__qr-code {
    right: 330px;
  }
}