/*!********************************************************************************************************************************************!*\
  !*** 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 ***!
  \********************************************************************************************************************************************/
@charset "UTF-8";
html,
body {
  overscroll-behavior-y: none;
  /* chặn scroll vượt top/bottom */
  overscroll-behavior-x: none;
  background: #222d80;
}

@font-face {
  font-family: "GS3_DemiBold";
  src: url(assets/main/fonts/GS3_DemiBold.otf);
}
@font-face {
  font-family: "GS3_ExtraBold";
  src: url(assets/main/fonts/GS3_ExtraBold.otf);
}
@font-face {
  font-family: "GS3_Black";
  src: url(assets/main/fonts/GS3_Black.otf);
}
@font-face {
  font-family: "GS3_Bold";
  src: url(assets/main/fonts/GS3_Bold.otf);
}
.GS3_Bold {
  font-family: "GS3_Bold";
}

.GS3_Black {
  font-family: "GS3_Black";
}

.MS__GS3_ExtraBold {
  font-family: "GS3_ExtraBold";
}

.MS__GS3_SemiBold {
  font-family: "GS3_DemiBold";
}

section {
  -webkit-overflow-scrolling: touch;
  /* vẫn mượt */
  overscroll-behavior: contain;
  /* chặn bounce vượt ra ngoài taskbar */
}

.btn {
  display: flex !important;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  color: #fefc9f;
  font-size: 18px;
  text-transform: uppercase;
}
.btn a {
  color: #d88823;
  font-size: 12px;
}

.btn-prom {
  display: flex !important;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  text-transform: uppercase;
  color: #8a5536;
  font-size: 20px;
}

#gnm-diemdanh {
  width: 2000px;
  height: 1000px;
  margin-top: -3px;
}
@media (max-width: 768px) {
  #gnm-diemdanh {
    width: 768px;
    height: 1546px;
  }
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** 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: 260px;
  pointer-events: auto;
}
@media (max-width: 768px) {
  #libraryMainsite-t-float_left {
    left: 0;
    bottom: 10px;
    width: 768px;
    top: unset;
    height: 100px;
  }
}
#libraryMainsite-t-float_left .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_left .content {
  position: absolute;
  left: 0;
  top: 160px;
  width: 185px;
  right: 0;
  bottom: 0;
}
#libraryMainsite-t-float_left .content .list-btns {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  position: relative;
}
#libraryMainsite-t-float_left .content .list-btns a {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: center;
  text-decoration: none;
}
#libraryMainsite-t-float_left .content .list-btns a span {
  font-family: "GS3_DemiBold";
  text-transform: uppercase;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1.1;
  box-sizing: border-box;
  text-align: center;
}
#libraryMainsite-t-float_left .content .list-btns a.active span {
  color: #19356a;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** 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: 180px;
  right: 20px;
  width: 184px;
  height: 762px;
  pointer-events: auto;
  transition: right 0.3s ease-in-out;
}
#libraryMainsite-t-float_right.active {
  right: -160px;
}
#libraryMainsite-t-float_right.active .close_floatright {
  transform: rotate(180deg);
}
#libraryMainsite-t-float_right .background {
  position: absolute;
  top: 0;
  left: 0;
}
#libraryMainsite-t-float_right .content {
  position: absolute;
  left: 0;
  top: 110px;
  width: 184px;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  gap: 8px;
}
#libraryMainsite-t-float_right .content .close_floatright {
  position: absolute;
  left: -35px;
  top: 50px;
}
#libraryMainsite-t-float_right .content .gr_social {
  width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 5px;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \**********************************************************************************************************************************************************************************/
@media (max-width: 768px) {
  .popup_login .content .content-login {
    scale: 0.8;
    transform-origin: top;
  }
}
.popup_login .content .sub {
  font-size: 30px;
  text-transform: uppercase;
  color: #fff;
  margin-top: 30px;
}
.popup_login .content .note {
  font-size: 30px;
  color: #ffd172;
}
.popup_login .content .note a {
  color: #fd3232;
  text-transform: capitalize;
}
.popup_login .content .list-btn {
  display: flex;
  flex-direction: column;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 30px 0 40px;
}
.popup_login .content .list-btn .btn_zing {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -914px 0px;
  width: 644px;
  height: 84px;
  font-size: 0;
  display: block;
}
.popup_login .content .list-btn .btn_apple {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -645px;
  width: 644px;
  height: 84px;
  font-size: 0;
  display: block;
}
.popup_login .content .list-btn .btn_fb {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -813px;
  width: 644px;
  height: 84px;
  font-size: 0;
  display: block;
}
.popup_login .content .list-btn .btn_choingay {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -729px;
  width: 644px;
  height: 84px;
  font-size: 0;
  display: block;
}

.popup_register .content .notice {
  font-size: 18px;
  color: #a35526;
  margin-top: 32px;
}
.popup_register .content form {
  width: 55%;
  height: 70%;
  padding: 0 22px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .popup_register .content form {
    width: 80%;
  }
}
.popup_register .content form .row {
  width: 100%;
  display: flex;
  gap: 24px;
  margin-top: 45px;
}
@media (max-width: 768px) {
  .popup_register .content form .row {
    margin-bottom: 24px;
  }
}
.popup_register .content form .row .value {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}
.popup_register .content form .row .value label {
  font-family: "GS3_DemiBold";
  font-size: 25px;
  color: #343d76;
  text-align: left;
  text-transform: uppercase;
}
.popup_register .content form .row .value select,
.popup_register .content form .row .value input {
  font-family: "GS3_DemiBold";
  height: 65px;
  padding: 0 20px;
  /* background-color: #cca97f; */
  color: #343d76;
  /* border: 1px solid #d0aa65; */
  font-size: 25px;
  border-top-left-radius: 12px;
  border-bottom-right-radius: 12px;
}
.popup_register .content form .row .value select::placeholder,
.popup_register .content form .row .value input::placeholder {
  color: #a32306;
}
.popup_register .content form .btn {
  margin-top: 24px !important;
}

