/*!********************************************************************************************************************************************!*\
  !*** 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: "Roboto-Bold";
  src: url(assets/main/fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: "Roboto-Regular";
  src: url(assets/main/fonts/Roboto-Regular.ttf);
}
@font-face {
  font-family: "RobotoCondensed-Regular";
  src: url(assets/main/fonts/RobotoCondensed-Regular.ttf);
}
@font-face {
  font-family: "Roboto-Black";
  src: url(assets/main/fonts/Roboto-Black.ttf);
}
@font-face {
  font-family: "ICIELCADENA";
  src: url(assets/main/fonts/ICIELCADENA.ttf);
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url(assets/main/fonts/Montserrat-Bold.ttf);
}
@font-face {
  font-family: "ICIELCROCANTE";
  src: url(assets/main/fonts/ICIELCROCANTE.otf);
}
.MS__Montserrat_Bold {
  font-family: "Montserrat-Bold";
}

.MS__Roboto_Bold {
  font-family: "Roboto-Bold";
}

.MS__Roboto_Black {
  font-family: "Roboto-Black";
}

.MS__Roboto_Regular {
  font-family: "Roboto-Regular";
}

.MS__RobotoCondensed_R {
  font-family: "RobotoCondensed-Regular";
}

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

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

#gno-milestone {
  width: 2000px;
  height: 1000px;
  margin-top: -2px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-milestone {
    width: 768px;
    height: 1167px;
  }
}

#gno-frame4 {
  width: 2000px;
  height: 1000px;
  margin-top: -6px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-frame4 {
    width: 768px;
    height: 1175px;
  }
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./assets/gno-ld-26-tet-promotion/gno-ld-26-tet-promotion.scss ***!
  \**********************************************************************************************************************************************************************************/
