/*!********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/main/main.scss ***!
  \********************************************************************************************************************************************/
@font-face {
  font-family: "BeaufortforLOL-Medium";
  src: url(assets/main/fonts/Beaufortfor-Medium.otf);
}
@font-face {
  font-family: "BeaufortforLOL-Bold";
  src: url(assets/main/fonts/BeaufortforLOL-Bold.otf);
}
@font-face {
  font-family: "Barlow-Bold";
  src: url(assets/main/fonts/Barlow-Bold.ttf);
}
@font-face {
  font-family: "Barlow-Regular";
  src: url(assets/main/fonts/Barlow-Regular.ttf);
}
@font-face {
  font-family: "BeaufortforLOL-Heavy";
  src: url(assets/main/fonts/BeaufortforLOL-Heavy.otf);
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(assets/main/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "Philosopher-Bold";
  src: url(assets/main/fonts/Philosopher-Bold.ttf);
}
.MS__BeaufortforlolHeavy {
  font-family: "BeaufortforLOL-Heavy";
}

.MS__BeaufortforlolMedium {
  font-family: "BeaufortforLOL-Medium";
}

.MS__BeaufortforlolBold {
  font-family: "BeaufortforLOL-Bold";
}

.MS__Barlow_Bold {
  font-family: "Barlow-Bold";
}

.MS__Barlow_Regular {
  font-family: "Barlow-Regular";
}

@media (max-width: 768px) and (orientation: portrait) {
  html {
    overflow: auto;
  }
}

@media (min-width: 769px) {
  .MS__outer.menu_position {
    position: absolute;
  }
}

.MS__outer.bottom {
  height: auto !important;
  transform-origin: left bottom !important;
  z-index: 1;
}

.main-swiper {
  height: 1000px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .main-swiper {
    height: 1400px;
    touch-action: auto !important;
  }
}

@media (max-width: 768px) and (orientation: portrait) {
  body.sub-page .main-swiper {
    height: auto;
  }
}

#iframe-3-batnhay {
  width: 2000px;
  height: 2360px;
  margin-top: -2px;
  z-index: 1;
  position: relative;
}
@media (max-width: 768px) and (orientation: portrait) {
  #iframe-3-batnhay {
    width: 768px;
    height: 2281px;
  }
}

#iframe-4-doiqua {
  width: 2000px;
  height: 1180px;
  position: absolute;
  bottom: 335px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #iframe-4-doiqua {
    height: 1181px;
  }
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-header/vxphl-ld-25-a-header.scss ***!
  \****************************************************************************************************************************************************************************/
