/* line 8, ../sass/main.scss */
body {
  font-family: "Kanit-Regular", sans-serif;
}

/* line 14, ../sass/main.scss */
::-webkit-scrollbar {
  width: 5px;
}

/* line 17, ../sass/main.scss */
::-webkit-scrollbar-thumb {
  background: #ff199b;
}

/* line 20, ../sass/main.scss */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #ff199b;
}

/* line 23, ../sass/main.scss */
.bg-site {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-image: url(../img/bg-site.png);
  background-size: cover;
  background-position: center;
}

@font-face {
  font-family: "Digitall";
  src: url("../font/01 Digitall.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Regular";
  src: url("../font/Kanit-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Bold";
  src: url("../font/Kanit-Bold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Kanit-Light";
  src: url("../font/Kanit-Light.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* line 77, ../sass/main.scss */
p {
  margin-bottom: 0;
}

/* line 80, ../sass/main.scss */
.circle-p {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/cicle-p.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 90, ../sass/main.scss */
.circle-b {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/cicle-b.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 100, ../sass/main.scss */
.circle-t {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/cicle-t.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 111, ../sass/main.scss */
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0;
}

/* line 125, ../sass/main.scss */
img {
  max-width: 100%;
}

/* line 129, ../sass/main.scss */
.removeAfter::after {
  display: none;
}

/* line 134, ../sass/main.scss */
.active-up::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: green;
  opacity: 0;
  animation: aaaaaa 0.7s linear forwards;
}

/* line 147, ../sass/main.scss */
.active-down::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: red;
  opacity: 0;
  animation: aaaaaa 0.7s linear forwards;
}

/* line 159, ../sass/main.scss */
.Pinktxt {
  color: #ff199b !important;
}

@keyframes aaaaaa {
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
  }
}
/* line 1, ../sass/_header.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
}
/* line 7, ../sass/_header.scss */
header .wrapper {
  max-width: 95%;
  margin: 0 auto;
  padding: 5px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 15, ../sass/_header.scss */
header .logo {
  margin-right: 20px;
}
/* line 17, ../sass/_header.scss */
header .logo a {
  display: flex;
  max-width: 190px;
  height: 85px;
}
/* line 22, ../sass/_header.scss */
header .logo img {
  max-height: 100%;
  object-fit: contain;
}
/* line 27, ../sass/_header.scss */
header .menu {
  display: flex;
  position: relative;
  min-width: fit-content;
  align-items: center;
}
/* line 32, ../sass/_header.scss */
header .menu .menu_wrapper {
  display: flex;
}
/* line 35, ../sass/_header.scss */
header .menu .menu-item {
  margin-left: 20px;
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 7px 10px 5px;
  text-decoration: none;
}
/* line 42, ../sass/_header.scss */
header .menu .menu-item:hover {
  filter: brightness(1.2);
}
/* line 45, ../sass/_header.scss */
header .menu .menu-item p {
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
}
/* line 50, ../sass/_header.scss */
header .menu .menu-item p::before {
  content: "";
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 30px;
}
/* line 62, ../sass/_header.scss */
header .menu .btn-back {
  background-image: url(../img/btn/btn_menuHeader_2.png);
  background-position: 60px 0px;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%);
  background-size: 100% 100%;
  overflow: hidden;
}
/* line 69, ../sass/_header.scss */
header .menu .btn-back p {
  color: #fff;
}
/* line 71, ../sass/_header.scss */
header .menu .btn-back p::before {
  background-image: url(../img/icon/ic-back.png);
}
/* line 74, ../sass/_header.scss */
header .menu .btn-back p::after {
  content: "";
  background-image: url(../img/btn/btn_menuHeader_1.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: -1;
}
/* line 87, ../sass/_header.scss */
header .menu .btn-user {
  background-image: url(../img/btn/btn_menuHeader_2.png);
  background-position: 60px 0px;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%);
  background-size: 100% 100%;
  overflow: hidden;
}
/* line 95, ../sass/_header.scss */
header .menu .btn-user p::before {
  background-image: url(../img/icon/ic-user.png);
}
/* line 98, ../sass/_header.scss */
header .menu .btn-user p::after {
  content: "";
  background-image: url(../img/btn/btn_menuHeader_1.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: -1;
}
/* line 111, ../sass/_header.scss */
header .menu .btn-redeem {
  background-image: url(../img/btn/btn_menuHeader_2.png);
  background-position: 60px 0px;
  background-repeat: no-repeat;
  clip-path: polygon(0 0, 100% 0, 100% 80%, 95% 100%, 0 100%);
  background-size: 100% 100%;
  overflow: hidden;
}
/* line 119, ../sass/_header.scss */
header .menu .btn-redeem p::before {
  background-image: url(../img/icon/ic-redeem.png);
}
/* line 122, ../sass/_header.scss */
header .menu .btn-redeem p::after {
  content: "";
  background-image: url(../img/btn/btn_menuHeader_1.png);
  background-size: 100% 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 100%;
  z-index: -1;
}
/* line 135, ../sass/_header.scss */
header .menu .btn-logout {
  width: 40px;
  height: 40px;
  background-image: url(../img/icon/ic-logout.png);
  background-size: 100% 100%;
}
/* line 141, ../sass/_header.scss */
header .menu .btn-logout p {
  display: none;
}
/* line 143, ../sass/_header.scss */
header .menu .btn-logout p::before {
  background-image: url(../img/icon/ic-logout.png);
}
/* line 149, ../sass/_header.scss */
header .btn-login {
  background-color: #333333;
}
/* line 152, ../sass/_header.scss */
header .btn-login p::before {
  background-image: url(../img/icon/ic-login.png);
}
/* line 157, ../sass/_header.scss */
header .btn-register {
  background-color: #dbcb95;
}
/* line 159, ../sass/_header.scss */
header .btn-register p {
  color: #000 !important;
}
/* line 161, ../sass/_header.scss */
header .btn-register p::before {
  background-image: url(../img/icon/ic-register.png);
}
/* line 166, ../sass/_header.scss */
header .btn-lang {
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 7px 15px;
  border-radius: 5px;
  background-color: #fff;
  align-items: center;
  gap: 10px;
  width: 140px;
}
/* line 176, ../sass/_header.scss */
header .btn-lang:hover {
  filter: brightness(1.2);
}
/* line 179, ../sass/_header.scss */
header .btn-lang::after {
  content: "";
  width: 10px;
  height: 10px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../img/icon/ic-DD.png);
}
/* line 188, ../sass/_header.scss */
header .btn-lang p {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
  flex: 1;
}
/* line 196, ../sass/_header.scss */
header .menu-lang {
  position: absolute;
  right: 60px;
}
/* line 199, ../sass/_header.scss */
header .menu-lang .group-option {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  display: none;
}
/* line 208, ../sass/_header.scss */
header .menu-lang .group-option.active {
  display: block;
}
/* line 212, ../sass/_header.scss */
header .menu-lang .lang-item {
  display: flex;
  cursor: pointer;
  padding: 7px 15px;
  background-color: #fff;
  align-items: center;
  gap: 10px;
}
/* line 220, ../sass/_header.scss */
header .menu-lang .lang-item p {
  color: #000;
  font-size: 16px;
  display: flex;
  align-items: center;
}
/* line 226, ../sass/_header.scss */
header .menu-lang .lang-item:hover {
  background-color: #b88315;
}
/* line 228, ../sass/_header.scss */
header .menu-lang .lang-item:hover p {
  color: #fff;
}
/* line 233, ../sass/_header.scss */
header .menu-lang .flag {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
/* line 239, ../sass/_header.scss */
header .menu-lang .flag.Flag_of_Thai {
  background-image: url(../img//lang/Flag_of_Thailand.svg);
}
/* line 242, ../sass/_header.scss */
header .menu-lang .flag.Flag_of_Laos {
  background-image: url(../img//lang/Flag_of_Laos.svg);
}
/* line 245, ../sass/_header.scss */
header .menu-lang .flag.Flag_of_Eng {
  background-image: url(../img//lang/Flag_of_the_United_Kingdom.png);
}
/* line 251, ../sass/_header.scss */
header .nav-menu {
  display: none;
}
/* line 253, ../sass/_header.scss */
header .nav-menu .nav-menuItem {
  display: flex;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #fff;
  align-items: center;
  gap: 20px;
  padding: 10px;
}
/* line 261, ../sass/_header.scss */
header .nav-menu .nav-menuItem::before {
  content: "";
  width: 30px;
  height: 30px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* line 270, ../sass/_header.scss */
header .nav-menu .nav-menuItem.casino::before {
  background-image: url(../img/icon/menu/baccarat.png);
}
/* line 275, ../sass/_header.scss */
header .nav-menu .nav-menuItem.slot::before {
  background-image: url(../img/icon/menu/slot-machine.png);
}
/* line 280, ../sass/_header.scss */
header .nav-menu .nav-menuItem.rulet::before {
  background-image: url(../img/icon/menu/casino-roulette.png);
}
/* line 284, ../sass/_header.scss */
header .nav-menu .nav-menuItem.ball {
  margin-bottom: 30px;
}
/* line 286, ../sass/_header.scss */
header .nav-menu .nav-menuItem.ball::before {
  background-image: url(../img/icon/menu/XMLID_4726_.png);
}
/* line 291, ../sass/_header.scss */
header .nav-menu .nav-menuItem span {
  font-size: 20px;
}

/* line 299, ../sass/_header.scss */
.menu-icon {
  display: none;
  cursor: pointer;
  z-index: 1;
  margin-left: 20px;
}

/* line 307, ../sass/_header.scss */
.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

/* line 317, ../sass/_header.scss */
.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px);
  transform: rotate(-45deg) translate(-9px, 6px);
}

/* line 322, ../sass/_header.scss */
.change .bar2 {
  opacity: 0;
}

/* line 326, ../sass/_header.scss */
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px);
  transform: rotate(45deg) translate(-8px, -8px);
}

@media only screen and (max-width: 1200px) {
  /* line 331, ../sass/_header.scss */
  header .menu .menu_wrapper {
    display: none;
  }

  /* line 334, ../sass/_header.scss */
  header .logo {
    display: flex;
    gap: 25px;
  }

  /* line 338, ../sass/_header.scss */
  header .logo a {
    height: 50px;
    max-width: 120px;
  }

  /* line 342, ../sass/_header.scss */
  .menu-icon {
    display: block;
  }

  /* line 345, ../sass/_header.scss */
  header .wrapper {
    max-width: 100%;
    padding: 10px 25px;
  }

  /* line 349, ../sass/_header.scss */
  header .menu .btn-redeem {
    position: relative;
    top: unset;
    right: unset;
  }
  /* line 353, ../sass/_header.scss */
  header .menu .btn-redeem::before {
    display: none;
  }
  /* line 356, ../sass/_header.scss */
  header .menu .btn-redeem p {
    display: flex;
  }

  /* line 362, ../sass/_header.scss */
  header .menu .menu_wrapper_active {
    display: grid;
    position: fixed;
    align-items: center;
    justify-content: center;
    grid-template-rows: 250px 55px 55px 55px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    padding-top: 17vw;
  }
  /* line 375, ../sass/_header.scss */
  header .menu .menu_wrapper_active::after {
    content: "";
    display: block;
    height: 30px;
  }
  /* line 381, ../sass/_header.scss */
  header .menu .menu_wrapper_active .menu-item::before, header .menu .menu_wrapper_active .menu-item::after {
    display: none;
  }
  /* line 385, ../sass/_header.scss */
  header .menu .menu_wrapper_active .menu-item p {
    font-size: 20px;
  }

  /* line 391, ../sass/_header.scss */
  header .menu-lang {
    position: relative;
    right: unset;
    margin-left: 20px;
  }

  /* line 396, ../sass/_header.scss */
  header .menu .menu-item {
    margin-left: unset;
  }

  /* line 399, ../sass/_header.scss */
  header .menu .btn-logout {
    width: unset;
    height: unset;
    background: unset;
    cursor: pointer;
    padding: 7px 15px;
    border-radius: 5px;
    background-color: #f44336;
  }

  /* line 408, ../sass/_header.scss */
  header .menu .btn-logout p {
    display: flex;
  }

  /* line 411, ../sass/_header.scss */
  header .menu .btn-redeem p::after {
    margin-right: 0px;
  }

  /* line 414, ../sass/_header.scss */
  header .nav-menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  /* line 419, ../sass/_header.scss */
  header .wrapper {
    padding: 10px 15px;
  }

  /* line 422, ../sass/_header.scss */
  header .btn-lang p {
    display: none;
  }

  /* line 425, ../sass/_header.scss */
  header .btn-lang {
    padding: 7px 10px;
    gap: 10px;
    width: 60px;
  }

  /* line 430, ../sass/_header.scss */
  header .menu .btn-back {
    display: flex;
    width: 35px;
    height: 35px;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/icon/ic-back.png);
    background-color: #ff07d6;
  }
  /* line 439, ../sass/_header.scss */
  header .menu .btn-back p {
    display: none;
  }

  /* line 443, ../sass/_header.scss */
  header .menu-lang .group-option {
    top: 45px;
    left: unset;
    right: 0;
    width: auto;
  }
}
/* line 1, ../sass/_model.scss */
.model-group {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-content: center;
  overflow: auto;
  transition: 0.5s;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
}
/* line 15, ../sass/_model.scss */
.model-group .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  z-index: -1;
}
/* line 26, ../sass/_model.scss */
.model-group .title h1 {
  font-size: 28px;
  color: #fff;
}
/* line 30, ../sass/_model.scss */
.model-group .title h3 {
  font-family: "Kanit-Light";
  color: #fff;
}
/* line 33, ../sass/_model.scss */
.model-group .title h3 span {
  margin-left: 20px;
  color: #3a9eb4;
}
/* line 39, ../sass/_model.scss */
.model-group .wrapper {
  padding: 25px;
  border: 1px solid #ff24c4;
  background-color: #071024;
}
/* line 44, ../sass/_model.scss */
.model-group .group-btn {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 30px;
}
/* line 50, ../sass/_model.scss */
.model-group .btn-closeModel {
  width: 30px;
  height: 30px;
  margin-left: auto;
  margin-bottom: 10px;
  background-image: url(../img/icon/ic-close.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  filter: hue-rotate(-100deg);
}
/* line 62, ../sass/_model.scss */
.model-group .btn-cancel {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnCC.png);
  background-size: 100% 100%;
  margin-right: 10px;
  transition: 0.3s;
}
/* line 68, ../sass/_model.scss */
.model-group .btn-cancel:hover {
  filter: brightness(2);
}
/* line 71, ../sass/_model.scss */
.model-group .btn-cancel:active {
  filter: brightness(2);
}
/* line 75, ../sass/_model.scss */
.model-group .btn-confirm {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnYes.png);
  background-size: 100% 100%;
  margin-left: 10px;
  transition: 0.3s;
}
/* line 81, ../sass/_model.scss */
.model-group .btn-confirm:hover {
  filter: brightness(1.3);
}
/* line 84, ../sass/_model.scss */
.model-group .btn-confirm:active {
  filter: brightness(1.3);
}
/* line 88, ../sass/_model.scss */
.model-group .btn-cancel,
.model-group .btn-confirm {
  width: 125px;
  height: 40px;
}
/* line 93, ../sass/_model.scss */
.model-group .btn-cancel p,
.model-group .btn-confirm p {
  color: #fff !important;
  font-size: 20px;
}
/* line 98, ../sass/_model.scss */
.model-group .model-item {
  width: calc(100vw - 35px);
  max-width: 800px;
  position: relative;
  padding: 30px 0;
}
/* line 105, ../sass/_model.scss */
.model-group .model-user {
  max-width: 650px;
  display: none;
}
/* line 109, ../sass/_model.scss */
.model-group .model-user .title {
  text-align: center;
}
/* line 112, ../sass/_model.scss */
.model-group .model-user .user-info {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  grid-gap: 5px 20px;
}
/* line 117, ../sass/_model.scss */
.model-group .model-user .info-item {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
}
/* line 121, ../sass/_model.scss */
.model-group .model-user .info-item:nth-child(even) {
  grid-template-columns: 60px 1fr;
}
/* line 124, ../sass/_model.scss */
.model-group .model-user .info-item p {
  font-family: "Kanit-Light";
  font-size: 18px;
}
/* line 127, ../sass/_model.scss */
.model-group .model-user .info-item p:nth-child(1) {
  color: #f3f3f3;
}
/* line 130, ../sass/_model.scss */
.model-group .model-user .info-item p:nth-child(2) {
  padding: 3px 20px;
  color: #a1a1a1;
}
/* line 136, ../sass/_model.scss */
.model-group .model-user .wrapper_form {
  background-color: #000;
  border: 1px solid #153e86;
}
/* line 139, ../sass/_model.scss */
.model-group .model-user .wrapper_form .title-form {
  padding: 15px 20px 0;
}
/* line 141, ../sass/_model.scss */
.model-group .model-user .wrapper_form .title-form p {
  color: #a1a1a1;
  font-size: 24px;
}
/* line 147, ../sass/_model.scss */
.model-group .model-user .group-input {
  padding: 20px 23px;
}
/* line 150, ../sass/_model.scss */
.model-group .model-user .input-item {
  display: grid;
  grid-template-columns: 125px 1fr;
  grid-gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}
/* line 156, ../sass/_model.scss */
.model-group .model-user .input-item:last-child {
  margin-bottom: 0;
}
/* line 159, ../sass/_model.scss */
.model-group .model-user .input-item label {
  color: #f3f3f3;
  font-family: "Kanit-Light";
  font-size: 16px;
  margin-bottom: 0;
}
/* line 165, ../sass/_model.scss */
.model-group .model-user .input-item input {
  font-size: 16px;
  padding: 3px 20px;
  font-family: "Kanit-Light";
  width: 100%;
  background-color: #252525;
  border: unset;
  color: #fff;
}
/* line 173, ../sass/_model.scss */
.model-group .model-user .input-item input::placeholder {
  color: #a3a3a3;
}
/* line 181, ../sass/_model.scss */
.model-group .model-redeem {
  display: none;
  text-align: center;
  max-width: 350px;
}
/* line 186, ../sass/_model.scss */
.model-group .model-redeem .showCredit h3 {
  color: #929292;
  font-size: 20px;
  margin-bottom: 10px;
}
/* line 191, ../sass/_model.scss */
.model-group .model-redeem .showCredit .creditBox {
  background-color: #333333;
  padding: 5px 25px;
}
/* line 194, ../sass/_model.scss */
.model-group .model-redeem .showCredit .creditBox p {
  color: #929292;
  font-size: 20px;
}
/* line 197, ../sass/_model.scss */
.model-group .model-redeem .showCredit .creditBox p span {
  margin-left: 10px;
}
/* line 203, ../sass/_model.scss */
.model-group .model-redeem .lineBreak {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 10px;
  margin: 15px 0;
}
/* line 209, ../sass/_model.scss */
.model-group .model-redeem .lineBreak::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 215, ../sass/_model.scss */
.model-group .model-redeem .lineBreak::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 221, ../sass/_model.scss */
.model-group .model-redeem .lineBreak p {
  color: #505050;
  font-size: 20px;
}
/* line 226, ../sass/_model.scss */
.model-group .model-redeem .btn-pastCredit {
  min-width: fit-content;
  display: block;
  margin: 0 auto;
}
/* line 232, ../sass/_model.scss */
.model-group .model-redeem form p {
  font-family: "Kanit-Light";
  color: #a3a3a3;
}
/* line 236, ../sass/_model.scss */
.model-group .model-redeem form input {
  background-color: unset;
  border: unset;
  outline: unset;
  font-family: "Kanit-Light";
  color: #000;
  text-align: center;
  font-size: 16px;
  width: 100%;
  padding: 8px 7px;
  color: #fff;
  background-color: #b2b2b2;
}
/* line 248, ../sass/_model.scss */
.model-group .model-redeem .btn-pastCredit {
  background-color: unset;
  border: unset;
  outline: unset;
  background-color: #153e86;
  padding: 8px 20px;
  font-size: 16px;
  color: #fff;
}
/* line 254, ../sass/_model.scss */
.model-group .model-redeem .btn-pastCredit:active {
  filter: brightness(1.3);
}
/* line 258, ../sass/_model.scss */
.model-group .model-redeem .groupIp_redeem {
  display: flex;
  width: fit-content;
  margin: 0 auto;
  gap: 5px;
}
/* line 266, ../sass/_model.scss */
.model-group .model-logout {
  max-width: 350px;
  display: none;
}
/* line 269, ../sass/_model.scss */
.model-group .model-logout .subtitle {
  font-size: 20px;
  color: #7d7e7e;
}

/* line 275, ../sass/_model.scss */
.bg-input {
  background-image: url(../img/button/bg-input.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}

/* line 283, ../sass/_model.scss */
.model-group.active {
  visibility: visible;
  opacity: 1;
}

/* line 287, ../sass/_model.scss */
.model-user_active {
  display: block !important;
}

/* line 290, ../sass/_model.scss */
.model-redeem_active {
  display: block !important;
}

/* line 293, ../sass/_model.scss */
.model-logout_active {
  display: block !important;
}

@media only screen and (max-width: 767px) {
  /* line 297, ../sass/_model.scss */
  .model-group .model-user .info-item p {
    font-size: 16px;
  }

  /* line 300, ../sass/_model.scss */
  .model-group .model-user .user-info {
    grid-template-columns: 1fr;
    grid-gap: 5px 20px;
  }

  /* line 304, ../sass/_model.scss */
  .model-group .title h1 {
    font-size: 24px;
  }

  /* line 308, ../sass/_model.scss */
  .model-group .model-user .input-item label {
    font-size: 14px;
  }

  /* line 311, ../sass/_model.scss */
  .model-group .model-user .input-item input {
    font-size: 18px;
    padding: 2px 15px;
  }
  /* line 314, ../sass/_model.scss */
  .model-group .model-user .input-item input::placeholder {
    font-size: 14px;
  }

  /* line 318, ../sass/_model.scss */
  .model-group .model-user .info-item {
    grid-template-columns: 90px 1fr;
  }

  /* line 321, ../sass/_model.scss */
  .model-group .model-user .info-item:nth-child(even) {
    grid-template-columns: 90px 1fr;
  }

  /* line 324, ../sass/_model.scss */
  .model-group .model-user .input-item {
    grid-template-columns: 1fr;
    grid-gap: 3px;
    margin-bottom: 5px;
  }

  /* line 329, ../sass/_model.scss */
  .model-group .model-user .group-input {
    padding: 10px 10px;
  }

  /* line 332, ../sass/_model.scss */
  .model-group .model-user .wrapper_form .title-form {
    padding: 15px 10px 0;
  }

  /* line 335, ../sass/_model.scss */
  .model-group .model-user .wrapper_form .title-form p {
    font-size: 18px;
  }

  /* line 339, ../sass/_model.scss */
  .model-group .title h3 {
    font-size: 24px;
  }

  /* line 343, ../sass/_model.scss */
  .model-redeem .title {
    margin-bottom: 10px !important;
  }
  /* line 345, ../sass/_model.scss */
  .model-redeem .title h1 {
    margin-bottom: 10px !important;
  }
  /* line 348, ../sass/_model.scss */
  .model-redeem .title h3 {
    font-size: 24px;
  }

  /* line 353, ../sass/_model.scss */
  .model-group .model-redeem form input {
    font-size: 20px;
    padding: 3px 20px;
  }

  /* line 357, ../sass/_model.scss */
  .model-group .model-redeem .btn-pastCredit {
    font-size: 16px;
  }
}
/* line 364, ../sass/_model.scss */
.model-Link {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  visibility: hidden;
  padding: 0 10px;
  z-index: 100;
}
/* line 375, ../sass/_model.scss */
.model-Link .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 1;
}
/* line 384, ../sass/_model.scss */
.model-Link .Link_wrapper {
  display: none;
  border: 1px solid #ff24c4;
  background-color: #071024;
  z-index: 2;
  padding: 50px 20px;
  position: relative;
}
/* line 392, ../sass/_model.scss */
.model-Link .btnClose-modelslotPage {
  cursor: pointer;
  border: unset;
  outline: unset;
  background: unset;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0%, -125%);
  width: 30px;
  height: 30px;
  background-image: url(../img/icon/ic-close.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  filter: hue-rotate(-100deg);
}
/* line 409, ../sass/_model.scss */
.model-Link .txtTtitle {
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
}
/* line 415, ../sass/_model.scss */
.model-Link .gorupLink {
  display: flex;
  grid-gap: 15px;
}
/* line 419, ../sass/_model.scss */
.model-Link .link-item {
  text-decoration: none;
  cursor: pointer;
  width: 175px;
  height: 45px;
  display: grid;
  place-content: center;
  color: #fff;
  border-radius: 10px;
  font-size: 20px;
  display: flex;
  align-items: center;
  background-color: #484641;
}
/* line 432, ../sass/_model.scss */
.model-Link .link-item:hover {
  filter: brightness(1.5);
}
/* line 435, ../sass/_model.scss */
.model-Link .link-item .icoLink {
  width: 20px;
  height: 20px;
  background-image: url(../img/icon/ic-link.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}
/* line 444, ../sass/_model.scss */
.model-Link .link-item .icoUnLink {
  width: 20px;
  height: 20px;
  background-image: url(../img/icon/ic-unlink.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  filter: brightness(10);
}
/* line 455, ../sass/_model.scss */
.model-Link .call-codeLinkModel {
  background: linear-gradient(90deg, #b8159d 0%, #0099ff 100%);
  color: #fff;
}
/* line 459, ../sass/_model.scss */
.model-Link .Link_wrapper.active {
  display: block;
}

/* line 463, ../sass/_model.scss */
.model-Link.active {
  visibility: visible;
}

/* line 466, ../sass/_model.scss */
.model-codeLink {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  visibility: hidden;
  padding: 0 10px;
  z-index: 100;
}
/* line 477, ../sass/_model.scss */
.model-codeLink .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 1;
}
/* line 486, ../sass/_model.scss */
.model-codeLink .codeLink_wrapper {
  z-index: 2;
  position: relative;
  border: 1px solid #ff24c4;
  background-color: #071024;
  padding: 30px 20px;
  position: relative;
}
/* line 494, ../sass/_model.scss */
.model-codeLink .btnClose-modelslotPage {
  cursor: pointer;
  border: unset;
  outline: unset;
  background: unset;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(0%, -125%);
  width: 30px;
  height: 30px;
  background-image: url(../img/icon/ic-close.png);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
/* line 510, ../sass/_model.scss */
.model-codeLink .txtTtitle {
  text-align: center;
  font-size: 30px;
  color: #fff;
  margin-bottom: 20px;
}
/* line 516, ../sass/_model.scss */
.model-codeLink .groupIp {
  display: flex;
  gap: 5px;
}
/* line 519, ../sass/_model.scss */
.model-codeLink .groupIp input {
  border: unset;
  width: 310px;
  background-color: #B2B2B2;
  outline: unset;
  padding: 3px 10px;
  font-size: 20px;
  color: #fff;
  text-align: center;
}
/* line 529, ../sass/_model.scss */
.model-codeLink .groupIp .btn-go {
  background-color: unset;
  border: unset;
  outline: unset;
  background-color: #2D93FB;
  color: #fff;
  padding: 2px 15px;
}
/* line 536, ../sass/_model.scss */
.model-codeLink .groupBtn {
  display: flex;
}
/* line 539, ../sass/_model.scss */
.model-codeLink .btnNo,
.model-codeLink .btnYes {
  text-decoration: none;
  cursor: pointer;
  width: 120px;
  height: 40px;
  margin: 0 auto;
  border-radius: 7px;
  display: grid;
  place-content: center;
}
/* line 549, ../sass/_model.scss */
.model-codeLink .btnNo p,
.model-codeLink .btnYes p {
  font-size: 20px;
  color: #fff;
}
/* line 554, ../sass/_model.scss */
.model-codeLink .btnNo {
  border-radius: 20px;
  border: 1px solid #b38665;
  background: linear-gradient(90deg, #808080 0%, #040404 50%, #808080 100%);
}
/* line 559, ../sass/_model.scss */
.model-codeLink .btnYes {
  border: 1px solid #b38665;
  border-radius: 20px;
  background: linear-gradient(90deg, #6d0203 0%, #040404 50%, #6d0203 100%);
}

/* line 565, ../sass/_model.scss */
.model-codeLink.active {
  visibility: visible;
}

@media only screen and (max-width: 460px) {
  /* line 569, ../sass/_model.scss */
  .model-Link .gorupLink {
    flex-direction: column;
    align-items: center;
  }
}
/* line 1, ../sass/login.scss */
.model-login {
  display: none;
  max-width: 340px !important;
}
/* line 4, ../sass/login.scss */
.model-login .title {
  text-align: center;
}
/* line 8, ../sass/login.scss */
.model-login form input {
  background-color: unset;
  border: unset;
  outline: unset;
  font-family: "Kanit-Light";
  color: #fff;
  width: 100%;
  font-size: 18px;
  padding: 5px 10px;
  border-bottom: 1px solid #ff24c4;
}
/* line 19, ../sass/login.scss */
.model-login form .recaptcha {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  align-items: center;
}
/* line 24, ../sass/login.scss */
.model-login form .recaptcha .random-code {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 10px;
  background-color: #bfbfbf;
  border-radius: 10px;
  padding: 5px 15px;
}
/* line 32, ../sass/login.scss */
.model-login form .recaptcha .random-code p {
  font-size: 20px;
  color: #000;
}
/* line 36, ../sass/login.scss */
.model-login form .recaptcha .random-code .rf-code {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 20px;
  height: 20px;
  margin-top: 4px;
  background-image: url(../img/icon/rf-icon.png);
  background-size: 100% 100%;
}
/* line 47, ../sass/login.scss */
.model-login .btn-signIn {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100%;
  padding: 10px 0;
  border-radius: 7px;
}
/* line 53, ../sass/login.scss */
.model-login .btn-signIn p {
  color: #000;
  font-size: 18px;
}
/* line 58, ../sass/login.scss */
.model-login .btnCC {
  width: 100%;
}
/* line 61, ../sass/login.scss */
.model-login .lineBreak {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 10px;
  margin: 15px 0;
}
/* line 67, ../sass/login.scss */
.model-login .lineBreak::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 73, ../sass/login.scss */
.model-login .lineBreak::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 79, ../sass/login.scss */
.model-login .lineBreak p {
  color: #505050;
  font-size: 20px;
}
/* line 84, ../sass/login.scss */
.model-login .btn-register {
  cursor: pointer;
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100%;
  padding: 10px 0;
  border-radius: 7px;
}
/* line 91, ../sass/login.scss */
.model-login .btn-register p {
  color: #5a5a5a;
  font-size: 18px;
}
/* line 96, ../sass/login.scss */
.model-login .bt-Text {
  margin-top: 10px;
  font-size: 14px;
  color: #5a5a5a;
}
/* line 100, ../sass/login.scss */
.model-login .bt-Text a {
  margin-left: 5px;
  color: #fc0000;
}
/* line 106, ../sass/login.scss */
.model-login .remem-row .rememberPass {
  display: flex;
  align-items: center;
  color: #707070;
  margin-bottom: 5px;
}
/* line 111, ../sass/login.scss */
.model-login .remem-row .rememberPass input {
  width: fit-content;
}
/* line 114, ../sass/login.scss */
.model-login .remem-row .rememberPass label {
  margin-bottom: 0;
  margin-left: 10px;
}
/* line 119, ../sass/login.scss */
.model-login .remem-row .forgot-pass {
  color: #cf2929;
}

/* line 124, ../sass/login.scss */
.model-login_active {
  display: block;
}

/* line 128, ../sass/login.scss */
.model-register {
  display: none;
  max-width: 340px !important;
}
/* line 131, ../sass/login.scss */
.model-register .btnCC {
  width: 100%;
}
/* line 134, ../sass/login.scss */
.model-register .title {
  text-align: center;
}
/* line 138, ../sass/login.scss */
.model-register form input {
  background-color: unset;
  border: unset;
  outline: unset;
  font-family: "Kanit-Light";
  color: #fff;
  width: 100%;
  font-size: 20px;
  padding: 5px 10px;
  border-bottom: 1px solid #707070;
}
/* line 150, ../sass/login.scss */
.model-register .btn-signIn {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100%;
  padding: 10px 0;
  border-radius: 7px;
}
/* line 156, ../sass/login.scss */
.model-register .btn-signIn p {
  color: #000;
  font-size: 18px;
}
/* line 161, ../sass/login.scss */
.model-register .lineBreak {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  grid-gap: 10px;
  margin: 15px 0;
}
/* line 167, ../sass/login.scss */
.model-register .lineBreak::before {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 173, ../sass/login.scss */
.model-register .lineBreak::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #505050;
}
/* line 179, ../sass/login.scss */
.model-register .lineBreak p {
  color: #505050;
  font-size: 20px;
}
/* line 184, ../sass/login.scss */
.model-register .btn-register {
  cursor: pointer;
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100%;
  padding: 10px 0;
  border-radius: 7px;
}
/* line 191, ../sass/login.scss */
.model-register .btn-register p {
  color: #5a5a5a;
  font-size: 18px;
}
/* line 196, ../sass/login.scss */
.model-register .bt-Text {
  margin-top: 10px;
  font-size: 14px;
  color: #5a5a5a;
}
/* line 200, ../sass/login.scss */
.model-register .bt-Text a {
  margin-left: 5px;
  color: #dbcb95;
}
/* line 205, ../sass/login.scss */
.model-register .rememberPass {
  display: flex;
  align-items: center;
  color: #707070;
  margin-bottom: 50px;
}
/* line 210, ../sass/login.scss */
.model-register .rememberPass input {
  width: fit-content;
}
/* line 213, ../sass/login.scss */
.model-register .rememberPass label {
  margin-bottom: 0;
  margin-left: 10px;
}

/* line 219, ../sass/login.scss */
.model-register_active {
  display: block;
}

/* line 225, ../sass/login.scss */
.model-register .btnYal,
.model-login .btnYal {
  background-color: #b88315;
}
/* line 227, ../sass/login.scss */
.model-register .btnYal p,
.model-login .btnYal p {
  color: #fff;
}
/* line 230, ../sass/login.scss */
.model-register .btnYal:hover,
.model-login .btnYal:hover {
  filter: brightness(1.2);
}
/* line 234, ../sass/login.scss */
.model-register .btnGray,
.model-login .btnGray {
  cursor: pointer;
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100%;
  padding: 10px 0;
  border-radius: 7px;
  background-color: #484641;
}
/* line 241, ../sass/login.scss */
.model-register .btnGray p,
.model-login .btnGray p {
  color: #fff;
}
/* line 244, ../sass/login.scss */
.model-register .btnGray:hover,
.model-login .btnGray:hover {
  filter: brightness(1.2);
}
/* line 249, ../sass/login.scss */
.model-register .btnGreen,
.model-login .btnGreen {
  background-color: #05cc68;
}
/* line 251, ../sass/login.scss */
.model-register .btnGreen:hover,
.model-login .btnGreen:hover {
  filter: brightness(1.2);
}
/* line 255, ../sass/login.scss */
.model-register .btnOutline,
.model-login .btnOutline {
  border-radius: 20px;
  border: 1px solid #b38665;
  background: linear-gradient(90deg, #808080 0%, #040404 50%, #808080 100%);
}
/* line 259, ../sass/login.scss */
.model-register .btnOutline p,
.model-login .btnOutline p {
  color: #fff;
}
/* line 262, ../sass/login.scss */
.model-register .btnOutline:hover,
.model-login .btnOutline:hover {
  filter: brightness(1.2);
}

/* line 267, ../sass/login.scss */
.btnImg_CC {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnCC.png);
  background-size: 100% 100%;
  height: 40px;
}

/* line 274, ../sass/login.scss */
.btnImg_Login {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnLogin.png);
  background-size: 100% 100%;
  height: 40px;
}

/* line 280, ../sass/login.scss */
.btnImg_Login_2 {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnLogin_2.png);
  background-size: 100% 100%;
  height: 40px;
}

/* line 286, ../sass/login.scss */
.btnImg_Regis {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnRegis.png);
  background-size: 100% 100%;
  height: 40px;
}

/* line 292, ../sass/login.scss */
.btnImg_Regis_2 {
  background-color: unset;
  border: unset;
  outline: unset;
  background-image: url(../img/btn/btnRegis_2.png);
  background-size: 100% 100%;
  height: 40px;
}

/* line 299, ../sass/login.scss */
#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

/* line 307, ../sass/login.scss */
.login-page_wrapper {
  text-align: center;
  margin-top: 3%;
  overflow: hidden;
}
/* line 311, ../sass/login.scss */
.login-page_wrapper .logo {
  margin-bottom: 70px;
}
/* line 313, ../sass/login.scss */
.login-page_wrapper .logo img {
  max-width: 44vw;
}
/* line 317, ../sass/login.scss */
.login-page_wrapper .txtWrapper {
  margin-bottom: 60px;
  position: relative;
}
/* line 320, ../sass/login.scss */
.login-page_wrapper .txtWrapper::before {
  content: "";
  position: absolute;
  bottom: -42px;
  left: 50%;
  width: 590px;
  height: 120px;
  background-image: url(../img/divider.png);
  background-size: 100% 100%;
  transform: translate(-50%, 0);
  z-index: -1;
}
/* line 332, ../sass/login.scss */
.login-page_wrapper .txtWrapper h1 {
  font-size: 30px;
  color: #fff;
}
/* line 337, ../sass/login.scss */
.login-page_wrapper .groupBtn-login {
  display: flex;
  justify-content: center;
  gap: 50px;
}
/* line 342, ../sass/login.scss */
.login-page_wrapper .btn-item {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 200px;
  height: 65px;
  transition: 0.3s;
}
/* line 347, ../sass/login.scss */
.login-page_wrapper .btn-item:hover {
  filter: brightness(1.2);
}

@media only screen and (max-width: 1023px) {
  /* line 353, ../sass/login.scss */
  .login-page_wrapper .logo img {
    max-width: 77vw;
  }
}
@media only screen and (max-width: 767px) {
  /* line 358, ../sass/login.scss */
  .login-page_wrapper .txtWrapper h1 {
    font-size: 18px;
  }

  /* line 361, ../sass/login.scss */
  .login-page_wrapper .txtWrapper::before {
    bottom: -20px;
    width: 340px;
    height: 55px;
  }

  /* line 366, ../sass/login.scss */
  .login-page_wrapper .groupBtn-login {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }

  /* line 371, ../sass/login.scss */
  .login-page_wrapper .btn-item {
    width: 160px;
    height: 48px;
  }

  /* line 375, ../sass/login.scss */
  .login-page_wrapper .logo img {
    max-width: 100vw;
  }

  /* line 378, ../sass/login.scss */
  .login-page_wrapper .logo {
    margin-bottom: 30px;
  }

  /* line 381, ../sass/login.scss */
  .login-page_wrapper {
    text-align: center;
    margin-top: 20%;
    overflow: hidden;
  }
}
/* line 1, ../sass/maincontent.scss */
.mainContent {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
  padding-bottom: 50px;
  margin-top: 130px;
}

/* line 8, ../sass/maincontent.scss */
.mainContent_wrapper {
  position: relative;
  height: 100%;
  display: grid;
  grid-template-columns: 250px 1fr;
  gap: 20px;
}

/* line 15, ../sass/maincontent.scss */
.sec-menu {
  padding: 15px 25px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.9);
  height: fit-content;
  position: sticky;
  top: 70px;
}
/* line 22, ../sass/maincontent.scss */
.sec-menu .titleMenu {
  padding: 15px 0px;
  margin-bottom: 20px;
}
/* line 25, ../sass/maincontent.scss */
.sec-menu .titleMenu h3 {
  font-size: 30px;
  color: #fff;
}
/* line 30, ../sass/maincontent.scss */
.sec-menu .menuItem {
  display: block;
  width: 150px;
  height: 120px;
  background-size: 100% 100%;
  background-position: center;
  margin: 0 auto 20px;
  filter: brightness(0.5);
}
/* line 38, ../sass/maincontent.scss */
.sec-menu .menuItem.menuItem-baccarat {
  background-image: url(../img/btn/Menu_1.png);
}
/* line 41, ../sass/maincontent.scss */
.sec-menu .menuItem.menuItem-slot {
  background-image: url(../img/btn/Menu_2.png);
}
/* line 44, ../sass/maincontent.scss */
.sec-menu .menuItem.menuItem-roulette {
  background-image: url(../img/btn/Menu_3.png);
}
/* line 47, ../sass/maincontent.scss */
.sec-menu .menuItem.menuItem-football {
  background-image: url(../img/btn/Menu_4.png);
}
/* line 50, ../sass/maincontent.scss */
.sec-menu .menuItem.active {
  filter: brightness(1);
}

/* line 55, ../sass/maincontent.scss */
.sec-content {
  padding: 15px 25px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.9);
}
/* line 59, ../sass/maincontent.scss */
.sec-content .titleRoom {
  border-radius: 7px;
  padding: 15px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 65, ../sass/maincontent.scss */
.sec-content .titleRoom .groupDD {
  display: flex;
  gap: 10px;
}
/* line 70, ../sass/maincontent.scss */
.sec-content .titleTxt {
  display: flex;
  align-items: center;
}
/* line 73, ../sass/maincontent.scss */
.sec-content .titleTxt .btn-backPC {
  background: linear-gradient(90deg, #6d0203 0%, #040404 50%, #6d0203 100%);
  text-decoration: none;
  position: relative;
  display: flex;
  cursor: pointer;
  padding: 7px 15px;
  border-radius: 20px;
  border: 1px solid #b38665;
  -webkit-box-shadow: 0px 0px 10px -2px #000000;
  box-shadow: 0px 0px 10px -2px #000000;
  margin-right: 10px;
}
/* line 85, ../sass/maincontent.scss */
.sec-content .titleTxt .btn-backPC p {
  color: #fff;
  font-size: 16px;
  display: flex;
  align-items: center;
}
/* line 90, ../sass/maincontent.scss */
.sec-content .titleTxt .btn-backPC p::before {
  content: "";
  width: 25px;
  height: 25px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  background-image: url(../img/icon/ic-back.png);
}
/* line 102, ../sass/maincontent.scss */
.sec-content .titleTxt h3 {
  font-size: 30px;
  color: #fff;
}

/* line 109, ../sass/maincontent.scss */
.formula {
  position: relative;
}
/* line 111, ../sass/maincontent.scss */
.formula .formula-title {
  display: flex;
  align-items: center;
}
/* line 114, ../sass/maincontent.scss */
.formula .formula-title p {
  font-size: 18px;
}
/* line 117, ../sass/maincontent.scss */
.formula .formula-title .title-txt {
  color: #fff;
  margin-right: 10px;
}
/* line 121, ../sass/maincontent.scss */
.formula .formula-title .btn-formula {
  background-color: #3d3d3d;
  padding: 4px 10px;
  height: 35px;
  border-radius: 5px;
  width: 185px;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 10px;
  align-items: center;
  cursor: pointer;
}
/* line 132, ../sass/maincontent.scss */
.formula .formula-title .btn-formula::after {
  content: "";
  width: 12px;
  height: 8px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url(../img/icon/ic-DD.png);
  filter: invert(1);
}
/* line 142, ../sass/maincontent.scss */
.formula .formula-title .btn-formula img {
  height: 25px;
  width: 40px;
  object-fit: contain;
}
/* line 147, ../sass/maincontent.scss */
.formula .formula-title .btn-formula p {
  font-size: 12px;
  color: #fff;
}
/* line 151, ../sass/maincontent.scss */
.formula .formula-title .btn-formula:hover {
  filter: brightness(1.2);
}
/* line 156, ../sass/maincontent.scss */
.formula .groupFormula {
  display: none;
  position: absolute;
  top: 40px;
  right: 0;
  width: 185px;
  background-color: #fff;
  padding: 0px 10px;
  border-radius: 7px;
}
/* line 165, ../sass/maincontent.scss */
.formula .groupFormula .formula-item {
  border-bottom: 1px solid #d9d9d9;
  padding: 5px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
}
/* line 173, ../sass/maincontent.scss */
.formula .groupFormula .formula-item img {
  height: 25px;
  width: 40px;
  object-fit: contain;
}
/* line 178, ../sass/maincontent.scss */
.formula .groupFormula .formula-item:last-child {
  border-bottom: 0;
}
/* line 181, ../sass/maincontent.scss */
.formula .groupFormula .formula-item p {
  color: #000;
  font-size: 14px;
}
/* line 186, ../sass/maincontent.scss */
.formula .groupFormula .formula-item:hover p {
  color: #dbcc95;
}
/* line 192, ../sass/maincontent.scss */
.formula .groupFormula.active {
  display: block;
  z-index: 2;
}

/* line 197, ../sass/maincontent.scss */
.search {
  border: 1px solid #838383;
  border-radius: 15px;
  display: flex;
  align-items: center;
  padding: 4px 15px;
}
/* line 203, ../sass/maincontent.scss */
.search i {
  color: #838383;
  margin-left: 10px;
}
/* line 207, ../sass/maincontent.scss */
.search input {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 160px;
  color: #fff;
}

@media only screen and (max-width: 1439px) {
  /* line 216, ../sass/maincontent.scss */
  .mainContent_wrapper {
    grid-template-columns: 200px 1fr;
  }

  /* line 219, ../sass/maincontent.scss */
  .sec-content .titleTxt h3 {
    font-size: 22px;
  }

  /* line 222, ../sass/maincontent.scss */
  .sec-menu .titleMenu h3 {
    font-size: 22px;
  }

  /* line 225, ../sass/maincontent.scss */
  .sec-menu .menuItem {
    width: 130px;
    height: 100px;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 231, ../sass/maincontent.scss */
  .mainContent {
    position: relative;
    top: unset;
    left: unset;
    bottom: unset;
    transform: unset;
    width: calc(100% - 15px);
    margin: 0 auto;
    margin-top: 65px;
    overflow: unset;
    padding: 0;
    padding-bottom: 30px;
  }

  /* line 244, ../sass/maincontent.scss */
  .sec-content {
    padding: 10px;
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
  }

  /* line 251, ../sass/maincontent.scss */
  .formula .formula-title p {
    font-size: 14px;
  }

  /* line 254, ../sass/maincontent.scss */
  .formula .groupFormula {
    top: 40px;
    width: 185px;
  }

  /* line 258, ../sass/maincontent.scss */
  .formula .groupFormula .formula-item p {
    font-size: 14px;
  }

  /* line 261, ../sass/maincontent.scss */
  .sec-content .titleTxt .btn-backPC {
    display: none;
  }

  /* line 264, ../sass/maincontent.scss */
  header .menu .btn-back {
    display: flex;
  }

  /* line 267, ../sass/maincontent.scss */
  .sec-menu {
    display: none;
  }

  /* line 270, ../sass/maincontent.scss */
  .mainContent_wrapper {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 940px) {
  /* line 275, ../sass/maincontent.scss */
  .sec-content .titleRoom {
    padding: 0px;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    flex-direction: column;
    gap: 10px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 285, ../sass/maincontent.scss */
  .mainContent_wrapper {
    grid-template-columns: 1fr;
  }

  /* line 288, ../sass/maincontent.scss */
  .sec-content {
    padding: 10px;
  }

  /* line 292, ../sass/maincontent.scss */
  .formula .formula-title p {
    font-size: 12px;
  }

  /* line 295, ../sass/maincontent.scss */
  .sec-content .titleTxt h3 {
    font-size: 16px;
  }

  /* line 298, ../sass/maincontent.scss */
  .formula .groupFormula {
    width: 100%;
  }

  /* line 301, ../sass/maincontent.scss */
  .formula .groupFormula .formula-item p {
    font-size: 12px;
  }

  /* line 305, ../sass/maincontent.scss */
  .search input {
    width: 100px;
  }

  /* line 308, ../sass/maincontent.scss */
  .formula .formula-title .btn-formula {
    width: 100%;
  }

  /* line 311, ../sass/maincontent.scss */
  .formula .formula-title .title-txt {
    display: none;
  }

  /* line 314, ../sass/maincontent.scss */
  .sec-content .titleRoom .groupDD {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
  }

  /* line 319, ../sass/maincontent.scss */
  .formula {
    flex: 1;
  }
}
/* line 1, ../sass/_groupRoom.scss */
.groupRoom {
  overflow: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 15px 15px;
  grid-gap: 10px;
}
/* line 8, ../sass/_groupRoom.scss */
.groupRoom .room-item {
  position: relative;
  overflow: hidden;
  text-decoration: none;
  background-image: url(../img/bg-room.png);
  background-size: 100% 100%;
  display: grid;
  grid-template-columns: 130px 1fr 180px;
  align-items: center;
  grid-gap: 7px;
  padding: 25px 30px;
}
/* line 19, ../sass/_groupRoom.scss */
.groupRoom .room-item .logo {
  max-width: 130px;
}
/* line 22, ../sass/_groupRoom.scss */
.groupRoom .room-item .detailRoom {
  border-radius: 15px;
  width: fit-content;
  margin: 0 auto;
  padding: 2px 15px;
  display: flex;
  align-items: center;
  gap: 5px;
}
/* line 30, ../sass/_groupRoom.scss */
.groupRoom .room-item .detailRoom p {
  font-size: 20px;
  text-align: center;
  padding: 2px 10px;
  color: #2D93FB;
}
/* line 37, ../sass/_groupRoom.scss */
.groupRoom .room-item .groapRoom {
  width: 90px;
  height: 45px;
  position: relative;
}
/* line 41, ../sass/_groupRoom.scss */
.groupRoom .room-item .groapRoom .groapRoom-Inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #1a1a1a;
}
/* line 50, ../sass/_groupRoom.scss */
.groupRoom .room-item .percentRoom {
  display: flex;
  align-items: center;
  justify-self: end;
  width: 100%;
  justify-content: space-between;
}
/* line 56, ../sass/_groupRoom.scss */
.groupRoom .room-item .percentRoom p {
  text-align: left;
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
  line-height: 1;
}
/* line 63, ../sass/_groupRoom.scss */
.groupRoom .room-item .percentRoom h2 {
  font-size: 36px;
  color: #ffff;
  line-height: 1;
}
/* line 67, ../sass/_groupRoom.scss */
.groupRoom .room-item .percentRoom h2::after {
  /*content: "%";*/
}
/* line 73, ../sass/_groupRoom.scss */
.groupRoom .room-item .resIcon .ic-Up {
  margin: 0 auto;
  width: 20px;
  height: 17px;
  background-image: url(../img/icon/ic-arrow-up.png);
  background-size: 100% 100%;
}
/* line 80, ../sass/_groupRoom.scss */
.groupRoom .room-item .resIcon .ic-Down {
  margin: 0 auto;
  width: 20px;
  height: 17px;
  background-image: url(../img/icon/ic-arrow-down.png);
  background-size: 100% 100%;
}

@media only screen and (max-width: 1439px) {
  /* line 91, ../sass/_groupRoom.scss */
  .groupRoom .room-item {
    grid-template-columns: 80px 1fr 135px;
  }

  /* line 94, ../sass/_groupRoom.scss */
  .groupRoom .room-item .percentRoom h2 {
    font-size: 26px;
  }

  /* line 97, ../sass/_groupRoom.scss */
  .groupRoom .room-item .detailRoom p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 102, ../sass/_groupRoom.scss */
  .groupRoom .room-item {
    max-width: 600px;
    margin: 0 auto;
  }

  /* line 106, ../sass/_groupRoom.scss */
  .groupRoom {
    overflow: unset;
    padding: 5px;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 112, ../sass/_groupRoom.scss */
  .groupRoom {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 560px) {
  /* line 117, ../sass/_groupRoom.scss */
  .groupRoom .room-item {
    width: 100%;
    grid-template-columns: 70px 1fr 110px;
    max-width: 350px;
  }

  /* line 122, ../sass/_groupRoom.scss */
  .groupRoom .room-item .detailRoom {
    padding: 0px 7px;
  }
  /* line 124, ../sass/_groupRoom.scss */
  .groupRoom .room-item .detailRoom p {
    font-size: 10px;
  }

  /* line 128, ../sass/_groupRoom.scss */
  .groupRoom .room-item .percentRoom h2 {
    font-size: 24px;
  }

  /* line 131, ../sass/_groupRoom.scss */
  .groupRoom .room-item .percentRoom p {
    font-size: 10px;
  }
}
/* line 1, ../sass/_innerRoom.scss */
.InnerRoomPage {
  height: fit-content;
}

/* line 4, ../sass/_innerRoom.scss */
.innerRoom_wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 15px;
  margin-top: 15px;
}

/* line 11, ../sass/_innerRoom.scss */
.sec-Analysis {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 7px;
  background-color: #151515;
}
/* line 16, ../sass/_innerRoom.scss */
.sec-Analysis .Analysis_wrapper {
  display: grid;
  grid-template-columns: 1fr 1.75fr;
  grid-gap: 20px;
}
/* line 21, ../sass/_innerRoom.scss */
.sec-Analysis .pcBar-item {
  margin-bottom: 10px;
}
/* line 23, ../sass/_innerRoom.scss */
.sec-Analysis .pcBar-item:last-child {
  margin-bottom: 0;
}
/* line 26, ../sass/_innerRoom.scss */
.sec-Analysis .pcBar-item p {
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}
/* line 32, ../sass/_innerRoom.scss */
.sec-Analysis .pcBar-item .pcBar {
  height: 6px;
  background-color: #000;
  margin-bottom: 3px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 38, ../sass/_innerRoom.scss */
.sec-Analysis .pcBar-item .pcBar .pcBar-inner {
  height: 100%;
  background: linear-gradient(90deg, #b8159e 0%, #0c91f9 100%);
}

/* line 45, ../sass/_innerRoom.scss */
.graph {
  height: 150px;
  padding: 10px;
  border-radius: 7px;
  background-color: #151515;
  max-width: 590px;
  margin: 0 auto 10px;
}
/* line 52, ../sass/_innerRoom.scss */
.graph .graph-area {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
}

/* line 59, ../sass/_innerRoom.scss */
.sec-card {
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 7px;
  background-color: #151515;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
}
/* line 67, ../sass/_innerRoom.scss */
.sec-card .group-card {
  padding: 10px;
  border: 1px solid #707070;
  border-radius: 7px;
  text-align: center;
}
/* line 72, ../sass/_innerRoom.scss */
.sec-card .group-card p {
  font-size: 18px;
  color: #fff;
  width: 175px;
  margin: 0 auto;
}
/* line 79, ../sass/_innerRoom.scss */
.sec-card .group-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: fit-content;
  margin: 0 auto 5px;
  gap: 5px;
}
/* line 85, ../sass/_innerRoom.scss */
.sec-card .group-wrapper .blockCard {
  width: 60px;
  height: 80px;
  display: grid;
  place-items: center;
}
/* line 92, ../sass/_innerRoom.scss */
.sec-card .card-item {
  width: 100%;
  height: 100%;
  background-color: #000;
}

/* line 98, ../sass/_innerRoom.scss */
.sec-groupdice {
  grid-template-columns: 1fr;
}

/* line 101, ../sass/_innerRoom.scss */
.sec-citcleRulet {
  grid-template-columns: 1fr;
}
/* line 103, ../sass/_innerRoom.scss */
.sec-citcleRulet .group-wrapper {
  grid-template-columns: repeat(1, 1fr);
  border: unset;
}

/* line 108, ../sass/_innerRoom.scss */
.sec-Table {
  padding: 15px 20px;
  border-radius: 7px;
  background-color: #151515;
}
/* line 112, ../sass/_innerRoom.scss */
.sec-Table .groupRow {
  max-height: 135px;
  overflow: auto;
  margin-right: -9px;
  padding-right: 4px;
}
/* line 118, ../sass/_innerRoom.scss */
.sec-Table .resultTable {
  border-radius: 7px;
  border: 1px solid #707070;
  margin-bottom: 10px;
}
/* line 123, ../sass/_innerRoom.scss */
.sec-Table .T-header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid #707070;
}
/* line 127, ../sass/_innerRoom.scss */
.sec-Table .T-header p {
  height: 45px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  display: grid;
  place-content: center;
}
/* line 134, ../sass/_innerRoom.scss */
.sec-Table .T-header p:nth-child(2) {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
}
/* line 140, ../sass/_innerRoom.scss */
.sec-Table .T-rowItem {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: 1px solid #707070;
}
/* line 144, ../sass/_innerRoom.scss */
.sec-Table .T-rowItem .T-col {
  height: 45px;
  text-align: center;
  color: #fff;
  display: grid;
  place-content: center;
}
/* line 151, ../sass/_innerRoom.scss */
.sec-Table .T-rowItem .col-groupCircle {
  border-left: 1px solid #707070;
  border-right: 1px solid #707070;
  display: flex;
  justify-content: center;
  align-items: center;
}
/* line 157, ../sass/_innerRoom.scss */
.sec-Table .T-rowItem .col-groupCircle .circle-item {
  height: 27px;
  width: 27px;
}
/* line 160, ../sass/_innerRoom.scss */
.sec-Table .T-rowItem .col-groupCircle .circle-item:nth-child(2) {
  margin: 0 15px;
}
/* line 166, ../sass/_innerRoom.scss */
.sec-Table .txt-win,
.sec-Table .txt-lose {
  display: flex;
  align-items: center;
}
/* line 170, ../sass/_innerRoom.scss */
.sec-Table .txt-win::before,
.sec-Table .txt-lose::before {
  content: "";
  width: 20px;
  height: 16px;
  margin-right: 10px;
  background-size: 100% 100%;
}
/* line 178, ../sass/_innerRoom.scss */
.sec-Table .txt-win {
  color: #07b500;
}
/* line 180, ../sass/_innerRoom.scss */
.sec-Table .txt-win::before {
  background-image: url(../img/icon/ic-arrow-up.png);
}
/* line 184, ../sass/_innerRoom.scss */
.sec-Table .txt-lose {
  color: #f40101;
}
/* line 186, ../sass/_innerRoom.scss */
.sec-Table .txt-lose::before {
  background-image: url(../img/icon/ic-arrow-down.png);
}
/* line 190, ../sass/_innerRoom.scss */
.sec-Table .sumTable {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 15px;
  background-color: #262525;
  border-radius: 10px;
}
/* line 197, ../sass/_innerRoom.scss */
.sec-Table .sumTable p {
  font-size: 20px;
  color: #fff;
}
/* line 201, ../sass/_innerRoom.scss */
.sec-Table .sumTable .groupSum {
  display: flex;
  align-items: center;
  gap: 20px;
}
/* line 206, ../sass/_innerRoom.scss */
.sec-Table .sumTable .groupSum .sumItem:nth-child(1) {
  color: #07b500;
}
/* line 209, ../sass/_innerRoom.scss */
.sec-Table .sumTable .groupSum .sumItem:nth-child(2) {
  color: #f40101;
}

/* line 217, ../sass/_innerRoom.scss */
.sec-graphics {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 10px;
}
/* line 221, ../sass/_innerRoom.scss */
.sec-graphics .showTurn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
/* line 227, ../sass/_innerRoom.scss */
.sec-graphics .showTurn .groupTxt p {
  color: #fff;
  font-size: 12px;
}
/* line 231, ../sass/_innerRoom.scss */
.sec-graphics .showTurn .groupTxt h1 {
  color: #fff;
  line-height: 1;
  font-size: 30px;
}
/* line 237, ../sass/_innerRoom.scss */
.sec-graphics .showTurn .circle {
  max-width: 100px;
  max-height: 100px;
}
/* line 242, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess {
  display: grid;
  height: fit-content;
  align-self: center;
}
/* line 246, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .pcBar-item {
  margin-bottom: 15px;
}
/* line 248, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .pcBar-item p {
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
/* line 255, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .pcBar-item .pcBar {
  height: 10px;
  background-color: #000;
  margin-bottom: 3px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 261, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .pcBar-item .pcBar .pcBar-inner {
  height: 100%;
  background-color: #07b500;
}
/* line 267, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .groupResult {
  display: flex;
  gap: 10px;
}
/* line 270, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .groupResult .result-item {
  width: 30px;
  height: 30px;
  display: grid;
  place-content: center;
  border-radius: 50%;
  border: 1px solid #707070;
  background-color: #000;
}
/* line 278, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .groupResult .result-item p {
  font-size: 10px;
  color: #fff;
}
/* line 282, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .groupResult .result-item.active {
  background-color: #07b500;
}
/* line 284, ../sass/_innerRoom.scss */
.sec-graphics .winrateProcess .groupResult .result-item.active p {
  color: #000;
}

/* line 293, ../sass/_innerRoom.scss */
.sec-chessBoard {
  background-color: #151515;
  padding: 20px;
  border-radius: 10px;
}
/* line 297, ../sass/_innerRoom.scss */
.sec-chessBoard .chessBoard {
  display: flex;
  width: 484px;
  height: 266px;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-start;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
/* line 308, ../sass/_innerRoom.scss */
.sec-chessBoard .chessBoard .bg-chessBoard {
  z-index: -1;
  position: absolute;
  display: grid;
  grid-template-columns: repeat(11, 40px);
  grid-template-rows: repeat(6, 40px);
  grid-gap: 4px;
}
/* line 315, ../sass/_innerRoom.scss */
.sec-chessBoard .chessBoard .bg-chessBoard .bg-chessboard-item {
  width: 100%;
  height: 100%;
  background: #000;
  border-radius: 5px;
}
/* line 322, ../sass/_innerRoom.scss */
.sec-chessBoard .chessBoard .chessBoard_item {
  width: 30px;
  height: 30px;
  margin: 6.8px 6.9px;
}

/* line 329, ../sass/_innerRoom.scss */
.sumResult {
  margin-top: 10px;
  padding: 5px;
  border-radius: 7px;
  background-color: #151515;
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
/* line 337, ../sass/_innerRoom.scss */
.sumResult .sumResult-col {
  display: flex;
}
/* line 339, ../sass/_innerRoom.scss */
.sumResult .sumResult-col p {
  font-size: 18px;
  color: #fff;
  margin-left: 10px;
}

/* line 348, ../sass/_innerRoom.scss */
.InnerRoomiframe .graphicsRow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
/* line 354, ../sass/_innerRoom.scss */
.InnerRoomiframe .graphics-col:nth-child(2) {
  border: 1px solid #988d3d;
  border-radius: 10px;
  padding: 10px;
}
/* line 361, ../sass/_innerRoom.scss */
.InnerRoomiframe .resultRow {
  display: flex;
  width: 100%;
  align-items: center;
}
/* line 365, ../sass/_innerRoom.scss */
.InnerRoomiframe .resultRow .groupResCircle {
  flex-direction: column;
}
/* line 367, ../sass/_innerRoom.scss */
.InnerRoomiframe .resultRow .groupResCircle .ResCircle-Item {
  width: 40px;
  height: 40px;
}
/* line 370, ../sass/_innerRoom.scss */
.InnerRoomiframe .resultRow .groupResCircle .ResCircle-Item p {
  font-size: 12px;
  color: #fff;
}
/* line 376, ../sass/_innerRoom.scss */
.InnerRoomiframe .resultRow .result-item {
  width: 100px;
  height: 100px;
  margin: 0 auto;
}
/* line 382, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .groupRow {
  max-height: 78px;
}
/* line 385, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .T-header p {
  height: 25px;
  font-size: 10px;
}
/* line 389, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .T-rowItem .col-groupCircle .circle-item {
  height: 15px;
  width: 15px;
}
/* line 393, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .T-rowItem .T-col {
  height: 25px;
}
/* line 395, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .T-rowItem .T-col p {
  font-size: 10px;
}
/* line 399, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table .txt-win::before,
.InnerRoomiframe .sec-Table .txt-lose::before {
  content: "";
  width: 15px;
  height: 10px;
}
/* line 405, ../sass/_innerRoom.scss */
.InnerRoomiframe .sumResult {
  margin-bottom: 10px;
}
/* line 409, ../sass/_innerRoom.scss */
.InnerRoomiframe .sec-Table {
  padding: 10px;
}
/* line 412, ../sass/_innerRoom.scss */
.InnerRoomiframe .iframe_beccarat {
  height: 500px;
  margin-bottom: 10px;
  padding: 15px;
  border-radius: 15px;
  border: 1px solid #988d3d;
}
/* line 418, ../sass/_innerRoom.scss */
.InnerRoomiframe .iframe_beccarat iframe {
  width: 100%;
  height: 100%;
  background-color: #000;
}

@media only screen and (max-width: 1290px) {
  /* line 427, ../sass/_innerRoom.scss */
  .innerRoom_wrapper {
    grid-template-columns: 1fr;
    margin: 0 auto;
    margin-top: 15px;
    gap: 0;
  }

  /* line 433, ../sass/_innerRoom.scss */
  .InnerRoomPage {
    height: auto;
  }

  /* line 436, ../sass/_innerRoom.scss */
  .sec-Analysis,
  .sec-card,
  .sec-Table {
    max-width: 590px;
    margin: 0 auto;
    margin-bottom: 10px;
  }

  /* line 443, ../sass/_innerRoom.scss */
  .sumResult {
    max-width: 590px;
    margin: 0 auto;
    margin-top: 10px;
  }

  /* line 449, ../sass/_innerRoom.scss */
  .InnerRoomiframe .iframe_beccarat {
    margin-right: 15px;
  }

  /* line 452, ../sass/_innerRoom.scss */
  .sec-chessBoard {
    max-width: 590px;
    margin: 0 auto 10px;
  }

  /* line 456, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .bg-chessBoard {
    grid-template-columns: repeat(11, 45px);
    grid-template-rows: repeat(6, 45px);
  }

  /* line 460, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard {
    width: 540px;
    height: 295px;
  }

  /* line 464, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .chessBoard_item {
    width: 35px;
    height: 35px;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 471, ../sass/_innerRoom.scss */
  .innerRoom_wrapper {
    position: relative;
    margin-top: 15px;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    overflow: auto;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 860px) {
  /* line 484, ../sass/_innerRoom.scss */
  .sec-card .group-wrapper .blockCard {
    width: 76px;
    height: 90px;
  }

  /* line 488, ../sass/_innerRoom.scss */
  .sec-Table .groupRow {
    max-height: 140px;
  }

  /* line 491, ../sass/_innerRoom.scss */
  .InnerRoomiframe .iframe_beccarat {
    height: 50vw;
    margin-right: auto;
    padding: 5px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 498, ../sass/_innerRoom.scss */
  .innerRoom_wrapper {
    position: relative;
    margin-top: 10px;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    overflow: auto;
    padding-right: 0px;
  }

  /* line 508, ../sass/_innerRoom.scss */
  .InnerRoomiframe .iframe_beccarat {
    height: 65vw;
  }

  /* line 511, ../sass/_innerRoom.scss */
  .sec-Table .sumTable p {
    font-size: 14px;
  }

  /* line 514, ../sass/_innerRoom.scss */
  .sumResult .sumResult-col p {
    font-size: 14px;
  }
}
@media only screen and (max-width: 630px) {
  /* line 520, ../sass/_innerRoom.scss */
  .sec-chessBoard {
    padding: 10px;
  }

  /* line 523, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard {
    width: 438px;
    height: 240px;
  }

  /* line 527, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .bg-chessBoard {
    grid-template-columns: repeat(11, 36px);
    grid-template-rows: repeat(6, 36px);
  }

  /* line 531, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .chessBoard_item {
    width: 30px;
    height: 30px;
    margin: 3px 7px 7px 3px;
  }
}
@media only screen and (max-width: 550px) {
  /* line 538, ../sass/_innerRoom.scss */
  .sec-card {
    padding: 10px;
  }

  /* line 541, ../sass/_innerRoom.scss */
  .sec-card .group-card p {
    width: 100px;
  }

  /* line 544, ../sass/_innerRoom.scss */
  .sec-card .group-wrapper .blockCard {
    width: 40px;
    height: 60px;
  }

  /* line 548, ../sass/_innerRoom.scss */
  .sec-Table {
    padding: 10px;
  }

  /* line 551, ../sass/_innerRoom.scss */
  .sec-Table .T-rowItem .col-groupCircle .circle-item:nth-child(2) {
    margin: 0 5px;
  }

  /* line 554, ../sass/_innerRoom.scss */
  .sec-Table .T-rowItem .col-groupCircle .circle-item {
    height: 20px;
    width: 20px;
  }

  /* line 558, ../sass/_innerRoom.scss */
  .sec-Analysis {
    padding: 10px;
  }

  /* line 562, ../sass/_innerRoom.scss */
  .InnerRoomiframe .graphicsRow {
    grid-template-columns: 1fr;
  }

  /* line 565, ../sass/_innerRoom.scss */
  .InnerRoomiframe .resultRow .groupResCircle {
    flex-direction: row;
  }

  /* line 569, ../sass/_innerRoom.scss */
  .InnerRoomiframe .resultRow {
    width: fit-content;
    margin: 0 auto;
    gap: 25px;
  }

  /* line 575, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard {
    width: 305px;
    height: 170px;
  }

  /* line 579, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .bg-chessBoard {
    grid-template-columns: repeat(11, 24px);
    grid-template-rows: repeat(6, 24px);
  }

  /* line 583, ../sass/_innerRoom.scss */
  .sec-chessBoard .chessBoard .chessBoard_item {
    width: 18px;
    height: 18px;
    margin: 3px 7px 7px 3px;
  }

  /* line 588, ../sass/_innerRoom.scss */
  .sec-Analysis .Analysis_wrapper {
    grid-template-columns: 1fr;
  }
}
/* line 594, ../sass/_innerRoom.scss */
.chip-black {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/chip-black.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 604, ../sass/_innerRoom.scss */
.chip-green {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/chip-green.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 614, ../sass/_innerRoom.scss */
.chip-red {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/chip-red.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 625, ../sass/_innerRoom.scss */
.rulet-black {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/rulet-black.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
  display: grid;
  place-content: center;
}
/* line 636, ../sass/_innerRoom.scss */
.rulet-black span {
  font-size: 12px;
  color: #fff;
}

/* line 641, ../sass/_innerRoom.scss */
.rulet-green {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/rulet-green.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
  display: grid;
  place-content: center;
}
/* line 652, ../sass/_innerRoom.scss */
.rulet-green span {
  font-size: 12px;
  color: #fff;
}

/* line 657, ../sass/_innerRoom.scss */
.rulet-red {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/rulet/rulet-red.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
  display: grid;
  place-content: center;
}
/* line 668, ../sass/_innerRoom.scss */
.rulet-red span {
  font-size: 12px;
  color: #fff;
}

/* line 673, ../sass/_innerRoom.scss */
.rulet-item {
  display: grid;
  place-content: center;
}
/* line 676, ../sass/_innerRoom.scss */
.rulet-item span {
  color: #fff;
  font-size: 16px;
}

@media only screen and (max-width: 550px) {
  /* line 682, ../sass/_innerRoom.scss */
  .rulet-item {
    width: 35px;
    height: 35px;
  }
}
/* line 689, ../sass/_innerRoom.scss */
.circle-H {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/circle-High.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 699, ../sass/_innerRoom.scss */
.circle-L {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/circle-Low.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 709, ../sass/_innerRoom.scss */
.circle-D {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/circle-tie.png);
  background-repeat: no-repeat;
  background-position: center 0px;
  background-size: contain;
}

/* line 719, ../sass/_innerRoom.scss */
.hilo-1 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 729, ../sass/_innerRoom.scss */
.hilo-2 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/2.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 739, ../sass/_innerRoom.scss */
.hilo-3 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/3.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 749, ../sass/_innerRoom.scss */
.hilo-4 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/4.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 759, ../sass/_innerRoom.scss */
.hilo-5 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/5.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 769, ../sass/_innerRoom.scss */
.hilo-6 {
  max-width: 60px;
  max-height: 60px;
  width: 100%;
  height: 100%;
  background-image: url(../img/icon/hilo/6.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* line 780, ../sass/_innerRoom.scss */
.sec-hiloResult {
  max-width: 590px;
  margin: 0 auto;
}
/* line 783, ../sass/_innerRoom.scss */
.sec-hiloResult .wrapper {
  height: 220px;
  margin: 0px auto;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
}
/* line 790, ../sass/_innerRoom.scss */
.sec-hiloResult .hiloResult-item {
  float: left;
  width: 10.5%;
  margin: 0 1%;
  height: 100%;
  display: grid;
  grid-template-rows: 45px 1fr;
  grid-row-gap: 5px;
}
/* line 799, ../sass/_innerRoom.scss */
.sec-hiloResult .cicleResult {
  margin: 0 auto;
}
/* line 802, ../sass/_innerRoom.scss */
.sec-hiloResult .dice-item {
  height: 50px;
  border-radius: 5px;
  background-size: 75%;
  background-color: #0d0d0d;
  margin: 5px auto;
}

@media only screen and (max-width: 550px) {
  /* line 812, ../sass/_innerRoom.scss */
  .hilo-item {
    width: 35px;
    height: 35px;
  }
}
/* line 1, ../sass/_RdProgress.scss */
svg.radial-progress {
  height: auto;
  max-width: 125px;
  transform: rotate(-90deg);
  width: 100%;
}

/* line 9, ../sass/_RdProgress.scss */
svg.radial-progress circle {
  fill: transparent;
  stroke: #fff;
  stroke-dashoffset: 219.91148575129;
  /* Circumference */
  stroke-width: 5;
}

/* line 17, ../sass/_RdProgress.scss */
svg.radial-progress circle.incomplete {
  opacity: 0.25;
}

/* line 21, ../sass/_RdProgress.scss */
svg.radial-progress circle.complete {
  stroke-dasharray: 219.91148575129;
  /* Circumference */
}

/* line 26, ../sass/_RdProgress.scss */
svg.radial-progress text {
  fill: #fff;
  text-anchor: middle;
}

/*** COLORS ***/
/* Primary */
/* line 35, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+1) circle {
  stroke: #dbcc95;
}

/* line 39, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+1) circle.green {
  stroke: #28a745;
}

/* line 42, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+1) circle.yellow {
  stroke: #ffc107;
}

/* line 45, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+1) circle.red {
  stroke: #dc3545;
}

/* Secondary */
/* line 51, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+2) circle {
  stroke: #83e4e2;
}

/* Tertiary */
/* line 57, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+3) circle {
  stroke: #fd6470;
}

/* Quaternary */
/* line 63, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+4) circle {
  stroke: #fca858;
}

/* Quinary */
/* line 69, ../sass/_RdProgress.scss */
svg.radial-progress:nth-of-type(6n+5) circle {
  stroke: #fddc32;
}

/* line 75, ../sass/_RdProgress.scss */
.stork-Gray {
  stroke: #333333 !important;
}

/* line 78, ../sass/_RdProgress.scss */
svg.radial-progress .txtWin {
  fill: #595959;
  font-size: 10px;
}

/* line 82, ../sass/_RdProgress.scss */
svg.radial-progress .percentage {
  font-size: 16px;
}

/* line 1, ../sass/slotPage.scss */
.groupSlotRoom {
  position: absolute;
  top: 90px;
  right: 25px;
  left: 25px;
  bottom: 20px;
  overflow: auto;
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(5, 1fr);
  padding: 15px 15px;
  grid-gap: 10px;
}
/* line 13, ../sass/slotPage.scss */
.groupSlotRoom .slotRoom-item {
  position: relative;
  cursor: pointer;
  text-decoration: none;
}
/* line 17, ../sass/slotPage.scss */
.groupSlotRoom .slotRoom-item:hover {
  filter: brightness(1.2);
}
/* line 21, ../sass/slotPage.scss */
.groupSlotRoom .slotRoom-item.online::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 65px;
  height: 20px;
  background-size: 100% 100%;
  background-image: url(../img/icon/online.png);
  z-index: 1;
}
/* line 34, ../sass/slotPage.scss */
.groupSlotRoom .slotRoom-item.offline img {
  filter: brightness(0.5) grayscale(1);
}
/* line 37, ../sass/slotPage.scss */
.groupSlotRoom .slotRoom-item.offline::before {
  content: "";
  position: absolute;
  top: 15px;
  right: 15px;
  width: 65px;
  height: 20px;
  background-size: 100% 100%;
  background-image: url(../img/icon/offline.png);
  z-index: 1;
}

@media only screen and (max-width: 1439px) {
  /* line 53, ../sass/slotPage.scss */
  .groupSlotRoom {
    top: 75px;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 58, ../sass/slotPage.scss */
  .groupSlotRoom {
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    overflow: unset;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  /* line 69, ../sass/slotPage.scss */
  .groupSlotRoom {
    grid-template-columns: repeat(3, 1fr);
    padding: 10px 10px;
  }

  /* line 73, ../sass/slotPage.scss */
  .thaiHiloRoom .DT-thaiHilo .DT-item p {
    font-size: 10px;
    color: #fff;
    white-space: nowrap;
  }
}
@media only screen and (max-width: 500px) {
  /* line 80, ../sass/slotPage.scss */
  .groupSlotRoom {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* line 1, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom {
  display: grid;
  grid-auto-rows: max-content;
  grid-template-columns: repeat(5, 1fr);
  padding: 15px 15px;
  grid-gap: 10px;
  background-color: #131515;
  border-radius: 7px;
}
/* line 10, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .SlotGame-item {
  text-decoration: none;
  background-image: url(../img/slotgame\ frame.png);
  background-size: 100% 100%;
  padding: 30px 25px;
}
/* line 16, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame {
  text-align: center;
}
/* line 18, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pic {
  width: 90px;
  height: 90px;
  display: grid;
  place-content: center;
  margin: 10px auto;
}
/* line 24, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pic img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}
/* line 31, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .circle {
  margin-left: 5px;
}
/* line 34, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pcBar-item {
  margin-bottom: 10px;
}
/* line 36, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pcBar-item:last-child {
  margin-bottom: 0;
}
/* line 39, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pcBar-item p {
  color: #fff;
  font-size: 10px;
  display: flex;
  justify-content: space-between;
}
/* line 45, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pcBar-item .pcBar {
  height: 10px;
  background-color: #2a2a2a;
  margin-bottom: 3px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 51, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .detailGame .pcBar-item .pcBar .pcBar-inner {
  height: 100%;
  background: linear-gradient(90deg, #b8159e 0%, #0c91f9 100%);
}
/* line 58, ../sass/SlotInnerRoom.scss */
.SlotInnerRoom .GameName {
  color: #fff;
  font-size: 10px;
  text-align: center;
}

@media only screen and (max-width: 1270px) {
  /* line 65, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom {
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    overflow: unset;
  }

  /* line 74, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom .GameName {
    font-size: 12px;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 79, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom {
    grid-template-columns: repeat(3, 1fr);
  }

  /* line 82, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom .GameName {
    font-size: 12px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 87, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom {
    grid-template-columns: repeat(4, 1fr);
    position: relative;
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    overflow: unset;
    margin-top: 10px;
  }
}
@media only screen and (max-width: 660px) {
  /* line 99, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom {
    grid-template-columns: repeat(3, 1fr);
    padding: 10px 10px;
  }
}
@media only screen and (max-width: 500px) {
  /* line 105, ../sass/SlotInnerRoom.scss */
  .SlotInnerRoom {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* line 1, ../sass/linkPage.scss */
.linkPage {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 15px;
  padding: 15px;
}
/* line 6, ../sass/linkPage.scss */
.linkPage .box-pcBar {
  border-radius: 15px;
  background-color: #151515;
  padding: 20px;
  margin-bottom: 15px;
}
/* line 12, ../sass/linkPage.scss */
.linkPage .box-gameLink {
  margin-bottom: 15px;
}
/* line 14, ../sass/linkPage.scss */
.linkPage .box-gameLink .pic {
  margin-bottom: 5px;
}
/* line 17, ../sass/linkPage.scss */
.linkPage .box-gameLink p {
  text-align: center;
  font-size: 20px;
  color: #fff;
}
/* line 23, ../sass/linkPage.scss */
.linkPage .box-resetTime {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
/* line 28, ../sass/linkPage.scss */
.linkPage .box-resetTime p {
  font-size: 20px;
  color: #707070;
}
/* line 32, ../sass/linkPage.scss */
.linkPage .box-resetTime .circle {
  max-width: 50px;
}
/* line 35, ../sass/linkPage.scss */
.linkPage .box-resetTime svg.radial-progress .percentage {
  font-size: 24px;
}
/* line 38, ../sass/linkPage.scss */
.linkPage .box-resetTime svg.radial-progress:nth-of-type(6n+1) circle {
  stroke: #00FF00;
}
/* line 44, ../sass/linkPage.scss */
.linkPage .pcBar-item p {
  color: #fff;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
/* line 51, ../sass/linkPage.scss */
.linkPage .pcBar-item .pcBar {
  height: 15px;
  background-color: #000;
  margin-bottom: 3px;
  border-radius: 20px;
  overflow: hidden;
}
/* line 57, ../sass/linkPage.scss */
.linkPage .pcBar-item .pcBar .pcBar-inner {
  height: 100%;
  background: linear-gradient(90deg, #b8159e 0%, #0c91f9 100%);
}
/* line 64, ../sass/linkPage.scss */
.linkPage .moniterGame iframe {
  width: 100%;
  height: 600px;
  background-color: #3b3a3a;
}

@media only screen and (max-width: 1400px) {
  /* line 72, ../sass/linkPage.scss */
  .linkPage .moniterGame iframe {
    height: 30vw;
  }
}
@media only screen and (max-width: 1023px) {
  /* line 77, ../sass/linkPage.scss */
  .linkPage {
    grid-template-columns: 1fr;
  }

  /* line 80, ../sass/linkPage.scss */
  .detailGameLink {
    max-width: 300px;
  }

  /* line 83, ../sass/linkPage.scss */
  .linkPage .moniterGame iframe {
    height: 50vw;
  }
}
@media only screen and (max-width: 767px) {
  /* line 88, ../sass/linkPage.scss */
  .detailGameLink {
    margin: 0 auto;
  }
}
/* line 1, ../sass/ball.scss */
.ballPage {
  color: #000;
  margin-top: 30px;
}
/* line 4, ../sass/ball.scss */
.ballPage .ballPage-row {
  display: grid;
  grid-template-columns: 1fr 1.2fr 1fr;
  grid-gap: 15px;
}
/* line 9, ../sass/ball.scss */
.ballPage .ballPage-col {
  display: grid;
  grid-template-rows: 1fr;
}
/* line 12, ../sass/ball.scss */
.ballPage .ballPage-col .colTitle {
  margin-bottom: 15px;
}
/* line 14, ../sass/ball.scss */
.ballPage .ballPage-col .colTitle h1 {
  font-size: 24px;
  line-height: 0.75;
}
/* line 19, ../sass/ball.scss */
.ballPage .ballPage-col .ballPage-colWrapper {
  background-color: #272626;
  border-radius: 10px;
  padding: 15px;
}
/* line 25, ../sass/ball.scss */
.ballPage .select-item {
  position: relative;
}
/* line 27, ../sass/ball.scss */
.ballPage .select-item label {
  color: #fff;
}
/* line 30, ../sass/ball.scss */
.ballPage .select-item select {
  background-color: #e6e6e6;
  border: unset;
  outline: unset;
  border-radius: 7px;
  font-size: 16px;
  padding: 3px 20px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
/* line 43, ../sass/ball.scss */
.ballPage .select-item .select-itemInner {
  position: relative;
}
/* line 45, ../sass/ball.scss */
.ballPage .select-item .select-itemInner::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translate(0, -50%);
  width: 0.8em;
  height: 0.5em;
  background-color: #818181;
  clip-path: polygon(100% 0%, 0 0%, 50% 100%);
}
/* line 59, ../sass/ball.scss */
.ballPage .selectLeague .pic {
  display: flex;
  justify-content: center;
  margin-top: 25px;
  height: 200px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
}
/* line 68, ../sass/ball.scss */
.ballPage .selectLeague .pic img {
  object-fit: contain;
}
/* line 74, ../sass/ball.scss */
.ballPage .selectTeam .groupTeam {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
}
/* line 81, ../sass/ball.scss */
.ballPage .selectTeam .teamItem {
  text-align: center;
}
/* line 83, ../sass/ball.scss */
.ballPage .selectTeam .teamItem .pic {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
}
/* line 88, ../sass/ball.scss */
.ballPage .selectTeam .teamItem .pic img {
  height: 110px;
  object-fit: contain;
  margin-bottom: 10px;
}
/* line 93, ../sass/ball.scss */
.ballPage .selectTeam .teamItem .pic p {
  color: #000;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
/* line 104, ../sass/ball.scss */
.ballPage .selectTeam .teamItem h3 {
  color: #fff;
  margin-top: 10px;
  font-size: 20px;
}
/* line 110, ../sass/ball.scss */
.ballPage .selectTeam .graoup-startTime {
  text-align: center;
  margin-top: 20px;
}
/* line 113, ../sass/ball.scss */
.ballPage .selectTeam .graoup-startTime p {
  font-size: 20px;
  color: #fff;
}
/* line 117, ../sass/ball.scss */
.ballPage .selectTeam .graoup-startTime .startTime {
  display: flex;
  justify-content: center;
  width: 100%;
}
/* line 121, ../sass/ball.scss */
.ballPage .selectTeam .graoup-startTime .startTime h4 {
  padding: 5px 10px;
  font-size: 20px;
  font-weight: 700;
  color: #6ECDFF;
}
/* line 131, ../sass/ball.scss */
.ballPage .calBall .btn-calBall {
  background-color: unset;
  border: unset;
  outline: unset;
  font-size: 18px;
  background: #D60404;
  color: #fff;
  width: 100%;
  border-radius: 7px;
  padding: 15px 0;
}
/* line 140, ../sass/ball.scss */
.ballPage .calBall .groupTeam {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 10px;
  margin-top: 15px;
  margin-bottom: 20px;
}
/* line 147, ../sass/ball.scss */
.ballPage .calBall .teamItem {
  text-align: center;
}
/* line 149, ../sass/ball.scss */
.ballPage .calBall .teamItem .pic {
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  padding: 15px;
}
/* line 154, ../sass/ball.scss */
.ballPage .calBall .teamItem .pic img {
  height: 110px;
  object-fit: contain;
  margin-bottom: 10px;
}
/* line 159, ../sass/ball.scss */
.ballPage .calBall .teamItem .pic p {
  color: #000;
  font-size: 14px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
}
/* line 170, ../sass/ball.scss */
.ballPage .calBall .teamItem h3 {
  margin-top: 10px;
  font-size: 20px;
  color: #fff;
  margin-bottom: 15px;
}
/* line 176, ../sass/ball.scss */
.ballPage .calBall .teamItem h1 {
  border-radius: 7px;
  background-color: #2F2F2F;
  font-size: 65px;
  color: #fff;
}

@media only screen and (max-width: 1260px) {
  /* line 187, ../sass/ball.scss */
  .ballPage .ballPage-row {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 960px) {
  /* line 192, ../sass/ball.scss */
  .ballPage .ballPage-row {
    grid-template-columns: 1fr;
  }

  /* line 195, ../sass/ball.scss */
  .ballPage .selectLeague .pic {
    height: 150px;
  }
  /* line 197, ../sass/ball.scss */
  .ballPage .selectLeague .pic img {
    max-height: 100%;
  }

  /* line 202, ../sass/ball.scss */
  .ballPage .calBall .teamItem .pic h1 {
    font-size: 70px;
    line-height: 1;
  }

  /* line 206, ../sass/ball.scss */
  .ballPage .selectTeam .teamItem .pic h3 {
    margin-top: 10px;
    font-size: 16px;
  }

  /* line 210, ../sass/ball.scss */
  .ballPage {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 215, ../sass/ball.scss */
  .ballPage .select-item select {
    font-size: 16px;
  }

  /* line 218, ../sass/ball.scss */
  .ballPage .selectTeam .teamItem .pic p {
    color: #000;
    font-size: 10px;
  }

  /* line 223, ../sass/ball.scss */
  .ballPage .selectTeam .teamItem .pic h3 {
    font-size: 12px;
  }

  /* line 226, ../sass/ball.scss */
  .ballPage .selectTeam .graoup-startTime p {
    font-size: 20px;
  }

  /* line 229, ../sass/ball.scss */
  .ballPage .selectTeam .graoup-startTime .startTime h4 {
    font-size: 18px;
  }

  /* line 232, ../sass/ball.scss */
  .ballPage .calBall .btn-calBall {
    font-size: 18px;
  }

  /* line 235, ../sass/ball.scss */
  .ballPage .calBall .teamItem .pic p {
    font-size: 10px;
  }

  /* line 238, ../sass/ball.scss */
  .ballPage .calBall .teamItem .pic h3 {
    font-size: 14px;
  }

  /* line 241, ../sass/ball.scss */
  .ballPage .calBall .teamItem .pic h1 {
    font-size: 54px;
  }
}
/* line 1, ../sass/loginIF.scss */
.loginIF {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #2d2d2d;
  display: grid;
  place-content: center;
}
/* line 10, ../sass/loginIF.scss */
.loginIF input {
  background-color: unset;
  border: unset;
  outline: unset;
  border-bottom: 2px solid #A82787;
  color: #fff;
  font-size: 20px;
  margin-bottom: 15px;
}
/* line 16, ../sass/loginIF.scss */
.loginIF input::placeholder {
  color: #fff;
}
/* line 20, ../sass/loginIF.scss */
.loginIF .groupBtn {
  text-align: center;
}
/* line 23, ../sass/loginIF.scss */
.loginIF .btn-login {
  background-color: unset;
  border: unset;
  outline: unset;
  width: 100px;
  height: 40px;
  background-color: red;
}

/* line 32, ../sass/loginIF.scss */
.iframeLogin {
  padding: 10px;
  border-radius: 7px;
  background-color: #151515;
  max-width: 590px;
  margin: 0 auto 10px;
}
/* line 38, ../sass/loginIF.scss */
.iframeLogin .title {
  margin-bottom: 10px;
}
/* line 40, ../sass/loginIF.scss */
.iframeLogin .title h2 {
  font-size: 24px;
  color: #fff;
}
/* line 45, ../sass/loginIF.scss */
.iframeLogin iframe {
  width: 100%;
  height: 400px;
}

/* line 1, ../sass/selectGame.scss */
.selectGamePage {
  overflow: hidden;
}

/* line 4, ../sass/selectGame.scss */
.sec-slideSelectGame {
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  overflow: hidden;
}
/* line 12, ../sass/selectGame.scss */
.sec-slideSelectGame .slide-title {
  text-align: center;
  margin-bottom: 50px;
  position: relative;
}
/* line 16, ../sass/selectGame.scss */
.sec-slideSelectGame .slide-title::before {
  content: "";
  position: absolute;
  bottom: -42px;
  left: 50%;
  width: 590px;
  height: 120px;
  background-image: url(../img/divider.png);
  background-size: 100% 100%;
  transform: translate(-50%, 0);
  z-index: -1;
}
/* line 28, ../sass/selectGame.scss */
.sec-slideSelectGame .slide-title h1 {
  font-size: 36px;
  color: #fff;
}
/* line 33, ../sass/selectGame.scss */
.sec-slideSelectGame .slide-container {
  max-width: 1400px;
  margin: 0 auto;
}
/* line 37, ../sass/selectGame.scss */
.sec-slideSelectGame .owl-theme .owl-dots .owl-dot span {
  background: #869791;
}
/* line 40, ../sass/selectGame.scss */
.sec-slideSelectGame .owl-theme .owl-dots .owl-dot.active span, .sec-slideSelectGame .owl-theme .owl-dots .owl-dot:hover span {
  background: #fff;
}

@media only screen and (max-width: 1023px) {
  /* line 46, ../sass/selectGame.scss */
  .sec-slideSelectGame .slide-title h1 {
    font-size: 30px;
  }

  /* line 49, ../sass/selectGame.scss */
  .sec-slideSelectGame .slide-title::before {
    bottom: -22px;
    width: 330px;
    height: 70px;
  }

  /* line 54, ../sass/selectGame.scss */
  .sec-slideSelectGame .slide-title {
    margin-bottom: 20px;
  }

  /* line 57, ../sass/selectGame.scss */
  .sec-slideSelectGame {
    padding: 20px 40px;
  }
}
@media only screen and (max-width: 767px) {
  /* line 62, ../sass/selectGame.scss */
  .sec-slideSelectGame {
    top: 55%;
    left: 50%;
  }
}