#gno-ld-26-tet-promotion {
  position: relative;
  height: 1000px;
  margin-top: -1px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion {
    height: 1175px;
  }
}
#gno-ld-26-tet-promotion * {
  box-sizing: border-box;
}
#gno-ld-26-tet-promotion .background {
  position: absolute;
  top: 0;
  left: 0;
}
#gno-ld-26-tet-promotion .content {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 1;
}
#gno-ld-26-tet-promotion .content .off {
  filter: grayscale(100%);
  pointer-events: none;
}
#gno-ld-26-tet-promotion .content .trungthuong {
  font-size: 20px;
  color: #fff7a4;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Montserrat;
  position: absolute;
  top: 276px;
  left: 49%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .trungthuong {
    top: 200px;
  }
}
#gno-ld-26-tet-promotion .content .group__left {
  position: absolute;
  top: 9px;
  right: 420px;
  z-index: 99;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .group__left {
    top: 250px;
    right: unset;
    width: 100%;
    padding: 0 105px;
  }
}
#gno-ld-26-tet-promotion .content .group__left--info {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  font-size: 24px;
}
#gno-ld-26-tet-promotion .content .group__left--info--name {
  font-size: 28px;
  color: #d52b2b;
}
#gno-ld-26-tet-promotion .content .group__left--info a {
  font-family: RobotoCondensed-Regular;
  font-size: 24px;
  color: #d52b2b;
  text-decoration: underline;
  margin-top: 5px;
}
#gno-ld-26-tet-promotion .content .group__left--lixi {
  font-family: RobotoCondensed-Regular;
  color: #d52b2b;
  font-size: 24px;
}
#gno-ld-26-tet-promotion .content .group__left--button {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 10px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .group__left--button {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
  }
  #gno-ld-26-tet-promotion .content .group__left--button--nhanluot {
    position: absolute;
    right: 100px;
    top: 0;
  }
}
#gno-ld-26-tet-promotion .content .group__left--button a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}
#gno-ld-26-tet-promotion .content .group__left--button a span {
  font-family: "ICIELCADENA";
  background: -webkit-linear-gradient(#ffeec3, #ffeec3, #ffdf89, #ffdf89);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-transform: capitalize;
  font-size: 30px;
}
#gno-ld-26-tet-promotion .content .maps {
  position: absolute;
  top: 200px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .maps {
    top: 520px;
  }
}
#gno-ld-26-tet-promotion .content .effect_content {
  position: relative;
  top: 370px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect_content {
    top: 580px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item {
  position: absolute;
}
#gno-ld-26-tet-promotion .content .effect .effect__item.active {
  filter: brightness(120%);
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--1 {
  left: 670px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--1 {
    left: 193px;
    top: -45px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--2 {
  left: 500px;
  top: 35px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--2 {
    left: 95px;
    top: -15px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--3 {
  left: 365px;
  top: 175px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--3 {
    left: 10px;
    top: 80px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--4 {
  left: 440px;
  top: 345px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--4 {
    left: 70px;
    top: 168px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--5 {
  left: 630px;
  top: 195px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--5 {
    left: 175px;
    top: 55px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--6 {
  left: 832px;
  top: 30px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--6 {
    left: 290px;
    top: -45px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--7 {
  top: 335px;
  right: 985px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--7 {
    top: 148px;
    right: 325px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--8 {
  right: 795px;
  top: 175px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--8 {
    right: 209px;
    top: 65px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--9 {
  right: 650px;
  top: -30px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--9 {
    right: 135px;
    top: -56px;
  }
}
#gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--10 {
  right: 575px;
  top: 185px;
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item.group__phanqua--10 {
    right: 87px;
    top: 65px;
  }
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .effect .effect__item img {
    scale: 0.6;
    transform-origin: left;
  }
}
#gno-ld-26-tet-promotion .content .group__duxuan {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 768px) and (orientation: portrait) {
  #gno-ld-26-tet-promotion .content .group__duxuan {
    bottom: 180px;
  }
}
#gno-ld-26-tet-promotion .content .group__duxuan .action {
  display: flex;
  gap: 40px;
}
#gno-ld-26-tet-promotion .content .group__duxuan .action .duxuan-1,
#gno-ld-26-tet-promotion .content .group__duxuan .action .duxuan-10 {
  display: block;
  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/libraryMainsite-t-popup/libraryMainsite-t-popup.scss ***!
  \**********************************************************************************************************************************************************************************/
.popup_login .base .box .content {
  padding: 90px 100px;
}
.popup_login .content .wrapper__dangnhap {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
  font-size: 22px;
  color: #cb1704;
  font-family: "Roboto-Regular";
}
.popup_login .content .wrapper__dangnhap .platform__login {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 40px;
}
.popup_login .content .wrapper__dangnhap .platform__login--group {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 35px;
  font-size: 0;
}
.popup_login .content .wrapper__dangnhap .platform__login--group .ZingID {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -720px -750px;
  width: 240px;
  height: 70px;
}
.popup_login .content .wrapper__dangnhap .platform__login--group .Facebook {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -455px -680px;
  width: 240px;
  height: 70px;
}
.popup_login .content .wrapper__dangnhap .platform__login--group .AppleID {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -530px -610px;
  width: 240px;
  height: 70px;
}
.popup_login .content .wrapper__dangnhap .platform__login--group .playnow {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -240px -750px;
  width: 240px;
  height: 70px;
}
.popup_login .content .wrapper__dangnhap .platform__login--group .google {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -820px;
  width: 240px;
  height: 70px;
}
.popup_login .content .wrapper__dangnhap p {
  color: #b30001;
  margin-top: 20px;
}
.popup_login .content .wrapper__dangnhap p a {
  font-weight: bold;
  text-decoration: underline;
  color: #b30001;
}

.popup_register .content .wrapper__dangky {
  width: 95%;
}
.popup_register .content .wrapper__dangky form {
  color: #a70401;
  width: 100%;
}
.popup_register .content .wrapper__dangky form label {
  font-size: 20px;
  margin-bottom: 3px;
  text-align: left;
}
.popup_register .content .wrapper__dangky form #form-profile p {
  display: flex;
  flex-direction: column;
  margin-bottom: 15px;
  color: #cb1704;
}
.popup_register .content .wrapper__dangky form #form-profile p input,
.popup_register .content .wrapper__dangky form #form-profile p select {
  height: 45px;
  padding: 0 10px;
  background: #fad890;
  border: 1px solid #cb8c66;
  outline: none;
  color: #a32306;
  font-size: 18px;
}
.popup_register .content .wrapper__dangky form #form-profile p input::-webkit-input-placeholder,
.popup_register .content .wrapper__dangky form #form-profile p select::-webkit-input-placeholder {
  /* Edge */
  color: #a32306;
}
.popup_register .content .wrapper__dangky form #form-profile p input::placeholder,
.popup_register .content .wrapper__dangky form #form-profile p select::placeholder {
  color: #a32306;
}
.popup_register .content .wrapper__dangky form #form-profile li {
  list-style: none;
}
.popup_register .content .wrapper__dangky form #form-profile li:nth-child(1), .popup_register .content .wrapper__dangky form #form-profile li:nth-child(4) {
  display: flex;
  gap: 10px;
}
.popup_register .content .wrapper__dangky form #form-profile li:nth-child(1) p, .popup_register .content .wrapper__dangky form #form-profile li:nth-child(4) p {
  width: 50%;
}
.popup_register .content .wrapper__dangky form #form-profile li:nth-child(2) p, .popup_register .content .wrapper__dangky form #form-profile li:nth-child(3) p {
  width: 100%;
}
.popup_register .content .wrapper__dangky form .btn-empty-red {
  background: none;
  border: none;
  margin: 0 auto;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -480px -750px;
  width: 240px;
  height: 70px;
  font-size: 0;
}

.popup_history .content {
  justify-content: flex-start;
}
.popup_history .content .content--body {
  height: 77% !important;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_history .content .content--body {
    height: 75% !important;
  }
}
.popup_history .content .table_history {
  height: 100%;
}
.popup_history .content nav {
  margin-top: 18px;
  position: absolute;
  bottom: 60px;
  left: 50%;
  transform: translateX(-50%);
}
.popup_history .content nav .pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.popup_history .content nav .pagination li {
  list-style: none;
}
.popup_history .content nav .pagination > li > a {
  color: #c90702;
  font-size: 22px;
  display: block;
  padding: 2px 10px;
  text-decoration: none;
}
.popup_history .content nav .pagination > li.active > a {
  background-color: #c90702;
  color: #fff;
}
.popup_history .content nav .pagination a:hover:not(.active) {
  background-color: #c90702;
  color: #fff;
}

.popup_getlist .content .wrapper__nhanluot,
.popup_getlist2 .content .wrapper__nhanluot {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
}
.popup_getlist .content .wrapper__nhanluot a.active,
.popup_getlist2 .content .wrapper__nhanluot a.active {
  filter: grayscale(1);
  pointer-events: none;
}
.popup_getlist .content .wrapper__nhanluot .group__nhanluot,
.popup_getlist2 .content .wrapper__nhanluot .group__nhanluot {
  display: flex;
  gap: 35px;
  margin-top: 100px;
}
.popup_getlist .content .wrapper__nhanluot .group__nhanluot .topup__nhanluot,
.popup_getlist2 .content .wrapper__nhanluot .group__nhanluot .topup__nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -364px;
  width: 277px;
  height: 182px;
  font-size: 0;
}

.popup_condition .title_nhiemvu {
  font-size: 28px;
  color: #b72b2a;
  text-transform: uppercase;
  padding: 20px 0 5px;
}
.popup_condition .list-btns-nhanluot {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.popup_condition input {
  width: 480px;
  height: 45px;
  padding-left: 12px;
  background-color: white;
  color: #645251;
  border: 1px solid #f6d07a;
  font-size: 18px;
  margin-top: 10px;
  text-align: center;
}
.popup_condition input::placeholder {
  color: #645251;
}
.popup_condition #pm__quiz-form .question {
  text-align: left;
}
.popup_condition #pm__quiz-form .question .pm__quiz-name {
  margin-bottom: 10px;
}
.popup_condition #pm__quiz-form input {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-right: 10px;
}
.popup_condition #pm__quiz-form .list-answer {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.popup_condition .content #pm__invite-form .text-invite {
  margin-left: 22px;
  margin-bottom: 22px;
}
.popup_condition .content .btn {
  margin: 10px auto !important;
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -546px;
  width: 264px;
  height: 57px;
  display: block;
  font-size: 25px;
  box-sizing: border-box;
  color: #461800;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  text-transform: uppercase;
  font-family: "Roboto-Bold";
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_condition .content form {
  margin: 0 12px;
}
.popup_condition .content .table {
  width: 100%;
  height: 90%;
  overflow-y: scroll;
  overflow-x: hidden;
  margin: 0 auto;
  padding-right: 10px;
}
.popup_condition .content .table .btn {
  margin: 10px auto !important;
}
.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: -987px -609px;
  width: 44px;
  height: 44px;
  position: relative;
  top: -3px;
}

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

.popup_reward .content .qua_ingame {
  display: none;
}
.popup_reward .content .sub {
  font-family: "ICIELCROCANTE";
  font-size: 43px;
  color: #db2502;
  line-height: 1;
  margin-top: 30px;
}
.popup_reward .content .text {
  font-size: 28px;
  color: #782400;
}
.popup_reward .content .text #rewardContainer .item-name {
  margin-top: 5px;
  color: #cb1704;
  font-size: 22px;
}
.popup_reward .item {
  height: 350px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_reward .item {
    height: 420px;
  }
}
.popup_reward .item-name {
  width: 100%;
  font-size: 30px;
  line-height: 40px;
  color: #782400;
  text-align: center;
}
.popup_reward #rewardContainer {
  width: 800px;
  margin: 0 0 30px;
}
.popup_reward.outgame .qua_ingame {
  display: none;
}
.popup_reward.gift-1 .btn_xacnhan {
  bottom: 110px;
}
.popup_reward.gift-1 .qua_ingame {
  font-family: "Roboto-Regular";
  display: block;
  font-size: 24px;
  text-transform: uppercase;
  color: #cb1704;
  position: absolute;
  bottom: 170px;
  left: 54%;
  transform: translateX(-50%);
  text-align: center;
  font-weight: bold;
  width: 100%;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_reward.gift-1 .qua_ingame {
    bottom: 200px;
    left: 50%;
  }
}
.popup_reward.gift-1 #rewardContainer {
  transform-origin: top;
  display: flex;
  flex-wrap: wrap;
  width: 950px;
  justify-content: center;
  margin: 10px auto 0;
  gap: 20px 10px;
}
.popup_reward.gift-1 #rewardContainer .item img {
  scale: 1.4;
}
.popup_reward.gift-1 #rewardContainer .item .item-name {
  margin-top: 10px !important;
}
.popup_reward.outgame .qua_ingame {
  display: none;
}
.popup_reward.gift-10 .content .text {
  margin-top: 0;
}
.popup_reward.gift-10 .content #rewardContainer {
  transform-origin: top;
  display: flex;
  flex-wrap: wrap;
  width: 850px;
  justify-content: center;
  margin: 40px auto 0;
  gap: 30px 20px;
  scale: 0.9;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_reward.gift-10 .content #rewardContainer {
    width: 750px;
    justify-content: center;
    margin: 60px auto 0;
  }
}
.popup_reward.gift-10 .content #rewardContainer .item {
  width: 150px;
  height: 200px;
  background: none;
  padding-top: 0;
  margin: 0;
}
.popup_reward.gift-10 .content #rewardContainer img {
  width: 120px;
  height: 120px;
  object-fit: cover;
}
.popup_reward.gift-10 .content #rewardContainer .item-name {
  font-size: 22px;
  line-height: 1.2;
}
.popup_reward .rewardDotpha {
  margin-top: 35px;
}
.popup_reward .rewardDotpha img {
  scale: 1.1;
}
.popup_reward .rewardContainer2 {
  padding: 50px 0;
}