.popup_doinhanvat label {
  font-family: "GS3_DemiBold";
  font-size: 25px;
  color: #fff;
}
.popup_doinhanvat .form-profile {
  list-style: none;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin: 40px 0;
}
.popup_doinhanvat .form-profile input {
  scale: 1.6;
  margin-right: 10px;
  transform-origin: bottom;
}
.popup_doinhanvat .popup__content--body {
  margin: 40px 0 20px;
}

.popup_getlist .content .table_getlist {
  margin-top: 40px;
  overflow-y: auto;
  height: 82%;
}
@media (max-width: 768px) {
  .popup_getlist .content .table_getlist {
    margin-top: 20px;
  }
}
.popup_getlist .content table {
  border-collapse: collapse;
  width: 95%;
  margin: auto;
}
@media (max-width: 768px) {
  .popup_getlist .content table {
    width: 100%;
  }
}
.popup_getlist .content table tr th,
.popup_getlist .content table tr td {
  color: #fff !important;
  text-transform: uppercase;
  font-size: 22px;
  text-align: left !important;
  border: 2px solid #4041be;
  padding: 12px;
}
@media (max-width: 768px) {
  .popup_getlist .content table tr th,
  .popup_getlist .content table tr td {
    font-size: 15px;
    padding: 10px 5px;
  }
}
.popup_getlist .content table tr th span,
.popup_getlist .content table tr td span {
  color: #ffe78b !important;
}
.popup_getlist .content table tr td:nth-child(1) {
  text-align: center !important;
  width: 85px;
}
@media (max-width: 768px) {
  .popup_getlist .content table tr td:nth-child(1) {
    width: 40px;
  }
}
.popup_getlist .content table tr td:nth-child(2) {
  width: 1000px;
}
.popup_getlist .content table tr td .d-flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup_getlist .content .btn-nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -914px -304px;
  width: 161px;
  height: 47px;
  font-size: 0;
  display: block;
}
.popup_getlist .content .btn-nhanluot.received {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -1319px -245px;
  width: 162px;
  height: 47px;
  pointer-events: none;
}
.popup_getlist .content .btn-nhanluot.off {
  filter: grayscale(1);
  pointer-events: none;
}

.popup_condition .content #pm__invite-form .text-invite {
  margin-left: 22px;
  margin-bottom: 22px;
}
.popup_condition .content #pm__invite-form .btn {
  position: absolute;
  right: 140px;
  top: 180px;
}
.popup_condition .content form {
  margin: 0 12px;
}
.popup_condition .content .table {
  width: 92%;
  height: 95%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
}
.popup_condition .content .table .text {
  margin-top: 12px;
  font-weight: bold;
}
.popup_condition .content .table .text span {
  font-weight: inherit;
}
.popup_condition .content .table .btn {
  margin: 18px auto !important;
}
.popup_condition .content .table .btn-submit {
  margin: 12px auto !important;
  color: white;
}
.popup_condition .content .table .text-invite {
  background-color: #f7bf73;
  width: 70%;
  margin: 12px 0 6px;
  height: 40px;
  padding-left: 18px;
  box-sizing: border-box;
  border-radius: 34px;
}
.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: -1438px -84px;
  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: 55px;
  width: 60%;
  text-align: center;
  border: 1px solid black;
  margin-top: 8px;
}
.popup_condition .content .template_history .table_history {
  height: auto;
  overflow-y: unset;
}

.popup_history .content {
  justify-content: flex-start;
}
.popup_history .content .template_history {
  width: 100%;
  height: 75%;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .popup_history .content .template_history {
    margin-top: 10px;
  }
}
.popup_history .content .template_history .table_history {
  height: 100%;
}
@media (max-width: 768px) {
  .popup_history .content .template_history .table_history {
    height: 96%;
    width: 100%;
  }
}
.popup_history .content .template_history nav {
  margin-top: 18px;
  color: #fff;
}
.popup_history .content .template_history nav .pagination > li > a {
  color: #fff;
}
.popup_history .content .template_history nav .pagination > li.active > a {
  background-color: #a9f5ff;
  color: #5355d4;
}
.popup_history .content .template_history nav .pagination a:hover:not(.active) {
  background-color: #a9f5ff;
  color: #5355d4;
}

.popup_rule .content .iframe {
  width: 95%;
  height: 93%;
}
.popup_rule .content div.iframe {
  overflow-x: hidden;
  overflow-y: auto;
}

.popup_inform .content .content-inform {
  display: flex;
  flex-direction: column;
  height: 570px;
  align-items: center;
  justify-content: center;
}
.popup_inform .content .content-inform p {
  font-size: 40px;
}