#vxphl-ld-25-a-header {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-header {
    height: 1100px;
  }
}
#vxphl-ld-25-a-header .background {
  position: absolute;
  top: 0;
  left: 0;
}
#vxphl-ld-25-a-header video {
  width: 2000px;
  height: 1000px;
  object-fit: cover;
}
#vxphl-ld-25-a-header .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#vxphl-ld-25-a-header .content .code {
  position: absolute;
  top: 140px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding-top: 10px;
  padding-left: 25px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-header .content .code {
    top: 670px;
  }
}
#vxphl-ld-25-a-header .content .code .text {
  font-size: 32px;
  background: linear-gradient(to bottom, #9a3c19 0%, #c14616 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#vxphl-ld-25-a-header .content .btn_thamgia {
  position: absolute;
  left: 50%;
  bottom: 270px;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-header .content .btn_thamgia {
    bottom: 190px;
  }
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-promotion/vxphl-ld-25-a-promotion.scss ***!
  \**********************************************************************************************************************************************************************************/
#vxphl-ld-25-a-promotion {
  position: relative;
  height: 1180px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion {
    height: 1100px;
  }
}
#vxphl-ld-25-a-promotion .background {
  position: absolute;
  top: 0;
  left: 0;
}
#vxphl-ld-25-a-promotion .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#vxphl-ld-25-a-promotion .content .promotion {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#vxphl-ld-25-a-promotion .content .promotion .title {
  z-index: 99;
  position: absolute;
  top: 15px;
  left: 50%;
  transform: translateX(-50%);
}
#vxphl-ld-25-a-promotion .content .promotion .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "UTM-MABELLA";
  font-size: 24px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #ffefb4;
  text-shadow: 1px 1px 4px #b05240;
  padding-top: 6px;
}
#vxphl-ld-25-a-promotion .content .promotion .btn_guide {
  position: absolute;
  top: 205px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion .btn_guide {
    top: 174px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion .cta_join {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  font-size: 40px;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #fff2c3;
  text-shadow: 1px 1px 4px #b05240;
  padding-top: 6px;
  position: absolute;
  top: 853px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 200;
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper {
  position: absolute;
  width: 1078px;
  height: 1000px;
  overflow-x: hidden;
  overflow-y: auto;
  bottom: 20px;
  right: 200px;
  padding-right: 40px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion .effect_wrapper {
    bottom: auto;
    right: 80px;
    top: 140px;
    scale: 0.55;
    transform-origin: top right;
    height: 980px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .vongquay {
  position: absolute;
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish {
  position: absolute;
  width: 194px;
  height: 236px;
  z-index: 200;
  font-size: 0;
  transition: top 1s linear, left 1s linear;
  animation: fish_bounce 1s infinite;
}
@keyframes fish_bounce {
  0% {
    transform: translateX(-50%) translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateX(-50%) translateY(-5px) rotate(-5deg);
  }
  100% {
    transform: translateX(-50%) translateY(0px) rotate(0deg);
  }
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish.flip:before {
  transform: scaleX(-1);
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish:after {
  content: "";
  display: block;
  width: 203px;
  height: 130px;
  background-size: 203px 130px;
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
  animation: mask_bounce 1s infinite;
}
@keyframes mask_bounce {
  0% {
    transform: translateX(-50%) translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateX(-50%) translateY(5px) rotate(5deg);
  }
  100% {
    transform: translateX(-50%) translateY(0px) rotate(0deg);
  }
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish:before {
  content: "";
  display: block;
  width: 194px;
  height: 236px;
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish.jump-1:before {
  background-image: url(assets/vxphl-ld-25-a-promotion/images/tieukieu.png);
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish.jump-2::before {
  background-image: url(assets/vxphl-ld-25-a-promotion/images/tieukieu.png);
}
#vxphl-ld-25-a-promotion .content .promotion .effect_wrapper .fish.active:after {
  opacity: 0;
}
#vxphl-ld-25-a-promotion .content .promotion .doiluot {
  position: absolute;
  bottom: 210px;
  z-index: 99;
}
#vxphl-ld-25-a-promotion .content .promotion__btn {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#vxphl-ld-25-a-promotion .content .promotion .logo {
  position: absolute;
  left: 10px;
  top: 20px;
}
#vxphl-ld-25-a-promotion .content .promotion__top {
  display: flex;
  align-items: center;
  gap: 40px;
}
#vxphl-ld-25-a-promotion .content .promotion .gr_left {
  position: absolute;
  width: 485px;
  top: 225px;
  left: 120px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion .gr_left {
    top: 670px;
    left: 300px;
    scale: 0.85;
    display: flex;
    flex-direction: column;
    gap: 70px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_action_wrapper {
  background: url(assets/vxphl-ld-25-a-promotion/images/board.png);
  width: 475px;
  height: 288px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_auth {
  width: 478px;
  height: 49px;
  background: #f9f6e7;
  border-radius: 30px;
  display: flex;
  align-items: center;
  color: #352104;
  font-size: 22px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion_auth {
    top: 245px;
    left: 161px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_auth .avatar {
  width: 60px;
  height: 60px;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 10px;
  border: 1px solid #fff;
}
#vxphl-ld-25-a-promotion .content .promotion_auth .avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #111;
}
#vxphl-ld-25-a-promotion .content .promotion_auth .signout {
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  margin-left: auto;
}
#vxphl-ld-25-a-promotion .content .promotion_turns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #612015;
  font-size: 22px;
}
#vxphl-ld-25-a-promotion .content .promotion_turns .spoint {
  color: #0f942b;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion_turns {
    top: 953px;
    left: 158px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_rounds {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  color: #612015;
  font-size: 22px;
}
#vxphl-ld-25-a-promotion .content .promotion_rounds span {
  color: #0f942b;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion_rounds {
    top: 980px;
    left: 158px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay {
  display: flex;
  justify-content: flex-end;
  flex-direction: column-reverse;
  position: relative;
  width: 1078px;
  height: 11871px;
  z-index: 0;
  box-sizing: border-box;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1078px;
  height: 10944px;
  background: url(assets/vxphl-ld-25-a-promotion/images/frame_vuotvumon1.png) repeat-y;
  background-position: bottom;
  z-index: 0;
  pointer-events: none;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay:after {
  content: "";
  position: absolute;
  bottom: 10944px;
  left: 0;
  width: 1078px;
  height: 927px;
  background: url(assets/vxphl-ld-25-a-promotion/images/frame_vuotvumon3.png) repeat-y;
  background-position: bottom;
  z-index: 1;
  pointer-events: none;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  background-position: 0 0;
  background-repeat: no-repeat;
  font-size: 0;
  width: 125px;
  height: 53px;
  font-family: UTM-MABELLA;
  font-size: 53px;
  color: #19ff8e;
  padding-bottom: 50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item_gift {
  width: 80px;
  height: auto;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item_gift:hover {
  animation: gift 0.4s infinite;
}
@keyframes gift {
  0% {
    transform: scale(1) rotate(0deg);
  }
  50% {
    transform: scale(1.1) rotate(5deg);
  }
  100% {
    transform: scale(1) rotate(0deg);
  }
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:before {
  content: "";
  display: block;
  width: 125px;
  height: 53px;
  position: absolute;
  z-index: -1;
  bottom: 0;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:before {
  animation: idle 1s steps(17);
  animation-iteration-count: infinite;
}
@keyframes idle {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -2125px 0;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:after {
  content: attr(data-index);
  color: #fff;
  font-size: 22px;
  position: absolute;
  right: -20px;
  top: 3px;
  font-weight: bold;
  font-family: "BeaufortforLOL-Bold";
  z-index: 1000;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item.item--69:after {
  content: none;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item.landing:before {
  width: 140px;
  height: 53px;
  animation: landing 1s steps(24);
  animation-iteration-count: infinite;
  animation-delay: 0s !important;
}
@keyframes landing {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -3360px 0;
  }
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item.after_landing:before {
  animation-delay: 0s !important;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(1) {
  z-index: 99;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(1):before {
  animation-delay: 0.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(2) {
  z-index: 98;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(2):before {
  animation-delay: 0.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(3) {
  z-index: 97;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(3):before {
  animation-delay: 0.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(4) {
  z-index: 96;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(4):before {
  animation-delay: 0.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(5) {
  z-index: 95;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(5):before {
  animation-delay: 0.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(6) {
  z-index: 94;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(6):before {
  animation-delay: 0.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(7) {
  z-index: 93;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(7):before {
  animation-delay: 0.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(8) {
  z-index: 92;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(8):before {
  animation-delay: 0.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(9) {
  z-index: 91;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(9):before {
  animation-delay: 0.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(10) {
  z-index: 90;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(10):before {
  animation-delay: 1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(11) {
  z-index: 89;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(11):before {
  animation-delay: 1.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(12) {
  z-index: 88;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(12):before {
  animation-delay: 1.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(13) {
  z-index: 87;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(13):before {
  animation-delay: 1.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(14) {
  z-index: 86;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(14):before {
  animation-delay: 1.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(15) {
  z-index: 85;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(15):before {
  animation-delay: 1.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(16) {
  z-index: 84;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(16):before {
  animation-delay: 1.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(17) {
  z-index: 83;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(17):before {
  animation-delay: 1.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(18) {
  z-index: 82;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(18):before {
  animation-delay: 1.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(19) {
  z-index: 81;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(19):before {
  animation-delay: 1.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(20) {
  z-index: 80;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(20):before {
  animation-delay: 2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(21) {
  z-index: 79;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(21):before {
  animation-delay: 2.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(22) {
  z-index: 78;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(22):before {
  animation-delay: 2.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(23) {
  z-index: 77;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(23):before {
  animation-delay: 2.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(24) {
  z-index: 76;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(24):before {
  animation-delay: 2.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(25) {
  z-index: 75;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(25):before {
  animation-delay: 2.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(26) {
  z-index: 74;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(26):before {
  animation-delay: 2.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(27) {
  z-index: 73;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(27):before {
  animation-delay: 2.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(28) {
  z-index: 72;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(28):before {
  animation-delay: 2.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(29) {
  z-index: 71;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(29):before {
  animation-delay: 2.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(30) {
  z-index: 70;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(30):before {
  animation-delay: 3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(31) {
  z-index: 69;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(31):before {
  animation-delay: 3.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(32) {
  z-index: 68;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(32):before {
  animation-delay: 3.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(33) {
  z-index: 67;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(33):before {
  animation-delay: 3.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(34) {
  z-index: 66;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(34):before {
  animation-delay: 3.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(35) {
  z-index: 65;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(35):before {
  animation-delay: 3.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(36) {
  z-index: 64;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(36):before {
  animation-delay: 3.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(37) {
  z-index: 63;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(37):before {
  animation-delay: 3.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(38) {
  z-index: 62;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(38):before {
  animation-delay: 3.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(39) {
  z-index: 61;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(39):before {
  animation-delay: 3.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(40) {
  z-index: 60;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(40):before {
  animation-delay: 4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(41) {
  z-index: 59;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(41):before {
  animation-delay: 4.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(42) {
  z-index: 58;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(42):before {
  animation-delay: 4.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(43) {
  z-index: 57;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(43):before {
  animation-delay: 4.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(44) {
  z-index: 56;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(44):before {
  animation-delay: 4.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(45) {
  z-index: 55;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(45):before {
  animation-delay: 4.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(46) {
  z-index: 54;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(46):before {
  animation-delay: 4.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(47) {
  z-index: 53;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(47):before {
  animation-delay: 4.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(48) {
  z-index: 52;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(48):before {
  animation-delay: 4.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(49) {
  z-index: 51;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(49):before {
  animation-delay: 4.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(50) {
  z-index: 50;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(50):before {
  animation-delay: 5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(51) {
  z-index: 49;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(51):before {
  animation-delay: 5.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(52) {
  z-index: 48;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(52):before {
  animation-delay: 5.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(53) {
  z-index: 47;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(53):before {
  animation-delay: 5.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(54) {
  z-index: 46;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(54):before {
  animation-delay: 5.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(55) {
  z-index: 45;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(55):before {
  animation-delay: 5.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(56) {
  z-index: 44;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(56):before {
  animation-delay: 5.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(57) {
  z-index: 43;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(57):before {
  animation-delay: 5.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(58) {
  z-index: 42;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(58):before {
  animation-delay: 5.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(59) {
  z-index: 41;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(59):before {
  animation-delay: 5.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(60) {
  z-index: 40;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(60):before {
  animation-delay: 6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(61) {
  z-index: 39;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(61):before {
  animation-delay: 6.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(62) {
  z-index: 38;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(62):before {
  animation-delay: 6.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(63) {
  z-index: 37;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(63):before {
  animation-delay: 6.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(64) {
  z-index: 36;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(64):before {
  animation-delay: 6.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(65) {
  z-index: 35;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(65):before {
  animation-delay: 6.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(66) {
  z-index: 34;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(66):before {
  animation-delay: 6.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(67) {
  z-index: 33;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(67):before {
  animation-delay: 6.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(68) {
  z-index: 32;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(68):before {
  animation-delay: 6.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(69) {
  z-index: 31;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(69):before {
  animation-delay: 6.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(70) {
  z-index: 30;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(70):before {
  animation-delay: 7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(71) {
  z-index: 29;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(71):before {
  animation-delay: 7.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(72) {
  z-index: 28;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(72):before {
  animation-delay: 7.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(73) {
  z-index: 27;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(73):before {
  animation-delay: 7.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(74) {
  z-index: 26;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(74):before {
  animation-delay: 7.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(75) {
  z-index: 25;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(75):before {
  animation-delay: 7.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(76) {
  z-index: 24;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(76):before {
  animation-delay: 7.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(77) {
  z-index: 23;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(77):before {
  animation-delay: 7.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(78) {
  z-index: 22;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(78):before {
  animation-delay: 7.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(79) {
  z-index: 21;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(79):before {
  animation-delay: 7.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(80) {
  z-index: 20;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(80):before {
  animation-delay: 8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(81) {
  z-index: 19;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(81):before {
  animation-delay: 8.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(82) {
  z-index: 18;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(82):before {
  animation-delay: 8.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(83) {
  z-index: 17;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(83):before {
  animation-delay: 8.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(84) {
  z-index: 16;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(84):before {
  animation-delay: 8.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(85) {
  z-index: 15;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(85):before {
  animation-delay: 8.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(86) {
  z-index: 14;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(86):before {
  animation-delay: 8.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(87) {
  z-index: 13;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(87):before {
  animation-delay: 8.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(88) {
  z-index: 12;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(88):before {
  animation-delay: 8.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(89) {
  z-index: 11;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(89):before {
  animation-delay: 8.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(90) {
  z-index: 10;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(90):before {
  animation-delay: 9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(91) {
  z-index: 9;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(91):before {
  animation-delay: 9.1s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(92) {
  z-index: 8;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(92):before {
  animation-delay: 9.2s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(93) {
  z-index: 7;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(93):before {
  animation-delay: 9.3s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(94) {
  z-index: 6;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(94):before {
  animation-delay: 9.4s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(95) {
  z-index: 5;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(95):before {
  animation-delay: 9.5s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(96) {
  z-index: 4;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(96):before {
  animation-delay: 9.6s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(97) {
  z-index: 3;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(97):before {
  animation-delay: 9.7s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(98) {
  z-index: 2;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(98):before {
  animation-delay: 9.8s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(99) {
  z-index: 1;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(99):before {
  animation-delay: 9.9s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(100) {
  z-index: 0;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item:nth-child(100):before {
  animation-delay: 10s;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--1 {
  bottom: 120px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--1:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--2 {
  bottom: 230px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--2:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--3 {
  bottom: 400px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--3:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--4 {
  bottom: 550px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--4:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--5 {
  bottom: 804px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--5:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--6 {
  bottom: 914px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--6:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--7 {
  bottom: 1084px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--7:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--8 {
  bottom: 1234px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--8:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--9 {
  bottom: 1488px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--9:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--10 {
  bottom: 1598px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--10:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--11 {
  bottom: 1768px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--11:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--12 {
  bottom: 1918px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--12:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--13 {
  bottom: 2172px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--13:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--14 {
  bottom: 2282px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--14:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--15 {
  bottom: 2452px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--15:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--16 {
  bottom: 2602px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--16:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--17 {
  bottom: 2856px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--17:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--18 {
  bottom: 2966px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--18:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--19 {
  bottom: 3136px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--19:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--20 {
  bottom: 3286px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--20:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--21 {
  bottom: 3540px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--21:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--22 {
  bottom: 3650px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--22:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--23 {
  bottom: 3820px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--23:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--24 {
  bottom: 3970px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--24:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--25 {
  bottom: 4224px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--25:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--26 {
  bottom: 4334px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--26:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--27 {
  bottom: 4504px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--27:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--28 {
  bottom: 4654px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--28:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--29 {
  bottom: 4908px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--29:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--30 {
  bottom: 5018px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--30:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--31 {
  bottom: 5188px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--31:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--32 {
  bottom: 5338px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--32:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--33 {
  bottom: 5592px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--33:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--34 {
  bottom: 5702px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--34:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--35 {
  bottom: 5872px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--35:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--36 {
  bottom: 6022px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--36:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--37 {
  bottom: 6276px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--37:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--38 {
  bottom: 6386px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--38:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--39 {
  bottom: 6556px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--39:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--40 {
  bottom: 6706px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--40:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--41 {
  bottom: 6960px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--41:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--42 {
  bottom: 7070px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--42:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--43 {
  bottom: 7240px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--43:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--44 {
  bottom: 7390px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--44:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--45 {
  bottom: 7644px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--45:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--46 {
  bottom: 7754px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--46:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--47 {
  bottom: 7924px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--47:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--48 {
  bottom: 8074px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--48:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--49 {
  bottom: 8328px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--49:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--50 {
  bottom: 8438px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--50:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--51 {
  bottom: 8608px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--51:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--52 {
  bottom: 8758px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--52:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--53 {
  bottom: 9012px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--53:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--54 {
  bottom: 9122px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--54:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--55 {
  bottom: 9292px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--55:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--56 {
  bottom: 9442px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--56:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--57 {
  bottom: 9696px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--57:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--58 {
  bottom: 9806px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--58:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--59 {
  bottom: 9976px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--59:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--60 {
  bottom: 10126px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--60:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--61 {
  bottom: 10380px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--61:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--62 {
  bottom: 10490px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--62:after {
  right: -80px;
  top: -50px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--63 {
  bottom: 10660px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--63:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--64 {
  bottom: 10810px;
  left: 460px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--64:after {
  right: -60px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--65 {
  bottom: 11080px;
  left: 165px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--65:after {
  right: -210px;
  top: 70px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--66 {
  bottom: 11220px;
  left: 500px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--66:after {
  right: -60px;
  top: -10px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--67 {
  bottom: 11340px;
  left: 825px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--67:after {
  right: -145px;
  top: -65px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--68 {
  bottom: 11550px;
  left: 240px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .item--68:after {
  right: -190px;
  top: -100px;
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .action {
  position: absolute;
  bottom: 285px;
  left: 50%;
  transform: translateX(-50%);
}
#vxphl-ld-25-a-promotion .content .promotion_vongquay .popup__wrapper--reward {
  display: none;
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_action {
  display: flex;
  gap: 13px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion .promotion_action {
    top: 892px;
    left: 155px;
    flex-direction: row;
    gap: 20px;
  }
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_dice {
  background: url(assets/vxphl-ld-25-a-promotion/images/circle.png);
  width: 474px;
  height: 478px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
  box-sizing: border-box;
  margin-top: -30px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-promotion .content .promotion .promotion_dice {
    position: absolute;
    bottom: -90px;
    left: -440px;
    scale: 0.9;
  }
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_dice img.dicing {
  animation: rotate 0.9s infinite;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_dice:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_menu .menu ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  column-gap: 18px;
  row-gap: 10px;
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_menu .menu ul li {
  list-style: none;
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_menu .menu__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
#vxphl-ld-25-a-promotion .content .promotion .promotion_menu .menu__item span {
  text-align: center;
  font-size: 18px;
  text-transform: uppercase;
  color: #ffefb4;
  background: linear-gradient(to bottom, #f8fdf8, #fcebc2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  line-height: 1;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-milestone/vxphl-ld-25-a-milestone.scss ***!
  \**********************************************************************************************************************************************************************************/
#vxphl-ld-25-a-milestone {
  position: relative;
  height: 1180px;
  margin-top: -1px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone {
    height: 1181px;
  }
}
#vxphl-ld-25-a-milestone .background {
  position: absolute;
  top: 0;
  left: 0;
}
#vxphl-ld-25-a-milestone .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  overflow: visible;
}
#vxphl-ld-25-a-milestone .content .list-btns {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  gap: 20px;
  top: 260px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .list-btns {
    flex-wrap: wrap;
    width: 100%;
    top: 145px;
    gap: 15px;
    justify-content: center;
    scale: 0.78;
    transform-origin: top left;
  }
}
#vxphl-ld-25-a-milestone .content .list-btns .btn {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  text-transform: uppercase;
}
#vxphl-ld-25-a-milestone .content .list-btns .btn span {
  background: linear-gradient(to bottom, #f8fdf8, #fcebc2);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
#vxphl-ld-25-a-milestone .content .gr_social {
  display: flex;
  justify-content: center;
  gap: 50px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .gr_social {
    scale: 0.7;
    transform-origin: bottom left;
    bottom: 10px;
  }
}
#vxphl-ld-25-a-milestone .content .gr_social:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 523px;
  height: 18px;
  background: url(assets/vxphl-ld-25-a-milestone/images/line.png);
}
#vxphl-ld-25-a-milestone .content .gr_social a {
  font-size: 0;
}
#vxphl-ld-25-a-milestone .content .swiper_milestone {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1390px;
  top: 33%;
  overflow: visible;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .swiper_milestone {
    width: 100%;
    transform: translateX(-50%);
    transform-origin: left;
    top: 19%;
  }
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-wrapper {
  height: auto;
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-slide {
  height: auto;
  opacity: 0;
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-slide-active {
  opacity: 1;
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-prev,
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-next {
  position: absolute;
  display: block;
  width: 81px;
  height: 99px;
  margin-top: 0;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  transform: translateY(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-prev,
  #vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-next {
    width: 60px;
    height: 73px;
  }
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-prev::after,
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-next::after {
  display: none;
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-prev {
  left: -100px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-prev {
    left: 46%;
    top: 100%;
  }
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-next {
  right: -100px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-next {
    right: 46%;
    top: 100%;
  }
}
#vxphl-ld-25-a-milestone .content .swiper_milestone .swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
#vxphl-ld-25-a-milestone .content .list-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  gap: 85px 0;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .list-items {
    width: 900px;
    margin: auto;
    scale: 0.8;
    transform-origin: center left;
    margin-left: 20px;
  }
}
#vxphl-ld-25-a-milestone .content .list-items .item {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 6px;
  position: relative;
}
#vxphl-ld-25-a-milestone .content .list-items .item.off {
  filter: grayscale(1);
  pointer-events: none;
}
#vxphl-ld-25-a-milestone .content .list-items .item.received {
  filter: grayscale(0.7);
  pointer-events: none;
}
#vxphl-ld-25-a-milestone .content .list-items .item .limit {
  font-size: 20px;
  color: #487274;
}
#vxphl-ld-25-a-milestone .content .list-items .item .count {
  color: #fffdf0;
  font-size: 17px;
  line-height: 18px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 8px;
}
#vxphl-ld-25-a-milestone .content .list-items .item .count span {
  font-size: 28px;
}
#vxphl-ld-25-a-milestone .content .list-items .item img {
  object-fit: cover;
  height: 99px;
  margin: 15px auto 0;
  display: block;
}
#vxphl-ld-25-a-milestone .content .list-items .item .text {
  font-size: 18px;
  color: #933d1b;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 19px;
  text-align: center;
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#vxphl-ld-25-a-milestone .content .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 16px;
  display: none;
}
#vxphl-ld-25-a-milestone .content .footer .text {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .footer .text {
    font-size: 14px;
  }
}
#vxphl-ld-25-a-milestone .content .footer .list-links {
  color: #ea7b51;
  display: flex;
  gap: 12px;
  position: absolute;
  top: 77%;
  left: 50%;
  transform: translateX(-50%);
}
#vxphl-ld-25-a-milestone .content .footer .list-links a {
  text-decoration: none;
  color: #ea7b51;
}
#vxphl-ld-25-a-milestone .content .btn-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #c35340;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  bottom: 60px;
  text-decoration: none;
  padding-bottom: 7px;
  padding-left: 30px;
  font-size: 21px;
  z-index: 1;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone .content .btn-footer {
    right: 50%;
    bottom: 150px;
    transform: translateX(50%);
  }
}
#vxphl-ld-25-a-milestone .content .btn-footer:before {
  content: "";
  position: absolute;
  top: 45%;
  left: 30px;
  transform: translateY(-50%);
}
#vxphl-ld-25-a-milestone.active .content .footer {
  display: block;
}
#vxphl-ld-25-a-milestone.active .content .btn-footer {
  bottom: 100px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-milestone.active .content .btn-footer {
    bottom: 200px;
  }
}
#vxphl-ld-25-a-milestone.active .content .btn-footer:before {
  transform: translateY(-50%) rotate(180deg);
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-mualixi/vxphl-ld-25-a-mualixi.scss ***!
  \******************************************************************************************************************************************************************************/
#vxphl-ld-25-a-mualixi {
  position: relative;
  height: 1620px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi {
    height: 1600px;
  }
}
#vxphl-ld-25-a-mualixi .background {
  position: absolute;
  top: -1px;
  left: 0;
}
#vxphl-ld-25-a-mualixi .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh {
  position: absolute;
  top: 960px;
  left: 50%;
  transform: translateX(-50%);
  width: 2000px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  visibility: visible;
  opacity: 1;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh {
    top: 840px;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .content_diemdanh {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 1400px;
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .content_diemdanh .group_reward {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  margin-top: -20px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .content_diemdanh .group_reward {
    gap: 8px;
    margin-top: -55px;
    flex-direction: column;
    scale: 0.75;
    transform-origin: top;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .title2 {
  margin: auto;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .title2 {
    scale: 0.8;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper-wrapper-diemdanh {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper-wrapper-diemdanh {
    scale: 0.75;
    transform-origin: top;
    margin-top: -20px;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh {
  position: static;
  width: 1300px;
  overflow: hidden;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh {
    width: 830px;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh .swiper-wrapper {
  display: flex;
  margin-left: -15px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh .swiper-wrapper {
    margin-left: -25px;
  }
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh .swiper-slide {
  flex-shrink: 0;
  opacity: 1 !important;
  visibility: visible !important;
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh .item_diemdanh .text {
  font-size: 24px;
  background: linear-gradient(180deg, #77180c, #9f392b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .swiper_diemdanh .item_diemdanh .number {
  font-size: 44px;
  color: #a13a2c;
  background: linear-gradient(180deg, #77180c, #9f392b);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  line-height: 38px;
}
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .prev-diemdanh,
#vxphl-ld-25-a-mualixi .content #vxphl-ld-25-a-diemdanh .next-diemdanh {
  position: static;
  flex-shrink: 0;
}
#vxphl-ld-25-a-mualixi .content .title {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 60px;
  pointer-events: none;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .title {
    top: 40px;
  }
}
#vxphl-ld-25-a-mualixi .content .decor {
  position: absolute;
  bottom: 0;
  left: 0;
  pointer-events: none;
  z-index: 3;
}
#vxphl-ld-25-a-mualixi .content .game-shell {
  position: absolute;
  top: 180px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: flex-start;
  width: auto;
  color: #fff;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-shell {
    flex-direction: row;
    width: 100%;
    padding: 0 16px;
    gap: 24px;
    top: 120px;
    z-index: 80;
  }
}
#vxphl-ld-25-a-mualixi .content .game-shell__column--left {
  display: flex;
  justify-content: center;
  gap: 0;
  align-items: center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  scale: 0.85;
  transform-origin: top left;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-shell__column--left {
    position: absolute;
    top: 60px;
    flex-wrap: wrap;
    gap: 10px 5px;
    width: 1000px;
    scale: 0.75;
    transform-origin: top left;
  }
}
#vxphl-ld-25-a-mualixi .content .game-shell__column--center {
  flex: 1;
  align-items: center;
  gap: 16px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-shell__column--center {
    position: absolute;
    top: 240px;
    left: 50%;
    transform: translateX(-50%);
  }
}
#vxphl-ld-25-a-mualixi .content .game-shell__column--right {
  background: url(assets/vxphl-ld-25-a-mualixi/images/board-right.png);
  width: 174px;
  height: 605px;
  display: flex;
  justify-content: center;
  padding-top: 130px;
  box-sizing: border-box;
  margin-left: -50px;
  z-index: 5;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-shell__column--right {
    background: url(assets/vxphl-ld-25-a-mualixi/images/board-right-mb.png);
    width: 751px;
    height: 141px;
    padding-top: 0;
    align-items: center;
    padding-top: 20px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 860px;
  }
}
#vxphl-ld-25-a-mualixi .content .info-card {
  box-sizing: border-box;
  padding: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#vxphl-ld-25-a-mualixi .content .info-card__badge {
  font-size: 22px;
  width: 100%;
  display: inline-flex;
  text-align: center;
  gap: 5px;
  align-items: center;
  justify-content: center;
  background: linear-gradient(180deg, #e55a47, #c63d2c);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 28px;
  text-align: center;
}
#vxphl-ld-25-a-mualixi .content .info-card__desc {
  font-size: 16px;
  line-height: 1.4;
}
#vxphl-ld-25-a-mualixi .content .info-card__info {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  text-align: center;
  color: #fff2cc;
  font-family: "BEAUFORTFORLOL-MEDIUM";
}
#vxphl-ld-25-a-mualixi .content .info-card__note {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  color: rgba(255, 255, 255, 0.75);
}
#vxphl-ld-25-a-mualixi .content .info-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: stretch;
}
#vxphl-ld-25-a-mualixi .content .game-area {
  position: relative;
  width: 1240px;
  height: 660px;
  overflow: hidden;
  box-sizing: border-box;
  margin-top: 70px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-area {
    margin-top: -80px;
    width: 900px;
    height: 650px;
    scale: 0.85;
    transform-origin: top left;
    margin-left: 65px;
  }
}
#vxphl-ld-25-a-mualixi .content .game-area__overlay {
  position: absolute;
  top: 85%;
  left: 50%;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  font-size: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
  z-index: 5;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-area__overlay {
    left: 56%;
    top: 76%;
    scale: 0.85;
    transform-origin: top left;
  }
}
#vxphl-ld-25-a-mualixi .content .game-area__overlay:before {
  content: "";
  position: absolute;
  top: -470px;
  left: -370px;
  width: 893px;
  height: 567px;
  background: url(assets/vxphl-ld-25-a-mualixi/images/start.png) no-repeat center center;
  pointer-events: none;
  z-index: -1;
}
#vxphl-ld-25-a-mualixi .content .game-area__overlay.is-hidden {
  opacity: 0;
  pointer-events: none;
  z-index: 1;
}
#vxphl-ld-25-a-mualixi .content .game-area__floor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background: rgba(255, 255, 255, 0.12);
}
#vxphl-ld-25-a-mualixi .content .player {
  position: absolute;
  bottom: 80px;
  left: 400px;
}
#vxphl-ld-25-a-mualixi .content .player.penalty {
  animation: vxEggsDizzy 0.6s linear infinite;
  filter: grayscale(0.35);
}
#vxphl-ld-25-a-mualixi .content .item {
  position: absolute;
  top: -80px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fffd73;
  opacity: 1;
  transition: opacity 0.6s ease-out;
  z-index: 10;
  pointer-events: auto;
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
  font-size: 0px;
  --base-scale: 1;
  transform-origin: center center;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  background: url(assets/vxphl-ld-25-a-mualixi/images/lixi.png);
  width: 229px;
  height: 231px;
  background-repeat: no-repeat;
  background-size: contain;
}
#vxphl-ld-25-a-mualixi .content .item.is-open {
  background: url(assets/vxphl-ld-25-a-mualixi/images/lixi-open.png);
  width: 229px;
  height: 231px;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 0.2s ease-out;
  animation: lixiOpenPop 0.4s ease-out;
}
#vxphl-ld-25-a-mualixi .content .item:hover {
  transform: scale(calc(var(--base-scale) * 1.1));
}
#vxphl-ld-25-a-mualixi .content .item:active {
  transform: scale(calc(var(--base-scale) * 0.95));
}
#vxphl-ld-25-a-mualixi .content .item.collected {
  opacity: 0;
  pointer-events: none;
}
#vxphl-ld-25-a-mualixi .content .item.collected.is-open {
  opacity: 1;
}
#vxphl-ld-25-a-mualixi .content .item.fading-out {
  opacity: 0 !important;
  transform: scale(calc(var(--base-scale) * 0.8)) translateY(-20px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
@keyframes lixiFloat {
  0%, 100% {
    transform: translateY(0) rotate(-2deg);
  }
  50% {
    transform: translateY(-5px) rotate(2deg);
  }
}
#vxphl-ld-25-a-mualixi .content .float-point {
  animation: floatPointUp 0.8s ease-out forwards;
}
@keyframes floatPointUp {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
  100% {
    opacity: 0;
    transform: translateY(-60px) scale(1.5);
  }
}
@keyframes lixiOpenPop {
  0% {
    transform: scale(calc(var(--base-scale) * 0.8));
    opacity: 0.8;
  }
  50% {
    transform: scale(calc(var(--base-scale) * 1.15));
    opacity: 1;
  }
  100% {
    transform: scale(calc(var(--base-scale) * 1));
    opacity: 1;
  }
}
#vxphl-ld-25-a-mualixi .content .game-hint {
  font-size: 24px;
  color: #fff;
  text-align: center;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game-hint {
    display: none;
  }
}
#vxphl-ld-25-a-mualixi .content .game__controls {
  align-items: center;
  gap: 80px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: fit-content;
  bottom: 20px;
  transform: scale(1.3);
  display: none;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .game__controls {
    display: flex;
  }
}
#vxphl-ld-25-a-mualixi .content .level-list {
  display: flex;
  flex-direction: column;
  height: auto;
  overflow: auto;
  margin-bottom: 15px;
  padding-right: 5px;
}
#vxphl-ld-25-a-mualixi .content .level-list::-webkit-scrollbar-thumb {
  background: #ffdd99;
}
#vxphl-ld-25-a-mualixi .content .level-list button {
  transition: all 0.2s ease;
  cursor: pointer;
  flex: none;
}
#vxphl-ld-25-a-mualixi .content .level-list button.is-locked {
  opacity: 0.5;
}
#vxphl-ld-25-a-mualixi .content .level-list button .label {
  display: block;
}
#vxphl-ld-25-a-mualixi .content .level-list button:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .level-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0;
    margin-bottom: 0;
    padding-right: 0;
    height: 100px;
  }
  #vxphl-ld-25-a-mualixi .content .level-list button {
    transform: scale(0.9);
    margin: 0 -5px;
  }
  #vxphl-ld-25-a-mualixi .content .info-actions {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }
}
#vxphl-ld-25-a-mualixi .content .btn-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  box-sizing: border-box;
  position: absolute;
  right: 20px;
  bottom: 60px;
  text-decoration: none;
  padding-left: 30px;
  font-size: 21px;
  z-index: 100;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .btn-footer {
    left: 0;
    right: 0;
    margin: auto;
    bottom: 60px;
  }
}
#vxphl-ld-25-a-mualixi .content .btn-footer:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 80px;
  transform: translateY(-50%);
}
#vxphl-ld-25-a-mualixi .content .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 18px;
  display: none;
  z-index: 90;
}
#vxphl-ld-25-a-mualixi .content .footer .logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 320px;
}
#vxphl-ld-25-a-mualixi .content .footer .text {
  position: absolute;
  left: 50%;
  top: 77%;
  transform: translateX(-50%);
  text-align: center;
  width: 60%;
  color: #fff;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi .content .footer .text {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translateX(-50%);
    text-align: center;
    width: 95%;
    color: #fff;
    font-size: 20px;
  }
}
#vxphl-ld-25-a-mualixi.active .content .footer {
  display: block;
}
#vxphl-ld-25-a-mualixi.active .content .btn-footer {
  bottom: 100px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-mualixi.active .content .btn-footer {
    bottom: 220px;
  }
}
#vxphl-ld-25-a-mualixi.active .content .btn-footer:before {
  transform: translateY(-50%) rotate(180deg);
}

@keyframes vxEggsDizzy {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(4deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.th #vxphl-ld-25-a-mualixi .info-card__badge,
.th #vxphl-ld-25-a-mualixi .info-card__value,
.th #vxphl-ld-25-a-mualixi .info-card__info,
.th #vxphl-ld-25-a-mualixi .content .info-actions--btn span {
  font-family: "PSL034PRO";
  font-size: 36px;
  line-height: 1;
}
.th #vxphl-ld-25-a-mualixi .game-hint {
  font-family: "PSL034PRO";
  font-size: 48px;
}
.th #vxphl-ld-25-a-mualixi .content .level-list button span {
  font-family: "PSL034PRO";
  font-size: 30px;
}
.th #vxphl-ld-25-a-mualixi .content .btn-footer {
  font-size: 30px;
}
/*!****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-footer/vxphl-ld-25-a-footer.scss ***!
  \****************************************************************************************************************************************************************************/
#vxphl-ld-25-a-footer {
  position: relative;
  width: 100%;
  height: 335px;
  margin-top: -6px;
}
@media (orientation: portrait) {
  #vxphl-ld-25-a-footer {
    height: 271px;
  }
}
#vxphl-ld-25-a-footer .MS__sprite-btn-facebook-mb {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: 0px 0px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-facebook {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -78px 0px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-group-mb {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -156px 0px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-group {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: 0px -93px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-home-mb {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -78px -93px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-home {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -156px -93px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-youtube-mb {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -234px 0px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .MS__sprite-btn-youtube {
  background-image: url(assets/vxphl-ld-25-a-footer/images/sprite.png);
  background-position: -234px -93px;
  width: 78px;
  height: 93px;
  display: block;
  font-size: 0;
}
#vxphl-ld-25-a-footer .background {
  position: absolute;
  top: 0;
  left: 0;
}
#vxphl-ld-25-a-footer .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  justify-content: center;
}
#vxphl-ld-25-a-footer .content .gr_footer {
  display: flex;
  align-items: center;
  gap: 35px;
  flex-direction: column;
}
@media (orientation: portrait) {
  #vxphl-ld-25-a-footer .content .gr_footer {
    gap: 20px;
  }
}
@media (orientation: portrait) {
  #vxphl-ld-25-a-footer .content .logo_pheduyet {
    scale: 0.7;
    transform-origin: top center;
    margin-top: -60px;
  }
}
#vxphl-ld-25-a-footer .content .info-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
  margin-top: 40px;
}
@media (orientation: portrait) {
  #vxphl-ld-25-a-footer .content .info-footer {
    flex-direction: column;
    gap: 0;
  }
}
#vxphl-ld-25-a-footer .content p {
  text-align: left;
  font-size: 20px;
  line-height: 26px;
  color: #fff;
}
#vxphl-ld-25-a-footer .content p span {
  text-transform: uppercase;
  font-size: 25px;
}
@media (orientation: portrait) {
  #vxphl-ld-25-a-footer .content {
    padding: 0 20px;
  }
  #vxphl-ld-25-a-footer .content p {
    font-size: 16px;
    line-height: 1.4;
    text-align: center;
    margin-top: -30px;
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/vxphl-ld-25-a-navigation/vxphl-ld-25-a-navigation.scss ***!
  \************************************************************************************************************************************************************************************/
a {
  text-decoration: none;
  box-sizing: border-box;
}

.MS__sprite-btn_buger_close {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -291px;
  width: 65px;
  height: 64px;
  display: block;
}

.MS__sprite-btn_buger {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -65px -291px;
  width: 65px;
  height: 64px;
  display: block;
}

.MS__sprite-download {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -226px -234px;
  width: 204px;
  height: 51px;
  display: block;
}

.MS__sprite-menu-1-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -226px -118px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-1 {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -452px -118px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-2-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px 0px;
  width: 334px;
  height: 59px;
  display: block;
}

.MS__sprite-menu-2 {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -59px;
  width: 334px;
  height: 59px;
  display: block;
}

.MS__sprite-menu-3-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -177px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-3 {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -226px -177px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-4-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -334px -42px;
  width: 226px;
  height: 59px;
  display: block;
}

.MS__sprite-menu-4 {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -118px;
  width: 226px;
  height: 59px;
  display: block;
}

.MS__sprite-menu-5-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -452px -177px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-5 {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -234px;
  width: 226px;
  height: 57px;
  display: block;
}

.MS__sprite-menu-act {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -334px 0px;
  width: 355px;
  height: 42px;
  display: block;
}

.MS__sprite-topup {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -430px -234px;
  width: 204px;
  height: 51px;
  display: block;
}

#vxphl-ld-25-a-navigation {
  position: relative;
  height: 64px;
  pointer-events: auto;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation {
    height: 52px;
  }
}
#vxphl-ld-25-a-navigation .background {
  position: absolute;
  top: 0;
  left: 0;
}
#vxphl-ld-25-a-navigation .content {
  position: absolute;
  left: 0;
  top: 40px;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#vxphl-ld-25-a-navigation .content {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content {
    justify-content: flex-start;
  }
}
#vxphl-ld-25-a-navigation .content .group__user {
  display: flex;
  align-items: center;
  gap: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 70px;
  margin: auto;
  font-size: 20px;
  color: #fff9cd;
}
#vxphl-ld-25-a-navigation .content .group__user--btn {
  color: #1c2454;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .group__user {
    right: 70px;
    gap: 10px;
    scale: 0.85;
    transform-origin: right;
  }
}
#vxphl-ld-25-a-navigation .content .list-items {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
#vxphl-ld-25-a-navigation .content .list-items a {
  text-decoration: none;
  font-size: 0;
}
#vxphl-ld-25-a-navigation .content .list-items-minigame {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -452px -118px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .list-items-minigame:hover, #vxphl-ld-25-a-navigation .content .list-items-minigame.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -226px -118px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .list-items-diemdanh {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -59px;
  width: 334px;
  height: 59px;
}
#vxphl-ld-25-a-navigation .content .list-items-diemdanh:hover, #vxphl-ld-25-a-navigation .content .list-items-diemdanh.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px 0px;
  width: 334px;
  height: 59px;
}
#vxphl-ld-25-a-navigation .content .list-items-hailoc {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -226px -177px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .list-items-hailoc:hover, #vxphl-ld-25-a-navigation .content .list-items-hailoc.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -177px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .list-items-doiqua {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -118px;
  width: 226px;
  height: 59px;
}
#vxphl-ld-25-a-navigation .content .list-items-doiqua:hover, #vxphl-ld-25-a-navigation .content .list-items-doiqua.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -334px -42px;
  width: 226px;
  height: 59px;
}
#vxphl-ld-25-a-navigation .content .list-items-information {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -234px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .list-items-information:hover, #vxphl-ld-25-a-navigation .content .list-items-information.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: -452px -177px;
  width: 226px;
  height: 57px;
}
#vxphl-ld-25-a-navigation .content .logo {
  position: absolute;
  left: 80px;
  top: -30px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .logo {
    position: absolute;
    left: -10px;
    top: -35px;
    scale: 0.85;
    transform-origin: top left;
    z-index: 2000;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .dropdown-menu {
    position: fixed;
    top: 92px;
    left: 0;
    right: 0;
    background: url(assets/vxphl-ld-25-a-navigation/images/burger-bg.png);
    width: 768px;
    height: 789px;
    z-index: 1000;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
    flex-direction: column;
    align-items: flex-start;
  }
  #vxphl-ld-25-a-navigation .content .dropdown-menu.active {
    max-height: 789px;
  }
  #vxphl-ld-25-a-navigation .content .dropdown-menu .list-items {
    flex-direction: column;
    width: 100%;
    margin-right: 0;
    gap: 10px;
  }
}
@media (max-width: 768px) and (orientation: portrait) and (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .dropdown-menu .list-items {
    gap: 25px;
    padding: 40px 0 20px;
  }
}
@media (max-width: 768px) and (orientation: portrait) and (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .dropdown-menu .list-items a {
    display: flex !important;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .dropdown-menu .language {
    display: flex;
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
  }
  #vxphl-ld-25-a-navigation .content .dropdown-menu .language .language__list {
    max-height: 999px;
    padding: 1px;
    left: 50%;
  }
}
#vxphl-ld-25-a-navigation .content .btn-burger {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1001;
}
#vxphl-ld-25-a-navigation .content .btn-burger.active {
  background-image: url(assets/vxphl-ld-25-a-navigation/images/sprite.png);
  background-position: 0px -291px;
  width: 65px;
  height: 64px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #vxphl-ld-25-a-navigation .content .btn-burger {
    display: block;
  }
}
#vxphl-ld-25-a-navigation .content .gr_button {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
  padding-right: 100px;
  margin-left: auto;
}
@media (min-width: 769px) {
  #vxphl-ld-25-a-navigation .content .gr_button {
    display: none;
  }
}
#vxphl-ld-25-a-navigation .content .gr_button .btn {
  font-size: 0;
}

.th #vxphl-ld-25-a-navigation .content .list-items a,
.th #vxphl-ld-25-a-navigation .content .group__user {
  font-size: 27px;
  line-height: 22px;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-float_left/libraryMainsite-t-float_left.scss ***!
  \********************************************************************************************************************************************************************************************/
#libraryMainsite-t-float_left {
  position: absolute;
  left: 30px;
  top: 230px;
  pointer-events: auto;
}
@media (max-width: 768px) and (orientation: portrait) {
  #libraryMainsite-t-float_left {
    left: 0;
    bottom: 10px;
    width: 768px;
    top: unset;
    height: 100px;
  }
}
#libraryMainsite-t-float_left.hide {
  display: none;
}
#libraryMainsite-t-float_left .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_left .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#libraryMainsite-t-float_left .content .list-btns {
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) and (orientation: portrait) {
  #libraryMainsite-t-float_left .content .list-btns {
    flex-direction: row;
    justify-content: center;
  }
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-float_right/libraryMainsite-t-float_right.scss ***!
  \**********************************************************************************************************************************************************************************************/
#libraryMainsite-t-float_right {
  position: absolute;
  top: 250px;
  right: 0px;
  width: 216px;
  height: 511px;
  pointer-events: auto;
  transition: all 0.5s;
}
#libraryMainsite-t-float_right.active {
  transform: translateX(260px);
}
#libraryMainsite-t-float_right .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_right .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 0;
  box-sizing: border-box;
  margin-top: 65px;
  gap: 10px;
}
#libraryMainsite-t-float_right .content .btn-code {
  margin-bottom: 30px;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-popup/libraryMainsite-t-popup.scss ***!
  \**********************************************************************************************************************************************************************************/
.popup_login .content .list-btn {
  display: flex;
  margin-top: 25px;
  width: 550px;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_login .content .list-btn {
    margin: 50px 0 25px;
  }
}
.popup_login .content .list-btn a {
  margin-top: -10px;
}
.popup_login .content .text {
  font-size: 25px;
  margin-top: 40px;
}
.popup_login .content .note {
  font-size: 20px;
  margin-top: 15px;
}
.popup_login .content .note a {
  text-decoration: underline;
  color: #fff;
}

.popup_register .content .notice {
  font-size: 20px;
  color: #fff;
  margin-top: 32px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_register .content .notice {
    font-size: 18px;
  }
}
.popup_register .content form {
  width: 100%;
  overflow-y: auto;
  margin-top: 40px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_register .content form {
    margin-top: 60px;
  }
}
.popup_register .content form .row {
  width: 100%;
  display: flex;
  gap: 24px;
  margin-bottom: 16px;
  flex-direction: column;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_register .content form .row {
    margin-bottom: 24px;
  }
}
.popup_register .content form .row .value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
  align-items: center;
}
.popup_register .content form .row .value label {
  font-size: 24px;
  color: #fff;
  text-align: left;
}
.popup_register .content form .row .value select,
.popup_register .content form .row .value input {
  color: #976839;
  font-size: 24px;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -84px;
  width: 522px;
  height: 71px;
  appearance: none;
  background-color: transparent;
  outline: none;
  text-align: center;
  font-family: "BeaufortforLOL-Medium";
}
.popup_register .content form .row .value select::placeholder,
.popup_register .content form .row .value input::placeholder {
  color: #b78c6d;
}

.popup_condition .content #pm__invite-form .text-invite {
  margin-left: 22px;
  margin-bottom: 5px;
}
.popup_condition .content form {
  margin: 0 12px;
}
.popup_condition .content .table {
  width: 100%;
  height: 90%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 20px auto 0;
}
.popup_condition .content .table::-webkit-scrollbar-thumb {
  background: #f3d390;
}
.popup_condition .content .table .text {
  margin-top: 12px;
}
.popup_condition .content .table .text span {
  font-weight: inherit;
}
.popup_condition .content .table .btn-submit {
  margin: 12px auto !important;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -543px -118px;
  width: 240px;
  height: 68px;
  color: white;
}
.popup_condition .content .table .group__invite {
  position: relative;
}
.popup_condition .content .table .group__invite .btn {
  margin: 0 auto 10px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_condition .content .table .group__invite .btn {
    right: 0;
  }
}
.popup_condition .content .table .text-invite {
  background-color: #fff;
  border: 1px solid #b78c6d;
  width: 70%;
  margin: 20px 0;
  height: 50px;
  padding: 0 20px;
  border-radius: 20px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_condition .content .table .text-invite {
    width: 90%;
  }
}
.popup_condition .content .table .row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  margin: 24px 0;
  position: relative;
}
.popup_condition .content .captcha {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.popup_condition .content .captcha img {
  background-color: white;
  border: 1px solid;
}
.popup_condition .content .captcha .btn-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -788px -51px;
  width: 44px;
  height: 44px;
  position: relative;
  top: -3px;
}
.popup_condition .content .captcha input {
  width: auto;
  height: 50px;
  padding: 0 12px;
  box-sizing: border-box;
}
.popup_condition .content .captcha-input input {
  height: 50px;
  width: 50%;
  text-align: center;
  border: 0;
  margin-top: 8px;
}
.popup_condition .content .template_history .table_history {
  height: auto;
  overflow-y: unset;
}

.popup_history .content,
.popup_rank .content {
  justify-content: flex-start;
}
.popup_history .content .template_history,
.popup_rank .content .template_history {
  width: 100%;
  height: 78%;
  margin-top: 10px;
}
.popup_history .content .template_history .table_history,
.popup_rank .content .template_history .table_history {
  height: 100%;
}
.popup_history .content .template_history nav,
.popup_rank .content .template_history nav {
  margin-top: 18px;
}
.popup_history .content .template_history nav .pagination > li > a,
.popup_rank .content .template_history nav .pagination > li > a {
  color: #fff;
}
.popup_history .content .template_history nav .pagination > li.active > a,
.popup_rank .content .template_history nav .pagination > li.active > a {
  background-color: #ffecbb;
  color: #000;
}
.popup_history .content .template_history nav .pagination a:hover:not(.active),
.popup_rank .content .template_history nav .pagination a:hover:not(.active) {
  background-color: #ffecbb;
  color: #000;
}

.popup_rule .content .iframe {
  width: 100%;
  height: 88%;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_rule .content .iframe {
    height: 90%;
  }
}
.popup_rule .content div.iframe {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup_inform .content p {
  font-size: 28px;
  flex: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  width: 100%;
}

.popup_reward .content .note {
  margin-top: 30px;
  margin-bottom: 20px;
  font-size: 30px;
  background: linear-gradient(to bottom, #fcfdf9, #fefdc8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.popup_reward .content #rewardContainer {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}
.popup_reward .content #rewardContainer .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.popup_reward .content #rewardContainer .item .thumb {
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_reward .content #rewardContainer .item .thumb img {
  object-fit: contain;
}
.popup_reward .content #rewardContainer .item .name {
  font-size: 27px;
  color: #fff;
  width: 220px;
  text-align: center;
}

.popup_xucxac #rewardContainer2 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
  width: 760px;
  margin: 60px auto 20px;
  height: 200px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_xucxac #rewardContainer2 {
    width: 580px;
    height: 300px;
  }
}
.popup_xucxac .btn.go {
  font-size: 20px !important;
  cursor: pointer;
}
.popup_xucxac.gift-10 #rewardContainer2 {
  height: 270px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_xucxac.gift-10 #rewardContainer2 {
    width: 580px;
    height: 400px;
    scale: 0.9;
    transform-origin: top;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_xucxac.gift-10 .btn.go {
    margin-top: -30px !important;
  }
}

.popup_diemthuong .content_inform {
  height: 500px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_diemthuong .content_inform p {
  font-size: 30px;
  color: #fff;
}
.popup_diemthuong .content_inform #rewardPoints {
  font-size: 35px;
  color: #e7b764;
  font-weight: bold;
  padding: 0 5px;
}

.popup_doiqua .content .info__change,
.popup_doiqua2 .content .info__change {
  color: #fff;
  font-size: 21px;
  text-transform: uppercase;
  position: absolute;
  left: 185px;
  top: 190px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_doiqua .content .info__change,
  .popup_doiqua2 .content .info__change {
    left: 95px;
  }
}
.popup_doiqua .content .group__change,
.popup_doiqua2 .content .group__change {
  display: flex;
  column-gap: 30px;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 20px;
  overflow-y: auto;
}
.popup_doiqua .content .group__change::-webkit-scrollbar-thumb,
.popup_doiqua2 .content .group__change::-webkit-scrollbar-thumb {
  background: #f3d390;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_doiqua .content .group__change,
  .popup_doiqua2 .content .group__change {
    column-gap: 10px;
    margin-top: 40px;
  }
}
.popup_doiqua .content .group__change--item,
.popup_doiqua2 .content .group__change--item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}
.popup_doiqua .content .group__change--item .btn__change,
.popup_doiqua2 .content .group__change--item .btn__change {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -543px -456px;
  width: 154px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #401904;
  font-size: 20px;
  font-family: "BeaufortforLOL-Medium";
}
.popup_doiqua .content .group__change--item .text__change,
.popup_doiqua2 .content .group__change--item .text__change {
  font-size: 15px;
  color: #fff;
  text-align: center;
  width: 125px;
}

.popup_confirm .content .box__text {
  width: 100%;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.popup_getlist .content tr th,
.popup_getlist .content tr td {
  padding: 12px !important;
}
.popup_getlist .content .template_history {
  height: 90%;
  width: 100%;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_getlist .content .template_history .table_history {
    width: 100%;
    height: 100%;
  }
}
.popup_getlist .content .btn-thuchien {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -543px -456px;
  width: 154px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
.popup_getlist .content .btn-thuchien::after {
  content: attr(data-active);
  font-size: 20px;
  color: #401904;
  font-family: "BeaufortforLOL-Medium";
}
.popup_getlist .content .btn-thuchien.received {
  filter: grayscale(1);
  pointer-events: none;
}
.popup_getlist .content .btn-thuchien.received::after {
  content: attr(data-received);
}

.base {
  height: var(--sr-device-height);
}
.base .box {
  top: 50%;
  transform: translate(-50%, -50%);
}
.base .box .btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -314px -155px;
  width: 93px;
  height: 93px;
  right: 20px;
  top: -10px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .box .btn-close {
    right: -15px;
    top: -30px;
    scale: 0.7;
  }
}
.base .box .content {
  padding: 65px 160px 40px 185px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 24px;
  font-family: "BeaufortforLOL-Medium";
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .box .content {
    padding: 40px 85px 35px 85px;
  }
}
.base .box .content .btn {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -543px -405px;
  width: 240px;
  height: 51px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #d14836;
  font-size: 25px;
  text-decoration: none;
  margin: 20px auto 10px;
  text-transform: uppercase;
  box-sizing: border-box;
  font-family: "BeaufortforLOL-Bold";
}
.base .box .content .title {
  font-family: "BeaufortforLOL-Medium";
  text-transform: uppercase;
  font-size: 42px;
  display: flex;
  align-items: center;
  color: #ffecbb;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  position: relative;
}
.base .box .content .title::before {
  content: "";
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -826px -118px;
  width: 47px;
  height: 36px;
  position: absolute;
  left: -30px;
  top: -10px;
}
.base .box .content .title::after {
  content: "";
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -826px -118px;
  width: 47px;
  height: 36px;
  transform: rotate(245deg);
  position: absolute;
  right: -30px;
  top: -10px;
}
.base-register .box {
  top: 100px;
}
.base-inform .box {
  top: 250px;
}
.base .template_history .table_history {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  scrollbar-width: initial;
  scrollbar-color: auto;
}
.base .template_history .table_history::-webkit-scrollbar {
  width: 6px;
}
.base .template_history .table_history::-webkit-scrollbar-thumb {
  border-radius: 10px;
}
.base .template_history .table_history::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ccc;
  border-radius: 10px;
}
.base .template_history .table_history::-webkit-scrollbar-thumb {
  background: #f3d390;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .template_history .table_history {
    width: 100%;
    height: 530px;
  }
}
.base .template_history .table_history table {
  background: transparent;
  padding: 8px;
  border-collapse: collapse;
  width: 870px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .template_history .table_history table {
    width: 100%;
  }
}
.base .template_history .table_history table thead {
  color: #ffecbb;
  position: relative;
}
.base .template_history .table_history table thead tr th {
  font-family: "BeaufortforLOL-Heavy";
  padding: 10px;
  text-transform: uppercase;
  font-size: 20px;
  height: 40px;
}
.base .template_history .table_history table thead::after {
  content: "";
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -627px;
  width: 837px;
  height: 14px;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .template_history .table_history table thead::after {
    content: "";
    background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
    background-position: -124px -503px;
    width: 577px;
    height: 14px;
  }
}
.base .template_history .table_history table tbody tr td {
  font-family: "Roboto-Regular";
  padding: 10px;
  color: #fff;
  font-size: 20px;
  height: 40px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base .template_history .table_history table tbody tr td {
    font-size: 20px;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  .base-question .box {
    transform: scale(1) translateX(-50%);
  }
}
.base-question .box .btn-close {
  right: 250px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base-question .box .btn-close {
    right: -3px;
    top: 0;
  }
}
.base-question .box .content {
  padding: 83px 315px 60px 355px;
}
@media (max-width: 768px) and (orientation: portrait) {
  .base-question .box .content {
    padding: 423px 75px 51px 65px;
  }
}

#popup_confirm .box .list-btn {
  display: flex;
  justify-content: center;
  gap: 30px;
  margin-top: 30px;
}

.popup_xucxac form {
  width: 100%;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 60px;
}
.popup_xucxac form .group__select {
  display: flex;
  align-items: center;
  gap: 20px;
}
.popup_xucxac form .group__select .btn__minus {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -832px -51px;
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.popup_xucxac form .group__select .btn__plus {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -783px -118px;
  width: 43px;
  height: 43px;
  cursor: pointer;
}
.popup_xucxac form .group__select input[type=text] {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -503px;
  width: 124px;
  height: 124px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60px;
  font-weight: bold;
  text-align: center;
  color: #c5414e;
}
.popup_xucxac form .btn__confirm {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -543px -51px;
  width: 245px;
  height: 67px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 23px;
  text-transform: uppercase;
  padding-top: 10px;
  cursor: pointer;
}
.popup_xucxac form .btn__confirm span {
  background: linear-gradient(180deg, #fefdf5 0%, #f5efb9 100%, #f5efb9 100%, #f5efb9 100%, #f5efb9 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.en .popup_doiqua .content .group__change--item .btn__change .label {
  font-size: 12px;
}

.id .base .box .content .btn {
  line-height: 1;
  font-size: 23px;
}

.th .base .box .content .title {
  font-size: 55px;
  line-height: 1;
}
.th .popup_getlist .content tr th,
.th .popup_getlist .content tr td,
.th .base .template_history .table_history table tbody tr td {
  font-size: 30px;
  line-height: 1;
}
.th .base .box .content .btn,
.th .popup_xucxac form .btn__confirm,
.th .popup_inform .content p {
  font-size: 35px;
}
.th .base .box .content {
  font-family: "PSL034PRO";
}
.th .popup_doiqua .content .group__change--item .btn__change .label,
.th .popup_doiqua .content .group__change--item .text__change {
  font-size: 22px;
  line-height: 1;
}
.th .popup_doiqua .content .info__change,
.th .popup_login .content .note {
  font-size: 32px;
}
.th .popup_reward.gift-5 .content #rewardContainer .name {
  font-size: 28px;
}

/*# sourceMappingURL=dt3q.css.map*/