.popup_reward2 .sub {
  margin-top: 30px;
}
.popup_reward2 #rewardContainer {
  height: 350px;
  display: flex;
  align-items: center;
}

.popup_inform .content .pm__inform-text,
.popup_doiqua .content .pm__inform-text {
  text-transform: uppercase;
  font-size: 40px;
  color: #db2502;
  font-family: "ICIELCROCANTE";
}
.popup_inform .content .pm__inform-text a,
.popup_doiqua .content .pm__inform-text a {
  color: #2307a5;
}
.popup_inform .content p,
.popup_doiqua .content p {
  font-size: 30px;
  color: #782400;
  line-height: 1.2;
}
.popup_inform .content .color-blue,
.popup_doiqua .content .color-blue {
  color: #5ffdff;
}
.popup_inform .content .content-body,
.popup_doiqua .content .content-body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 500px;
  width: 100%;
}
.popup_inform .content .exchange_gifts,
.popup_doiqua .content .exchange_gifts {
  font-size: 35px;
  line-height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 290px;
}
.popup_inform .content .group-btn,
.popup_doiqua .content .group-btn {
  display: flex;
  justify-content: center;
  gap: 30px;
}
.popup_inform .content .btn-confirm,
.popup_doiqua .content .btn-confirm {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -546px;
  width: 264px;
  height: 57px;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  line-height: 82px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  font-family: "UTMSharnay";
  outline: none;
  cursor: pointer;
}
.popup_inform .content .btn-confirm:hover,
.popup_doiqua .content .btn-confirm:hover {
  filter: brightness(1.3);
}
.popup_inform .content .btn-xacnhan,
.popup_doiqua .content .btn-xacnhan {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -546px;
  width: 264px;
  height: 57px;
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  line-height: 82px;
  margin: 0 auto;
  display: block;
  text-decoration: none;
  font-family: "UTMSharnay";
  outline: none;
  cursor: pointer;
}
.popup_inform .content .btn-xacnhan:hover,
.popup_doiqua .content .btn-xacnhan:hover {
  filter: brightness(1.3);
}
.popup_inform .content .red,
.popup_inform .content a,
.popup_doiqua .content .red,
.popup_doiqua .content a {
  color: #ef3a29;
}