.popup_reward .content .text,
.popup_rewardMoc .content .text,
.popup_rewarDiemdanh .content .text {
  font-size: 28px;
}
.popup_reward .content .text #rewardContainer,
.popup_rewardMoc .content .text #rewardContainer,
.popup_rewarDiemdanh .content .text #rewardContainer {
  margin-top: 190px;
  height: 520px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 12px 50px;
  overflow-y: auto;
}
@media (max-width: 768px) {
  .popup_reward .content .text #rewardContainer,
  .popup_rewardMoc .content .text #rewardContainer,
  .popup_rewarDiemdanh .content .text #rewardContainer {
    margin-top: 70px;
    height: 570px;
    gap: 12px 20px;
    overflow-y: auto;
    width: 1000px;
    scale: 0.7;
  }
}
.popup_reward .content .text #rewardContainer .item,
.popup_rewardMoc .content .text #rewardContainer .item,
.popup_rewarDiemdanh .content .text #rewardContainer .item {
  width: 285px;
}
.popup_reward .content .text #rewardContainer .item img,
.popup_rewardMoc .content .text #rewardContainer .item img,
.popup_rewarDiemdanh .content .text #rewardContainer .item img {
  width: 180px;
}
.popup_reward .content .text #rewardContainer .item-name,
.popup_rewardMoc .content .text #rewardContainer .item-name,
.popup_rewarDiemdanh .content .text #rewardContainer .item-name {
  font-family: "GS3_DemiBold";
  font-size: 25px;
}
.popup_reward.gift-1 #rewardContainer,
.popup_rewardMoc.gift-1 #rewardContainer,
.popup_rewarDiemdanh.gift-1 #rewardContainer {
  margin-top: 155px !important;
}
@media (max-width: 768px) {
  .popup_reward.gift-1 #rewardContainer,
  .popup_rewardMoc.gift-1 #rewardContainer,
  .popup_rewarDiemdanh.gift-1 #rewardContainer {
    margin-top: 40px !important;
  }
}
.popup_reward.gift-1 .item,
.popup_rewardMoc.gift-1 .item,
.popup_rewarDiemdanh.gift-1 .item {
  width: 100% !important;
}
.popup_reward.gift-1 .item img,
.popup_rewardMoc.gift-1 .item img,
.popup_rewarDiemdanh.gift-1 .item img {
  width: 270px !important;
}
.popup_reward.gift-1 .item-name,
.popup_rewardMoc.gift-1 .item-name,
.popup_rewarDiemdanh.gift-1 .item-name {
  font-size: 35px !important;
}

.popup_taiAnh .btn-close {
  right: -20px !important;
  top: -25px !important;
}
.popup_taiAnh .content {
  padding: 35px 50px 33px 50px !important;
}
.popup_taiAnh .content form {
  display: flex;
  justify-content: center;
  gap: 70px;
}
@media (max-width: 768px) {
  .popup_taiAnh .content form {
    flex-direction: column;
    align-items: center;
    scale: 0.9;
    transform-origin: top;
    gap: 50px;
  }
}
.popup_taiAnh .content form .circle {
  position: relative;
  width: 457px;
  height: 457px;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -457px 0px;
  width: 457px;
  height: 457px;
  margin-top: 35px;
}
@media (max-width: 768px) {
  .popup_taiAnh .content form .circle {
    margin-top: 0px;
  }
}
.popup_taiAnh .content form .circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px 0px;
  width: 457px;
  height: 457px;
  z-index: 2;
  pointer-events: none;
}
.popup_taiAnh .content form .circle img {
  pointer-events: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 456px;
  height: 457px;
  object-fit: cover;
  transform-origin: top left;
  z-index: 1;
}
.popup_taiAnh .content form .circle .show-avatar {
  clip-path: polygon(12% 0%, 90% 0%, 100% 9%, 100% 88%, 88% 100%, 9% 100%, 0% 91%, 0% 13%);
}
.popup_taiAnh .content form .circle input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: relative;
  z-index: 3;
}
.popup_taiAnh .content form .box-info {
  width: 524px;
  color: #65231b;
  font-size: 25px;
}
@media (max-width: 768px) {
  .popup_taiAnh .content form .box-info {
    flex-direction: column;
    align-items: center;
    scale: 0.8;
    transform-origin: top;
    gap: 50px;
  }
}
.popup_taiAnh .content form .box-info .row {
  display: flex;
  flex-direction: column;
  margin-bottom: 28px;
}
.popup_taiAnh .content form .box-info .row label {
  font-size: 24px;
  color: #343d76;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 5px;
}
.popup_taiAnh .content form .box-info .row input {
  background: transparent;
  border: 0;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -914px -84px;
  width: 524px;
  height: 75px;
  padding: 10px 30px;
  box-sizing: border-box;
}
.popup_taiAnh .content form .box-info .row input:focus {
  outline: none;
}
.popup_taiAnh .content form .box-info .row textarea {
  background: transparent;
  border: 0;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -457px;
  width: 523px;
  height: 188px;
  padding: 10px 30px;
  box-sizing: border-box;
}
.popup_taiAnh .content form .box-info .btn-luuthiep {
  margin: -10px auto 0;
}
.MS__popup {
  height: var(--sr-device-height);
}