.popup_chuadangnhap .popup__wrapper,
.popup_duluot .popup__wrapper {
  height: 630px;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) and (orientation: portrait) {
  .popup_chuadangnhap .popup__wrapper,
  .popup_duluot .popup__wrapper {
    height: 560px;
  }
}
.popup_chuadangnhap .popup__wrapper--chuadangnhap, .popup_chuadangnhap .popup__wrapper--duluot,
.popup_duluot .popup__wrapper--chuadangnhap,
.popup_duluot .popup__wrapper--duluot {
  text-transform: uppercase;
  font-size: 40px;
  color: #db2502;
  font-family: "ICIELCROCANTE";
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
.popup_chuadangnhap .popup__wrapper--chuadudk,
.popup_duluot .popup__wrapper--chuadudk {
  text-transform: uppercase;
  font-size: 40px;
  color: #db2502;
  font-family: "ICIELCROCANTE";
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_chuadangnhap .popup__wrapper--chuadudk a,
.popup_duluot .popup__wrapper--chuadudk a {
  text-decoration: underline;
  cursor: pointer;
}
.popup_chuadangnhap .popup__wrapper--chuadangnhap, .popup_chuadangnhap .popup__wrapper--duluot, .popup_chuadangnhap .popup__wrapper--chuadudk,
.popup_duluot .popup__wrapper--chuadangnhap,
.popup_duluot .popup__wrapper--duluot,
.popup_duluot .popup__wrapper--chuadudk {
  text-align: center;
}

.MS__popup {
  height: var(--sr-device-height);
}

.base .off {
  filter: grayscale(100%);
  pointer-events: none;
}
.base .MS__sprite-appleid {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -530px -610px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-2 {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -546px;
  width: 264px;
  height: 57px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-3 {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -240px -820px;
  width: 229px;
  height: 60px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -473px;
  width: 90px;
  height: 89px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn-submit {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -562px;
  width: 157px;
  height: 47px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-btn {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -426px;
  width: 181px;
  height: 47px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-chiase-nhanluot-mb {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px 0px;
  width: 219px;
  height: 142px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-chiase-nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px 0px;
  width: 281px;
  height: 182px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-choingay {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -680px;
  width: 455px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-dangnhap-nhanluot-mb {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -284px;
  width: 218px;
  height: 142px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-dangnhap-nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -182px;
  width: 281px;
  height: 182px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-daquang {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px 0px;
  width: 610px;
  height: 610px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-facebook {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -455px -680px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-icon-after {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -609px;
  width: 96px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-icon-before {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -981px -473px;
  width: 102px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-icon-refesh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -1048px -562px;
  width: 44px;
  height: 44px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-icon {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -1072px -426px;
  width: 35px;
  height: 33px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-napgame-nhanluot-mb {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -142px;
  width: 219px;
  height: 142px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-napgame-nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -610px -364px;
  width: 277px;
  height: 182px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-nhanluot {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -750px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-playnow {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -240px -750px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -987px -609px;
  width: 44px;
  height: 44px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-register {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -480px -750px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-update-history {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -610px;
  width: 530px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-zingid {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -720px -750px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .MS__sprite-gg {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: 0px -820px;
  width: 240px;
  height: 70px;
  display: block;
  font-size: 0;
}
.base .box {
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (orientation: portrait) {
  .base .box {
    transform: scale(1) translate(-50%, -50%);
    transform-origin: left 0;
  }
}
.base .box .btn-close {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -473px;
  width: 90px;
  height: 89px;
  right: 15px;
  top: 25px;
}
@media (orientation: portrait) {
  .base .box .btn-close {
    top: -5px;
  }
}
.base .box .content {
  font-family: "Roboto-Regular";
  padding: 99px 140px 100px 210px;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 25px;
  line-height: 30px;
  color: #2c1110;
}
@media (orientation: portrait) {
  .base .box .content {
    padding: 70px 82px 70px 85px;
  }
}
.base .box .content .title {
  font-family: "ICIELCROCANTE";
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100%;
  text-align: center;
  font-size: 43px;
  color: #db2502;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media (orientation: portrait) {
  .base .box .content .title {
    font-size: 35px;
    margin-bottom: 20px;
  }
}
.base .box .content .title::before {
  content: "";
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -981px -473px;
  width: 102px;
  height: 70px;
  margin-right: 15px;
}
.base .box .content .title::after {
  content: "";
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -891px -609px;
  width: 96px;
  height: 70px;
  margin-left: 15px;
}
.base .box .content .content--body {
  width: calc(100% - 10px);
  padding-right: 10px;
  height: 84%;
  overflow-y: auto;
}
.base .box .content .content--body::-webkit-scrollbar-thumb {
  background: #842e0b;
}
.base .box .content .content--body::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #bcd7ff;
  border: 1px solid #d3cbcb;
}
.base .box .content .captcha {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 12px;
}
.base .box .content .captcha img {
  background-color: white;
  border: 1px solid;
}
.base .box .content .captcha .btn-refresh {
  background-image: url(assets/libraryMainsite-t-popup/images/sprite.png);
  background-position: -987px -609px;
  width: 44px;
  height: 44px;
  position: relative;
  top: -3px;
}
.base .box .content .captcha-input input {
  width: 480px !important;
  height: 45px !important;
  padding-left: 12px;
  background-color: white;
  color: #645251;
  border: 1px solid #f6d07a;
  font-size: 22px;
  margin-top: 10px;
  text-align: center;
}
.base .box .content .captcha-input input::placeholder {
  color: #645251;
}
.base .table_history {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
@media (orientation: portrait) {
  .base .table_history {
    width: 100%;
    height: 530px;
  }
}
.base .table_history::-webkit-scrollbar-thumb {
  background: #274d8c;
}
.base .table_history table {
  padding: 8px;
  border-collapse: collapse;
  width: 100%;
  font-family: "Roboto-Regular";
  border: 1px solid #a34b47;
}
.base .table_history table thead {
  background: #c90702;
  color: #fff;
}
.base .table_history table thead tr th {
  padding: 10px 10px;
  font-size: 20px;
  color: #fff;
  font-family: "Roboto-Regular";
  font-weight: normal;
}
.base .table_history table tbody tr {
  background-color: #ffedb1;
}
.base .table_history table tbody tr:nth-child(even) {
  background-color: #fad891;
}
.base .table_history table tbody tr td {
  font-size: 20px;
  padding: 12px 10px;
  color: #a32306;
  border: 1px solid #a34b47;
}

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