.base .box {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 768px) {
  .base .box {
    transform: translateX(-50%);
    transform-origin: left;
    top: 180px;
  }
}
.base .box .btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -1482px -84px;
  width: 40px;
  height: 40px;
  right: 90px;
  top: 45px;
}
@media (max-width: 768px) {
  .base .box .btn-close {
    right: 30px;
    top: -15px;
  }
}
.base .box .content {
  padding: 95px 185px 110px 138px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  color: #fff;
  font-size: 25px;
}
@media (max-width: 768px) {
  .base .box .content {
    padding: 68px 60px 100px 58px;
  }
}
.base .box .content .btn {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -914px -159px;
  width: 295px;
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  margin: 0 auto;
}
.base .box .content .btn span {
  font-family: "GS3_ExtraBold";
  background: linear-gradient(to bottom, #452f03, #be8115);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  padding-top: 10px;
  box-sizing: border-box;
}
.base .box .content .title {
  font-family: "GS3_Black";
  font-size: 63px;
  display: flex;
  align-items: center;
  color: #f4e896;
  text-transform: uppercase;
  text-shadow: 0 10px 4px #7160ff;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .base .box .content .title {
    font-size: 50px;
  }
}
.base-save .box {
  width: 1168px;
  height: 652px;
}
@media (max-width: 768px) {
  .base-save .box {
    transform: scale(0.6) translateX(-50%);
  }
}
.base-save .box .content {
  padding: 0 !important;
}
.base-save .box .btn-close {
  right: -28px;
  top: -35px;
}
.base-save .box .bg-save {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.base-save .box .content-save {
  position: relative;
}
.base-save .box .inner {
  display: flex;
  gap: 98px;
  position: relative;
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.base-save .box .inner .avt {
  position: relative;
  width: 457px;
  height: 457px;
}
.base-save .box .inner .avt .show-avatar {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 456px;
  height: 457px;
  object-fit: cover;
  clip-path: polygon(12% 0%, 90% 0%, 100% 9%, 100% 88%, 88% 100%, 9% 100%, 0% 91%, 0% 13%);
}
.base-save .box .inner .avt .circle {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.base-save .box .inner .ctext {
  width: 455px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 30px;
  line-height: 33px;
  color: #794f26;
  font-size: 24px;
}
.base-save .box .inner .ctext .text-title {
  text-align: center;
}
.base-save .box .inner .ctext .text-chuc {
  font-size: 20px;
  color: #977655;
}
.base-save .box .btn-submit {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0px;
  z-index: 1;
}
.base .template_history .table_history {
  width: 90%;
  height: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .base .template_history .table_history {
    width: 100%;
    height: 530px;
  }
}
.base .template_history .table_history::-webkit-scrollbar-thumb {
  background: #faa987;
}
.base .template_history .table_history table {
  border: 2px solid #4041be;
  padding: 8px;
  border-collapse: collapse;
  width: 100%;
}
.base .template_history .table_history table thead {
  background-color: #a9f5ff;
  color: #5355d4;
}
.base .template_history .table_history table thead tr th {
  padding: 10px;
  height: 50px;
  font-size: 25px;
}
.base .template_history .table_history table tbody tr {
  border: 2px solid #4041be;
  height: 75px;
}
.base .template_history .table_history table tbody tr td {
  border: 2px solid #4041be;
  padding: 10px;
  font-size: 25px;
  color: #fff;
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/libraryMainsite-t-article/libraryMainsite-t-article.scss ***!
  \**************************************************************************************************************************************************************************************/
body .article {
  --font-size-base: 21px;
  --font-size-base-mobile: 21px;
  --color-content: #65231b;
  --color-title: #cd0400;
  --color-heading-2: #cd0400;
  --color-heading-3: #cd0400;
  --color-heading-4: #cd0400;
  --color-heading-5: #cd0400;
  --color-heading-6: #cd0400;
  --color-href: #cd0400;
  --color-box-bg: #cd0400;
  --color-box-content: black;
  --color-table-bghead: #cd0400;
  --color-table-head: black;
  --color-table-bgbody: #cd0400;
  --color-table-bgfoot: #cd0400;
  --color-table-foot: #65231b;
  --color-table-border: #ffffff;
  --color-tab-bg: #cd0400;
  --color-tab-border: #cd0400;
  --color-tab-content: #fff;
  --color-tab-bg-hover: #cd0400;
  --color-tab-content-hover: #cd0400;
}
body .article h2:before,
body .article h3:before,
body .article h4:before,
body .article h5:before,
body .article h6:before {
  content: "";
  background-image: url(assets/libraryMainsite-t-article/images/sprite.png);
  background-position: 0px 0px;
  width: 47px;
  height: 43px;
  margin-right: 8px;
}
body .article {
  font-size: var(--font-size-base);
  color: var(--color-content);
  padding: 0px 20px;
  margin: 0 auto;
  text-align: justify;
}
@media (max-width: 768px) {
  body .article {
    font-size: var(--font-size-base-mobile);
  }
}
body .article blockquote {
  padding-left: 22px;
}
body .article__title {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  padding: 20px 0;
}
body .article__title,
body .article h1 {
  font-size: 1.4em;
  font-weight: 800;
  line-height: 1.4;
  border-bottom: 1px solid #46544f;
  color: var(--color-title);
  text-align: center;
}
body .article__meta {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 0;
  font-size: 11;
  color: #7d8484;
}
@media (max-width: 768px) {
  body .article__meta {
    padding: 16px 20px;
  }
}
body .article__cate {
  display: block;
  padding: 4px;
  margin-right: 12px;
  color: var(--color-content);
  border-radius: 4px;
  font-size: 0.8em;
}
body .article__time {
  color: var(--color-content);
  font-size: 0.8em;
}
body .article__content {
  font-size: 1em;
  color: var(--color-content);
  line-height: 1.4;
}
body .article__content *:not(:only-child):not(li) {
  margin-bottom: 12px;
}
body .article__content *:not(:only-child):not(iframe):not(img) {
  margin-left: 0px;
}
body .article__content *:not(:only-child).table {
  width: calc(100% - 0px);
}
body .article__content ul {
  margin-left: 20px !important;
}
body .article__content ul li {
  list-style-position: outside;
  margin-bottom: 6px;
}
body .article__content ul li, body .article__content ul.bulleted li {
  list-style-type: disc;
}
body .article__content ul.numbered li {
  list-style-type: decimal;
}
body .article__content h2,
body .article__content h3,
body .article__content h4,
body .article__content h5,
body .article__content h6 {
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
}
body .article__content h2:before,
body .article__content h3:before,
body .article__content h4:before,
body .article__content h5:before,
body .article__content h6:before {
  display: block;
}
body .article__content h2 {
  font-size: 29px;
  line-height: 1.4;
  color: var(--color-heading-2);
}
body .article__content h3 {
  font-size: 29px;
  line-height: 1.4;
  color: var(--color-heading-3);
}
body .article__content h4 {
  font-size: 24px;
  line-height: 1.4;
  color: var(--color-heading-4);
}
body .article__content h5 {
  font-size: 1.1em;
  line-height: 1.4;
  color: var(--color-heading-5);
}
body .article__content h6 {
  font-size: 1em;
  line-height: 1.4;
  color: var(--color-heading-6);
}
body .article__content a {
  color: var(--color-href);
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-bottom 0.4s;
  border-bottom: 1px solid rgba(var(--color-href), 0.5);
}
body .article__content a:hover {
  border-bottom: 1px solid var(--color-href);
}
body .article__content a.hero {
  display: block;
  border-style: solid;
  border-width: 1px;
  border-color: var(--color-href);
  color: var(--color-href);
  padding: 20px;
}
body .article__content img,
body .article__content iframe {
  display: block;
  max-width: 100%;
  margin: 0 auto 12px;
}
body .article__content img + p.caption,
body .article__content iframe + p.caption {
  display: block;
  max-width: calc(100% - 40px);
  margin: 0 auto 12px;
  font-style: italic;
  font-size: 0.8em;
  color: #888;
  text-align: center;
}
body .article__content img.float, body .article__content img.float--left {
  float: left;
  margin-right: 20px;
}
body .article__content img.float--right {
  float: right;
  margin-right: 0px;
  margin-left: 20px;
}
body .article__content .callout {
  padding: 20px 20px;
  background: var(--color-box-bg);
  color: var(--color-box-content);
}
body .article__content .table {
  width: 100%;
}
@media (max-width: 768px) {
  body .article__content .table {
    overflow: auto;
  }
}
body .article__content table {
  width: 100%;
}
body .article__content table td {
  padding: 8px;
  border: 1px solid var(--color-table-border);
  vertical-align: middle;
}
body .article__content table td img {
  max-width: 100%;
  margin: 0 auto 0;
}
body .article__content table thead {
  background: var(--color-table-bghead);
  color: var(--color-table-head);
}
body .article__content table thead tr {
  border: 1px solid var(--color-table-border);
}
body .article__content table thead tr th {
  padding: 12px;
  text-align: center;
  vertical-align: middle;
}
body .article__content table tbody tr td {
  background: rgba(var(--color-table-bgbody), 0.5);
}
body .article__content table tfoot {
  background: var(--color-table-bgfoot);
  color: var(--color-table-foot);
}
body .article__content.articleAccordionContent {
  height: 0;
  overflow: hidden;
  transition: all 0.4s;
  opacity: 0.4;
}
body .article__content.articleAccordionContent.active {
  height: auto;
  opacity: 1;
  transition: all 0s;
}
body .article__tab {
  margin-bottom: 40px;
}
body .article__tab ul {
  border-bottom: 1px solid;
  border-color: var(--color-tab-border);
  display: flex;
  justify-content: flex-start;
}
body .article__tab ul li {
  margin: 0 4px;
}
body .article__tab ul li a {
  display: block;
  padding: 10px 16px;
  background: var(--color-tab-bg);
  color: var(--color-tab-content);
  text-decoration: none;
}
body .article__tab ul li a.active, body .article__tab ul li a:hover {
  background: var(--color-tab-bg-hover);
  color: var(--color-tab-content-hover);
}
body .subnews {
  margin: 0 auto;
  padding: 30px 20px;
  height: 1130px;
}
body .subnews_list li {
  display: block;
  padding: 12px 0;
}
body .subnews_list li:not(:last-child) {
  border-bottom: 1px solid #3b4849;
}
body .subnews_item {
  display: flex;
  gap: 12px;
  font-size: 20px;
}
@media (max-width: 768px) {
  body .subnews_item {
    font-size: 28px;
  }
}
body .subnews_item__thumbnail {
  width: 200px;
}
body .subnews_item__thumbnail img {
  height: auto;
  width: 200px;
}
body .subnews_item__meta {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(100% - 200px);
}
body .subnews_item__title {
  position: relative;
  color: #3b4849;
  display: flex;
  align-content: flex-end;
  overflow: hidden;
  text-overflow: ellipsis;
  width: calc(100% - 100px);
  height: 50px;
}
@media (max-width: 768px) {
  body .subnews_item__title {
    width: 100%;
    order: 1;
    white-space: nowrap;
    margin-bottom: 4px;
  }
}
body .subnews_item__title p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
}
@media (max-width: 768px) {
  body .subnews_item__title p {
    white-space: nowrap;
  }
}
body .subnews_item__description {
  position: relative;
  display: flex;
  align-content: flex-start;
  width: calc(100% - 100px);
  height: 100%;
}
@media (max-width: 768px) {
  body .subnews_item__description {
    order: 3;
    width: 100%;
  }
}
body .subnews_item__description p {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: break-word;
  line-height: 1.2;
}
@media (max-width: 768px) {
  body .subnews_item__description p {
    white-space: nowrap;
  }
}
body .subnews_item__date {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100px;
}
@media (max-width: 768px) {
  body .subnews_item__date {
    order: 2;
    justify-content: flex-start;
    position: static;
    width: 100%;
    font-size: 0.8em;
    color: #999;
    margin-bottom: 4px;
  }
}
body .subnews_pagination {
  display: flex;
  justify-content: center;
}
body .subnews_pagination li {
  margin: 0 4px;
}
body .subnews_pagination .page {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  color: #fff;
  background: rgba(17, 44, 42, 0.6);
}
@media (max-width: 768px) {
  body .subnews_pagination .page {
    width: 52px;
    height: 52px;
    font-size: 26px;
  }
}
body .subnews_pagination li.active .page {
  color: #fff;
  background: #e33f00;
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/cfl-ms-25-header/cfl-ms-25-header.scss ***!
  \********************************************************************************************************************************************************************/
#cfl-ms-25-header {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) {
  #cfl-ms-25-header {
    height: 1300px;
  }
}
#cfl-ms-25-header .background {
  position: absolute;
  top: 0;
  left: 0;
}
#cfl-ms-25-header video {
  width: 2000px;
  height: 1000px;
}
@media (max-width: 768px) {
  #cfl-ms-25-header video {
    width: 768px;
    height: 1300px;
  }
}
#cfl-ms-25-header .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#cfl-ms-25-header .content .logo {
  position: absolute;
  left: 30px;
  top: 30px;
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .logo {
    left: 3%;
    top: 1%;
    transform: scale(0.7);
    transform-origin: left;
  }
}
#cfl-ms-25-header .content .title {
  position: absolute;
  left: 50%;
  top: 60px;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .title {
    top: 200px;
    scale: 0.9;
    transform-origin: top left;
  }
}
#cfl-ms-25-header .content .list_reward {
  display: flex;
  gap: 40px;
  position: absolute;
  bottom: 15px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .list_reward {
    scale: 0.7;
    transform-origin: top left;
  }
}
#cfl-ms-25-header .content .list_reward .item {
  position: relative;
}
#cfl-ms-25-header .content .list_reward .item:hover .tooltip {
  display: block;
}
#cfl-ms-25-header .content .list_reward .item.off .reward, #cfl-ms-25-header .content .list_reward .item.received .reward {
  filter: grayscale(1);
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .list_reward .item:last-child .tooltip {
    left: -60px;
  }
}
#cfl-ms-25-header .content .list_reward .item .tooltip {
  position: absolute;
  top: -110px;
  left: 120px;
  z-index: 1;
  display: none;
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .list_reward .item .tooltip {
    left: -20px;
  }
}
#cfl-ms-25-header .content .turn_count {
  font-size: 25px;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  bottom: 50px;
  right: 14.5%;
  text-align: center;
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .turn_count {
    bottom: 25px;
    right: 0;
    left: 0;
  }
}
#cfl-ms-25-header .content .turn_count span {
  color: #ffcd6d;
}
#cfl-ms-25-header .content .btn_play {
  position: absolute;
  bottom: 270px;
  left: 49.6%;
  transform: translateX(-50%);
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .btn_play {
    bottom: 380px;
  }
}
#cfl-ms-25-header .content .gr_right {
  position: absolute;
  right: 30px;
  top: 30px;
}
#cfl-ms-25-header .content .gr_right .d-flex {
  display: flex;
  align-items: center;
  gap: 0px;
}
#cfl-ms-25-header .content .gr_right .d-flex .desktop {
  display: flex;
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .gr_right .d-flex .desktop {
    display: none;
  }
}
#cfl-ms-25-header .content .gr_right .btn-head {
  font-family: "GS3_DemiBold";
  font-size: 18px;
  color: #4e3448;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  padding-right: 8px;
}
#cfl-ms-25-header .content .gr_right .gr_info {
  display: flex;
  gap: 10px;
  flex-direction: column;
  align-items: end;
  text-align: right;
  position: absolute;
  right: 0px;
  top: 50px;
}
@media (max-width: 768px) {
  #cfl-ms-25-header .content .gr_right .gr_info {
    top: 90px;
  }
}
#cfl-ms-25-header .content .gr_right .info {
  font-size: 20px;
  color: #ffffff;
}
#cfl-ms-25-header .content .gr_right .info .pm__username {
  text-transform: uppercase;
  color: #fee283;
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tlbb2-ld-25-sn-pbm-save/tlbb2-ld-25-sn-pbm-save.scss ***!
  \**********************************************************************************************************************************************************************************/
#tlbb2-ld-25-sn-pbm-save {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save {
    height: 942px;
  }
}
#tlbb2-ld-25-sn-pbm-save .background {
  position: absolute;
  top: -1px;
  left: 0;
}
#tlbb2-ld-25-sn-pbm-save .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#tlbb2-ld-25-sn-pbm-save .content .gr_button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 100px;
  margin-top: 200px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .gr_button {
    gap: 50px;
    margin-top: 255px;
    scale: 0.8;
    transform-origin: top;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards {
  position: relative;
  width: 100%;
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper {
  width: 1168px;
  height: 100%;
  position: relative;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper {
    scale: 1.1;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .card {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 15px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .gr_cards .card {
    margin-left: 8px;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .card img {
  max-width: 100%;
  height: auto;
  display: block;
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper-button-next,
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper-button-prev {
  color: #fff;
  width: 44px;
  height: 44px;
  position: relative;
  margin: 0;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper-button-next:after,
#tlbb2-ld-25-sn-pbm-save .content .gr_cards .swiper-button-prev:after {
  font-size: 24px;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items {
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 63%;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item {
  text-decoration: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: 168px;
  gap: 5px;
  text-align: center;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item .point {
  top: 66.2%;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(1) {
  margin-top: 80px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(1) {
    position: absolute;
    left: 160px;
    top: -220px;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(2) {
  margin-top: 60px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(2) {
    position: absolute;
    left: 410px;
    top: -220px;
  }
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(3) {
    position: relative;
    top: 40px;
    left: 40px;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(4) {
  margin-top: -10px;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(5) {
  margin-top: -20px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .list-items .item:nth-child(5) {
    position: relative;
    top: 40px;
    left: -40px;
  }
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content .list-items .item {
    margin-top: 0 !important;
  }
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item.off {
  pointer-events: none;
  filter: grayscale(1);
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item.received {
  pointer-events: none;
  filter: grayscale(0.7);
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item img {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 21%;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item .text {
  color: #ffda88;
  font-size: 18px;
  height: 30px;
  display: flex;
  align-items: center;
  line-height: 18px;
}
#tlbb2-ld-25-sn-pbm-save .content .list-items .item .point {
  color: #fff47f;
  font-size: 38px;
}
#tlbb2-ld-25-sn-pbm-save .content form {
  position: absolute;
  width: 62%;
  left: 19%;
  top: 13%;
  height: 49.3%;
}
#tlbb2-ld-25-sn-pbm-save .content form .circle {
  position: absolute;
  left: 5%;
  top: 2%;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content form .circle {
    transform: scale(0.6);
    top: -2px;
    left: -80px;
    transform-origin: left;
  }
}
#tlbb2-ld-25-sn-pbm-save .content form .circle img {
  pointer-events: none;
  position: absolute;
  left: 50.7%;
  top: 49.6%;
  transform: scale(0.8) translate(-50%, -50%);
  width: 495px;
  height: 495px;
  object-fit: cover;
  transform-origin: top left;
  border-radius: 50%;
}
#tlbb2-ld-25-sn-pbm-save .content form .circle input {
  cursor: pointer;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#tlbb2-ld-25-sn-pbm-save .content form .box {
  position: absolute;
  left: 58%;
  top: 5%;
  width: 36%;
  color: #65231b;
  font-size: 25px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content form .box {
    width: 71%;
    transform: scale(0.7);
    left: 53%;
    top: 5.5%;
  }
}
#tlbb2-ld-25-sn-pbm-save .content form .box .row {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
}
#tlbb2-ld-25-sn-pbm-save .content form .box .row input,
#tlbb2-ld-25-sn-pbm-save .content form .box .row textarea {
  margin-top: 2px;
  height: 42px;
  background-color: #d1aa7a;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  box-sizing: border-box;
  padding-left: 12px;
}
#tlbb2-ld-25-sn-pbm-save .content form .box .row textarea {
  height: 130px;
  padding-top: 10px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content form .box .row textarea {
    height: 100px;
  }
}
#tlbb2-ld-25-sn-pbm-save .content form .box .btn-luuthiep {
  margin-top: 22px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-save .content form .box .btn-luuthiep {
    margin-top: 0;
    transform: scale(0.77);
    transform-origin: left;
  }
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tlbb2-ld-25-sn-pbm-promotion/tlbb2-ld-25-sn-pbm-promotion.scss ***!
  \********************************************************************************************************************************************************************************************/
#tlbb2-ld-25-sn-pbm-promotion {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion {
    height: 1409px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .background {
  position: absolute;
  top: -2px;
  left: 0;
}
#tlbb2-ld-25-sn-pbm-promotion .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#tlbb2-ld-25-sn-pbm-promotion .content .point {
  text-transform: uppercase;
  color: #fff;
  font-size: 25px;
  position: absolute;
  right: 400px;
  top: 170px;
  display: flex;
  gap: 10px;
}
#tlbb2-ld-25-sn-pbm-promotion .content .point .spoint {
  color: #ffcd6d;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .point {
    top: 210px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .gr_button {
  position: absolute;
  left: 370px;
  bottom: 55px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .gr_button {
    top: 260px;
    left: 40px;
    gap: 30px;
    scale: 0.65;
    transform-origin: top left;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .gr_button .list-btns {
  display: flex;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .gr_button .list-btns {
    gap: 0px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .gr_button .list-btns .button {
  font-family: "GS3_DemiBold";
  font-size: 22px;
  color: #4e3448;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  box-sizing: border-box;
  padding-right: 8px;
}
#tlbb2-ld-25-sn-pbm-promotion .content .gr_button .list-ruts {
  display: flex;
  gap: 50px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .gr_button .list-ruts {
    gap: 30px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items {
  display: flex;
  justify-content: center;
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item {
  position: absolute;
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:hover .tooltip {
  display: block;
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item .tooltip {
  position: absolute;
  top: -220px;
  z-index: 1;
  display: none;
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(1) {
  top: 275px;
  left: 440px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(1) {
    left: 120px;
    top: 495px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(2) {
  top: 235px;
  left: 660px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(2) {
    left: 286px;
    top: 455px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(3) {
  top: 210px;
  left: 865px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(3) {
    left: 445px;
    top: 535px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(4) {
  top: 300px;
  left: 1005px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(4) {
    left: 365px;
    top: 685px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(5) {
  top: 360px;
  left: 795px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(5) {
    left: 165px;
    top: 725px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(6) {
  top: 400px;
  left: 615px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(6) {
    left: 85px;
    top: 885px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(7) {
  top: 490px;
  left: 465px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(7) {
    left: 245px;
    top: 975px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(8) {
  top: 510px;
  left: 715px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(8) {
    left: 425px;
    top: 925px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(9) {
  top: 480px;
  left: 935px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(9) {
    left: 585px;
    top: 1005px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(10) {
  top: 440px;
  left: 1155px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(10) {
    left: 495px;
    top: 1165px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(11) {
  top: 325px;
  left: 1365px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .list-items .item:nth-child(11) {
    left: 145px;
    top: 1145px;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank {
  background: url(assets/tlbb2-ld-25-sn-pbm-promotion/images/bg-rank.png);
  width: 427px;
  height: 390px;
  position: absolute;
  right: 395px;
  bottom: 10px;
  box-sizing: border-box;
  padding: 35px 20px 25px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-promotion .content .content_rank {
    right: -35px;
    bottom: 836px;
    box-sizing: border-box;
    scale: 0.7;
  }
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank .list {
  height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank .list::-webkit-scrollbar-thumb {
  background: #f8b8ff;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank .list::-webkit-scrollbar-track {
  background: #fff;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table {
  font-family: "GS3_DemiBold";
  width: 390px;
  border-collapse: collapse;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table th {
  color: #fff698;
  font-size: 15px;
  text-transform: uppercase;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table td {
  font-size: 20px;
  color: #fff;
  text-align: center;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table tr {
  height: 50px;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table tr:nth-child(1) td:nth-child(1) {
  background: url(assets/tlbb2-ld-25-sn-pbm-promotion/images/top1.png) no-repeat;
  width: 62px;
  height: 39px;
  font-size: 0;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table tr:nth-child(2) td:nth-child(1) {
  background: url(assets/tlbb2-ld-25-sn-pbm-promotion/images/top2.png) no-repeat;
  width: 62px;
  height: 39px;
  font-size: 0;
}
#tlbb2-ld-25-sn-pbm-promotion .content .content_rank table tr:nth-child(3) td:nth-child(1) {
  background: url(assets/tlbb2-ld-25-sn-pbm-promotion/images/top3.png) no-repeat;
  width: 62px;
  height: 39px;
  font-size: 0;
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tlbb2-ld-25-sn-pbm-milestone/tlbb2-ld-25-sn-pbm-milestone.scss ***!
  \********************************************************************************************************************************************************************************************/
#tlbb2-ld-25-sn-pbm-milestone {
  position: relative;
  height: 1000px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone {
    height: 1546px;
  }
}
#tlbb2-ld-25-sn-pbm-milestone .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tlbb2-ld-25-sn-pbm-milestone .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#tlbb2-ld-25-sn-pbm-milestone .content {
  padding: 190px 350px 0;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content {
    padding: 267px 80px 0;
  }
}
#tlbb2-ld-25-sn-pbm-milestone .content .point {
  color: #fff;
  font-size: 25px;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content .point {
    width: 100%;
    position: absolute;
    top: 300px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 22px;
  }
}
#tlbb2-ld-25-sn-pbm-milestone .content .point span {
  color: #ffcd6d;
}
#tlbb2-ld-25-sn-pbm-milestone .content .list-btns {
  display: flex;
  justify-content: center;
  position: absolute;
  top: 182px;
  left: 50%;
  transform: translateX(-50%);
  gap: 100px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content .list-btns {
    top: 190px;
    gap: 60px;
    scale: 0.8;
    transform-origin: left;
  }
}
#tlbb2-ld-25-sn-pbm-milestone .content .list-btns a {
  font-size: 0;
}
#tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh {
  display: flex;
  flex-wrap: wrap;
  gap: 25px 40px;
  justify-content: center;
  margin-top: 100px;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh {
    scale: 0.86;
    transform-origin: top;
    margin-left: 30px;
  }
}
#tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh .box-item.off .item, #tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh .box-item.received .item {
  filter: grayscale(1);
}
#tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh .item {
  display: flex;
  justify-content: center;
  align-items: end;
  text-decoration: none;
}
#tlbb2-ld-25-sn-pbm-milestone .content .list_diemdanh .item .date {
  font-size: 26px;
  margin-bottom: 14px;
  background: linear-gradient(to bottom, #452f03, #be8115);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
#tlbb2-ld-25-sn-pbm-milestone .content .milestone {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 75px;
  margin-top: 15px;
}
#tlbb2-ld-25-sn-pbm-milestone .content .milestone_item {
  position: relative;
}
#tlbb2-ld-25-sn-pbm-milestone .content .milestone_item:hover .tooltip {
  display: block;
}
#tlbb2-ld-25-sn-pbm-milestone .content .milestone_item.off .reward, #tlbb2-ld-25-sn-pbm-milestone .content .milestone_item.received .reward {
  filter: grayscale(1);
}
#tlbb2-ld-25-sn-pbm-milestone .content .milestone_item .tooltip {
  position: absolute;
  top: -90px;
  left: 120px;
  z-index: 1;
  display: none;
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content .milestone_item .tooltip {
    left: -20px;
  }
}
@media (max-width: 768px) {
  #tlbb2-ld-25-sn-pbm-milestone .content .milestone {
    gap: 15px;
    margin-top: -40px;
    scale: 0.8;
  }
}
/*!********************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/gnm-ld-sn-footer/gnm-ld-sn-footer.scss ***!
  \********************************************************************************************************************************************************************/
#gnm-ld-sn-footer {
  position: relative;
  width: 100%;
  height: 310px;
}
@media (max-width: 768px) {
  #gnm-ld-sn-footer {
    height: 320px;
  }
}
#gnm-ld-sn-footer .background {
  position: absolute;
  top: -5px;
  left: 0;
}
#gnm-ld-sn-footer .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 768px) {
  #gnm-ld-sn-footer .content {
    background: #222d80;
    top: -4px;
  }
}
#gnm-ld-sn-footer .content .list_social {
  width: 822px;
  height: 108px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 70px;
  background: url(assets/gnm-ld-sn-footer/images/line.png) no-repeat center 29px;
}
@media (max-width: 768px) {
  #gnm-ld-sn-footer .content .list_social {
    scale: 0.8;
    margin-top: 20px;
    gap: 40px;
  }
}
#gnm-ld-sn-footer .content .gr_footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}
#gnm-ld-sn-footer .content .gr_footer li {
  list-style-type: none;
}
#gnm-ld-sn-footer .content .gr_footer li a {
  font-size: 0;
}
#gnm-ld-sn-footer .content p {
  text-align: center;
  font-size: 19px;
  line-height: 26px;
  color: #fff;
  padding-bottom: 20px;
}
@media (max-width: 768px) {
  #gnm-ld-sn-footer .content {
    padding: 0 20px;
  }
  #gnm-ld-sn-footer .content p {
    font-size: 15px;
    line-height: 1.4;
  }
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/tanomg3q-ld-daile-navigation/tanomg3q-ld-daile-navigation.scss ***!
  \********************************************************************************************************************************************************************************************/
#tanomg3q-ld-daile-navigation {
  position: relative;
  pointer-events: auto;
}
@media (min-width: 769px) {
  #tanomg3q-ld-daile-navigation {
    display: none;
  }
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-navigation {
    height: 107px;
  }
}
#tanomg3q-ld-daile-navigation .background {
  position: absolute;
  top: 0;
  left: 0;
}
#tanomg3q-ld-daile-navigation .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
}
#tanomg3q-ld-daile-navigation .content {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin-top: 28px;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #tanomg3q-ld-daile-navigation .content {
    padding: 0 10px;
    margin-top: 0px;
  }
}
#tanomg3q-ld-daile-navigation .content .group__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 768px;
  padding: 0px 10px;
}
#tanomg3q-ld-daile-navigation .content .group__list .d-flex {
  display: flex;
  gap: 10px;
}
#tanomg3q-ld-daile-navigation .content .group__list .d-flex.g-0 {
  gap: 0;
}
#tanomg3q-ld-daile-navigation .content .group__list .d-flex a {
  font-size: 0;
}
#tanomg3q-ld-daile-navigation .content .group__list .btn-music-mb.mute {
  filter: grayscale(100%);
}

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