.pc ::-webkit-scrollbar {
  display: block;
}
.pc ::-webkit-scrollbar-thumb {
  background-color: rgba(255, 255, 255, 0.4);
}
.theme-style.mobile body,
html.mobile {
  overscroll-behavior-y: none;
}
.theme-style input:-webkit-autofill,
.theme-style input:-webkit-autofill:active,
.theme-style input:-webkit-autofill:focus,
.theme-style input:-webkit-autofill:hover {
  -webkit-box-shadow: 0 0 0 30px transparent inset !important;
  transition: background-color 5000s ease-in-out 0s;
  background-clip: content-box;
  background-color: transparent !important;
}
.theme-style .page-loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #292929;
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-style .page-loading img {
  width: 150px;
  animation: rotateX 1s infinite;
}
@keyframes rotateX {
  0% {
    transform: translateZ(0) scaleX(1);
  }
  50% {
    transform: translateZ(0) scaleX(-1);
  }
  100% {
    transform: translateZ(0) scaleX(1);
  }
}
.theme-style .popUp {
  left: 5%;
  right: 5%;
}
.theme-style .tabs img.logo {
  margin: 0;
}
.mobile .theme-style .tabs img.logo {
  max-width: 100%;
}
.theme-style .user {
  padding-left: 1rem;
  padding-right: 1rem;
}
.theme-style .swiper-box {
  margin: 1rem 1rem 0;
  border-radius: 1rem 1rem 0 0;
  overflow: hidden;
}
.theme-style .notice {
  margin: 0 1rem;
}
.theme-style .game-list .game-menus {
  margin-left: 0.6rem;
  margin-bottom: 1rem;
}
.theme-style .game-list .game-menu {
  top: 7.6rem;
  border-radius: 0;
  width: 6.8rem;
  min-width: 6.8rem;
  background: 0 0;
  border: none;
  box-shadow: none;
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  overflow-y: overlay;
}
.theme-style .game-list .game-menu .game-menu-item {
  min-height: 6.8rem;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: 100%;
}
.theme-style .game-list .game-menu .game-menu-item b {
  background: 0 0 !important;
  height: 3rem;
}
.theme-style .game-list .game-menu .history-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-history-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .hot-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-hot-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .recommond-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-recommond-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .live-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-lc-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .elgame-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-ufaslot-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .lottery-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-lotto-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .sport-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-sportsbook-check.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .card-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-card-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .fish-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-fishing-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.theme-style .game-list .game-menu .game-menu-item i {
  width: 6.8rem;
  line-height: 1.2rem;
}
.theme-style .swiper,
.theme-style .swiper .swiper-container,
.theme-style .swiper .swiper-container .swiper-item {
  height: 23.7rem;
}
.theme-style .swiper .swiper-container .swiper-item {
  min-width: 35.5rem;
  max-width: 35.5rem;
}
.theme-style .swiper .swiper-dots {
  bottom: 0.4rem;
}
.theme-style .game-list .game-items {
  margin-bottom: 1rem;
}
.theme-style .game-list.ios-list .game-items .game-category {
  transform: translateZ(0) translateX(0);
}
.theme-style .game-list .game-items .home-tabs {
  grid-template-columns: repeat(1, 1fr);
  gap: 2rem;
}
.theme-style .game-list .game-items .home-tabs .tab {
  border: none;
  background: 0 0;
}
.theme-style .game-list .game-items .home-tabs .tab img {
  width: auto;
  height: 12.8rem;
  object-fit: cover;
}
.theme-style .game-list .game-items .home-banklist {
  display: none;
}
.pc .theme-style .game-list .game-items .home-tabs {
  flex-direction: column;
  gap: 2rem;
}
.pc .theme-style .game-list .game-items .home-tabs .tab {
  width: 100%;
  height: 265px;
  margin-bottom: 20px;
}
.pc .theme-style .game-list .game-items .home-tabs .tab img {
  width: 100%;
  height: 100%;
}
.pc .theme-style .game-list .game-items .home-banklist {
  display: none;
}
.theme-style #deposit .container .deposit-banklist dd,
.theme-style .game-bank-rule .home-banklist dd,
.theme-style .game-list .game-items .home-banklist dd {
  padding: 0 1rem;
}
.theme-style .game-bank-rule .home-banklist dd {
  text-transform: none;
}
.game-bank-rule .home-banklist .bank-rule .article-content {
  display: block;
  padding-bottom: 1rem;
}
.theme-style #deposit .container .bank-list .usdt-item {
  color: #fff;
  background-color: #323738;
  border-radius: 0.75rem;
  padding-bottom: 1rem;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-title {
  background-color: #2b2f30;
  font-size: 1.1rem;
  height: 3.7rem;
  line-height: 3.7rem;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  margin: 0;
  font-weight: 700;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-amount {
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow: hidden;
  min-height: 3rem;
  padding: 1rem;
  position: relative;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-amount label {
  text-decoration: none;
  min-width: 10rem;
}
.mobile .theme-style #deposit .container .bank-list .usdt-item .usdt-amount i {
  right: 1.5rem;
  top: 1.2rem;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-amount i {
  position: absolute;
  right: 2rem;
  top: 1.3rem;
  color: #333;
  height: 2.6rem;
  line-height: 2.6rem;
  text-align: center;
}
.theme-style
  #deposit
  .container
  .bank-list
  .usdt-item
  .usdt-amount
  .usdt-amount-money {
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  background: #dadada;
  color: #000;
  font-size: 1.4rem;
  margin-right: 0;
  padding-left: 0.5rem;
  padding-right: 5rem;
  text-align: left;
}
.mobile
  .theme-style
  #deposit
  .container
  .bank-list
  .usdt-item
  .usdt-amount
  .usdt-amount-money::placeholder {
  right: 4.5rem;
  font-size: 1.25rem;
  bottom: 0.6rem;
}
.theme-style
  #deposit
  .container
  .bank-list
  .usdt-item
  .usdt-amount
  .usdt-amount-money::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
  position: absolute;
  right: 5rem;
  bottom: 0.4rem;
}
.theme-style .usdt-mask {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 0.4s;
  background: 0 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.7);
}
.theme-style .usdt-mask .usdt-popUp {
  position: fixed;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10000;
  max-height: 80%;
  width: 80%;
  background-color: #333;
  border-radius: 1rem;
}
.mobile .theme-style .usdt-mask .usdt-popUp {
  width: 100%;
}
.theme-style .usdt-mask .usdt-popUp .usdt-address-button {
  border: none;
  padding: 0.5rem;
  background-color: #409eff;
  border-radius: 0.6rem;
  color: #fff;
  margin-top: 8px;
  font-size: 1.3rem;
}
.mobile .theme-style .usdt-mask .usdt-popUp .usdt-address-button {
  margin-top: 0;
  font-size: 1rem;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-sejarah,
.theme-style #deposit .container .bank-list .usdt-item .usdt-submit {
  margin: 1rem;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  margin-bottom: 0;
  background: #f86609;
  border-radius: 0.3rem;
  height: 2.8rem;
  line-height: 2.8rem;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-head {
  display: flex;
  justify-content: space-around;
  align-items: center;
}
.theme-style #deposit .container .bank-list .usdt-item .usdt-head .usdt-title {
  margin-bottom: 0.375rem;
  color: #b3bec1;
}
.theme-style
  #deposit
  .container
  .bank-list
  .usdt-item
  .usdt-head
  .usdt-head_item {
  flex: 1;
}
.theme-style #deposit .container .bank-list .usdt-item button {
  background-color: #2b2f30;
  cursor: pointer;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
  box-sizing: border-box;
  border: none;
}
.theme-style #deposit .container .bank-list .usdt-item button .icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: red;
}
.theme-style #deposit .container .bank-list .usdt-item button .txt {
  margin: 0 0.5rem;
}
.theme-style #deposit .container .bank-list .usdt-item button .arrow_down {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  padding: 0.25rem;
  background-color: #3a4142;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.theme-style
  #deposit
  .container
  .bank-list
  .usdt-item
  button
  .arrow_down
  .arrow_down_icon {
  width: 1rem;
  height: 1rem;
  background-image: url("images/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.theme-style .usdt-popUp .usdt-content {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  margin: 1rem;
}
.theme-style .usdt-popUp .usdt-content .usdt-qrcode {
  height: 250px;
  margin-right: 1rem;
  padding: 2px;
  background-color: #fff;
  display: flex;
}
.mobile .theme-style .usdt-popUp .usdt-content .usdt-qrcode {
  height: auto;
}
.theme-style #deposit .container .bank-list .usdt-refresh {
  padding: 0.8rem;
  box-sizing: border-box;
  background-color: #4a5354;
  border-radius: 0.5rem;
  margin-left: 1rem;
  cursor: pointer;
}
.theme-style #deposit .container .bank-list .usdt-refresh .usdt-refresh-icon {
  width: 2rem;
  height: 2rem;
  background-image: url("images/icon-refresh.svg");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
}
.theme-style .usdt-countdown {
  margin: 1rem;
  color: #de1919;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
}
.mobile .usdt-tips .usdt-tips-content {
  font-size: 1.2rem;
  flex: 1;
}
.theme-style .usdt-tips {
  flex: 1;
  padding: 0.5rem;
  border-radius: 0.75rem;
  margin: 1rem;
  display: flex;
  align-items: center;
  background-color: #514634;
  color: #fff;
  font-size: 1.3rem;
}
.theme-style .usdt-tips .usdt-tips-icon {
  width: 2rem;
  height: 2rem;
  background: url(images/icon-warn.svg) no-repeat center/contain;
}
.theme-style .usdt-popUp .usdt-hint {
  width: 90%;
  height: 17.5rem;
  padding: 0.5rem;
  border-radius: 0.75rem;
  color: #fff;
  background-color: rgba(36, 238, 137, 0.3);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  font-size: 22px;
}
.mobile .theme-style .usdt-popUp .usdt-hint {
  font-size: 11.5px;
}
.mobile .theme-style .usdt-popUp .usdt-hint .usdt-hint-text-amount {
  font-size: 1.6rem;
}
.theme-style .usdt-popUp .usdt-hint .usdt-hint-text-account {
  cursor: pointer;
  text-decoration: underline;
  word-break: break-all;
  color: #409eff;
}
.theme-style .usdt-popUp .usdt-popUp-close {
  position: absolute;
  left: 50%;
  top: 120%;
  transform: translate(-50%, -50%);
  width: 4rem;
  height: 4rem;
  margin-top: 2rem;
  cursor: pointer;
  filter: invert(1);
  border-radius: 50%;
  border: 0.2rem #000 solid;
  padding: 0.5rem;
}
.mobile .theme-style .usdt-tips-icon {
  width: 1.7rem;
  height: 1.7rem;
}
.theme-style .game-bank-rule .home-banklist.word-list {
  gap: 0;
  grid-template-columns: repeat(1, 1fr);
  min-height: auto;
  max-height: 32.5rem;
  padding-bottom: 1rem;
}
.theme-style .game-bank-rule .home-banklist.word-list.off {
  padding-bottom: 0;
}
.theme-style .game-bank-rule .home-banklist.word-list .bank-rule {
  position: relative;
  margin-top: 0;
  padding: 1.5rem 0 0;
  height: auto;
  max-height: 28.5rem;
}
.theme-style .user input {
  color: #000;
  font-size: 13px;
}
.theme-style #betRecords .tabs {
  overflow-x: auto;
  overflow-y: hidden;
}
.theme-style #betRecords .filterMenu {
  z-index: 4;
}
.theme-style #betRecords .list .items.items-21 {
  cursor: pointer;
}
.theme-style .navigator-bar .navi-filter {
  filter: brightness(0) invert(1);
}
.theme-style .loginForm .login-emailcode {
  display: none;
}
.theme-style .loginForm .login-emailcode:before {
  background: url(images/icon-psw.png) no-repeat center/cover;
}
.theme-style .loginForm .login-emailcode input {
  max-width: 125px;
  min-width: 125px;
}
.theme-style .loginForm .login-emailcode a {
  display: inline-block;
  width: 10.5rem;
  height: 3.5rem;
  background-repeat: no-repeat;
  background-position: left center;
  cursor: pointer;
}
.theme-style .loginForm .login-emailcode a::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhPndPBEcIwDATAlEIplEIR/PnSBaVQCA8K4QFaQMaZOInJzdwksU4nS3aGFeyC+8/rCIdga/0NSZfgs+I9eA2eguCbZgKCTPCOqhEzyFjTgJCAsAU7OwdpHsGRgeBSsn7Fa96CBdkzoxas22Hy+F0rmB1KL1TPCf+N7H+zAWhhboBdkMykF06Fvgwyj6m3DcmTgk7B4ppJ3sjJv2A7GfSsBWKMFWgm1yAkapHBYnJCRUK3jiGWgf0wDC8ooUBPcM/uAAAAAABJRU5ErkJggg==")
    no-repeat left center;
  background-size: 100%;
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
}
.mobile .theme-style .loginForm {
  height: 38rem;
}
.mobile .theme-style .loginForm .login-emailcode input {
  max-width: 10rem;
  min-width: 10rem;
}
.mobile .theme-style .loginForm .login-emailcode a {
  max-width: 10.5rem;
  min-width: 12rem;
}
.theme-style .game-bank-rule {
  margin: 0 1rem 6rem;
}
.pc .theme-style .game-bank-rule {
  margin: 0 1rem 2rem;
}
.theme-style .index-footer .to-article {
  position: absolute;
  width: 100%;
  left: 0;
  top: -4rem;
  display: block;
  height: 4rem;
  line-height: 2.5rem;
  color: #d0b484;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  border-radius: 2rem 2rem 0 0;
}
.theme-style .index-footer .to-article span {
  width: 50%;
  display: inline-block;
}
.pc .theme-style .index-footer .to-article {
  display: none;
}
.pc .theme-style .swiper-box {
  margin-top: 60px;
}
.pc .theme-style .swiper,
.pc .theme-style .swiper .swiper-container,
.pc .theme-style .swiper .swiper-container .swiper-item {
  height: 24rem;
}
.pc .theme-style .swiper .swiper-container .swiper-item {
  min-width: none;
  max-width: none;
}
.pc .theme-style .swiper .swiper-item img {
  width: 98rem;
}
.pc .theme-style .game-list .game-menu {
  width: 10rem;
  min-width: 10rem;
  top: 10rem;
}
.pc .theme-style .game-list .game-menu .game-menu-item:hover {
  filter: contrast(1.5);
}
.pc .theme-style .game-list .game-menu .game-menu-item {
  min-height: 10rem;
}
.pc .theme-style .game-list .game-menu .game-menu-item.game-menu-current b {
  height: 5rem;
  background-size: 5rem 5rem !important;
}
.pc .theme-style .game-list .game-menu .game-menu-item.game-menu-current:hover {
  filter: none;
}
.pc .theme-style .game-list .game-menu .game-menu-item i {
  width: 10rem;
}
.pc .theme-style .game-list .game-items .home-tabs {
  padding: 0;
  gap: 0;
  border-radius: 1rem;
  box-shadow: 0.2rem 0.4rem 0.6rem #0007;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pc .theme-style .game-list-box .game-menus {
  margin-left: 0.6rem;
  padding-top: 2rem;
}
.pc .theme-style .game-list-box .game-menu {
  border-radius: 0;
  width: 6.8rem;
  min-width: 6.8rem;
  background: 0 0;
  border: none;
  box-shadow: none;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item {
  min-height: 6.8rem;
  box-shadow: none;
  background-repeat: no-repeat;
  background-size: 100%;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item b {
  background: 0 0 !important;
  height: 3rem;
}
.pc .theme-style .game-list-box .game-menu .history-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-history-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .hot-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-hot-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list .game-menu .recommond-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-recommond-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .live-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-lc-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .elgame-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-ufaslot-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .lottery-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-lotto-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .sport-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-sportsbook-check.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .card-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-card-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .fish-menu.game-menu-current b {
  margin-top: -1rem;
  height: 3.5rem;
  background: url("images/theme/icn-fishing-checked.png") no-repeat center top !important;
  background-size: 3.5rem 3.5rem !important;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item i {
  width: 6.8rem;
  line-height: 1.2rem;
}
.pc .theme-style .game-list-box .game-menu {
  width: 10rem;
  min-width: 10rem;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item:hover {
  filter: contrast(1.5);
}
.pc .theme-style .game-list-box .game-menu .game-menu-item {
  min-height: 10rem;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item.game-menu-current b {
  height: 5rem;
  background-size: 5rem 5rem !important;
}
.pc
  .theme-style
  .game-list-box
  .game-menu
  .game-menu-item.game-menu-current:hover {
  filter: none;
}
.pc .theme-style .game-list-box .game-menu .game-menu-item i {
  width: 10rem;
}
.pc .theme-style .game-list-box .game-items .home-tabs {
  padding: 0 20rem;
  gap: 0;
}
.mobile .theme-style .game-list .game-items .home-tabs {
  background: 0 0 !important;
}
.mobile .theme-style footer .nav-item:nth-of-type(3) {
  margin-bottom: 4rem;
}
.mobile .theme-style footer .nav-item:nth-of-type(3)::before {
  content: "";
  position: absolute;
  width: 3rem;
  height: 3rem;
  background-image: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0.1),
    rgba(255, 255, 255, 0.2)
  );
  border-radius: 50%;
  background-color: #292929 !important;
  border: #fff 0.3rem solid;
  box-shadow: 0.2rem 0.2rem 0.4rem rgba(0, 0, 0, 0.6);
}
.mobile .theme-style footer .nav-item:nth-of-type(3) h3 {
  position: absolute;
  bottom: 0;
}
.mobile .theme-style footer .nav-item:nth-of-type(3) .icon {
  animation: bounceDown 1s ease-in-out infinite;
}
.theme-style .more-menu-bg {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.theme-style .more-menu-box {
  height: 100%;
  width: 60%;
  position: absolute;
  left: 0;
  background: #111922;
  box-shadow: 0 0 20px 0 #000;
  overflow: auto;
}
.theme-style .more-menu-box ul {
  position: relative;
  z-index: 1;
}
.theme-style .more-menu-box li {
  list-style: none;
  background-color: rgba(0, 0, 0, 0.2);
  background-repeat: no-repeat;
  background-position: 2.4rem center;
  background-size: 1.4rem 1.4rem;
  margin: 1rem;
  border-radius: 0.5rem;
}
.theme-style .more-menu-box li.logoutIcon {
  height: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 2rem 1rem 1rem;
  text-transform: capitalize;
  font-weight: 700;
  font-size: 1.4rem;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #1376fa;
  cursor: pointer;
}
.theme-style .more-menu-box li.logoutIcon a {
  background: 0 0 !important;
  padding: 0 !important;
  margin-left: 3rem;
}
.theme-style .more-menu-box li:nth-child(n + 3):hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.theme-style .more-menu-box li a {
  display: block;
  margin-left: 6rem;
  padding: 0.8rem 1.4rem 0.8rem 0;
  color: #fff;
  font-size: 1.4rem;
  background-size: 1.6rem 1.6rem;
  margin-right: 1.5rem;
  border-radius: 0.5rem;
}
.theme-style .more-menu-box .home-tabs,
.theme-style .more-menu-box .menu-close {
  background: 0 0;
  margin: 0;
}
.theme-style .more-menu-box .menu-close a {
  margin-left: auto;
  width: 2.4rem;
  height: 2.4rem;
  padding: 1.4rem;
  background: url(images/icon-close.svg) no-repeat center;
  filter: invert(2);
  background-size: 2.4rem 2.4rem;
  margin-right: 0;
  border-bottom: none;
}
.theme-style .more-menu-box .home-tabs {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  padding: 1rem;
}
.theme-style .more-menu-box .home-tabs .tab {
  background: linear-gradient(160deg, #666, #000);
  border: 0.2rem gold solid;
  border-radius: 0.3rem;
}
.theme-style .more-menu-box .home-tabs .tab img {
  object-fit: contain;
  width: 100%;
}
.mobile .theme-style footer .nav-item h3 {
  font-size: 1rem;
}
.mobile .theme-style .tabs .logo-box {
  min-width: 18rem;
  max-width: 18rem;
}
.pc .theme-style .more-menu-box {
  width: 30%;
}
.mobile .theme-style #deposit .container .bank-list .qris-item .amount-select {
  padding-left: 0;
}
.mobile .theme-style #deposit .container ul li.amount input {
  margin: 0 0.2rem;
  padding: 0 0.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  color: #fff;
  border-radius: 0.3rem;
  background: rgba(0, 0, 0, 0.2);
  font-size: 2.4rem;
}
.mobile .theme-style #deposit .container ul li input::placeholder {
  font-size: 1.1rem;
  right: 0.5rem;
  top: 1.1rem;
  height: 3.5rem;
}
.pc .theme-style #deposit .container ul li input {
  color: #fff;
}
.mobile
  .theme-style
  #deposit
  .container
  .bank-list
  .qris-item
  .amount-qris
  input::placeholder {
  top: 0.6rem;
  font-size: 1.1rem;
  text-align: center;
  font-weight: 700;
  position: initial !important;
  width: initial;
}
.theme-style #game .list.sabaSport-list img[alt="logo"],
.theme-style #game .list.sboSport-list img[alt="logo"] {
  display: none;
}
@keyframes attack {
  0% {
    transform: scale(1) translateZ(0) translate(-100%, -100%);
  }
  10% {
    transform: scale(0.2) translateZ(0) translate(-150%, -150%);
  }
  20% {
    transform: scale(1) translateZ(0) translate(100%, 100%);
  }
  100% {
    transform: scale(1) translateZ(0) translate(100%, 100%);
  }
}
.myMessage .content {
  white-space: pre-wrap;
}
.myMessage .content a {
  color: #3a9ce8;
}
.theme-style .share-html .share-box {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  font-size: 0;
}
.theme-style .share-html .share-box img {
  display: none;
}
.theme-style .share-html .share-box .share-bg-img {
  width: 100%;
  height: 100%;
}
.theme-style .share-html .share-box .share-left {
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: 100%;
  padding: 1.5rem 0.5rem 1.5rem 1.5rem;
  box-sizing: border-box;
}
.theme-style .share-html .share-box .share-right {
  position: absolute;
  right: 0;
  top: 0;
  width: 45%;
  height: 100%;
  padding: 1.5rem 1.5rem 1.5rem 0.5rem;
  box-sizing: border-box;
}
.theme-style .share-html .share-box .share-button-img {
  display: flex;
  margin: 0.25rem 0;
  line-height: 1.5;
  height: 30%;
  align-items: center;
  justify-content: center;
}
.theme-style .share-html .share-box .share-button-img:hover {
  filter: brightness(1);
}
.theme-style .share-html .share-box .share-button-img img {
  width: 100%;
}
.theme-style #game .list .item.live p {
  display: flex;
  justify-content: center;
  background: #000;
}
.theme-style #game .list .item.live p > img:first-child {
  width: 100%;
  left: 0;
  top: 0;
  filter: blur(5px);
}
.theme-style #game .list .item.live p > img:nth-child(2) {
  right: auto;
}
.theme-style #game .list .item.PIONEERLIVE h3 {
  bottom: 8.6rem;
  line-height: 2rem !important;
  z-index: 3;
}
.black-gold-theme {
  color: #fff;
}
.black-gold-theme #mask {
  color: #6a82ad;
}
.black-gold-theme #service .navigator-bar,
.black-gold-theme #service .navigator-bar .service-navi-bar img,
.black-gold-theme #service .navigator-bar .service-navi-bar p,
.black-gold-theme .navigator-bar {
  background: #000;
  color: #fff;
}
.black-gold-theme .loginForm,
.black-gold-theme .more-menu-box,
.black-gold-theme .tabs,
.black-gold-theme .tabs .logo,
.black-gold-theme .user,
.black-gold-theme section,
.pc .black-gold-theme .index-footer,
.pc body.black-gold-theme {
  background: #292929 !important;
}
.black-gold-theme .user .password,
.black-gold-theme .user .username {
  background: #bebebe;
}
.black-gold-theme .notice {
  background: #000;
  color: #a3a3a3;
}
.black-gold-theme .notice font {
  color: #a3a3a3;
}
.black-gold-theme #game .list .item,
.black-gold-theme .game-list .card,
.black-gold-theme .game-list .elgame,
.black-gold-theme .game-list .fish,
.black-gold-theme .game-list .live,
.black-gold-theme .game-list .lottery,
.black-gold-theme .game-list .sport {
  border-color: #292929;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
}
.black-gold-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/black-gold/btnHistory.png");
}
.black-gold-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/black-gold/btnHot.png");
}
.black-gold-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/black-gold/btnRecommond.png");
}
.black-gold-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/black-gold/btnLivegame.png");
}
.black-gold-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/black-gold/btnSlot.png");
}
.black-gold-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/black-gold/btnTogel.png");
}
.black-gold-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/black-gold/btnSport.png");
}
.black-gold-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/black-gold/btnKartu.png");
}
.black-gold-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/black-gold/btnFishing.png");
}
.black-gold-theme .game-list .game-menu .game-menu-item i {
  color: #d0b484;
}
.black-gold-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black-gold/btnSelect.png");
  background-size: 100% 100%;
}
.black-gold-theme #deposit .container .bank-list b,
.black-gold-theme #deposit .container .bank-list p u,
.black-gold-theme #myMessage .list .item .left .top b,
.black-gold-theme #withdrawal .container ul li p,
.black-gold-theme .game-list .game-menu .game-menu-current i,
.black-gold-theme .loginForm .login-item input,
.black-gold-theme .loginForm .memberPsw label,
.black-gold-theme .loginForm .other-item b,
.black-gold-theme .mine-top .mine-statistics .commissionToday span i,
.black-gold-theme .mine-top .mine-statistics .myPurse span i,
.black-gold-theme .notice .scrollText,
.pc .black-gold-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.black-gold-theme footer {
  background: #000;
}
.black-gold-theme footer .nav-item .icon {
  background-image: url("images/theme/black-gold/btnHome.png") !important;
  background-position: center 5px !important;
}
.black-gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black-gold/btnPromosi.png") !important;
}
.black-gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black-gold/btnContact.png") !important;
}
.black-gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black-gold/btnMenu.png") !important;
}
.mobile .black-gold-theme footer .nav-item .icon {
  background-image: url("images/theme/black-gold/btnHome.png") !important;
  background-position: center 0.8rem !important;
}
.mobile .black-gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black-gold/btnDeposit.png") !important;
}
.mobile .black-gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black-gold/btnPromosi.png") !important;
}
.mobile .black-gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black-gold/btnWithdrawal.png") !important;
}
.mobile .black-gold-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/black-gold/btnMenu.png") !important;
}
.black-gold-theme footer .nav-item h3 {
  color: #d0b484;
}
.black-gold-theme #betRecords .sub-tabs,
.black-gold-theme .rebate-table table thead th,
.black-gold-theme .recommend-table table thead th,
.black-gold-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.black-gold-theme #accountsAndSecurity ul,
.black-gold-theme #activity .game-list .game-items .game-item,
.black-gold-theme #betRecords .list .items,
.black-gold-theme #betRecords .list .items li:nth-child(2n-1),
.black-gold-theme #deposit .container dl,
.black-gold-theme #deposit .container ul,
.black-gold-theme #game .list .item,
.black-gold-theme #gameRules .rule-detail .rule-content,
.black-gold-theme #gameRules .rule-detail .tabs,
.black-gold-theme #gameRules .rule-detail .tabs li,
.black-gold-theme #lotteryCalculate .rule-detail .rule-content,
.black-gold-theme #lotteryCalculate .rule-detail .rule-content dd table,
.black-gold-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.black-gold-theme #lotteryCalculate .rule-detail .tabs,
.black-gold-theme #lotteryCalculate .rule-detail .tabs li,
.black-gold-theme #myFavorite .list,
.black-gold-theme #myFavorite .tabs,
.black-gold-theme #myFavorite .tabs li,
.black-gold-theme #myMessage .list,
.black-gold-theme #myRecommend .detail dl,
.black-gold-theme #myRecommend .detail dl dd,
.black-gold-theme #myRecommend .detail dl dd:nth-child(2n),
.black-gold-theme #oddsRules .rule-detail .rule-content,
.black-gold-theme #oddsRules .rule-detail .rule-content dd table,
.black-gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.black-gold-theme #oddsRules .rule-detail .tabs,
.black-gold-theme #oddsRules .rule-detail .tabs li,
.black-gold-theme #personalData ul,
.black-gold-theme #transactionRecords .list,
.black-gold-theme #withdrawal .container .payment-list .payment-item,
.black-gold-theme #withdrawal .container ul,
.black-gold-theme .game-list .card,
.black-gold-theme .game-list .elgame,
.black-gold-theme .game-list .fish,
.black-gold-theme .game-list .live,
.black-gold-theme .game-list .lottery,
.black-gold-theme .game-list .sport,
.black-gold-theme .mine-about ul li,
.black-gold-theme .mine-common,
.black-gold-theme .mine-menus,
.black-gold-theme .rebate-table table tbody td,
.black-gold-theme .recommend-share,
.black-gold-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.black-gold-theme #deposit .container .bank-tabs,
.black-gold-theme #paymentMethod .container,
.black-gold-theme #paymentMethod .container .payment-list,
.black-gold-theme #withdrawal .container ul li,
.black-gold-theme .mine-menus ul li {
  background: 0 0;
}
.black-gold-theme #deposit .container .bank-list .bank-item,
.black-gold-theme #myMessage .list .item,
.black-gold-theme #personalData ul li,
.black-gold-theme .mine-about ul li,
.black-gold-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.black-gold-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.black-gold-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #444, #555);
}
.black-gold-theme #deposit .container .deposit-banklist,
.black-gold-theme .game-bank-rule .home-banklist,
.black-gold-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #37363b, #282727);
  box-shadow: 0 0 1rem #000;
  border: none;
}
.black-gold-theme #myMessage .list .item:last-child,
.black-gold-theme #personalData ul li:last-child,
.black-gold-theme .mine-about ul li:last-child,
.black-gold-theme .mine-menus ul li:last-child {
  border: none;
}
.black-gold-theme #gameRules .rule-detail .tabs .actived,
.black-gold-theme #lotteryCalculate .rule-detail .tabs .actived,
.black-gold-theme #myFavorite .tabs .actived,
.black-gold-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.black-gold-theme #accountsAndSecurity ul li i,
.black-gold-theme #betRecords .navigator-bar .navi-filter,
.black-gold-theme #gameRules .navigator-bar i,
.black-gold-theme #lotteryCalculate .navigator-bar i,
.black-gold-theme #myMessage .list .item .left .bottom i,
.black-gold-theme #oddsRules .navigator-bar i,
.black-gold-theme #personalData ul li i,
.black-gold-theme .loginForm .login-psw b,
.black-gold-theme .mine-about ul li:after,
.black-gold-theme .mine-menus ul li:after,
.black-gold-theme .navigator-bar .detail-navi-back,
.black-gold-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.black-gold-theme .mine-menus ul li img,
.black-gold-theme .mine-top .mine-info .about,
.black-gold-theme .user .password:before,
.black-gold-theme .user .username:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg)
    brightness(103%) contrast(104%) !important;
}
.black-gold-theme #mask .login-notify {
  background: #292929;
  color: #fff;
}
.black-gold-theme #mask .login-success-btn a,
.black-gold-theme .loginForm .login-btn,
.black-gold-theme .recommend-register a {
  background: linear-gradient(to bottom, #e6ca9b, #b09665);
}
.black-gold-theme #mask .login-success-btn {
  background: #292929;
}
.black-gold-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .black-gold-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black-gold-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/black-gold/btnHistory.png");
}
.pc .black-gold-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/black-gold/btnHot.png");
}
.pc .black-gold-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/black-gold/btnRecommond.png");
}
.pc .black-gold-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/black-gold/btnLivegame.png");
}
.pc .black-gold-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/black-gold/btnSlot.png");
}
.pc .black-gold-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/black-gold/btnTogel.png");
}
.pc .black-gold-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/black-gold/btnSport.png");
}
.pc .black-gold-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/black-gold/btnKartu.png");
}
.pc .black-gold-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/black-gold/btnFishing.png");
}
.pc .black-gold-theme .game-list-box .game-menu .game-menu-item i {
  color: #d0b484;
}
.pc .black-gold-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black-gold/btnSelect.png");
  background-size: 100% 100%;
}
.pc .black-gold-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black-gold-theme #deposit .container .bank-list .qris-item {
  margin: 0 150px;
}
.pc .black-gold-theme .user .password,
.pc .black-gold-theme .user .username {
  flex: 2;
}
.pc .black-gold-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.rose-red-theme {
  color: #fff;
}
.rose-red-theme #mask {
  color: #6a82ad;
}
.rose-red-theme #service .navigator-bar,
.rose-red-theme #service .navigator-bar .service-navi-bar img,
.rose-red-theme #service .navigator-bar .service-navi-bar p,
.rose-red-theme .navigator-bar {
  background: #450631;
  color: #fff;
}
.pc .rose-red-theme .index-footer,
.pc body.rose-red-theme,
.rose-red-theme .loginForm,
.rose-red-theme .tabs,
.rose-red-theme .tabs .logo,
.rose-red-theme .user,
.rose-red-theme section {
  background: #720a45 !important;
}
.mobile .rose-red-theme footer .nav-item:nth-of-type(3),
.rose-red-theme .more-menu-box {
  background-color: #720a45 !important;
}
.rose-red-theme .user .password,
.rose-red-theme .user .username {
  background: #bebebe;
}
.rose-red-theme .notice {
  background: #450631;
  color: #a3a3a3;
}
.rose-red-theme .notice font {
  color: #a3a3a3;
}
.rose-red-theme #game .list .item,
.rose-red-theme .game-list .card,
.rose-red-theme .game-list .elgame,
.rose-red-theme .game-list .fish,
.rose-red-theme .game-list .live,
.rose-red-theme .game-list .lottery,
.rose-red-theme .game-list .sport {
  border-color: #720a45;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
}
.rose-red-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/rose-red/btnHistory.png");
}
.rose-red-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/rose-red/btnHot.png");
}
.rose-red-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/rose-red/btnRecommond.png");
}
.rose-red-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/rose-red/btnLivegame.png");
}
.rose-red-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/rose-red/btnSlot.png");
}
.rose-red-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/rose-red/btnTogel.png");
}
.rose-red-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/rose-red/btnSport.png");
}
.rose-red-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/rose-red/btnKartu.png");
}
.rose-red-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/rose-red/btnFishing.png");
}
.rose-red-theme .game-list .game-menu .game-menu-item i {
  color: #d0b484;
}
.rose-red-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/rose-red/btnSelect.png");
  background-size: 100% 100%;
}
.pc .rose-red-theme .game-list-box .game-menu .game-menu-current i,
.rose-red-theme #deposit .container .bank-list b,
.rose-red-theme #deposit .container .bank-list p u,
.rose-red-theme #myMessage .list .item .left .top b,
.rose-red-theme #withdrawal .container ul li p,
.rose-red-theme .game-list .game-menu .game-menu-current i,
.rose-red-theme .loginForm .login-item input,
.rose-red-theme .loginForm .memberPsw label,
.rose-red-theme .loginForm .other-item b,
.rose-red-theme .mine-top .mine-statistics .commissionToday span i,
.rose-red-theme .mine-top .mine-statistics .myPurse span i,
.rose-red-theme .notice .scrollText {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.rose-red-theme footer {
  background: #450631;
}
.rose-red-theme footer .nav-item .icon {
  background-image: url("images/theme/rose-red/btnHome.png") !important;
  background-position: center 5px !important;
}
.rose-red-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/rose-red/btnPromosi.png") !important;
}
.rose-red-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/rose-red/btnContact.png") !important;
}
.rose-red-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/rose-red/btnMenu.png") !important;
}
.mobile .rose-red-theme footer .nav-item .icon {
  background-image: url("images/theme/rose-red/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .rose-red-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/rose-red/btnDeposit.png") !important;
}
.mobile .rose-red-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/rose-red/btnPromosi.png") !important;
}
.mobile .rose-red-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/rose-red/btnWithdrawal.png") !important;
}
.mobile .rose-red-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/rose-red/btnMenu.png") !important;
}
.rose-red-theme footer .nav-item h3 {
  color: #fff;
}
.rose-red-theme #betRecords .sub-tabs,
.rose-red-theme .rebate-table table thead th,
.rose-red-theme .recommend-table table thead th,
.rose-red-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.rose-red-theme #accountsAndSecurity ul,
.rose-red-theme #activity .game-list .game-items .game-item,
.rose-red-theme #betRecords .list .items,
.rose-red-theme #betRecords .list .items li:nth-child(2n-1),
.rose-red-theme #deposit .container dl,
.rose-red-theme #deposit .container ul,
.rose-red-theme #game .list .item,
.rose-red-theme #gameRules .rule-detail .rule-content,
.rose-red-theme #gameRules .rule-detail .tabs,
.rose-red-theme #gameRules .rule-detail .tabs li,
.rose-red-theme #lotteryCalculate .rule-detail .rule-content,
.rose-red-theme #lotteryCalculate .rule-detail .rule-content dd table,
.rose-red-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.rose-red-theme #lotteryCalculate .rule-detail .tabs,
.rose-red-theme #lotteryCalculate .rule-detail .tabs li,
.rose-red-theme #myFavorite .list,
.rose-red-theme #myFavorite .tabs,
.rose-red-theme #myFavorite .tabs li,
.rose-red-theme #myMessage .list,
.rose-red-theme #myRecommend .detail dl,
.rose-red-theme #myRecommend .detail dl dd,
.rose-red-theme #myRecommend .detail dl dd:nth-child(2n),
.rose-red-theme #oddsRules .rule-detail .rule-content,
.rose-red-theme #oddsRules .rule-detail .rule-content dd table,
.rose-red-theme #oddsRules .rule-detail .rule-content dd table tr,
.rose-red-theme #oddsRules .rule-detail .tabs,
.rose-red-theme #oddsRules .rule-detail .tabs li,
.rose-red-theme #personalData ul,
.rose-red-theme #transactionRecords .list,
.rose-red-theme #withdrawal .container .payment-list .payment-item,
.rose-red-theme #withdrawal .container ul,
.rose-red-theme .game-list .card,
.rose-red-theme .game-list .elgame,
.rose-red-theme .game-list .fish,
.rose-red-theme .game-list .live,
.rose-red-theme .game-list .lottery,
.rose-red-theme .game-list .sport,
.rose-red-theme .mine-about ul li,
.rose-red-theme .mine-common,
.rose-red-theme .mine-menus,
.rose-red-theme .rebate-table table tbody td,
.rose-red-theme .recommend-share,
.rose-red-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.rose-red-theme #deposit .container .bank-tabs,
.rose-red-theme #paymentMethod .container,
.rose-red-theme #paymentMethod .container .payment-list,
.rose-red-theme #withdrawal .container ul li,
.rose-red-theme .mine-menus ul li {
  background: 0 0;
}
.rose-red-theme #deposit .container .bank-list .bank-item,
.rose-red-theme #myMessage .list .item,
.rose-red-theme #personalData ul li,
.rose-red-theme .mine-about ul li,
.rose-red-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.rose-red-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.rose-red-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #8d145d, #791151);
}
.rose-red-theme #deposit .container .deposit-banklist,
.rose-red-theme .game-bank-rule .home-banklist,
.rose-red-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #8d145d, #791151);
  box-shadow: 0 0 1rem #000;
  border: none;
}
.rose-red-theme #myMessage .list .item:last-child,
.rose-red-theme #personalData ul li:last-child,
.rose-red-theme .mine-about ul li:last-child,
.rose-red-theme .mine-menus ul li:last-child {
  border: none;
}
.rose-red-theme #gameRules .rule-detail .tabs .actived,
.rose-red-theme #lotteryCalculate .rule-detail .tabs .actived,
.rose-red-theme #myFavorite .tabs .actived,
.rose-red-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.rose-red-theme #accountsAndSecurity ul li i,
.rose-red-theme #betRecords .navigator-bar .navi-filter,
.rose-red-theme #gameRules .navigator-bar i,
.rose-red-theme #lotteryCalculate .navigator-bar i,
.rose-red-theme #myMessage .list .item .left .bottom i,
.rose-red-theme #oddsRules .navigator-bar i,
.rose-red-theme #personalData ul li i,
.rose-red-theme .loginForm .login-psw b,
.rose-red-theme .mine-about ul li:after,
.rose-red-theme .mine-menus ul li:after,
.rose-red-theme .navigator-bar .detail-navi-back,
.rose-red-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.rose-red-theme .mine-menus ul li img,
.rose-red-theme .mine-top .mine-info .about,
.rose-red-theme .user .password:before,
.rose-red-theme .user .username:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg)
    brightness(103%) contrast(104%) !important;
}
.rose-red-theme #mask .login-notify {
  background: #720a45;
  color: #fff;
}
.rose-red-theme #mask .login-success-btn a,
.rose-red-theme .loginForm .login-btn,
.rose-red-theme .recommend-register a {
  background: linear-gradient(to bottom, #fce8b7, #db9426);
}
.rose-red-theme #mask .login-success-btn {
  background: #720a45;
}
.rose-red-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .rose-red-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .rose-red-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/rose-red/btnHistory.png");
}
.pc .rose-red-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/rose-red/btnHot.png");
}
.pc .rose-red-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/rose-red/btnRecommond.png");
}
.pc .rose-red-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/rose-red/btnLivegame.png");
}
.pc .rose-red-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/rose-red/btnSlot.png");
}
.pc .rose-red-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/rose-red/btnTogel.png");
}
.pc .rose-red-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/rose-red/btnSport.png");
}
.pc .rose-red-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/rose-red/btnKartu.png");
}
.pc .rose-red-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/rose-red/btnFishing.png");
}
.pc .rose-red-theme .game-list-box .game-menu .game-menu-item i {
  color: #d0b484;
}
.pc .rose-red-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/rose-red/btnSelect.png");
  background-size: 100% 100%;
}
.pc .rose-red-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .rose-red-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .rose-red-theme .user .password,
.pc .rose-red-theme .user .username {
  flex: 2;
}
.pc .rose-red-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .rose-red-theme #footer {
  background: #450631;
}
.deep-blue-theme {
  color: #fff;
}
.deep-blue-theme #mask {
  color: #6a82ad;
}
.deep-blue-theme #service .navigator-bar,
.deep-blue-theme #service .navigator-bar .service-navi-bar img,
.deep-blue-theme #service .navigator-bar .service-navi-bar p,
.deep-blue-theme .navigator-bar {
  background: #071824;
  color: #fff;
}
.deep-blue-theme .loginForm,
.deep-blue-theme .tabs,
.deep-blue-theme .tabs .logo,
.deep-blue-theme .user,
.deep-blue-theme section,
.pc .deep-blue-theme .index-footer,
.pc body.deep-blue-theme {
  background: #0f212e !important;
}
.deep-blue-theme .user .password,
.deep-blue-theme .user .username {
  background: #bebebe;
}
.deep-blue-theme .notice {
  background: #071824;
  color: #a3a3a3;
}
.deep-blue-theme .notice font {
  color: #a3a3a3;
}
.deep-blue-theme #game .list .item,
.deep-blue-theme .game-list .card,
.deep-blue-theme .game-list .elgame,
.deep-blue-theme .game-list .fish,
.deep-blue-theme .game-list .live,
.deep-blue-theme .game-list .lottery,
.deep-blue-theme .game-list .sport {
  border-color: #0f212e;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
}
.deep-blue-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/deep-blue/btnHistory.png");
}
.deep-blue-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/deep-blue/btnHot.png");
}
.deep-blue-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/deep-blue/btnRecommond.png");
}
.deep-blue-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/deep-blue/btnLivegame.png");
}
.deep-blue-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/deep-blue/btnSlot.png");
}
.deep-blue-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/deep-blue/btnTogel.png");
}
.deep-blue-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/deep-blue/btnSport.png");
}
.deep-blue-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/deep-blue/btnKartu.png");
}
.deep-blue-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/deep-blue/btnFishing.png");
}
.deep-blue-theme .game-list .game-menu .game-menu-item i {
  color: #d0b484;
}
.deep-blue-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/deep-blue/btnSelect.png");
  background-size: 100% 100%;
}
.deep-blue-theme #deposit .container .bank-list b,
.deep-blue-theme #deposit .container .bank-list p u,
.deep-blue-theme #myMessage .list .item .left .top b,
.deep-blue-theme #withdrawal .container ul li p,
.deep-blue-theme .game-list .game-menu .game-menu-current i,
.deep-blue-theme .loginForm .login-item input,
.deep-blue-theme .loginForm .memberPsw label,
.deep-blue-theme .loginForm .other-item b,
.deep-blue-theme .mine-top .mine-statistics .commissionToday span i,
.deep-blue-theme .mine-top .mine-statistics .myPurse span i,
.deep-blue-theme .notice .scrollText,
.pc .deep-blue-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.deep-blue-theme footer {
  background: #071824;
}
.deep-blue-theme footer .nav-item .icon {
  background-image: url("images/theme/deep-blue/btnHome.png") !important;
  background-position: center 5px !important;
}
.deep-blue-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/deep-blue/btnPromosi.png") !important;
}
.deep-blue-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/deep-blue/btnContact.png") !important;
}
.deep-blue-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/deep-blue/btnMenu.png") !important;
}
.mobile .deep-blue-theme footer .nav-item .icon {
  background-image: url("images/theme/deep-blue/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .deep-blue-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/deep-blue/btnDeposit.png") !important;
}
.mobile .deep-blue-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/deep-blue/btnPromosi.png") !important;
}
.mobile .deep-blue-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/deep-blue/btnWithdrawal.png") !important;
}
.mobile .deep-blue-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/deep-blue/btnMenu.png") !important;
}
.deep-blue-theme footer .nav-item h3 {
  color: #d0b484;
}
.deep-blue-theme #betRecords .sub-tabs,
.deep-blue-theme .rebate-table table thead th,
.deep-blue-theme .recommend-table table thead th,
.deep-blue-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.deep-blue-theme #accountsAndSecurity ul,
.deep-blue-theme #activity .game-list .game-items .game-item,
.deep-blue-theme #betRecords .list .items,
.deep-blue-theme #betRecords .list .items li:nth-child(2n-1),
.deep-blue-theme #deposit .container dl,
.deep-blue-theme #deposit .container ul,
.deep-blue-theme #game .list .item,
.deep-blue-theme #gameRules .rule-detail .rule-content,
.deep-blue-theme #gameRules .rule-detail .tabs,
.deep-blue-theme #gameRules .rule-detail .tabs li,
.deep-blue-theme #lotteryCalculate .rule-detail .rule-content,
.deep-blue-theme #lotteryCalculate .rule-detail .rule-content dd table,
.deep-blue-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.deep-blue-theme #lotteryCalculate .rule-detail .tabs,
.deep-blue-theme #lotteryCalculate .rule-detail .tabs li,
.deep-blue-theme #myFavorite .list,
.deep-blue-theme #myFavorite .tabs,
.deep-blue-theme #myFavorite .tabs li,
.deep-blue-theme #myMessage .list,
.deep-blue-theme #myRecommend .detail dl,
.deep-blue-theme #myRecommend .detail dl dd,
.deep-blue-theme #myRecommend .detail dl dd:nth-child(2n),
.deep-blue-theme #oddsRules .rule-detail .rule-content,
.deep-blue-theme #oddsRules .rule-detail .rule-content dd table,
.deep-blue-theme #oddsRules .rule-detail .rule-content dd table tr,
.deep-blue-theme #oddsRules .rule-detail .tabs,
.deep-blue-theme #oddsRules .rule-detail .tabs li,
.deep-blue-theme #personalData ul,
.deep-blue-theme #transactionRecords .list,
.deep-blue-theme #withdrawal .container .payment-list .payment-item,
.deep-blue-theme #withdrawal .container ul,
.deep-blue-theme .game-list .card,
.deep-blue-theme .game-list .elgame,
.deep-blue-theme .game-list .fish,
.deep-blue-theme .game-list .live,
.deep-blue-theme .game-list .lottery,
.deep-blue-theme .game-list .sport,
.deep-blue-theme .mine-about ul li,
.deep-blue-theme .mine-common,
.deep-blue-theme .mine-menus,
.deep-blue-theme .rebate-table table tbody td,
.deep-blue-theme .recommend-share,
.deep-blue-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.deep-blue-theme #deposit .container .bank-tabs,
.deep-blue-theme #paymentMethod .container,
.deep-blue-theme #paymentMethod .container .payment-list,
.deep-blue-theme #withdrawal .container ul li,
.deep-blue-theme .mine-menus ul li {
  background: 0 0;
}
.deep-blue-theme #deposit .container .bank-list .bank-item,
.deep-blue-theme #myMessage .list .item,
.deep-blue-theme #personalData ul li,
.deep-blue-theme .mine-about ul li,
.deep-blue-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.deep-blue-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.deep-blue-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #2c4568, #213448);
}
.deep-blue-theme #deposit .container .deposit-banklist,
.deep-blue-theme .game-bank-rule .home-banklist,
.deep-blue-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #2c4568, #213448);
  box-shadow: 0 0 1rem #000;
  border: none;
}
.deep-blue-theme #myMessage .list .item:last-child,
.deep-blue-theme #personalData ul li:last-child,
.deep-blue-theme .mine-about ul li:last-child,
.deep-blue-theme .mine-menus ul li:last-child {
  border: none;
}
.deep-blue-theme #gameRules .rule-detail .tabs .actived,
.deep-blue-theme #lotteryCalculate .rule-detail .tabs .actived,
.deep-blue-theme #myFavorite .tabs .actived,
.deep-blue-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.deep-blue-theme #accountsAndSecurity ul li i,
.deep-blue-theme #betRecords .navigator-bar .navi-filter,
.deep-blue-theme #gameRules .navigator-bar i,
.deep-blue-theme #lotteryCalculate .navigator-bar i,
.deep-blue-theme #myMessage .list .item .left .bottom i,
.deep-blue-theme #oddsRules .navigator-bar i,
.deep-blue-theme #personalData ul li i,
.deep-blue-theme .loginForm .login-psw b,
.deep-blue-theme .mine-about ul li:after,
.deep-blue-theme .mine-menus ul li:after,
.deep-blue-theme .navigator-bar .detail-navi-back,
.deep-blue-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.deep-blue-theme .mine-menus ul li img,
.deep-blue-theme .mine-top .mine-info .about,
.deep-blue-theme .user .password:before,
.deep-blue-theme .user .username:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg)
    brightness(103%) contrast(104%) !important;
}
.deep-blue-theme #mask .login-notify {
  background: #0f212e;
  color: #fff;
}
.deep-blue-theme #mask .login-success-btn a,
.deep-blue-theme .loginForm .login-btn,
.deep-blue-theme .recommend-register a {
  background: linear-gradient(to bottom, #fce8b7, #db9426);
}
.deep-blue-theme #mask .login-success-btn {
  background: #0f212e;
}
.deep-blue-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .deep-blue-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .deep-blue-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/deep-blue/btnHistory.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/deep-blue/btnHot.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/deep-blue/btnRecommond.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/deep-blue/btnLivegame.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/deep-blue/btnSlot.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/deep-blue/btnTogel.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/deep-blue/btnSport.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/deep-blue/btnKartu.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/deep-blue/btnFishing.png");
}
.pc .deep-blue-theme .game-list-box .game-menu .game-menu-item i {
  color: #d0b484;
}
.pc .deep-blue-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/deep-blue/btnSelect.png");
  background-size: 100% 100%;
}
.pc .deep-blue-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .deep-blue-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .deep-blue-theme .user .password,
.pc .deep-blue-theme .user .username {
  flex: 2;
}
.pc .deep-blue-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .deep-blue-theme #footer {
  background: #071824;
}
.champagne-gold-theme {
  color: #fff;
}
.champagne-gold-theme #mask {
  color: #6a82ad;
}
.champagne-gold-theme #service .navigator-bar,
.champagne-gold-theme #service .navigator-bar .service-navi-bar img,
.champagne-gold-theme #service .navigator-bar .service-navi-bar p,
.champagne-gold-theme .navigator-bar {
  background: #6f492e;
  color: #fff;
}
.champagne-gold-theme .loginForm,
.champagne-gold-theme .more-menu-box,
.champagne-gold-theme .tabs,
.champagne-gold-theme .tabs .logo,
.champagne-gold-theme .user,
.champagne-gold-theme section,
.pc .champagne-gold-theme .index-footer,
.pc body.champagne-gold-theme {
  background: #8f6f4f !important;
}
.champagne-gold-theme .user .password,
.champagne-gold-theme .user .username {
  background: #bebebe;
}
.champagne-gold-theme .notice {
  background: #6f492e;
  color: #a3a3a3;
}
.champagne-gold-theme .notice font {
  color: #a3a3a3;
}
.champagne-gold-theme #game .list .item,
.champagne-gold-theme .game-list .card,
.champagne-gold-theme .game-list .elgame,
.champagne-gold-theme .game-list .fish,
.champagne-gold-theme .game-list .live,
.champagne-gold-theme .game-list .lottery,
.champagne-gold-theme .game-list .sport {
  border-color: #8f6f4f;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
}
.champagne-gold-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/champagne-gold/btnHistory.png");
}
.champagne-gold-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/champagne-gold/btnHot.png");
}
.champagne-gold-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/.champagne-gold/btnRecommond.png");
}
.champagne-gold-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/champagne-gold/btnLivegame.png");
}
.champagne-gold-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/champagne-gold/btnSlot.png");
}
.champagne-gold-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/champagne-gold/btnTogel.png");
}
.champagne-gold-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/champagne-gold/btnSport.png");
}
.champagne-gold-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/champagne-gold/btnKartu.png");
}
.champagne-gold-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/champagne-gold/btnFishing.png");
}
.champagne-gold-theme .game-list .game-menu .game-menu-item i {
  color: #d0b484;
}
.champagne-gold-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/champagne-gold/btnSelect.png");
  background-size: 100% 100%;
}
.champagne-gold-theme #deposit .container .bank-list b,
.champagne-gold-theme #deposit .container .bank-list p u,
.champagne-gold-theme #myMessage .list .item .left .top b,
.champagne-gold-theme #withdrawal .container ul li p,
.champagne-gold-theme .game-list .game-menu .game-menu-current i,
.champagne-gold-theme .loginForm .login-item input,
.champagne-gold-theme .loginForm .memberPsw label,
.champagne-gold-theme .loginForm .other-item b,
.champagne-gold-theme .mine-top .mine-statistics .commissionToday span i,
.champagne-gold-theme .mine-top .mine-statistics .myPurse span i,
.champagne-gold-theme .notice .scrollText,
.pc .champagne-gold-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.champagne-gold-theme footer {
  background: #6f492e;
}
.champagne-gold-theme footer .nav-item .icon {
  background-image: url("images/theme/champagne-gold/btnHome.png") !important;
  background-position: center 5px !important;
}
.champagne-gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/champagne-gold/btnPromosi.png") !important;
}
.champagne-gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/champagne-gold/btnContact.png") !important;
}
.champagne-gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/champagne-gold/btnMenu.png") !important;
}
.mobile .champagne-gold-theme footer .nav-item .icon {
  background-image: url("images/theme/champagne-gold/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .champagne-gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/champagne-gold/btnDeposit.png") !important;
}
.mobile .champagne-gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/champagne-gold/btnPromosi.png") !important;
}
.mobile .champagne-gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/champagne-gold/btnWithdrawal.png") !important;
}
.mobile .champagne-gold-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/champagne-gold/btnMenu.png") !important;
}
.mobile .champagne-gold-theme footer .nav-item h3 {
  color: #fff;
}
.champagne-gold-theme #betRecords .sub-tabs,
.champagne-gold-theme .rebate-table table thead th,
.champagne-gold-theme .recommend-table table thead th,
.champagne-gold-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.champagne-gold-theme #accountsAndSecurity ul,
.champagne-gold-theme #activity .game-list .game-items .game-item,
.champagne-gold-theme #betRecords .list .items,
.champagne-gold-theme #betRecords .list .items li:nth-child(2n-1),
.champagne-gold-theme #deposit .container dl,
.champagne-gold-theme #deposit .container ul,
.champagne-gold-theme #game .list .item,
.champagne-gold-theme #gameRules .rule-detail .rule-content,
.champagne-gold-theme #gameRules .rule-detail .tabs,
.champagne-gold-theme #gameRules .rule-detail .tabs li,
.champagne-gold-theme #lotteryCalculate .rule-detail .rule-content,
.champagne-gold-theme #lotteryCalculate .rule-detail .rule-content dd table,
.champagne-gold-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.champagne-gold-theme #lotteryCalculate .rule-detail .tabs,
.champagne-gold-theme #lotteryCalculate .rule-detail .tabs li,
.champagne-gold-theme #myFavorite .list,
.champagne-gold-theme #myFavorite .tabs,
.champagne-gold-theme #myFavorite .tabs li,
.champagne-gold-theme #myMessage .list,
.champagne-gold-theme #myRecommend .detail dl,
.champagne-gold-theme #myRecommend .detail dl dd,
.champagne-gold-theme #myRecommend .detail dl dd:nth-child(2n),
.champagne-gold-theme #oddsRules .rule-detail .rule-content,
.champagne-gold-theme #oddsRules .rule-detail .rule-content dd table,
.champagne-gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.champagne-gold-theme #oddsRules .rule-detail .tabs,
.champagne-gold-theme #oddsRules .rule-detail .tabs li,
.champagne-gold-theme #personalData ul,
.champagne-gold-theme #transactionRecords .list,
.champagne-gold-theme #withdrawal .container .payment-list .payment-item,
.champagne-gold-theme #withdrawal .container ul,
.champagne-gold-theme .game-list .card,
.champagne-gold-theme .game-list .elgame,
.champagne-gold-theme .game-list .fish,
.champagne-gold-theme .game-list .live,
.champagne-gold-theme .game-list .lottery,
.champagne-gold-theme .game-list .sport,
.champagne-gold-theme .mine-about ul li,
.champagne-gold-theme .mine-common,
.champagne-gold-theme .mine-menus,
.champagne-gold-theme .rebate-table table tbody td,
.champagne-gold-theme .recommend-share,
.champagne-gold-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.champagne-gold-theme #deposit .container .bank-tabs,
.champagne-gold-theme #paymentMethod .container,
.champagne-gold-theme #paymentMethod .container .payment-list,
.champagne-gold-theme #withdrawal .container ul li,
.champagne-gold-theme .mine-menus ul li {
  background: 0 0;
}
.champagne-gold-theme #deposit .container .bank-list .bank-item,
.champagne-gold-theme #myMessage .list .item,
.champagne-gold-theme #personalData ul li,
.champagne-gold-theme .mine-about ul li,
.champagne-gold-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.champagne-gold-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.champagne-gold-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #987337, #88652e);
}
.champagne-gold-theme #deposit .container .deposit-banklist,
.champagne-gold-theme .game-bank-rule .home-banklist,
.champagne-gold-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #987337, #88652e);
  box-shadow: 0 0 1rem #000;
  border: none;
}
.champagne-gold-theme #myMessage .list .item:last-child,
.champagne-gold-theme #personalData ul li:last-child,
.champagne-gold-theme .mine-about ul li:last-child,
.champagne-gold-theme .mine-menus ul li:last-child {
  border: none;
}
.champagne-gold-theme #gameRules .rule-detail .tabs .actived,
.champagne-gold-theme #lotteryCalculate .rule-detail .tabs .actived,
.champagne-gold-theme #myFavorite .tabs .actived,
.champagne-gold-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.champagne-gold-theme #accountsAndSecurity ul li i,
.champagne-gold-theme #betRecords .navigator-bar .navi-filter,
.champagne-gold-theme #gameRules .navigator-bar i,
.champagne-gold-theme #lotteryCalculate .navigator-bar i,
.champagne-gold-theme #myMessage .list .item .left .bottom i,
.champagne-gold-theme #oddsRules .navigator-bar i,
.champagne-gold-theme #personalData ul li i,
.champagne-gold-theme .loginForm .login-psw b,
.champagne-gold-theme .mine-about ul li:after,
.champagne-gold-theme .mine-menus ul li:after,
.champagne-gold-theme .navigator-bar .detail-navi-back,
.champagne-gold-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.champagne-gold-theme .mine-menus ul li img,
.champagne-gold-theme .mine-top .mine-info .about,
.champagne-gold-theme .user .password:before,
.champagne-gold-theme .user .username:before {
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(75deg)
    brightness(103%) contrast(104%) !important;
}
.champagne-gold-theme #mask .login-notify {
  background: #8f6f4f;
  color: #fff;
}
.champagne-gold-theme #mask .login-success-btn a,
.champagne-gold-theme .forget-step .btn,
.champagne-gold-theme .loginForm .login-btn,
.champagne-gold-theme .recommend-register a,
.champagne-gold-theme .register-step .btn,
.champagne-gold-theme .user .loginBtn,
.mobile .champagne-gold-theme .tabs .tab[data-href="#/register"] {
  background: linear-gradient(to bottom, #f3c947, #a1650a);
}
.champagne-gold-theme #mask .login-success-btn {
  background: #8f6f4f;
}
.champagne-gold-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .champagne-gold-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .champagne-gold-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/champagne-gold/btnHistory.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/champagne-gold/btnHot.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/champagne-gold/btnRecommond.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/champagne-gold/btnLivegame.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/champagne-gold/btnSlot.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/champagne-gold/btnTogel.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/champagne-gold/btnSport.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/champagne-gold/btnKartu.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/champagne-gold/btnFishing.png");
}
.pc .champagne-gold-theme .game-list-box .game-menu .game-menu-item i {
  color: #d3c4b1;
}
.pc .champagne-gold-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/champagne-gold/btnSelect.png");
  background-size: 100% 100%;
}
.pc .champagne-gold-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .champagne-gold-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .champagne-gold-theme .user .password,
.pc .champagne-gold-theme .user .username {
  flex: 2;
}
.pc .champagne-gold-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .champagne-gold-theme #footer {
  background: #6f492e;
}
.green-theme {
  color: #fff;
}
.green-theme #mask {
  color: #6a82ad;
}
.green-theme #service .navigator-bar,
.green-theme #service .navigator-bar .service-navi-bar img,
.green-theme #service .navigator-bar .service-navi-bar p,
.green-theme .navigator-bar {
  background: #5a9da3;
  color: #fff;
}
.green-theme .loginForm,
.green-theme .tabs,
.green-theme .tabs .logo,
.green-theme .user,
.green-theme section,
.pc .green-theme .index-footer,
.pc body.green-theme {
  background: #99d0d5 !important;
}
.green-theme .user .password,
.green-theme .user .username {
  background: #7ebaba;
}
.green-theme .user .password:before,
.green-theme .user .username:before {
  opacity: 0.3;
}
.green-theme .user .password input::placeholder,
.green-theme .user .username input::placeholder {
  color: #fff;
}
.green-theme .notice {
  background: #5a9da3;
  color: #fff;
}
.green-theme .notice font {
  color: #fff;
}
.green-theme #game .list .item,
.green-theme .game-list .card,
.green-theme .game-list .elgame,
.green-theme .game-list .fish,
.green-theme .game-list .live,
.green-theme .game-list .lottery,
.green-theme .game-list .sport {
  border-color: #99d0d5;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #5a9da3;
}
.green-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/green/btnHistory.png");
}
.green-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/green/btnHot.png");
}
.green-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/green/btnRecommond.png");
}
.green-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/green/btnLivegame.png");
}
.green-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/green/btnSlot.png");
}
.green-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/green/btnTogel.png");
}
.green-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/green/btnSport.png");
}
.green-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/green/btnKartu.png");
}
.green-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/green/btnFishing.png");
}
.green-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.green-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/green/btnSelect.png");
  background-size: 100% 100%;
}
.green-theme #deposit .container .bank-list b,
.green-theme #deposit .container .bank-list p u,
.green-theme #myMessage .list .item .left .top b,
.green-theme #withdrawal .container ul li p,
.green-theme .game-list .game-menu .game-menu-current i,
.green-theme .loginForm .login-item input,
.green-theme .loginForm .memberPsw label,
.green-theme .loginForm .other-item b,
.green-theme .mine-top .mine-statistics .commissionToday span i,
.green-theme .mine-top .mine-statistics .myPurse span i,
.green-theme .notice .scrollText,
.pc .green-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.green-theme footer {
  background: #5a9da3;
}
.green-theme footer .nav-item .icon {
  background-image: url("images/theme/green/btnHome.png") !important;
  background-position: center 5px !important;
}
.green-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/green/btnPromosi.png") !important;
}
.green-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/green/btnContact.png") !important;
}
.green-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/green/btnMenu.png") !important;
}
.mobile .green-theme footer .nav-item .icon {
  background-image: url("images/theme/green/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .green-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/green/btnDeposit.png") !important;
}
.mobile .green-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/green/btnPromosi.png") !important;
}
.mobile .green-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/green/btnWithdrawal.png") !important;
}
.mobile .green-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/green/btnMenu.png") !important;
}
.green-theme footer .nav-item h3 {
  color: #fff;
}
.green-theme #betRecords .sub-tabs,
.green-theme .rebate-table table thead th,
.green-theme .recommend-table table thead th,
.green-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.green-theme #accountsAndSecurity ul,
.green-theme #activity .game-list .game-items .game-item,
.green-theme #betRecords .list .items,
.green-theme #betRecords .list .items li:nth-child(2n-1),
.green-theme #deposit .container dl,
.green-theme #deposit .container ul,
.green-theme #game .list .item,
.green-theme #gameRules .rule-detail .rule-content,
.green-theme #gameRules .rule-detail .tabs,
.green-theme #gameRules .rule-detail .tabs li,
.green-theme #lotteryCalculate .rule-detail .rule-content,
.green-theme #lotteryCalculate .rule-detail .rule-content dd table,
.green-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.green-theme #lotteryCalculate .rule-detail .tabs,
.green-theme #lotteryCalculate .rule-detail .tabs li,
.green-theme #myFavorite .list,
.green-theme #myFavorite .tabs,
.green-theme #myFavorite .tabs li,
.green-theme #myMessage .list,
.green-theme #myRecommend .detail dl,
.green-theme #myRecommend .detail dl dd,
.green-theme #myRecommend .detail dl dd:nth-child(2n),
.green-theme #oddsRules .rule-detail .rule-content,
.green-theme #oddsRules .rule-detail .rule-content dd table,
.green-theme #oddsRules .rule-detail .rule-content dd table tr,
.green-theme #oddsRules .rule-detail .tabs,
.green-theme #oddsRules .rule-detail .tabs li,
.green-theme #personalData ul,
.green-theme #transactionRecords .list,
.green-theme #withdrawal .container .payment-list .payment-item,
.green-theme #withdrawal .container ul,
.green-theme .game-list .card,
.green-theme .game-list .elgame,
.green-theme .game-list .fish,
.green-theme .game-list .live,
.green-theme .game-list .lottery,
.green-theme .game-list .sport,
.green-theme .mine-about ul li,
.green-theme .mine-common,
.green-theme .mine-menus,
.green-theme .rebate-table table tbody td,
.green-theme .recommend-share,
.green-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.green-theme #deposit .container .bank-tabs,
.green-theme #paymentMethod .container,
.green-theme #paymentMethod .container .payment-list,
.green-theme #withdrawal .container ul li,
.green-theme .mine-menus ul li {
  background: 0 0;
}
.green-theme #deposit .container .bank-list .bank-item,
.green-theme #myMessage .list .item,
.green-theme #personalData ul li,
.green-theme .mine-about ul li,
.green-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.green-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.green-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #36a4a6, #2c9d9e);
}
.green-theme #deposit .container .deposit-banklist,
.green-theme .game-bank-rule .home-banklist,
.green-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #2c9d9e, #36a4a6);
  box-shadow: 0 0 1rem #5a9da3;
  border: none;
}
.green-theme #myMessage .list .item:last-child,
.green-theme #personalData ul li:last-child,
.green-theme .mine-about ul li:last-child,
.green-theme .mine-menus ul li:last-child {
  border: none;
}
.green-theme #gameRules .rule-detail .tabs .actived,
.green-theme #lotteryCalculate .rule-detail .tabs .actived,
.green-theme #myFavorite .tabs .actived,
.green-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.green-theme #accountsAndSecurity ul li i,
.green-theme #betRecords .navigator-bar .navi-filter,
.green-theme #gameRules .navigator-bar i,
.green-theme #lotteryCalculate .navigator-bar i,
.green-theme #myMessage .list .item .left .bottom i,
.green-theme #oddsRules .navigator-bar i,
.green-theme #personalData ul li i,
.green-theme .loginForm .login-psw b,
.green-theme .mine-about ul li:after,
.green-theme .mine-menus ul li:after,
.green-theme .navigator-bar .detail-navi-back,
.green-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.green-theme .mine-menus ul li img,
.green-theme .mine-top .mine-info .about,
.green-theme .user .password:before,
.green-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.green-theme #mask .login-notify {
  background: #99d0d5;
  color: #fff;
}
.green-theme #mask .login-success-btn a,
.green-theme .loginForm .login-btn,
.green-theme .recommend-register a {
  background: linear-gradient(to bottom, #99d0d5, #5a9da3);
}
.green-theme #mask .login-success-btn {
  background: #99d0d5;
}
.green-theme #betRecords .list .items {
  gap: 0.07rem;
}
.green-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .green-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #00f;
}
.pc .green-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .green-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/green/btnHistory.png");
}
.pc .green-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/green/btnHot.png");
}
.pc .green-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/green/btnRecommond.png");
}
.pc .green-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/green/btnLivegame.png");
}
.pc .green-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/green/btnSlot.png");
}
.pc .green-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/green/btnTogel.png");
}
.pc .green-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/green/btnSport.png");
}
.pc .green-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/green/btnKartu.png");
}
.pc .green-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/green/btnFishing.png");
}
.pc .green-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .green-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/green/btnSelect.png");
  background-size: 100% 100%;
}
.pc .green-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .green-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .green-theme .user .password,
.pc .green-theme .user .username {
  flex: 2;
}
.pc .green-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .green-theme #footer {
  background: #5a9da3;
}
.pc .green-theme #footer .footer-inner .other .service a:after,
.pc .green-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .green-theme #footer,
.pc .green-theme #footer .footer-inner .other .about a,
.pc .green-theme #footer .footer-inner .other .service,
.pc .green-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .green-theme #footer .footer-inner .other .authentication .item img,
.pc .green-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.purple-theme {
  color: #fff;
}
.purple-theme #mask {
  color: #6a82ad;
}
.purple-theme #service .navigator-bar,
.purple-theme #service .navigator-bar .service-navi-bar img,
.purple-theme #service .navigator-bar .service-navi-bar p,
.purple-theme .navigator-bar {
  background: #874e91;
  color: #fff;
}
.pc .purple-theme .index-footer,
.pc body.purple-theme,
.purple-theme .loginForm,
.purple-theme .tabs,
.purple-theme .tabs .logo,
.purple-theme .user,
.purple-theme section {
  background: #ad7bba !important;
}
.purple-theme .user .password,
.purple-theme .user .username {
  background: #ed82ec;
}
.purple-theme .user .password:before,
.purple-theme .user .username:before {
  opacity: 0.3;
}
.purple-theme .user .password input::placeholder,
.purple-theme .user .username input::placeholder {
  color: #fff;
}
.purple-theme .notice {
  background: #874e91;
  color: #fff;
}
.purple-theme .notice font {
  color: #fff;
}
.purple-theme #game .list .item,
.purple-theme .game-list .card,
.purple-theme .game-list .elgame,
.purple-theme .game-list .fish,
.purple-theme .game-list .live,
.purple-theme .game-list .lottery,
.purple-theme .game-list .sport {
  border-color: #ad7bba;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #874e91;
}
.purple-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/purple/btnHistory.png");
}
.purple-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/purple/btnHot.png");
}
.purple-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/purple/btnRecommond.png");
}
.purple-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/purple/btnLivegame.png");
}
.purple-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/purple/btnSlot.png");
}
.purple-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/purple/btnTogel.png");
}
.purple-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/purple/btnSport.png");
}
.purple-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/purple/btnKartu.png");
}
.purple-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/purple/btnFishing.png");
}
.purple-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.purple-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/purple/btnSelect.png");
  background-size: 100% 100%;
}
.pc .purple-theme .game-list-box .game-menu .game-menu-current i,
.purple-theme #deposit .container .bank-list b,
.purple-theme #deposit .container .bank-list p u,
.purple-theme #myMessage .list .item .left .top b,
.purple-theme #withdrawal .container ul li p,
.purple-theme .game-list .game-menu .game-menu-current i,
.purple-theme .loginForm .login-item input,
.purple-theme .loginForm .memberPsw label,
.purple-theme .loginForm .other-item b,
.purple-theme .mine-top .mine-statistics .commissionToday span i,
.purple-theme .mine-top .mine-statistics .myPurse span i,
.purple-theme .notice .scrollText {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.purple-theme footer {
  background: #874e91;
}
.purple-theme footer .nav-item .icon {
  background-image: url("images/theme/purple/btnHome.png") !important;
  background-position: center 5px !important;
}
.purple-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/purple/btnPromosi.png") !important;
}
.purple-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/purple/btnContact.png") !important;
}
.purple-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/purple/btnMenu.png") !important;
}
.mobile .purple-theme footer .nav-item .icon {
  background-image: url("images/theme/purple/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .purple-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/purple/btnDeposit.png") !important;
}
.mobile .purple-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/purple/btnPromosi.png") !important;
}
.mobile .purple-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/purple/btnWithdrawal.png") !important;
}
.mobile .purple-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/purple/btnMenu.png") !important;
}
.purple-theme footer .nav-item h3 {
  color: #fff;
}
.purple-theme #betRecords .sub-tabs,
.purple-theme .rebate-table table thead th,
.purple-theme .recommend-table table thead th,
.purple-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.purple-theme #accountsAndSecurity ul,
.purple-theme #activity .game-list .game-items .game-item,
.purple-theme #betRecords .list .items,
.purple-theme #betRecords .list .items li:nth-child(2n-1),
.purple-theme #deposit .container dl,
.purple-theme #deposit .container ul,
.purple-theme #game .list .item,
.purple-theme #gameRules .rule-detail .rule-content,
.purple-theme #gameRules .rule-detail .tabs,
.purple-theme #gameRules .rule-detail .tabs li,
.purple-theme #lotteryCalculate .rule-detail .rule-content,
.purple-theme #lotteryCalculate .rule-detail .rule-content dd table,
.purple-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.purple-theme #lotteryCalculate .rule-detail .tabs,
.purple-theme #lotteryCalculate .rule-detail .tabs li,
.purple-theme #myFavorite .list,
.purple-theme #myFavorite .tabs,
.purple-theme #myFavorite .tabs li,
.purple-theme #myMessage .list,
.purple-theme #myRecommend .detail dl,
.purple-theme #myRecommend .detail dl dd,
.purple-theme #myRecommend .detail dl dd:nth-child(2n),
.purple-theme #oddsRules .rule-detail .rule-content,
.purple-theme #oddsRules .rule-detail .rule-content dd table,
.purple-theme #oddsRules .rule-detail .rule-content dd table tr,
.purple-theme #oddsRules .rule-detail .tabs,
.purple-theme #oddsRules .rule-detail .tabs li,
.purple-theme #personalData ul,
.purple-theme #transactionRecords .list,
.purple-theme #withdrawal .container .payment-list .payment-item,
.purple-theme #withdrawal .container ul,
.purple-theme .game-list .card,
.purple-theme .game-list .elgame,
.purple-theme .game-list .fish,
.purple-theme .game-list .live,
.purple-theme .game-list .lottery,
.purple-theme .game-list .sport,
.purple-theme .mine-about ul li,
.purple-theme .mine-common,
.purple-theme .mine-menus,
.purple-theme .rebate-table table tbody td,
.purple-theme .recommend-share,
.purple-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.purple-theme #deposit .container .bank-tabs,
.purple-theme #paymentMethod .container,
.purple-theme #paymentMethod .container .payment-list,
.purple-theme #withdrawal .container ul li,
.purple-theme .mine-menus ul li {
  background: 0 0;
}
.purple-theme #deposit .container .bank-list .bank-item,
.purple-theme #myMessage .list .item,
.purple-theme #personalData ul li,
.purple-theme .mine-about ul li,
.purple-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.purple-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.purple-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #903d7c, #964388);
}
.purple-theme #deposit .container .deposit-banklist,
.purple-theme .game-bank-rule .home-banklist,
.purple-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #964388, #903d7c);
  box-shadow: 0 0 1rem #874e91;
  border: none;
}
.purple-theme #myMessage .list .item:last-child,
.purple-theme #personalData ul li:last-child,
.purple-theme .mine-about ul li:last-child,
.purple-theme .mine-menus ul li:last-child {
  border: none;
}
.purple-theme #gameRules .rule-detail .tabs .actived,
.purple-theme #lotteryCalculate .rule-detail .tabs .actived,
.purple-theme #myFavorite .tabs .actived,
.purple-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.purple-theme #accountsAndSecurity ul li i,
.purple-theme #betRecords .navigator-bar .navi-filter,
.purple-theme #gameRules .navigator-bar i,
.purple-theme #lotteryCalculate .navigator-bar i,
.purple-theme #myMessage .list .item .left .bottom i,
.purple-theme #oddsRules .navigator-bar i,
.purple-theme #personalData ul li i,
.purple-theme .loginForm .login-psw b,
.purple-theme .mine-about ul li:after,
.purple-theme .mine-menus ul li:after,
.purple-theme .navigator-bar .detail-navi-back,
.purple-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.purple-theme .mine-menus ul li img,
.purple-theme .mine-top .mine-info .about,
.purple-theme .user .password:before,
.purple-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.purple-theme #mask .login-notify {
  background: #ad7bba;
  color: #fff;
}
.purple-theme #mask .login-success-btn a,
.purple-theme .loginForm .login-btn,
.purple-theme .recommend-register a {
  background: linear-gradient(to bottom, #ad7bba, #874e91);
}
.purple-theme #mask .login-success-btn {
  background: #ad7bba;
}
.purple-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .purple-theme .game-bank-rule .home-banklist .bank-rule a,
.purple-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .purple-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .purple-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/purple/btnHistory.png");
}
.pc .purple-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/purple/btnHot.png");
}
.pc .purple-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/purple/btnRecommond.png");
}
.pc .purple-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/purple/btnLivegame.png");
}
.pc .purple-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/purple/btnSlot.png");
}
.pc .purple-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/purple/btnTogel.png");
}
.pc .purple-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/purple/btnSport.png");
}
.pc .purple-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/purple/btnKartu.png");
}
.pc .purple-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/purple/btnFishing.png");
}
.pc .purple-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .purple-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/purple/btnSelect.png");
  background-size: 100% 100%;
}
.pc .purple-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .purple-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .purple-theme .user .password,
.pc .purple-theme .user .username {
  flex: 2;
}
.pc .purple-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .purple-theme #footer {
  background: #874e91;
}
.pc .purple-theme #footer .footer-inner .other .service a:after,
.pc .purple-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .purple-theme #footer,
.pc .purple-theme #footer .footer-inner .other .about a,
.pc .purple-theme #footer .footer-inner .other .service,
.pc .purple-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .purple-theme #footer .footer-inner .other .authentication .item img,
.pc .purple-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.pink-theme {
  color: #fff;
}
.pink-theme #mask {
  color: #6a82ad;
}
.pink-theme #service .navigator-bar,
.pink-theme #service .navigator-bar .service-navi-bar img,
.pink-theme #service .navigator-bar .service-navi-bar p,
.pink-theme .navigator-bar {
  background: #e59999;
  color: #fff;
}
.pc .pink-theme .index-footer,
.pc body.pink-theme,
.pink-theme .loginForm,
.pink-theme .tabs,
.pink-theme .tabs .logo,
.pink-theme .user,
.pink-theme section {
  background: #f7dad4 !important;
}
.pink-theme .user .password,
.pink-theme .user .username {
  background: #f7c4c0;
}
.pink-theme .user .password:before,
.pink-theme .user .username:before {
  opacity: 0.3;
}
.pink-theme .user .password input::placeholder,
.pink-theme .user .username input::placeholder {
  color: #fff;
}
.pink-theme .notice {
  background: #e59999;
  color: #fff;
}
.pink-theme .notice font {
  color: #fff;
}
.pink-theme #game .list .item,
.pink-theme .game-list .card,
.pink-theme .game-list .elgame,
.pink-theme .game-list .fish,
.pink-theme .game-list .live,
.pink-theme .game-list .lottery,
.pink-theme .game-list .sport {
  border-color: #f7dad4;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #e59999;
}
.pink-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/pink/btnHistory.png");
}
.pink-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/pink/btnHot.png");
}
.pink-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/pink/btnRecommond.png");
}
.pink-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/pink/btnLivegame.png");
}
.pink-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/pink/btnSlot.png");
}
.pink-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/pink/btnTogel.png");
}
.pink-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/pink/btnSport.png");
}
.pink-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/pink/btnKartu.png");
}
.pink-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/pink/btnFishing.png");
}
.pink-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.pink-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/pink/btnSelect.png");
  background-size: 100% 100%;
}
.pc .pink-theme .game-list-box .game-menu .game-menu-current i,
.pink-theme #deposit .container .bank-list b,
.pink-theme #deposit .container .bank-list p u,
.pink-theme #myMessage .list .item .left .top b,
.pink-theme #withdrawal .container ul li p,
.pink-theme .game-list .game-menu .game-menu-current i,
.pink-theme .loginForm .login-item input,
.pink-theme .loginForm .memberPsw label,
.pink-theme .loginForm .other-item b,
.pink-theme .mine-top .mine-statistics .commissionToday span i,
.pink-theme .mine-top .mine-statistics .myPurse span i,
.pink-theme .notice .scrollText {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.pink-theme footer {
  background: #e59999;
}
.pink-theme footer .nav-item .icon {
  background-image: url("images/theme/pink/btnHome.png") !important;
  background-position: center 5px !important;
}
.pink-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/pink/btnPromosi.png") !important;
}
.pink-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/pink/btnContact.png") !important;
}
.pink-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/pink/btnMenu.png") !important;
}
.mobile .pink-theme footer .nav-item .icon {
  background-image: url("images/theme/pink/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .pink-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/pink/btnDeposit.png") !important;
}
.mobile .pink-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/pink/btnPromosi.png") !important;
}
.mobile .pink-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/pink/btnWithdrawal.png") !important;
}
.mobile .pink-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/pink/btnMenu.png") !important;
}
.pink-theme footer .nav-item h3 {
  color: #fff;
}
.pink-theme #betRecords .sub-tabs,
.pink-theme .rebate-table table thead th,
.pink-theme .recommend-table table thead th,
.pink-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.pink-theme #accountsAndSecurity ul,
.pink-theme #activity .game-list .game-items .game-item,
.pink-theme #betRecords .list .items,
.pink-theme #betRecords .list .items li:nth-child(2n-1),
.pink-theme #deposit .container dl,
.pink-theme #deposit .container ul,
.pink-theme #game .list .item,
.pink-theme #gameRules .rule-detail .rule-content,
.pink-theme #gameRules .rule-detail .tabs,
.pink-theme #gameRules .rule-detail .tabs li,
.pink-theme #lotteryCalculate .rule-detail .rule-content,
.pink-theme #lotteryCalculate .rule-detail .rule-content dd table,
.pink-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.pink-theme #lotteryCalculate .rule-detail .tabs,
.pink-theme #lotteryCalculate .rule-detail .tabs li,
.pink-theme #myFavorite .list,
.pink-theme #myFavorite .tabs,
.pink-theme #myFavorite .tabs li,
.pink-theme #myMessage .list,
.pink-theme #myRecommend .detail dl,
.pink-theme #myRecommend .detail dl dd,
.pink-theme #myRecommend .detail dl dd:nth-child(2n),
.pink-theme #oddsRules .rule-detail .rule-content,
.pink-theme #oddsRules .rule-detail .rule-content dd table,
.pink-theme #oddsRules .rule-detail .rule-content dd table tr,
.pink-theme #oddsRules .rule-detail .tabs,
.pink-theme #oddsRules .rule-detail .tabs li,
.pink-theme #personalData ul,
.pink-theme #transactionRecords .list,
.pink-theme #withdrawal .container .payment-list .payment-item,
.pink-theme #withdrawal .container ul,
.pink-theme .game-list .card,
.pink-theme .game-list .elgame,
.pink-theme .game-list .fish,
.pink-theme .game-list .live,
.pink-theme .game-list .lottery,
.pink-theme .game-list .sport,
.pink-theme .mine-about ul li,
.pink-theme .mine-common,
.pink-theme .mine-menus,
.pink-theme .rebate-table table tbody td,
.pink-theme .recommend-share,
.pink-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.pink-theme #deposit .container .bank-tabs,
.pink-theme #paymentMethod .container,
.pink-theme #paymentMethod .container .payment-list,
.pink-theme #withdrawal .container ul li,
.pink-theme .mine-menus ul li {
  background: 0 0;
}
.pink-theme #deposit .container .bank-list .bank-item,
.pink-theme #myMessage .list .item,
.pink-theme #personalData ul li,
.pink-theme .mine-about ul li,
.pink-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.pink-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.pink-theme .mine-top .mine-statistics {
  background: linear-gradient(120deg, #ce7281, #cb6b7c);
}
.pink-theme #deposit .container .deposit-banklist,
.pink-theme .game-bank-rule .home-banklist,
.pink-theme .game-list .game-items .home-banklist {
  background: linear-gradient(120deg, #cb6b7c, #ce7281);
  box-shadow: 0 0 1rem #e59999;
  border: none;
}
.pink-theme #myMessage .list .item:last-child,
.pink-theme #personalData ul li:last-child,
.pink-theme .mine-about ul li:last-child,
.pink-theme .mine-menus ul li:last-child {
  border: none;
}
.pink-theme #gameRules .rule-detail .tabs .actived,
.pink-theme #lotteryCalculate .rule-detail .tabs .actived,
.pink-theme #myFavorite .tabs .actived,
.pink-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.pink-theme #accountsAndSecurity ul li i,
.pink-theme #betRecords .navigator-bar .navi-filter,
.pink-theme #gameRules .navigator-bar i,
.pink-theme #lotteryCalculate .navigator-bar i,
.pink-theme #myMessage .list .item .left .bottom i,
.pink-theme #oddsRules .navigator-bar i,
.pink-theme #personalData ul li i,
.pink-theme .loginForm .login-psw b,
.pink-theme .mine-about ul li:after,
.pink-theme .mine-menus ul li:after,
.pink-theme .navigator-bar .detail-navi-back,
.pink-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.pink-theme .mine-menus ul li img,
.pink-theme .mine-top .mine-info .about,
.pink-theme .user .password:before,
.pink-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.pink-theme #mask .login-notify {
  background: #f7dad4;
  color: #fff;
}
.pink-theme #mask .login-success-btn a,
.pink-theme .loginForm .login-btn,
.pink-theme .recommend-register a {
  background: linear-gradient(to bottom, #f7dad4, #e59999);
}
.pink-theme #mask .login-success-btn {
  background: #f7dad4;
}
.pink-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .pink-theme .game-bank-rule .home-banklist .bank-rule a,
.pink-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .pink-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .pink-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/pink/btnHistory.png");
}
.pc .pink-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/pink/btnHot.png");
}
.pc .pink-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/pink/btnRecommond.png");
}
.pc .pink-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/pink/btnLivegame.png");
}
.pc .pink-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/pink/btnSlot.png");
}
.pc .pink-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/pink/btnTogel.png");
}
.pc .pink-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/pink/btnSport.png");
}
.pc .pink-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/pink/btnKartu.png");
}
.pc .pink-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/pink/btnFishing.png");
}
.pc .pink-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .pink-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/pink/btnSelect.png");
  background-size: 100% 100%;
}
.pc .pink-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .pink-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .pink-theme .user .password,
.pc .pink-theme .user .username {
  flex: 2;
}
.pc .pink-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .pink-theme #footer {
  background: #e59999;
}
.pc .pink-theme #footer .footer-inner .other .service a:after,
.pc .pink-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .pink-theme #footer,
.pc .pink-theme #footer .footer-inner .other .about a,
.pc .pink-theme #footer .footer-inner .other .service,
.pc .pink-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .pink-theme #footer .footer-inner .other .authentication .item img,
.pc .pink-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Navy_blue-theme {
  color: #fff;
}
.Navy_blue-theme #mask {
  color: #6a82ad;
}
.Navy_blue-theme #service .navigator-bar,
.Navy_blue-theme #service .navigator-bar .service-navi-bar img,
.Navy_blue-theme #service .navigator-bar .service-navi-bar p,
.Navy_blue-theme .navigator-bar {
  background: #010a21;
  color: #fff;
}
.Navy_blue-theme .loginForm,
.Navy_blue-theme .tabs,
.Navy_blue-theme .tabs .logo,
.Navy_blue-theme .user,
.Navy_blue-theme section,
.pc .Navy_blue-theme .index-footer,
.pc body.Navy_blue-theme {
  background: #02133e !important;
}
.Navy_blue-theme .user .password,
.Navy_blue-theme .user .username {
  background: #375194;
}
.Navy_blue-theme .user .password:before,
.Navy_blue-theme .user .username:before {
  opacity: 0.3;
}
.Navy_blue-theme .user .password input::placeholder,
.Navy_blue-theme .user .username input::placeholder {
  color: #fff;
}
.Navy_blue-theme .notice {
  background: #010a21;
  color: #fff;
}
.Navy_blue-theme .notice font {
  color: #fff;
}
.Navy_blue-theme #game .list .item,
.Navy_blue-theme .game-list .card,
.Navy_blue-theme .game-list .elgame,
.Navy_blue-theme .game-list .fish,
.Navy_blue-theme .game-list .live,
.Navy_blue-theme .game-list .lottery,
.Navy_blue-theme .game-list .sport {
  border-color: #375194;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #010a21;
}
.Navy_blue-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Navy_blue/btnHistory.png");
}
.Navy_blue-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Navy_blue/btnRecommond.png");
}
.Navy_blue-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Navy_blue/btnLivegame.png");
}
.Navy_blue-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Navy_blue/btnSlot.png");
}
.Navy_blue-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Navy_blue/btnTogel.png");
}
.Navy_blue-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Navy_blue/btnSport.png");
}
.Navy_blue-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Navy_blue/btnKartu.png");
}
.Navy_blue-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Navy_blue/btnFishing.png");
}
.Navy_blue-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Navy_blue-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Navy_blue/btnSelect.png");
  background-size: 100% 100%;
}
.Navy_blue-theme #deposit .container .bank-list b,
.Navy_blue-theme #deposit .container .bank-list p u,
.Navy_blue-theme #myMessage .list .item .left .top b,
.Navy_blue-theme #withdrawal .container ul li p,
.Navy_blue-theme .game-list .game-menu .game-menu-current i,
.Navy_blue-theme .loginForm .login-item input,
.Navy_blue-theme .loginForm .memberPsw label,
.Navy_blue-theme .loginForm .other-item b,
.Navy_blue-theme .mine-top .mine-statistics .commissionToday span i,
.Navy_blue-theme .mine-top .mine-statistics .myPurse span i,
.Navy_blue-theme .notice .scrollText,
.pc .Navy_blue-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Navy_blue-theme footer {
  background: #010a21;
}
.Navy_blue-theme footer .nav-item .icon {
  background-image: url("images/theme/Navy_blue/btnHome.png") !important;
  background-position: center 5px !important;
}
.Navy_blue-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Navy_blue/btnPromosi.png") !important;
}
.Navy_blue-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Navy_blue/btnContact.png") !important;
}
.Navy_blue-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Navy_blue/btnMenu.png") !important;
}
.mobile .Navy_blue-theme footer .nav-item .icon {
  background-image: url("images/theme/Navy_blue/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Navy_blue-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Navy_blue/btnDeposit.png") !important;
}
.mobile .Navy_blue-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Navy_blue/btnPromosi.png") !important;
}
.mobile .Navy_blue-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Navy_blue/btnWithdrawal.png") !important;
}
.mobile .Navy_blue-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Navy_blue/btnMenu.png") !important;
}
.Navy_blue-theme footer .nav-item h3 {
  color: #fff;
}
.Navy_blue-theme #betRecords .sub-tabs,
.Navy_blue-theme .rebate-table table thead th,
.Navy_blue-theme .recommend-table table thead th,
.Navy_blue-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Navy_blue-theme #accountsAndSecurity ul,
.Navy_blue-theme #activity .game-list .game-items .game-item,
.Navy_blue-theme #betRecords .list .items,
.Navy_blue-theme #betRecords .list .items li:nth-child(2n-1),
.Navy_blue-theme #deposit .container dl,
.Navy_blue-theme #deposit .container ul,
.Navy_blue-theme #game .list .item,
.Navy_blue-theme #gameRules .rule-detail .rule-content,
.Navy_blue-theme #gameRules .rule-detail .tabs,
.Navy_blue-theme #gameRules .rule-detail .tabs li,
.Navy_blue-theme #lotteryCalculate .rule-detail .rule-content,
.Navy_blue-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Navy_blue-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Navy_blue-theme #lotteryCalculate .rule-detail .tabs,
.Navy_blue-theme #lotteryCalculate .rule-detail .tabs li,
.Navy_blue-theme #myFavorite .list,
.Navy_blue-theme #myFavorite .tabs,
.Navy_blue-theme #myFavorite .tabs li,
.Navy_blue-theme #myMessage .list,
.Navy_blue-theme #myRecommend .detail dl,
.Navy_blue-theme #myRecommend .detail dl dd,
.Navy_blue-theme #myRecommend .detail dl dd:nth-child(2n),
.Navy_blue-theme #oddsRules .rule-detail .rule-content,
.Navy_blue-theme #oddsRules .rule-detail .rule-content dd table,
.Navy_blue-theme #oddsRules .rule-detail .rule-content dd table tr,
.Navy_blue-theme #oddsRules .rule-detail .tabs,
.Navy_blue-theme #oddsRules .rule-detail .tabs li,
.Navy_blue-theme #personalData ul,
.Navy_blue-theme #transactionRecords .list,
.Navy_blue-theme #withdrawal .container .payment-list .payment-item,
.Navy_blue-theme #withdrawal .container ul,
.Navy_blue-theme .game-list .card,
.Navy_blue-theme .game-list .elgame,
.Navy_blue-theme .game-list .fish,
.Navy_blue-theme .game-list .live,
.Navy_blue-theme .game-list .lottery,
.Navy_blue-theme .game-list .sport,
.Navy_blue-theme .mine-about ul li,
.Navy_blue-theme .mine-common,
.Navy_blue-theme .mine-menus,
.Navy_blue-theme .rebate-table table tbody td,
.Navy_blue-theme .recommend-share,
.Navy_blue-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Navy_blue-theme #deposit .container .bank-tabs,
.Navy_blue-theme #paymentMethod .container,
.Navy_blue-theme #paymentMethod .container .payment-list,
.Navy_blue-theme #withdrawal .container ul li,
.Navy_blue-theme .mine-menus ul li {
  background: 0 0;
}
.Navy_blue-theme #deposit .container .bank-list .bank-item,
.Navy_blue-theme #myMessage .list .item,
.Navy_blue-theme #personalData ul li,
.Navy_blue-theme .mine-about ul li,
.Navy_blue-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Navy_blue-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Navy_blue-theme .mine-top .mine-statistics {
  background: #010a21
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Navy_blue-theme #deposit .container .deposit-banklist,
.Navy_blue-theme .game-bank-rule .home-banklist,
.Navy_blue-theme .game-list .game-items .home-banklist {
  background: #010a21
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #010a21;
  border: none;
}
.Navy_blue-theme #myMessage .list .item:last-child,
.Navy_blue-theme #personalData ul li:last-child,
.Navy_blue-theme .mine-about ul li:last-child,
.Navy_blue-theme .mine-menus ul li:last-child {
  border: none;
}
.Navy_blue-theme #gameRules .rule-detail .tabs .actived,
.Navy_blue-theme #lotteryCalculate .rule-detail .tabs .actived,
.Navy_blue-theme #myFavorite .tabs .actived,
.Navy_blue-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Navy_blue-theme #accountsAndSecurity ul li i,
.Navy_blue-theme #betRecords .navigator-bar .navi-filter,
.Navy_blue-theme #gameRules .navigator-bar i,
.Navy_blue-theme #lotteryCalculate .navigator-bar i,
.Navy_blue-theme #myMessage .list .item .left .bottom i,
.Navy_blue-theme #oddsRules .navigator-bar i,
.Navy_blue-theme #personalData ul li i,
.Navy_blue-theme .loginForm .login-psw b,
.Navy_blue-theme .mine-about ul li:after,
.Navy_blue-theme .mine-menus ul li:after,
.Navy_blue-theme .navigator-bar .detail-navi-back,
.Navy_blue-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Navy_blue-theme .mine-menus ul li img,
.Navy_blue-theme .mine-top .mine-info .about,
.Navy_blue-theme .user .password:before,
.Navy_blue-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Navy_blue-theme #mask .login-notify {
  background: #375194;
  color: #fff;
}
.Navy_blue-theme #mask .login-success-btn a,
.Navy_blue-theme .loginForm .login-btn,
.Navy_blue-theme .recommend-register a {
  background: linear-gradient(to bottom, #375194, #010a21);
}
.Navy_blue-theme #mask .login-success-btn {
  background: #375194;
}
.Navy_blue-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Navy_blue-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Navy_blue-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Navy_blue-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Navy_blue-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Navy_blue/btnHistory.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Navy_blue/btnHot.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Navy_blue/btnRecommond.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Navy_blue/btnLivegame.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Navy_blue/btnSlot.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Navy_blue/btnTogel.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Navy_blue/btnSport.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Navy_blue/btnKartu.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Navy_blue/btnFishing.png");
}
.pc .Navy_blue-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Navy_blue-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Navy_blue/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Navy_blue-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Navy_blue-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Navy_blue-theme .user .password,
.pc .Navy_blue-theme .user .username {
  flex: 2;
}
.pc .Navy_blue-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Navy_blue-theme #footer {
  background: #010a21;
}
.pc .Navy_blue-theme #footer .footer-inner .other .service a:after,
.pc .Navy_blue-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Navy_blue-theme #footer,
.pc .Navy_blue-theme #footer .footer-inner .other .about a,
.pc .Navy_blue-theme #footer .footer-inner .other .service,
.pc .Navy_blue-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .Navy_blue-theme #footer .footer-inner .other .authentication .item img,
.pc .Navy_blue-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.black_gold-theme {
  color: #fff;
}
.black_gold-theme #mask {
  color: #6a82ad;
}
.black_gold-theme #service .navigator-bar,
.black_gold-theme #service .navigator-bar .service-navi-bar img,
.black_gold-theme #service .navigator-bar .service-navi-bar p,
.black_gold-theme .navigator-bar {
  background: #000;
  color: #fff;
}
.black_gold-theme .loginForm,
.black_gold-theme .tabs,
.black_gold-theme .tabs .logo,
.black_gold-theme .user,
.black_gold-theme section,
.pc .black_gold-theme .index-footer,
.pc body.black_gold-theme {
  background: #0d0a02 !important;
}
.black_gold-theme .user .password,
.black_gold-theme .user .username {
  background: #474747;
}
.black_gold-theme .user .password:before,
.black_gold-theme .user .username:before {
  opacity: 0.3;
}
.black_gold-theme .user .password input::placeholder,
.black_gold-theme .user .username input::placeholder {
  color: #fff;
}
.black_gold-theme .notice {
  background: #000;
  color: #fff;
}
.black_gold-theme .notice font {
  color: #fff;
}
.black_gold-theme #game .list .item,
.black_gold-theme .game-list .card,
.black_gold-theme .game-list .elgame,
.black_gold-theme .game-list .fish,
.black_gold-theme .game-list .live,
.black_gold-theme .game-list .lottery,
.black_gold-theme .game-list .sport {
  border-color: #0d0a02;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
}
.black_gold-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/black_gold/btnHistory.png");
}
.black_gold-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/black_gold/btnHot.png");
}
.black_gold-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/black_gold/btnRecommond.png");
}
.black_gold-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/black_gold/btnLivegame.png");
}
.black_gold-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/black_gold/btnSlot.png");
}
.black_gold-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/black_gold/btnTogel.png");
}
.black_gold-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/black_gold/btnSport.png");
}
.black_gold-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/black_gold/btnKartu.png");
}
.black_gold-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/black_gold/btnFishing.png");
}
.black_gold-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.black_gold-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black_gold/btnSelect.png");
  background-size: 100% 100%;
}
.black_gold-theme #deposit .container .bank-list b,
.black_gold-theme #deposit .container .bank-list p u,
.black_gold-theme #myMessage .list .item .left .top b,
.black_gold-theme #withdrawal .container ul li p,
.black_gold-theme .game-list .game-menu .game-menu-current i,
.black_gold-theme .loginForm .login-item input,
.black_gold-theme .loginForm .memberPsw label,
.black_gold-theme .loginForm .other-item b,
.black_gold-theme .mine-top .mine-statistics .commissionToday span i,
.black_gold-theme .mine-top .mine-statistics .myPurse span i,
.black_gold-theme .notice .scrollText,
.pc .black_gold-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.black_gold-theme footer {
  background: #000;
}
.black_gold-theme footer .nav-item .icon {
  background-image: url("images/theme/black_gold/btnHome.png") !important;
  background-position: center 5px !important;
}
.black_gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black_gold/btnPromosi.png") !important;
}
.black_gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black_gold/btnContact.png") !important;
}
.black_gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black_gold/btnMenu.png") !important;
}
.mobile .black_gold-theme footer .nav-item .icon {
  background-image: url("images/theme/black_gold/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .black_gold-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black_gold/btnDeposit.png") !important;
}
.mobile .black_gold-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black_gold/btnPromosi.png") !important;
}
.mobile .black_gold-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black_gold/btnWithdrawal.png") !important;
}
.mobile .black_gold-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/black_gold/btnMenu.png") !important;
}
.black_gold-theme footer .nav-item h3 {
  color: #fff;
}
.black_gold-theme #betRecords .sub-tabs,
.black_gold-theme .rebate-table table thead th,
.black_gold-theme .recommend-table table thead th,
.black_gold-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.black_gold-theme #accountsAndSecurity ul,
.black_gold-theme #activity .game-list .game-items .game-item,
.black_gold-theme #betRecords .list .items,
.black_gold-theme #betRecords .list .items li:nth-child(2n-1),
.black_gold-theme #deposit .container dl,
.black_gold-theme #deposit .container ul,
.black_gold-theme #game .list .item,
.black_gold-theme #gameRules .rule-detail .rule-content,
.black_gold-theme #gameRules .rule-detail .tabs,
.black_gold-theme #gameRules .rule-detail .tabs li,
.black_gold-theme #lotteryCalculate .rule-detail .rule-content,
.black_gold-theme #lotteryCalculate .rule-detail .rule-content dd table,
.black_gold-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.black_gold-theme #lotteryCalculate .rule-detail .tabs,
.black_gold-theme #lotteryCalculate .rule-detail .tabs li,
.black_gold-theme #myFavorite .list,
.black_gold-theme #myFavorite .tabs,
.black_gold-theme #myFavorite .tabs li,
.black_gold-theme #myMessage .list,
.black_gold-theme #myRecommend .detail dl,
.black_gold-theme #myRecommend .detail dl dd,
.black_gold-theme #myRecommend .detail dl dd:nth-child(2n),
.black_gold-theme #oddsRules .rule-detail .rule-content,
.black_gold-theme #oddsRules .rule-detail .rule-content dd table,
.black_gold-theme #oddsRules .rule-detail .rule-content dd table tr,
.black_gold-theme #oddsRules .rule-detail .tabs,
.black_gold-theme #oddsRules .rule-detail .tabs li,
.black_gold-theme #personalData ul,
.black_gold-theme #transactionRecords .list,
.black_gold-theme #withdrawal .container .payment-list .payment-item,
.black_gold-theme #withdrawal .container ul,
.black_gold-theme .game-list .card,
.black_gold-theme .game-list .elgame,
.black_gold-theme .game-list .fish,
.black_gold-theme .game-list .live,
.black_gold-theme .game-list .lottery,
.black_gold-theme .game-list .sport,
.black_gold-theme .mine-about ul li,
.black_gold-theme .mine-common,
.black_gold-theme .mine-menus,
.black_gold-theme .rebate-table table tbody td,
.black_gold-theme .recommend-share,
.black_gold-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.black_gold-theme #deposit .container .bank-tabs,
.black_gold-theme #paymentMethod .container,
.black_gold-theme #paymentMethod .container .payment-list,
.black_gold-theme #withdrawal .container ul li,
.black_gold-theme .mine-menus ul li {
  background: 0 0;
}
.black_gold-theme #deposit .container .bank-list .bank-item,
.black_gold-theme #myMessage .list .item,
.black_gold-theme #personalData ul li,
.black_gold-theme .mine-about ul li,
.black_gold-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.black_gold-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.black_gold-theme .mine-top .mine-statistics {
  background: #000
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.black_gold-theme #deposit .container .deposit-banklist,
.black_gold-theme .game-bank-rule .home-banklist,
.black_gold-theme .game-list .game-items .home-banklist {
  background: #000
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #000;
  border: none;
}
.black_gold-theme #myMessage .list .item:last-child,
.black_gold-theme #personalData ul li:last-child,
.black_gold-theme .mine-about ul li:last-child,
.black_gold-theme .mine-menus ul li:last-child {
  border: none;
}
.black_gold-theme #gameRules .rule-detail .tabs .actived,
.black_gold-theme #lotteryCalculate .rule-detail .tabs .actived,
.black_gold-theme #myFavorite .tabs .actived,
.black_gold-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.black_gold-theme #accountsAndSecurity ul li i,
.black_gold-theme #betRecords .navigator-bar .navi-filter,
.black_gold-theme #gameRules .navigator-bar i,
.black_gold-theme #lotteryCalculate .navigator-bar i,
.black_gold-theme #myMessage .list .item .left .bottom i,
.black_gold-theme #oddsRules .navigator-bar i,
.black_gold-theme #personalData ul li i,
.black_gold-theme .loginForm .login-psw b,
.black_gold-theme .mine-about ul li:after,
.black_gold-theme .mine-menus ul li:after,
.black_gold-theme .navigator-bar .detail-navi-back,
.black_gold-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.black_gold-theme .mine-menus ul li img,
.black_gold-theme .mine-top .mine-info .about,
.black_gold-theme .user .password:before,
.black_gold-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.black_gold-theme #mask .login-notify {
  background: #0d0a02;
  color: #fff;
}
.black_gold-theme #mask .login-success-btn a,
.black_gold-theme .loginForm .login-btn,
.black_gold-theme .recommend-register a {
  background: linear-gradient(to bottom, #0d0a02, #000);
}
.black_gold-theme #mask .login-success-btn {
  background: #0d0a02;
}
.black_gold-theme #betRecords .list .items {
  gap: 0.07rem;
}
.black_gold-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .black_gold-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .black_gold-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black_gold-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/black_gold/btnHistory.png");
}
.pc .black_gold-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/black_gold/btnHot.png");
}
.pc .black_gold-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/black_gold/btnRecommond.png");
}
.pc .black_gold-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/black_gold/btnLivegame.png");
}
.pc .black_gold-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/black_gold/btnSlot.png");
}
.pc .black_gold-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/black_gold/btnTogel.png");
}
.pc .black_gold-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/black_gold/btnSport.png");
}
.pc .black_gold-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/black_gold/btnKartu.png");
}
.pc .black_gold-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/black_gold/btnFishing.png");
}
.pc .black_gold-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .black_gold-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black_gold/btnSelect.png");
  background-size: 100% 100%;
}
.pc .black_gold-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black_gold-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .black_gold-theme .user .password,
.pc .black_gold-theme .user .username {
  flex: 2;
}
.pc .black_gold-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .black_gold-theme #footer {
  background: #000;
}
.pc .black_gold-theme #footer .footer-inner .other .service a:after,
.pc .black_gold-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .black_gold-theme #footer,
.pc .black_gold-theme #footer .footer-inner .other .about a,
.pc .black_gold-theme #footer .footer-inner .other .service,
.pc .black_gold-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .black_gold-theme #footer .footer-inner .other .authentication .item img,
.pc .black_gold-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.black_yellow-theme {
  color: #fff;
}
.black_yellow-theme #mask {
  color: #6a82ad;
}
.black_yellow-theme #service .navigator-bar,
.black_yellow-theme #service .navigator-bar .service-navi-bar img,
.black_yellow-theme #service .navigator-bar .service-navi-bar p,
.black_yellow-theme .navigator-bar {
  background: #0c0c0c;
  color: #fff;
}
.black_yellow-theme .loginForm,
.black_yellow-theme .tabs,
.black_yellow-theme .tabs .logo,
.black_yellow-theme .user,
.black_yellow-theme section,
.pc .black_yellow-theme .index-footer,
.pc body.black_yellow-theme {
  background: #fe9800 !important;
}
.black_yellow-theme .user .password,
.black_yellow-theme .user .username {
  background: #ffc978;
}
.black_yellow-theme .user .password:before,
.black_yellow-theme .user .username:before {
  opacity: 0.3;
}
.black_yellow-theme .user .password input::placeholder,
.black_yellow-theme .user .username input::placeholder {
  color: #fff;
}
.black_yellow-theme .notice {
  background: #0c0c0c;
  color: #fff;
}
.black_yellow-theme .notice font {
  color: #fff;
}
.black_yellow-theme #game .list .item,
.black_yellow-theme .game-list .card,
.black_yellow-theme .game-list .elgame,
.black_yellow-theme .game-list .fish,
.black_yellow-theme .game-list .live,
.black_yellow-theme .game-list .lottery,
.black_yellow-theme .game-list .sport {
  border-color: #ffc978;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #0c0c0c;
}
.black_yellow-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/black_yellow/btnHistory.png");
}
.black_yellow-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/black_yellow/btnHot.png");
}
.black_yellow-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/black_yellow/btnRecommond.png");
}
.black_yellow-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/black_yellow/btnLivegame.png");
}
.black_yellow-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/black_yellow/btnSlot.png");
}
.black_yellow-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/black_yellow/btnTogel.png");
}
.black_yellow-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/black_yellow/btnSport.png");
}
.black_yellow-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/black_yellow/btnKartu.png");
}
.black_yellow-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/black_yellow/btnFishing.png");
}
.black_yellow-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.black_yellow-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.black_yellow-theme #deposit .container .bank-list b,
.black_yellow-theme #deposit .container .bank-list p u,
.black_yellow-theme #myMessage .list .item .left .top b,
.black_yellow-theme #withdrawal .container ul li p,
.black_yellow-theme .game-list .game-menu .game-menu-current i,
.black_yellow-theme .loginForm .login-item input,
.black_yellow-theme .loginForm .memberPsw label,
.black_yellow-theme .loginForm .other-item b,
.black_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.black_yellow-theme .mine-top .mine-statistics .myPurse span i,
.black_yellow-theme .notice .scrollText,
.pc .black_yellow-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.black_yellow-theme footer {
  background: #0c0c0c;
}
.black_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/black_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.black_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black_yellow/btnPromosi.png") !important;
}
.black_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black_yellow/btnContact.png") !important;
}
.black_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black_yellow/btnMenu.png") !important;
}
.mobile .black_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/black_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .black_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/black_yellow/btnDeposit.png") !important;
}
.mobile .black_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/black_yellow/btnPromosi.png") !important;
}
.mobile .black_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/black_yellow/btnWithdrawal.png") !important;
}
.mobile .black_yellow-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/black_yellow/btnMenu.png") !important;
}
.black_yellow-theme footer .nav-item h3 {
  color: #fff;
}
.black_yellow-theme #betRecords .sub-tabs,
.black_yellow-theme .rebate-table table thead th,
.black_yellow-theme .recommend-table table thead th,
.black_yellow-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.black_yellow-theme #accountsAndSecurity ul,
.black_yellow-theme #activity .game-list .game-items .game-item,
.black_yellow-theme #betRecords .list .items,
.black_yellow-theme #betRecords .list .items li:nth-child(2n-1),
.black_yellow-theme #deposit .container dl,
.black_yellow-theme #deposit .container ul,
.black_yellow-theme #game .list .item,
.black_yellow-theme #gameRules .rule-detail .rule-content,
.black_yellow-theme #gameRules .rule-detail .tabs,
.black_yellow-theme #gameRules .rule-detail .tabs li,
.black_yellow-theme #lotteryCalculate .rule-detail .rule-content,
.black_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table,
.black_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.black_yellow-theme #lotteryCalculate .rule-detail .tabs,
.black_yellow-theme #lotteryCalculate .rule-detail .tabs li,
.black_yellow-theme #myFavorite .list,
.black_yellow-theme #myFavorite .tabs,
.black_yellow-theme #myFavorite .tabs li,
.black_yellow-theme #myMessage .list,
.black_yellow-theme #myRecommend .detail dl,
.black_yellow-theme #myRecommend .detail dl dd,
.black_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.black_yellow-theme #oddsRules .rule-detail .rule-content,
.black_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.black_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.black_yellow-theme #oddsRules .rule-detail .tabs,
.black_yellow-theme #oddsRules .rule-detail .tabs li,
.black_yellow-theme #personalData ul,
.black_yellow-theme #transactionRecords .list,
.black_yellow-theme #withdrawal .container .payment-list .payment-item,
.black_yellow-theme #withdrawal .container ul,
.black_yellow-theme .game-list .card,
.black_yellow-theme .game-list .elgame,
.black_yellow-theme .game-list .fish,
.black_yellow-theme .game-list .live,
.black_yellow-theme .game-list .lottery,
.black_yellow-theme .game-list .sport,
.black_yellow-theme .mine-about ul li,
.black_yellow-theme .mine-common,
.black_yellow-theme .mine-menus,
.black_yellow-theme .rebate-table table tbody td,
.black_yellow-theme .recommend-share,
.black_yellow-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.black_yellow-theme #deposit .container .bank-tabs,
.black_yellow-theme #paymentMethod .container,
.black_yellow-theme #paymentMethod .container .payment-list,
.black_yellow-theme #withdrawal .container ul li,
.black_yellow-theme .mine-menus ul li {
  background: 0 0;
}
.black_yellow-theme #deposit .container .bank-list .bank-item,
.black_yellow-theme #myMessage .list .item,
.black_yellow-theme #personalData ul li,
.black_yellow-theme .mine-about ul li,
.black_yellow-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.black_yellow-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.black_yellow-theme .mine-top .mine-statistics {
  background: #0c0c0c
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.black_yellow-theme #deposit .container .deposit-banklist,
.black_yellow-theme .game-bank-rule .home-banklist,
.black_yellow-theme .game-list .game-items .home-banklist {
  background: #0c0c0c
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #0c0c0c;
  border: none;
}
.black_yellow-theme #myMessage .list .item:last-child,
.black_yellow-theme #personalData ul li:last-child,
.black_yellow-theme .mine-about ul li:last-child,
.black_yellow-theme .mine-menus ul li:last-child {
  border: none;
}
.black_yellow-theme #gameRules .rule-detail .tabs .actived,
.black_yellow-theme #lotteryCalculate .rule-detail .tabs .actived,
.black_yellow-theme #myFavorite .tabs .actived,
.black_yellow-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.black_yellow-theme #accountsAndSecurity ul li i,
.black_yellow-theme #betRecords .navigator-bar .navi-filter,
.black_yellow-theme #gameRules .navigator-bar i,
.black_yellow-theme #lotteryCalculate .navigator-bar i,
.black_yellow-theme #myMessage .list .item .left .bottom i,
.black_yellow-theme #oddsRules .navigator-bar i,
.black_yellow-theme #personalData ul li i,
.black_yellow-theme .loginForm .login-psw b,
.black_yellow-theme .mine-about ul li:after,
.black_yellow-theme .mine-menus ul li:after,
.black_yellow-theme .navigator-bar .detail-navi-back,
.black_yellow-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.black_yellow-theme .mine-menus ul li img,
.black_yellow-theme .mine-top .mine-info .about,
.black_yellow-theme .user .password:before,
.black_yellow-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.black_yellow-theme #mask .login-notify {
  background: #ffc978;
  color: #fff;
}
.black_yellow-theme #mask .login-success-btn a,
.black_yellow-theme .loginForm .login-btn,
.black_yellow-theme .recommend-register a {
  background: linear-gradient(to bottom, #ffc978, #0c0c0c);
}
.black_yellow-theme #mask .login-success-btn {
  background: #ffc978;
}
.black_yellow-theme #betRecords .list .items {
  gap: 0.07rem;
}
.black_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .black_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .black_yellow-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black_yellow-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/black_yellow/btnHistory.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/black_yellow/btnHot.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/black_yellow/btnRecommond.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/black_yellow/btnLivegame.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/black_yellow/btnSlot.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/black_yellow/btnTogel.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/black_yellow/btnSport.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/black_yellow/btnKartu.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/black_yellow/btnFishing.png");
}
.pc .black_yellow-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .black_yellow-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/black_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .black_yellow-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .black_yellow-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .black_yellow-theme .user .password,
.pc .black_yellow-theme .user .username {
  flex: 2;
}
.pc .black_yellow-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .black_yellow-theme #footer {
  background: #0c0c0c;
}
.pc .black_yellow-theme #footer .footer-inner .other .service a:after,
.pc .black_yellow-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .black_yellow-theme #footer,
.pc .black_yellow-theme #footer .footer-inner .other .about a,
.pc .black_yellow-theme #footer .footer-inner .other .service,
.pc .black_yellow-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .black_yellow-theme #footer .footer-inner .other .authentication .item img,
.pc .black_yellow-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.red_yellow-theme {
  color: #fff;
}
.red_yellow-theme #mask {
  color: #6a82ad;
}
.red_yellow-theme #service .navigator-bar,
.red_yellow-theme #service .navigator-bar .service-navi-bar img,
.red_yellow-theme #service .navigator-bar .service-navi-bar p,
.red_yellow-theme .navigator-bar {
  background: #370202;
  color: #fff;
}
.pc .red_yellow-theme .index-footer,
.pc body.red_yellow-theme,
.red_yellow-theme .loginForm,
.red_yellow-theme .tabs,
.red_yellow-theme .tabs .logo,
.red_yellow-theme .user,
.red_yellow-theme section {
  background: #850504 !important;
}
.red_yellow-theme .user .password,
.red_yellow-theme .user .username {
  background: #b74d4c;
}
.red_yellow-theme .user .password:before,
.red_yellow-theme .user .username:before {
  opacity: 0.3;
}
.red_yellow-theme .user .password input::placeholder,
.red_yellow-theme .user .username input::placeholder {
  color: #fff;
}
.red_yellow-theme .notice {
  background: #370202;
  color: #fff;
}
.red_yellow-theme .notice font {
  color: #fff;
}
.red_yellow-theme #game .list .item,
.red_yellow-theme .game-list .card,
.red_yellow-theme .game-list .elgame,
.red_yellow-theme .game-list .fish,
.red_yellow-theme .game-list .live,
.red_yellow-theme .game-list .lottery,
.red_yellow-theme .game-list .sport {
  border-color: #850504;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #370202;
}
.red_yellow-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/red_yellow/btnHistory.png");
}
.red_yellow-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/red_yellow/btnHot.png");
}
.red_yellow-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/red_yellow/btnRecommond.png");
}
.red_yellow-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/red_yellow/btnLivegame.png");
}
.red_yellow-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/red_yellow/btnSlot.png");
}
.red_yellow-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/red_yellow/btnTogel.png");
}
.red_yellow-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/red_yellow/btnSport.png");
}
.red_yellow-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/red_yellow/btnKartu.png");
}
.red_yellow-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/red_yellow/btnFishing.png");
}
.red_yellow-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.red_yellow-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/red_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .red_yellow-theme .game-list-box .game-menu .game-menu-current i,
.red_yellow-theme #deposit .container .bank-list b,
.red_yellow-theme #deposit .container .bank-list p u,
.red_yellow-theme #myMessage .list .item .left .top b,
.red_yellow-theme #withdrawal .container ul li p,
.red_yellow-theme .game-list .game-menu .game-menu-current i,
.red_yellow-theme .loginForm .login-item input,
.red_yellow-theme .loginForm .memberPsw label,
.red_yellow-theme .loginForm .other-item b,
.red_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.red_yellow-theme .mine-top .mine-statistics .myPurse span i,
.red_yellow-theme .notice .scrollText {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.red_yellow-theme footer {
  background: #370202;
}
.red_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/red_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.red_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/red_yellow/btnPromosi.png") !important;
}
.red_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/red_yellow/btnContact.png") !important;
}
.red_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/red_yellow/btnMenu.png") !important;
}
.mobile .red_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/red_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .red_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/red_yellow/btnDeposit.png") !important;
}
.mobile .red_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/red_yellow/btnPromosi.png") !important;
}
.mobile .red_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/red_yellow/btnWithdrawal.png") !important;
}
.mobile .red_yellow-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/red_yellow/btnMenu.png") !important;
}
.red_yellow-theme footer .nav-item h3 {
  color: #fff;
}
.red_yellow-theme #betRecords .sub-tabs,
.red_yellow-theme .rebate-table table thead th,
.red_yellow-theme .recommend-table table thead th,
.red_yellow-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.red_yellow-theme #accountsAndSecurity ul,
.red_yellow-theme #activity .game-list .game-items .game-item,
.red_yellow-theme #betRecords .list .items,
.red_yellow-theme #betRecords .list .items li:nth-child(2n-1),
.red_yellow-theme #deposit .container dl,
.red_yellow-theme #deposit .container ul,
.red_yellow-theme #game .list .item,
.red_yellow-theme #gameRules .rule-detail .rule-content,
.red_yellow-theme #gameRules .rule-detail .tabs,
.red_yellow-theme #gameRules .rule-detail .tabs li,
.red_yellow-theme #lotteryCalculate .rule-detail .rule-content,
.red_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table,
.red_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.red_yellow-theme #lotteryCalculate .rule-detail .tabs,
.red_yellow-theme #lotteryCalculate .rule-detail .tabs li,
.red_yellow-theme #myFavorite .list,
.red_yellow-theme #myFavorite .tabs,
.red_yellow-theme #myFavorite .tabs li,
.red_yellow-theme #myMessage .list,
.red_yellow-theme #myRecommend .detail dl,
.red_yellow-theme #myRecommend .detail dl dd,
.red_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.red_yellow-theme #oddsRules .rule-detail .rule-content,
.red_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.red_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.red_yellow-theme #oddsRules .rule-detail .tabs,
.red_yellow-theme #oddsRules .rule-detail .tabs li,
.red_yellow-theme #personalData ul,
.red_yellow-theme #transactionRecords .list,
.red_yellow-theme #withdrawal .container .payment-list .payment-item,
.red_yellow-theme #withdrawal .container ul,
.red_yellow-theme .game-list .card,
.red_yellow-theme .game-list .elgame,
.red_yellow-theme .game-list .fish,
.red_yellow-theme .game-list .live,
.red_yellow-theme .game-list .lottery,
.red_yellow-theme .game-list .sport,
.red_yellow-theme .mine-about ul li,
.red_yellow-theme .mine-common,
.red_yellow-theme .mine-menus,
.red_yellow-theme .rebate-table table tbody td,
.red_yellow-theme .recommend-share,
.red_yellow-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.red_yellow-theme #deposit .container .bank-tabs,
.red_yellow-theme #paymentMethod .container,
.red_yellow-theme #paymentMethod .container .payment-list,
.red_yellow-theme #withdrawal .container ul li,
.red_yellow-theme .mine-menus ul li {
  background: 0 0;
}
.red_yellow-theme #deposit .container .bank-list .bank-item,
.red_yellow-theme #myMessage .list .item,
.red_yellow-theme #personalData ul li,
.red_yellow-theme .mine-about ul li,
.red_yellow-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.red_yellow-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.red_yellow-theme .mine-top .mine-statistics {
  background: #370202
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.red_yellow-theme #deposit .container .deposit-banklist,
.red_yellow-theme .game-bank-rule .home-banklist,
.red_yellow-theme .game-list .game-items .home-banklist {
  background: #370202
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #370202;
  border: none;
}
.red_yellow-theme #myMessage .list .item:last-child,
.red_yellow-theme #personalData ul li:last-child,
.red_yellow-theme .mine-about ul li:last-child,
.red_yellow-theme .mine-menus ul li:last-child {
  border: none;
}
.red_yellow-theme #gameRules .rule-detail .tabs .actived,
.red_yellow-theme #lotteryCalculate .rule-detail .tabs .actived,
.red_yellow-theme #myFavorite .tabs .actived,
.red_yellow-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.red_yellow-theme #accountsAndSecurity ul li i,
.red_yellow-theme #betRecords .navigator-bar .navi-filter,
.red_yellow-theme #gameRules .navigator-bar i,
.red_yellow-theme #lotteryCalculate .navigator-bar i,
.red_yellow-theme #myMessage .list .item .left .bottom i,
.red_yellow-theme #oddsRules .navigator-bar i,
.red_yellow-theme #personalData ul li i,
.red_yellow-theme .loginForm .login-psw b,
.red_yellow-theme .mine-about ul li:after,
.red_yellow-theme .mine-menus ul li:after,
.red_yellow-theme .navigator-bar .detail-navi-back,
.red_yellow-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.red_yellow-theme .mine-menus ul li img,
.red_yellow-theme .mine-top .mine-info .about,
.red_yellow-theme .user .password:before,
.red_yellow-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.red_yellow-theme #mask .login-notify {
  background: #850504;
  color: #fff;
}
.red_yellow-theme #mask .login-success-btn a,
.red_yellow-theme .loginForm .login-btn,
.red_yellow-theme .recommend-register a {
  background: linear-gradient(to bottom, #850504, #370202);
}
.red_yellow-theme #mask .login-success-btn {
  background: #850504;
}
.red_yellow-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .red_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.red_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .red_yellow-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .red_yellow-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/red_yellow/btnHistory.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/red_yellow/btnHot.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/red_yellow/btnRecommond.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/red_yellow/btnLivegame.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/red_yellow/btnSlot.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/red_yellow/btnTogel.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/red_yellow/btnSport.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/red_yellow/btnKartu.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/red_yellow/btnFishing.png");
}
.pc .red_yellow-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .red_yellow-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/red_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .red_yellow-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .red_yellow-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .red_yellow-theme .user .password,
.pc .red_yellow-theme .user .username {
  flex: 2;
}
.pc .red_yellow-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .red_yellow-theme #footer {
  background: #370202;
}
.pc .red_yellow-theme #footer .footer-inner .other .service a:after,
.pc .red_yellow-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .red_yellow-theme #footer,
.pc .red_yellow-theme #footer .footer-inner .other .about a,
.pc .red_yellow-theme #footer .footer-inner .other .service,
.pc .red_yellow-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .red_yellow-theme #footer .footer-inner .other .authentication .item img,
.pc .red_yellow-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.greens-theme {
  color: #fff;
}
.greens-theme #mask {
  color: #6a82ad;
}
.greens-theme #service .navigator-bar,
.greens-theme #service .navigator-bar .service-navi-bar img,
.greens-theme #service .navigator-bar .service-navi-bar p,
.greens-theme .navigator-bar {
  background: #004c5e;
  color: #fff;
}
.greens-theme .loginForm,
.greens-theme .tabs,
.greens-theme .tabs .logo,
.greens-theme .user,
.greens-theme section,
.pc .greens-theme .index-footer,
.pc body.greens-theme {
  background: #1b829b !important;
}
.greens-theme .user .password,
.greens-theme .user .username {
  background: #3eadc8;
}
.greens-theme .user .password:before,
.greens-theme .user .username:before {
  opacity: 0.3;
}
.greens-theme .user .password input::placeholder,
.greens-theme .user .username input::placeholder {
  color: #fff;
}
.greens-theme .notice {
  background: #004c5e;
  color: #fff;
}
.greens-theme .notice font {
  color: #fff;
}
.greens-theme #game .list .item,
.greens-theme .game-list .card,
.greens-theme .game-list .elgame,
.greens-theme .game-list .fish,
.greens-theme .game-list .live,
.greens-theme .game-list .lottery,
.greens-theme .game-list .sport {
  border-color: #1b829b;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #004c5e;
}
.greens-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/greens/btnHistory.png");
}
.greens-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/greens/btnHot.png");
}
.greens-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/greens/btnRecommond.png");
}
.greens-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/greens/btnLivegame.png");
}
.greens-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/greens/btnSlot.png");
}
.greens-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/greens/btnTogel.png");
}
.greens-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/greens/btnSport.png");
}
.greens-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/greens/btnKartu.png");
}
.greens-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/greens/btnFishing.png");
}
.greens-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.greens-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/greens/btnSelect.png");
  background-size: 100% 100%;
}
.greens-theme #deposit .container .bank-list b,
.greens-theme #deposit .container .bank-list p u,
.greens-theme #myMessage .list .item .left .top b,
.greens-theme #withdrawal .container ul li p,
.greens-theme .game-list .game-menu .game-menu-current i,
.greens-theme .loginForm .login-item input,
.greens-theme .loginForm .memberPsw label,
.greens-theme .loginForm .other-item b,
.greens-theme .mine-top .mine-statistics .commissionToday span i,
.greens-theme .mine-top .mine-statistics .myPurse span i,
.greens-theme .notice .scrollText,
.pc .greens-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.greens-theme footer {
  background: #004c5e;
}
.greens-theme footer .nav-item .icon {
  background-image: url("images/theme/greens/btnHome.png") !important;
  background-position: center 5px !important;
}
.greens-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/greens/btnPromosi.png") !important;
}
.greens-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/greens/btnContact.png") !important;
}
.greens-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/greens/btnMenu.png") !important;
}
.mobile .greens-theme footer .nav-item .icon {
  background-image: url("images/theme/greens/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .greens-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/greens/btnDeposit.png") !important;
}
.mobile .greens-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/greens/btnPromosi.png") !important;
}
.mobile .greens-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/greens/btnWithdrawal.png") !important;
}
.mobile .greens-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/greens/btnMenu.png") !important;
}
.greens-theme footer .nav-item h3 {
  color: #fff;
}
.greens-theme #betRecords .sub-tabs,
.greens-theme .rebate-table table thead th,
.greens-theme .recommend-table table thead th,
.greens-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.greens-theme #accountsAndSecurity ul,
.greens-theme #activity .game-list .game-items .game-item,
.greens-theme #betRecords .list .items,
.greens-theme #betRecords .list .items li:nth-child(2n-1),
.greens-theme #deposit .container dl,
.greens-theme #deposit .container ul,
.greens-theme #game .list .item,
.greens-theme #gameRules .rule-detail .rule-content,
.greens-theme #gameRules .rule-detail .tabs,
.greens-theme #gameRules .rule-detail .tabs li,
.greens-theme #lotteryCalculate .rule-detail .rule-content,
.greens-theme #lotteryCalculate .rule-detail .rule-content dd table,
.greens-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.greens-theme #lotteryCalculate .rule-detail .tabs,
.greens-theme #lotteryCalculate .rule-detail .tabs li,
.greens-theme #myFavorite .list,
.greens-theme #myFavorite .tabs,
.greens-theme #myFavorite .tabs li,
.greens-theme #myMessage .list,
.greens-theme #myRecommend .detail dl,
.greens-theme #myRecommend .detail dl dd,
.greens-theme #myRecommend .detail dl dd:nth-child(2n),
.greens-theme #oddsRules .rule-detail .rule-content,
.greens-theme #oddsRules .rule-detail .rule-content dd table,
.greens-theme #oddsRules .rule-detail .rule-content dd table tr,
.greens-theme #oddsRules .rule-detail .tabs,
.greens-theme #oddsRules .rule-detail .tabs li,
.greens-theme #personalData ul,
.greens-theme #transactionRecords .list,
.greens-theme #withdrawal .container .payment-list .payment-item,
.greens-theme #withdrawal .container ul,
.greens-theme .game-list .card,
.greens-theme .game-list .elgame,
.greens-theme .game-list .fish,
.greens-theme .game-list .live,
.greens-theme .game-list .lottery,
.greens-theme .game-list .sport,
.greens-theme .mine-about ul li,
.greens-theme .mine-common,
.greens-theme .mine-menus,
.greens-theme .rebate-table table tbody td,
.greens-theme .recommend-share,
.greens-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.greens-theme #deposit .container .bank-tabs,
.greens-theme #paymentMethod .container,
.greens-theme #paymentMethod .container .payment-list,
.greens-theme #withdrawal .container ul li,
.greens-theme .mine-menus ul li {
  background: 0 0;
}
.greens-theme #deposit .container .bank-list .bank-item,
.greens-theme #myMessage .list .item,
.greens-theme #personalData ul li,
.greens-theme .mine-about ul li,
.greens-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.greens-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.greens-theme .mine-top .mine-statistics {
  background: #004c5e
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.greens-theme #deposit .container .deposit-banklist,
.greens-theme .game-bank-rule .home-banklist,
.greens-theme .game-list .game-items .home-banklist {
  background: #004c5e
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #004c5e;
  border: none;
}
.greens-theme #myMessage .list .item:last-child,
.greens-theme #personalData ul li:last-child,
.greens-theme .mine-about ul li:last-child,
.greens-theme .mine-menus ul li:last-child {
  border: none;
}
.greens-theme #gameRules .rule-detail .tabs .actived,
.greens-theme #lotteryCalculate .rule-detail .tabs .actived,
.greens-theme #myFavorite .tabs .actived,
.greens-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.greens-theme #accountsAndSecurity ul li i,
.greens-theme #betRecords .navigator-bar .navi-filter,
.greens-theme #gameRules .navigator-bar i,
.greens-theme #lotteryCalculate .navigator-bar i,
.greens-theme #myMessage .list .item .left .bottom i,
.greens-theme #oddsRules .navigator-bar i,
.greens-theme #personalData ul li i,
.greens-theme .loginForm .login-psw b,
.greens-theme .mine-about ul li:after,
.greens-theme .mine-menus ul li:after,
.greens-theme .navigator-bar .detail-navi-back,
.greens-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.greens-theme .mine-menus ul li img,
.greens-theme .mine-top .mine-info .about,
.greens-theme .user .password:before,
.greens-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.greens-theme #mask .login-notify {
  background: #1b829b;
  color: #fff;
}
.greens-theme #mask .login-success-btn a,
.greens-theme .loginForm .login-btn,
.greens-theme .recommend-register a {
  background: linear-gradient(to bottom, #1b829b, #004c5e);
}
.greens-theme #mask .login-success-btn {
  background: #1b829b;
}
.greens-theme #betRecords .list .items {
  gap: 0.07rem;
}
.greens-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .greens-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .greens-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .greens-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/greens/btnHistory.png");
}
.pc .greens-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/greens/btnHot.png");
}
.pc .greens-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/greens/btnRecommond.png");
}
.pc .greens-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/greens/btnLivegame.png");
}
.pc .greens-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/greens/btnSlot.png");
}
.pc .greens-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/greens/btnTogel.png");
}
.pc .greens-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/greens/btnSport.png");
}
.pc .greens-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/greens/btnKartu.png");
}
.pc .greens-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/greens/btnFishing.png");
}
.pc .greens-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .greens-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/greens/btnSelect.png");
  background-size: 100% 100%;
}
.pc .greens-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .greens-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .greens-theme .user .password,
.pc .greens-theme .user .username {
  flex: 2;
}
.pc .greens-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .greens-theme #footer {
  background: #004c5e;
}
.pc .greens-theme #footer .footer-inner .other .service a:after,
.pc .greens-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .greens-theme #footer,
.pc .greens-theme #footer .footer-inner .other .about a,
.pc .greens-theme #footer .footer-inner .other .service,
.pc .greens-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .greens-theme #footer .footer-inner .other .authentication .item img,
.pc .greens-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Brown_yellow-theme {
  color: #fff;
}
.Brown_yellow-theme #mask {
  color: #6a82ad;
}
.Brown_yellow-theme #service .navigator-bar,
.Brown_yellow-theme #service .navigator-bar .service-navi-bar img,
.Brown_yellow-theme #service .navigator-bar .service-navi-bar p,
.Brown_yellow-theme .navigator-bar {
  background: #442907;
  color: #fff;
}
.Brown_yellow-theme .loginForm,
.Brown_yellow-theme .tabs,
.Brown_yellow-theme .tabs .logo,
.Brown_yellow-theme .user,
.Brown_yellow-theme section,
.pc .Brown_yellow-theme .index-footer,
.pc body.Brown_yellow-theme {
  background: #b8871a !important;
}
.Brown_yellow-theme .user .password,
.Brown_yellow-theme .user .username {
  background: #edd742;
}
.Brown_yellow-theme .user .password:before,
.Brown_yellow-theme .user .username:before {
  opacity: 0.3;
}
.Brown_yellow-theme .user .password input::placeholder,
.Brown_yellow-theme .user .username input::placeholder {
  color: #fff;
}
.Brown_yellow-theme .notice {
  background: #442907;
  color: #fff;
}
.Brown_yellow-theme .notice font {
  color: #fff;
}
.Brown_yellow-theme #game .list .item,
.Brown_yellow-theme .game-list .card,
.Brown_yellow-theme .game-list .elgame,
.Brown_yellow-theme .game-list .fish,
.Brown_yellow-theme .game-list .live,
.Brown_yellow-theme .game-list .lottery,
.Brown_yellow-theme .game-list .sport {
  border-color: #1b829b;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #442907;
}
.Brown_yellow-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Brown_yellow/btnHistory.png");
}
.Brown_yellow-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/Brown_yellow/btnHot.png");
}
.Brown_yellow-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Brown_yellow/btnRecommond.png");
}
.Brown_yellow-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Brown_yellow/btnLivegame.png");
}
.Brown_yellow-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Brown_yellow/btnSlot.png");
}
.Brown_yellow-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Brown_yellow/btnTogel.png");
}
.Brown_yellow-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Brown_yellow/btnSport.png");
}
.Brown_yellow-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Brown_yellow/btnKartu.png");
}
.Brown_yellow-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Brown_yellow/btnFishing.png");
}
.Brown_yellow-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Brown_yellow-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Brown_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.Brown_yellow-theme #deposit .container .bank-list b,
.Brown_yellow-theme #deposit .container .bank-list p u,
.Brown_yellow-theme #myMessage .list .item .left .top b,
.Brown_yellow-theme #withdrawal .container ul li p,
.Brown_yellow-theme .game-list .game-menu .game-menu-current i,
.Brown_yellow-theme .loginForm .login-item input,
.Brown_yellow-theme .loginForm .memberPsw label,
.Brown_yellow-theme .loginForm .other-item b,
.Brown_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.Brown_yellow-theme .mine-top .mine-statistics .myPurse span i,
.Brown_yellow-theme .notice .scrollText,
.pc .Brown_yellow-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Brown_yellow-theme footer {
  background: #442907;
}
.Brown_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/Brown_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.Brown_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Brown_yellow/btnPromosi.png") !important;
}
.Brown_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Brown_yellow/btnContact.png") !important;
}
.Brown_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Brown_yellow/btnMenu.png") !important;
}
.mobile .Brown_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/Brown_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Brown_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Brown_yellow/btnDeposit.png") !important;
}
.mobile .Brown_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Brown_yellow/btnPromosi.png") !important;
}
.mobile .Brown_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Brown_yellow/btnWithdrawal.png") !important;
}
.mobile .Brown_yellow-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Brown_yellow/btnMenu.png") !important;
}
.Brown_yellow-theme footer .nav-item h3 {
  color: #fff;
}
.Brown_yellow-theme #betRecords .sub-tabs,
.Brown_yellow-theme .rebate-table table thead th,
.Brown_yellow-theme .recommend-table table thead th,
.Brown_yellow-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Brown_yellow-theme #accountsAndSecurity ul,
.Brown_yellow-theme #activity .game-list .game-items .game-item,
.Brown_yellow-theme #betRecords .list .items,
.Brown_yellow-theme #betRecords .list .items li:nth-child(2n-1),
.Brown_yellow-theme #deposit .container dl,
.Brown_yellow-theme #deposit .container ul,
.Brown_yellow-theme #game .list .item,
.Brown_yellow-theme #gameRules .rule-detail .rule-content,
.Brown_yellow-theme #gameRules .rule-detail .tabs,
.Brown_yellow-theme #gameRules .rule-detail .tabs li,
.Brown_yellow-theme #lotteryCalculate .rule-detail .rule-content,
.Brown_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Brown_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Brown_yellow-theme #lotteryCalculate .rule-detail .tabs,
.Brown_yellow-theme #lotteryCalculate .rule-detail .tabs li,
.Brown_yellow-theme #myFavorite .list,
.Brown_yellow-theme #myFavorite .tabs,
.Brown_yellow-theme #myFavorite .tabs li,
.Brown_yellow-theme #myMessage .list,
.Brown_yellow-theme #myRecommend .detail dl,
.Brown_yellow-theme #myRecommend .detail dl dd,
.Brown_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.Brown_yellow-theme #oddsRules .rule-detail .rule-content,
.Brown_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.Brown_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.Brown_yellow-theme #oddsRules .rule-detail .tabs,
.Brown_yellow-theme #oddsRules .rule-detail .tabs li,
.Brown_yellow-theme #personalData ul,
.Brown_yellow-theme #transactionRecords .list,
.Brown_yellow-theme #withdrawal .container .payment-list .payment-item,
.Brown_yellow-theme #withdrawal .container ul,
.Brown_yellow-theme .game-list .card,
.Brown_yellow-theme .game-list .elgame,
.Brown_yellow-theme .game-list .fish,
.Brown_yellow-theme .game-list .live,
.Brown_yellow-theme .game-list .lottery,
.Brown_yellow-theme .game-list .sport,
.Brown_yellow-theme .mine-about ul li,
.Brown_yellow-theme .mine-common,
.Brown_yellow-theme .mine-menus,
.Brown_yellow-theme .rebate-table table tbody td,
.Brown_yellow-theme .recommend-share,
.Brown_yellow-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Brown_yellow-theme #deposit .container .bank-tabs,
.Brown_yellow-theme #paymentMethod .container,
.Brown_yellow-theme #paymentMethod .container .payment-list,
.Brown_yellow-theme #withdrawal .container ul li,
.Brown_yellow-theme .mine-menus ul li {
  background: 0 0;
}
.Brown_yellow-theme #deposit .container .bank-list .bank-item,
.Brown_yellow-theme #myMessage .list .item,
.Brown_yellow-theme #personalData ul li,
.Brown_yellow-theme .mine-about ul li,
.Brown_yellow-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Brown_yellow-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Brown_yellow-theme .mine-top .mine-statistics {
  background: #442907
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Brown_yellow-theme #deposit .container .deposit-banklist,
.Brown_yellow-theme .game-bank-rule .home-banklist,
.Brown_yellow-theme .game-list .game-items .home-banklist {
  background: #442907
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #442907;
  border: none;
}
.Brown_yellow-theme #myMessage .list .item:last-child,
.Brown_yellow-theme #personalData ul li:last-child,
.Brown_yellow-theme .mine-about ul li:last-child,
.Brown_yellow-theme .mine-menus ul li:last-child {
  border: none;
}
.Brown_yellow-theme #gameRules .rule-detail .tabs .actived,
.Brown_yellow-theme #lotteryCalculate .rule-detail .tabs .actived,
.Brown_yellow-theme #myFavorite .tabs .actived,
.Brown_yellow-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Brown_yellow-theme #accountsAndSecurity ul li i,
.Brown_yellow-theme #betRecords .navigator-bar .navi-filter,
.Brown_yellow-theme #gameRules .navigator-bar i,
.Brown_yellow-theme #lotteryCalculate .navigator-bar i,
.Brown_yellow-theme #myMessage .list .item .left .bottom i,
.Brown_yellow-theme #oddsRules .navigator-bar i,
.Brown_yellow-theme #personalData ul li i,
.Brown_yellow-theme .loginForm .login-psw b,
.Brown_yellow-theme .mine-about ul li:after,
.Brown_yellow-theme .mine-menus ul li:after,
.Brown_yellow-theme .navigator-bar .detail-navi-back,
.Brown_yellow-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Brown_yellow-theme .mine-menus ul li img,
.Brown_yellow-theme .mine-top .mine-info .about,
.Brown_yellow-theme .user .password:before,
.Brown_yellow-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Brown_yellow-theme #mask .login-notify {
  background: #1b829b;
  color: #fff;
}
.Brown_yellow-theme #mask .login-success-btn a,
.Brown_yellow-theme .loginForm .login-btn,
.Brown_yellow-theme .recommend-register a {
  background: linear-gradient(to bottom, #1b829b, #442907);
}
.Brown_yellow-theme #mask .login-success-btn {
  background: #1b829b;
}
.Brown_yellow-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Brown_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Brown_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Brown_yellow-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Brown_yellow-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Brown_yellow/btnHistory.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Brown_yellow/btnHot.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Brown_yellow/btnRecommond.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Brown_yellow/btnLivegame.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Brown_yellow/btnSlot.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Brown_yellow/btnTogel.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Brown_yellow/btnSport.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Brown_yellow/btnKartu.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Brown_yellow/btnFishing.png");
}
.pc .Brown_yellow-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Brown_yellow-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Brown_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Brown_yellow-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Brown_yellow-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Brown_yellow-theme .user .password,
.pc .Brown_yellow-theme .user .username {
  flex: 2;
}
.pc .Brown_yellow-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Brown_yellow-theme #footer {
  background: #442907;
}
.pc .Brown_yellow-theme #footer .footer-inner .other .service a:after,
.pc .Brown_yellow-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Brown_yellow-theme #footer,
.pc .Brown_yellow-theme #footer .footer-inner .other .about a,
.pc .Brown_yellow-theme #footer .footer-inner .other .service,
.pc .Brown_yellow-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .Brown_yellow-theme #footer .footer-inner .other .authentication .item img,
.pc .Brown_yellow-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Blue_yellow-theme {
  color: #fff;
}
.Blue_yellow-theme #mask {
  color: #6a82ad;
}
.Blue_yellow-theme #service .navigator-bar,
.Blue_yellow-theme #service .navigator-bar .service-navi-bar img,
.Blue_yellow-theme #service .navigator-bar .service-navi-bar p,
.Blue_yellow-theme .navigator-bar {
  background: #0549a7;
  color: #fff;
}
.Blue_yellow-theme .loginForm,
.Blue_yellow-theme .tabs,
.Blue_yellow-theme .tabs .logo,
.Blue_yellow-theme .user,
.Blue_yellow-theme section,
.pc .Blue_yellow-theme .index-footer,
.pc body.Blue_yellow-theme {
  background: #066fff !important;
}
.Blue_yellow-theme .user .password,
.Blue_yellow-theme .user .username {
  background: #87baff;
}
.Blue_yellow-theme .user .password:before,
.Blue_yellow-theme .user .username:before {
  opacity: 0.3;
}
.Blue_yellow-theme .user .password input::placeholder,
.Blue_yellow-theme .user .username input::placeholder {
  color: #fff;
}
.Blue_yellow-theme .notice {
  background: #0549a7;
  color: #fff;
}
.Blue_yellow-theme .notice font {
  color: #fff;
}
.Blue_yellow-theme #game .list .item,
.Blue_yellow-theme .game-list .card,
.Blue_yellow-theme .game-list .elgame,
.Blue_yellow-theme .game-list .fish,
.Blue_yellow-theme .game-list .live,
.Blue_yellow-theme .game-list .lottery,
.Blue_yellow-theme .game-list .sport {
  border-color: #066fff;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #0549a7;
}
.Blue_yellow-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Blue_yellow/btnHistory.png");
}
.Blue_yellow-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/Blue_yellow/btnHot.png");
}
.Blue_yellow-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Blue_yellow/btnRecommond.png");
}
.Blue_yellow-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Blue_yellow/btnLivegame.png");
}
.Blue_yellow-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Blue_yellow/btnSlot.png");
}
.Blue_yellow-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Blue_yellow/btnTogel.png");
}
.Blue_yellow-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Blue_yellow/btnSport.png");
}
.Blue_yellow-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Blue_yellow/btnKartu.png");
}
.Blue_yellow-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Blue_yellow/btnFishing.png");
}
.Blue_yellow-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Blue_yellow-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Blue_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.Blue_yellow-theme #deposit .container .bank-list b,
.Blue_yellow-theme #deposit .container .bank-list p u,
.Blue_yellow-theme #myMessage .list .item .left .top b,
.Blue_yellow-theme #withdrawal .container ul li p,
.Blue_yellow-theme .game-list .game-menu .game-menu-current i,
.Blue_yellow-theme .loginForm .login-item input,
.Blue_yellow-theme .loginForm .memberPsw label,
.Blue_yellow-theme .loginForm .other-item b,
.Blue_yellow-theme .mine-top .mine-statistics .commissionToday span i,
.Blue_yellow-theme .mine-top .mine-statistics .myPurse span i,
.Blue_yellow-theme .notice .scrollText,
.pc .Blue_yellow-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Blue_yellow-theme footer {
  background: #0549a7;
}
.Blue_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/Blue_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.Blue_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Blue_yellow/btnPromosi.png") !important;
}
.Blue_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Blue_yellow/btnContact.png") !important;
}
.Blue_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Blue_yellow/btnMenu.png") !important;
}
.mobile .Blue_yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/Blue_yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Blue_yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Blue_yellow/btnDeposit.png") !important;
}
.mobile .Blue_yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Blue_yellow/btnPromosi.png") !important;
}
.mobile .Blue_yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Blue_yellow/btnWithdrawal.png") !important;
}
.mobile .Blue_yellow-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Blue_yellow/btnMenu.png") !important;
}
.Blue_yellow-theme footer .nav-item h3 {
  color: #fff;
}
.Blue_yellow-theme #betRecords .sub-tabs,
.Blue_yellow-theme .rebate-table table thead th,
.Blue_yellow-theme .recommend-table table thead th,
.Blue_yellow-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Blue_yellow-theme #accountsAndSecurity ul,
.Blue_yellow-theme #activity .game-list .game-items .game-item,
.Blue_yellow-theme #betRecords .list .items,
.Blue_yellow-theme #betRecords .list .items li:nth-child(2n-1),
.Blue_yellow-theme #deposit .container dl,
.Blue_yellow-theme #deposit .container ul,
.Blue_yellow-theme #game .list .item,
.Blue_yellow-theme #gameRules .rule-detail .rule-content,
.Blue_yellow-theme #gameRules .rule-detail .tabs,
.Blue_yellow-theme #gameRules .rule-detail .tabs li,
.Blue_yellow-theme #lotteryCalculate .rule-detail .rule-content,
.Blue_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Blue_yellow-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Blue_yellow-theme #lotteryCalculate .rule-detail .tabs,
.Blue_yellow-theme #lotteryCalculate .rule-detail .tabs li,
.Blue_yellow-theme #myFavorite .list,
.Blue_yellow-theme #myFavorite .tabs,
.Blue_yellow-theme #myFavorite .tabs li,
.Blue_yellow-theme #myMessage .list,
.Blue_yellow-theme #myRecommend .detail dl,
.Blue_yellow-theme #myRecommend .detail dl dd,
.Blue_yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.Blue_yellow-theme #oddsRules .rule-detail .rule-content,
.Blue_yellow-theme #oddsRules .rule-detail .rule-content dd table,
.Blue_yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.Blue_yellow-theme #oddsRules .rule-detail .tabs,
.Blue_yellow-theme #oddsRules .rule-detail .tabs li,
.Blue_yellow-theme #personalData ul,
.Blue_yellow-theme #transactionRecords .list,
.Blue_yellow-theme #withdrawal .container .payment-list .payment-item,
.Blue_yellow-theme #withdrawal .container ul,
.Blue_yellow-theme .game-list .card,
.Blue_yellow-theme .game-list .elgame,
.Blue_yellow-theme .game-list .fish,
.Blue_yellow-theme .game-list .live,
.Blue_yellow-theme .game-list .lottery,
.Blue_yellow-theme .game-list .sport,
.Blue_yellow-theme .mine-about ul li,
.Blue_yellow-theme .mine-common,
.Blue_yellow-theme .mine-menus,
.Blue_yellow-theme .rebate-table table tbody td,
.Blue_yellow-theme .recommend-share,
.Blue_yellow-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Blue_yellow-theme #deposit .container .bank-tabs,
.Blue_yellow-theme #paymentMethod .container,
.Blue_yellow-theme #paymentMethod .container .payment-list,
.Blue_yellow-theme #withdrawal .container ul li,
.Blue_yellow-theme .mine-menus ul li {
  background: 0 0;
}
.Blue_yellow-theme #deposit .container .bank-list .bank-item,
.Blue_yellow-theme #myMessage .list .item,
.Blue_yellow-theme #personalData ul li,
.Blue_yellow-theme .mine-about ul li,
.Blue_yellow-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Blue_yellow-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Blue_yellow-theme .mine-top .mine-statistics {
  background: #0549a7
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Blue_yellow-theme #deposit .container .deposit-banklist,
.Blue_yellow-theme .game-bank-rule .home-banklist,
.Blue_yellow-theme .game-list .game-items .home-banklist {
  background: #0549a7
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #0549a7;
  border: none;
}
.Blue_yellow-theme #myMessage .list .item:last-child,
.Blue_yellow-theme #personalData ul li:last-child,
.Blue_yellow-theme .mine-about ul li:last-child,
.Blue_yellow-theme .mine-menus ul li:last-child {
  border: none;
}
.Blue_yellow-theme #gameRules .rule-detail .tabs .actived,
.Blue_yellow-theme #lotteryCalculate .rule-detail .tabs .actived,
.Blue_yellow-theme #myFavorite .tabs .actived,
.Blue_yellow-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Blue_yellow-theme #accountsAndSecurity ul li i,
.Blue_yellow-theme #betRecords .navigator-bar .navi-filter,
.Blue_yellow-theme #gameRules .navigator-bar i,
.Blue_yellow-theme #lotteryCalculate .navigator-bar i,
.Blue_yellow-theme #myMessage .list .item .left .bottom i,
.Blue_yellow-theme #oddsRules .navigator-bar i,
.Blue_yellow-theme #personalData ul li i,
.Blue_yellow-theme .loginForm .login-psw b,
.Blue_yellow-theme .mine-about ul li:after,
.Blue_yellow-theme .mine-menus ul li:after,
.Blue_yellow-theme .navigator-bar .detail-navi-back,
.Blue_yellow-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Blue_yellow-theme .mine-menus ul li img,
.Blue_yellow-theme .mine-top .mine-info .about,
.Blue_yellow-theme .user .password:before,
.Blue_yellow-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Blue_yellow-theme #mask .login-notify {
  background: #066fff;
  color: #fff;
}
.Blue_yellow-theme #mask .login-success-btn a,
.Blue_yellow-theme .loginForm .login-btn,
.Blue_yellow-theme .recommend-register a {
  background: linear-gradient(to bottom, #066fff, #0549a7);
}
.Blue_yellow-theme #mask .login-success-btn {
  background: #066fff;
}
.Blue_yellow-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Blue_yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Blue_yellow-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Blue_yellow-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Blue_yellow-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Blue_yellow/btnHistory.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Blue_yellow/btnHot.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Blue_yellow/btnRecommond.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Blue_yellow/btnLivegame.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Blue_yellow/btnSlot.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Blue_yellow/btnTogel.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Blue_yellow/btnSport.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Blue_yellow/btnKartu.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Blue_yellow/btnFishing.png");
}
.pc .Blue_yellow-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Blue_yellow-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Blue_yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Blue_yellow-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Blue_yellow-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Blue_yellow-theme .user .password,
.pc .Blue_yellow-theme .user .username {
  flex: 2;
}
.pc .Blue_yellow-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Blue_yellow-theme #footer {
  background: #0549a7;
}
.pc .Blue_yellow-theme #footer .footer-inner .other .service a:after,
.pc .Blue_yellow-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Blue_yellow-theme #footer,
.pc .Blue_yellow-theme #footer .footer-inner .other .about a,
.pc .Blue_yellow-theme #footer .footer-inner .other .service,
.pc .Blue_yellow-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .Blue_yellow-theme #footer .footer-inner .other .authentication .item img,
.pc .Blue_yellow-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Blue_violet-theme {
  color: #fff;
}
.Blue_violet-theme #mask {
  color: #6a82ad;
}
.Blue_violet-theme #service .navigator-bar,
.Blue_violet-theme #service .navigator-bar .service-navi-bar img,
.Blue_violet-theme #service .navigator-bar .service-navi-bar p,
.Blue_violet-theme .navigator-bar {
  background: #442907;
  color: #fff;
}
.Blue_violet-theme .loginForm,
.Blue_violet-theme .tabs,
.Blue_violet-theme .tabs .logo,
.Blue_violet-theme .user,
.Blue_violet-theme section,
.pc .Blue_violet-theme .index-footer,
.pc body.Blue_violet-theme {
  background: #0669ba !important;
}
.Blue_violet-theme .user .password,
.Blue_violet-theme .user .username {
  background: #68abe5;
}
.Blue_violet-theme .user .password:before,
.Blue_violet-theme .user .username:before {
  opacity: 0.3;
}
.Blue_violet-theme .user .password input::placeholder,
.Blue_violet-theme .user .username input::placeholder {
  color: #fff;
}
.Blue_violet-theme .notice {
  background: #042f51;
  color: #fff;
}
.Blue_violet-theme .notice font {
  color: #fff;
}
.Blue_violet-theme #game .list .item,
.Blue_violet-theme .game-list .card,
.Blue_violet-theme .game-list .elgame,
.Blue_violet-theme .game-list .fish,
.Blue_violet-theme .game-list .live,
.Blue_violet-theme .game-list .lottery,
.Blue_violet-theme .game-list .sport {
  border-color: #1b829b;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #042f51;
}
.Blue_violet-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Blue_violet/btnHistory.png");
}
.Blue_violet-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/Blue_violet/btnHot.png");
}
.Blue_violet-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Blue_violet/btnRecommond.png");
}
.Blue_violet-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Blue_violet/btnLivegame.png");
}
.Blue_violet-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Blue_violet/btnSlot.png");
}
.Blue_violet-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Blue_violet/btnTogel.png");
}
.Blue_violet-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Blue_violet/btnSport.png");
}
.Blue_violet-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Blue_violet/btnKartu.png");
}
.Blue_violet-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Blue_violet/btnFishing.png");
}
.Blue_violet-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Blue_violet-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Blue_violet/btnSelect.png");
  background-size: 100% 100%;
}
.Blue_violet-theme #deposit .container .bank-list b,
.Blue_violet-theme #deposit .container .bank-list p u,
.Blue_violet-theme #myMessage .list .item .left .top b,
.Blue_violet-theme #withdrawal .container ul li p,
.Blue_violet-theme .game-list .game-menu .game-menu-current i,
.Blue_violet-theme .loginForm .login-item input,
.Blue_violet-theme .loginForm .memberPsw label,
.Blue_violet-theme .loginForm .other-item b,
.Blue_violet-theme .mine-top .mine-statistics .commissionToday span i,
.Blue_violet-theme .mine-top .mine-statistics .myPurse span i,
.Blue_violet-theme .notice .scrollText,
.pc .Blue_violet-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Blue_violet-theme footer {
  background: #042f51;
}
.Blue_violet-theme footer .nav-item .icon {
  background-image: url("images/theme/Blue_violet/btnHome.png") !important;
  background-position: center 5px !important;
}
.Blue_violet-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Blue_violet/btnPromosi.png") !important;
}
.Blue_violet-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Blue_violet/btnContact.png") !important;
}
.Blue_violet-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Blue_violet/btnMenu.png") !important;
}
.mobile .Blue_violet-theme footer .nav-item .icon {
  background-image: url("images/theme/Blue_violet/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Blue_violet-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Blue_violet/btnDeposit.png") !important;
}
.mobile .Blue_violet-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Blue_violet/btnPromosi.png") !important;
}
.mobile .Blue_violet-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Blue_violet/btnWithdrawal.png") !important;
}
.mobile .Blue_violet-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Blue_violet/btnMenu.png") !important;
}
.Blue_violet-theme footer .nav-item h3 {
  color: #fff;
}
.Blue_violet-theme #betRecords .sub-tabs,
.Blue_violet-theme .rebate-table table thead th,
.Blue_violet-theme .recommend-table table thead th,
.Blue_violet-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Blue_violet-theme #accountsAndSecurity ul,
.Blue_violet-theme #activity .game-list .game-items .game-item,
.Blue_violet-theme #betRecords .list .items,
.Blue_violet-theme #betRecords .list .items li:nth-child(2n-1),
.Blue_violet-theme #deposit .container dl,
.Blue_violet-theme #deposit .container ul,
.Blue_violet-theme #game .list .item,
.Blue_violet-theme #gameRules .rule-detail .rule-content,
.Blue_violet-theme #gameRules .rule-detail .tabs,
.Blue_violet-theme #gameRules .rule-detail .tabs li,
.Blue_violet-theme #lotteryCalculate .rule-detail .rule-content,
.Blue_violet-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Blue_violet-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Blue_violet-theme #lotteryCalculate .rule-detail .tabs,
.Blue_violet-theme #lotteryCalculate .rule-detail .tabs li,
.Blue_violet-theme #myFavorite .list,
.Blue_violet-theme #myFavorite .tabs,
.Blue_violet-theme #myFavorite .tabs li,
.Blue_violet-theme #myMessage .list,
.Blue_violet-theme #myRecommend .detail dl,
.Blue_violet-theme #myRecommend .detail dl dd,
.Blue_violet-theme #myRecommend .detail dl dd:nth-child(2n),
.Blue_violet-theme #oddsRules .rule-detail .rule-content,
.Blue_violet-theme #oddsRules .rule-detail .rule-content dd table,
.Blue_violet-theme #oddsRules .rule-detail .rule-content dd table tr,
.Blue_violet-theme #oddsRules .rule-detail .tabs,
.Blue_violet-theme #oddsRules .rule-detail .tabs li,
.Blue_violet-theme #personalData ul,
.Blue_violet-theme #transactionRecords .list,
.Blue_violet-theme #withdrawal .container .payment-list .payment-item,
.Blue_violet-theme #withdrawal .container ul,
.Blue_violet-theme .game-list .card,
.Blue_violet-theme .game-list .elgame,
.Blue_violet-theme .game-list .fish,
.Blue_violet-theme .game-list .live,
.Blue_violet-theme .game-list .lottery,
.Blue_violet-theme .game-list .sport,
.Blue_violet-theme .mine-about ul li,
.Blue_violet-theme .mine-common,
.Blue_violet-theme .mine-menus,
.Blue_violet-theme .rebate-table table tbody td,
.Blue_violet-theme .recommend-share,
.Blue_violet-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Blue_violet-theme #deposit .container .bank-tabs,
.Blue_violet-theme #paymentMethod .container,
.Blue_violet-theme #paymentMethod .container .payment-list,
.Blue_violet-theme #withdrawal .container ul li,
.Blue_violet-theme .mine-menus ul li {
  background: 0 0;
}
.Blue_violet-theme #deposit .container .bank-list .bank-item,
.Blue_violet-theme #myMessage .list .item,
.Blue_violet-theme #personalData ul li,
.Blue_violet-theme .mine-about ul li,
.Blue_violet-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Blue_violet-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Blue_violet-theme .mine-top .mine-statistics {
  background: #042f51
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Blue_violet-theme #deposit .container .deposit-banklist,
.Blue_violet-theme .game-bank-rule .home-banklist,
.Blue_violet-theme .game-list .game-items .home-banklist {
  background: #042f51
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #042f51;
  border: none;
}
.Blue_violet-theme #myMessage .list .item:last-child,
.Blue_violet-theme #personalData ul li:last-child,
.Blue_violet-theme .mine-about ul li:last-child,
.Blue_violet-theme .mine-menus ul li:last-child {
  border: none;
}
.Blue_violet-theme #gameRules .rule-detail .tabs .actived,
.Blue_violet-theme #lotteryCalculate .rule-detail .tabs .actived,
.Blue_violet-theme #myFavorite .tabs .actived,
.Blue_violet-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Blue_violet-theme #accountsAndSecurity ul li i,
.Blue_violet-theme #betRecords .navigator-bar .navi-filter,
.Blue_violet-theme #gameRules .navigator-bar i,
.Blue_violet-theme #lotteryCalculate .navigator-bar i,
.Blue_violet-theme #myMessage .list .item .left .bottom i,
.Blue_violet-theme #oddsRules .navigator-bar i,
.Blue_violet-theme #personalData ul li i,
.Blue_violet-theme .loginForm .login-psw b,
.Blue_violet-theme .mine-about ul li:after,
.Blue_violet-theme .mine-menus ul li:after,
.Blue_violet-theme .navigator-bar .detail-navi-back,
.Blue_violet-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Blue_violet-theme .mine-menus ul li img,
.Blue_violet-theme .mine-top .mine-info .about,
.Blue_violet-theme .user .password:before,
.Blue_violet-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Blue_violet-theme #mask .login-notify {
  background: #1b829b;
  color: #fff;
}
.Blue_violet-theme #mask .login-success-btn a,
.Blue_violet-theme .loginForm .login-btn,
.Blue_violet-theme .recommend-register a {
  background: linear-gradient(to bottom, #1b829b, #042f51);
}
.Blue_violet-theme #mask .login-success-btn {
  background: #1b829b;
}
.Blue_violet-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Blue_violet-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Blue_violet-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Blue_violet-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Blue_violet-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Blue_violet/btnHistory.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Blue_violet/btnHot.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Blue_violet/btnRecommond.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Blue_violet/btnLivegame.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Blue_violet/btnSlot.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Blue_violet/btnTogel.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Blue_violet/btnSport.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Blue_violet/btnKartu.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Blue_violet/btnFishing.png");
}
.pc .Blue_violet-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Blue_violet-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Blue_violet/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Blue_violet-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Blue_violet-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Blue_violet-theme .user .password,
.pc .Blue_violet-theme .user .username {
  flex: 2;
}
.pc .Blue_violet-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Blue_violet-theme #footer {
  background: #042f51;
}
.pc .Blue_violet-theme #footer .footer-inner .other .service a:after,
.pc .Blue_violet-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Blue_violet-theme #footer,
.pc .Blue_violet-theme #footer .footer-inner .other .about a,
.pc .Blue_violet-theme #footer .footer-inner .other .service,
.pc .Blue_violet-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .Blue_violet-theme #footer .footer-inner .other .authentication .item img,
.pc .Blue_violet-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Chestnut_powder-theme {
  color: #fff;
}
.Chestnut_powder-theme #mask {
  color: #6a82ad;
}
.Chestnut_powder-theme #service .navigator-bar,
.Chestnut_powder-theme #service .navigator-bar .service-navi-bar img,
.Chestnut_powder-theme #service .navigator-bar .service-navi-bar p,
.Chestnut_powder-theme .navigator-bar {
  background: #661536;
  color: #fff;
}
.Chestnut_powder-theme .loginForm,
.Chestnut_powder-theme .tabs,
.Chestnut_powder-theme .tabs .logo,
.Chestnut_powder-theme .user,
.Chestnut_powder-theme section,
.pc .Chestnut_powder-theme .index-footer,
.pc body.Chestnut_powder-theme {
  background: #a00745 !important;
}
.Chestnut_powder-theme .user .password,
.Chestnut_powder-theme .user .username {
  background: #f36ba2;
}
.Chestnut_powder-theme .user .password:before,
.Chestnut_powder-theme .user .username:before {
  opacity: 0.3;
}
.Chestnut_powder-theme .user .password input::placeholder,
.Chestnut_powder-theme .user .username input::placeholder {
  color: #fff;
}
.Chestnut_powder-theme .notice {
  background: #661536;
  color: #fff;
}
.Chestnut_powder-theme .notice font {
  color: #fff;
}
.Chestnut_powder-theme #game .list .item,
.Chestnut_powder-theme .game-list .card,
.Chestnut_powder-theme .game-list .elgame,
.Chestnut_powder-theme .game-list .fish,
.Chestnut_powder-theme .game-list .live,
.Chestnut_powder-theme .game-list .lottery,
.Chestnut_powder-theme .game-list .sport {
  border-color: #a00745;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #661536;
}
.Chestnut_powder-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Chestnut_powder/btnHistory.png");
}
.Chestnut_powder-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/Chestnut_powder/btnHot.png");
}
.Chestnut_powder-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Chestnut_powder/btnRecommond.png");
}
.Chestnut_powder-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Chestnut_powder/btnLivegame.png");
}
.Chestnut_powder-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Chestnut_powder/btnSlot.png");
}
.Chestnut_powder-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Chestnut_powder/btnTogel.png");
}
.Chestnut_powder-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Chestnut_powder/btnSport.png");
}
.Chestnut_powder-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Chestnut_powder/btnKartu.png");
}
.Chestnut_powder-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Chestnut_powder/btnFishing.png");
}
.Chestnut_powder-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Chestnut_powder-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Chestnut_powder/btnSelect.png");
  background-size: 100% 100%;
}
.Chestnut_powder-theme #deposit .container .bank-list b,
.Chestnut_powder-theme #deposit .container .bank-list p u,
.Chestnut_powder-theme #myMessage .list .item .left .top b,
.Chestnut_powder-theme #withdrawal .container ul li p,
.Chestnut_powder-theme .game-list .game-menu .game-menu-current i,
.Chestnut_powder-theme .loginForm .login-item input,
.Chestnut_powder-theme .loginForm .memberPsw label,
.Chestnut_powder-theme .loginForm .other-item b,
.Chestnut_powder-theme .mine-top .mine-statistics .commissionToday span i,
.Chestnut_powder-theme .mine-top .mine-statistics .myPurse span i,
.Chestnut_powder-theme .notice .scrollText,
.pc .Chestnut_powder-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Chestnut_powder-theme footer {
  background: #661536;
}
.Chestnut_powder-theme footer .nav-item .icon {
  background-image: url("images/theme/Chestnut_powder/btnHome.png") !important;
  background-position: center 5px !important;
}
.Chestnut_powder-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Chestnut_powder/btnPromosi.png") !important;
}
.Chestnut_powder-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Chestnut_powder/btnContact.png") !important;
}
.Chestnut_powder-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Chestnut_powder/btnMenu.png") !important;
}
.mobile .Chestnut_powder-theme footer .nav-item .icon {
  background-image: url("images/theme/Chestnut_powder/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Chestnut_powder-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Chestnut_powder/btnDeposit.png") !important;
}
.mobile .Chestnut_powder-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Chestnut_powder/btnPromosi.png") !important;
}
.mobile .Chestnut_powder-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Chestnut_powder/btnWithdrawal.png") !important;
}
.mobile .Chestnut_powder-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Chestnut_powder/btnMenu.png") !important;
}
.Chestnut_powder-theme footer .nav-item h3 {
  color: #fff;
}
.Chestnut_powder-theme #betRecords .sub-tabs,
.Chestnut_powder-theme .rebate-table table thead th,
.Chestnut_powder-theme .recommend-table table thead th,
.Chestnut_powder-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Chestnut_powder-theme #accountsAndSecurity ul,
.Chestnut_powder-theme #activity .game-list .game-items .game-item,
.Chestnut_powder-theme #betRecords .list .items,
.Chestnut_powder-theme #betRecords .list .items li:nth-child(2n-1),
.Chestnut_powder-theme #deposit .container dl,
.Chestnut_powder-theme #deposit .container ul,
.Chestnut_powder-theme #game .list .item,
.Chestnut_powder-theme #gameRules .rule-detail .rule-content,
.Chestnut_powder-theme #gameRules .rule-detail .tabs,
.Chestnut_powder-theme #gameRules .rule-detail .tabs li,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .rule-content,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .tabs,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .tabs li,
.Chestnut_powder-theme #myFavorite .list,
.Chestnut_powder-theme #myFavorite .tabs,
.Chestnut_powder-theme #myFavorite .tabs li,
.Chestnut_powder-theme #myMessage .list,
.Chestnut_powder-theme #myRecommend .detail dl,
.Chestnut_powder-theme #myRecommend .detail dl dd,
.Chestnut_powder-theme #myRecommend .detail dl dd:nth-child(2n),
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content,
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content dd table,
.Chestnut_powder-theme #oddsRules .rule-detail .rule-content dd table tr,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs li,
.Chestnut_powder-theme #personalData ul,
.Chestnut_powder-theme #transactionRecords .list,
.Chestnut_powder-theme #withdrawal .container .payment-list .payment-item,
.Chestnut_powder-theme #withdrawal .container ul,
.Chestnut_powder-theme .game-list .card,
.Chestnut_powder-theme .game-list .elgame,
.Chestnut_powder-theme .game-list .fish,
.Chestnut_powder-theme .game-list .live,
.Chestnut_powder-theme .game-list .lottery,
.Chestnut_powder-theme .game-list .sport,
.Chestnut_powder-theme .mine-about ul li,
.Chestnut_powder-theme .mine-common,
.Chestnut_powder-theme .mine-menus,
.Chestnut_powder-theme .rebate-table table tbody td,
.Chestnut_powder-theme .recommend-share,
.Chestnut_powder-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Chestnut_powder-theme #deposit .container .bank-tabs,
.Chestnut_powder-theme #paymentMethod .container,
.Chestnut_powder-theme #paymentMethod .container .payment-list,
.Chestnut_powder-theme #withdrawal .container ul li,
.Chestnut_powder-theme .mine-menus ul li {
  background: 0 0;
}
.Chestnut_powder-theme #deposit .container .bank-list .bank-item,
.Chestnut_powder-theme #myMessage .list .item,
.Chestnut_powder-theme #personalData ul li,
.Chestnut_powder-theme .mine-about ul li,
.Chestnut_powder-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Chestnut_powder-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Chestnut_powder-theme .mine-top .mine-statistics {
  background: #661536
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Chestnut_powder-theme #deposit .container .deposit-banklist,
.Chestnut_powder-theme .game-bank-rule .home-banklist,
.Chestnut_powder-theme .game-list .game-items .home-banklist {
  background: #661536
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #661536;
  border: none;
}
.Chestnut_powder-theme #myMessage .list .item:last-child,
.Chestnut_powder-theme #personalData ul li:last-child,
.Chestnut_powder-theme .mine-about ul li:last-child,
.Chestnut_powder-theme .mine-menus ul li:last-child {
  border: none;
}
.Chestnut_powder-theme #gameRules .rule-detail .tabs .actived,
.Chestnut_powder-theme #lotteryCalculate .rule-detail .tabs .actived,
.Chestnut_powder-theme #myFavorite .tabs .actived,
.Chestnut_powder-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Chestnut_powder-theme #accountsAndSecurity ul li i,
.Chestnut_powder-theme #betRecords .navigator-bar .navi-filter,
.Chestnut_powder-theme #gameRules .navigator-bar i,
.Chestnut_powder-theme #lotteryCalculate .navigator-bar i,
.Chestnut_powder-theme #myMessage .list .item .left .bottom i,
.Chestnut_powder-theme #oddsRules .navigator-bar i,
.Chestnut_powder-theme #personalData ul li i,
.Chestnut_powder-theme .loginForm .login-psw b,
.Chestnut_powder-theme .mine-about ul li:after,
.Chestnut_powder-theme .mine-menus ul li:after,
.Chestnut_powder-theme .navigator-bar .detail-navi-back,
.Chestnut_powder-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Chestnut_powder-theme .mine-menus ul li img,
.Chestnut_powder-theme .mine-top .mine-info .about,
.Chestnut_powder-theme .user .password:before,
.Chestnut_powder-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Chestnut_powder-theme #mask .login-notify {
  background: #a00745;
  color: #fff;
}
.Chestnut_powder-theme #mask .login-success-btn a,
.Chestnut_powder-theme .loginForm .login-btn,
.Chestnut_powder-theme .recommend-register a {
  background: linear-gradient(to bottom, #a00745, #661536);
}
.Chestnut_powder-theme #mask .login-success-btn {
  background: #a00745;
}
.Chestnut_powder-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Chestnut_powder-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Chestnut_powder-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Chestnut_powder-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Chestnut_powder/btnHistory.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Chestnut_powder/btnHot.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Chestnut_powder/btnRecommond.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Chestnut_powder/btnLivegame.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Chestnut_powder/btnSlot.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Chestnut_powder/btnTogel.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Chestnut_powder/btnSport.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Chestnut_powder/btnKartu.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Chestnut_powder/btnFishing.png");
}
.pc .Chestnut_powder-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Chestnut_powder-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Chestnut_powder/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Chestnut_powder-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Chestnut_powder-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Chestnut_powder-theme .user .password,
.pc .Chestnut_powder-theme .user .username {
  flex: 2;
}
.pc .Chestnut_powder-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Chestnut_powder-theme #footer {
  background: #661536;
}
.pc .Chestnut_powder-theme #footer .footer-inner .other .service a:after,
.pc .Chestnut_powder-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Chestnut_powder-theme #footer,
.pc .Chestnut_powder-theme #footer .footer-inner .other .about a,
.pc .Chestnut_powder-theme #footer .footer-inner .other .service,
.pc .Chestnut_powder-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc
  .Chestnut_powder-theme
  #footer
  .footer-inner
  .other
  .authentication
  .item
  img,
.pc .Chestnut_powder-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.Green_gray-theme {
  color: #fff;
}
.Green_gray-theme #mask {
  color: #6a82ad;
}
.Green_gray-theme #service .navigator-bar,
.Green_gray-theme #service .navigator-bar .service-navi-bar img,
.Green_gray-theme #service .navigator-bar .service-navi-bar p,
.Green_gray-theme .navigator-bar {
  background: #0f420c;
  color: #fff;
}
.Green_gray-theme .loginForm,
.Green_gray-theme .tabs,
.Green_gray-theme .tabs .logo,
.Green_gray-theme .user,
.Green_gray-theme section,
.pc .Green_gray-theme .index-footer,
.pc body.Green_gray-theme {
  background: #2c5000 !important;
}
.mobile .Green_gray-theme footer .nav-item:nth-of-type(3) {
  background-color: #2c5000 !important;
}
.Green_gray-theme .user .password,
.Green_gray-theme .user .username {
  background: #7dba7f;
}
.Green_gray-theme .user .password:before,
.Green_gray-theme .user .username:before {
  opacity: 0.3;
}
.Green_gray-theme .user .password input::placeholder,
.Green_gray-theme .user .username input::placeholder {
  color: #fff;
}
.Green_gray-theme .notice {
  background: #0f420c;
  color: #fff;
}
.Green_gray-theme .notice font {
  color: #fff;
}
.Green_gray-theme #game .list .item,
.Green_gray-theme .game-list .card,
.Green_gray-theme .game-list .elgame,
.Green_gray-theme .game-list .fish,
.Green_gray-theme .game-list .live,
.Green_gray-theme .game-list .lottery,
.Green_gray-theme .game-list .sport {
  border-color: #2c5000;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #0f420c;
}
.Green_gray-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/Green_gray/btnHistory.png");
}
.Green_gray-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/Green_gray/btnHot.png");
}
.Green_gray-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/Green_gray/btnRecommond.png");
}
.Green_gray-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/Green_gray/btnLivegame.png");
}
.Green_gray-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/Green_gray/btnSlot.png");
}
.Green_gray-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/Green_gray/btnTogel.png");
}
.Green_gray-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/Green_gray/btnSport.png");
}
.Green_gray-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/Green_gray/btnKartu.png");
}
.Green_gray-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/Green_gray/btnFishing.png");
}
.Green_gray-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.Green_gray-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Green_gray/btnSelect.png");
  background-size: 100% 100%;
}
.Green_gray-theme #deposit .container .bank-list b,
.Green_gray-theme #deposit .container .bank-list p u,
.Green_gray-theme #myMessage .list .item .left .top b,
.Green_gray-theme #withdrawal .container ul li p,
.Green_gray-theme .game-list .game-menu .game-menu-current i,
.Green_gray-theme .loginForm .login-item input,
.Green_gray-theme .loginForm .memberPsw label,
.Green_gray-theme .loginForm .other-item b,
.Green_gray-theme .mine-top .mine-statistics .commissionToday span i,
.Green_gray-theme .mine-top .mine-statistics .myPurse span i,
.Green_gray-theme .notice .scrollText,
.pc .Green_gray-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.Green_gray-theme footer {
  background: #0f420c;
}
.Green_gray-theme footer .nav-item .icon {
  background-image: url("images/theme/Green_gray/btnHome.png") !important;
  background-position: center 5px !important;
}
.Green_gray-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Green_gray/btnPromosi.png") !important;
}
.Green_gray-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Green_gray/btnContact.png") !important;
}
.Green_gray-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Green_gray/btnMenu.png") !important;
}
.mobile .Green_gray-theme footer .nav-item .icon {
  background-image: url("images/theme/Green_gray/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .Green_gray-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/Green_gray/btnDeposit.png") !important;
}
.mobile .Green_gray-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/Green_gray/btnPromosi.png") !important;
}
.mobile .Green_gray-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/Green_gray/btnWithdrawal.png") !important;
}
.mobile .Green_gray-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/Green_gray/btnMenu.png") !important;
}
.Green_gray-theme footer .nav-item h3 {
  color: #fff;
}
.Green_gray-theme #betRecords .sub-tabs,
.Green_gray-theme .rebate-table table thead th,
.Green_gray-theme .recommend-table table thead th,
.Green_gray-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.Green_gray-theme #accountsAndSecurity ul,
.Green_gray-theme #activity .game-list .game-items .game-item,
.Green_gray-theme #betRecords .list .items,
.Green_gray-theme #betRecords .list .items li:nth-child(2n-1),
.Green_gray-theme #deposit .container dl,
.Green_gray-theme #deposit .container ul,
.Green_gray-theme #game .list .item,
.Green_gray-theme #gameRules .rule-detail .rule-content,
.Green_gray-theme #gameRules .rule-detail .tabs,
.Green_gray-theme #gameRules .rule-detail .tabs li,
.Green_gray-theme #lotteryCalculate .rule-detail .rule-content,
.Green_gray-theme #lotteryCalculate .rule-detail .rule-content dd table,
.Green_gray-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.Green_gray-theme #lotteryCalculate .rule-detail .tabs,
.Green_gray-theme #lotteryCalculate .rule-detail .tabs li,
.Green_gray-theme #myFavorite .list,
.Green_gray-theme #myFavorite .tabs,
.Green_gray-theme #myFavorite .tabs li,
.Green_gray-theme #myMessage .list,
.Green_gray-theme #myRecommend .detail dl,
.Green_gray-theme #myRecommend .detail dl dd,
.Green_gray-theme #myRecommend .detail dl dd:nth-child(2n),
.Green_gray-theme #oddsRules .rule-detail .rule-content,
.Green_gray-theme #oddsRules .rule-detail .rule-content dd table,
.Green_gray-theme #oddsRules .rule-detail .rule-content dd table tr,
.Green_gray-theme #oddsRules .rule-detail .tabs,
.Green_gray-theme #oddsRules .rule-detail .tabs li,
.Green_gray-theme #personalData ul,
.Green_gray-theme #transactionRecords .list,
.Green_gray-theme #withdrawal .container .payment-list .payment-item,
.Green_gray-theme #withdrawal .container ul,
.Green_gray-theme .game-list .card,
.Green_gray-theme .game-list .elgame,
.Green_gray-theme .game-list .fish,
.Green_gray-theme .game-list .live,
.Green_gray-theme .game-list .lottery,
.Green_gray-theme .game-list .sport,
.Green_gray-theme .mine-about ul li,
.Green_gray-theme .mine-common,
.Green_gray-theme .mine-menus,
.Green_gray-theme .rebate-table table tbody td,
.Green_gray-theme .recommend-share,
.Green_gray-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.Green_gray-theme #deposit .container .bank-tabs,
.Green_gray-theme #paymentMethod .container,
.Green_gray-theme #paymentMethod .container .payment-list,
.Green_gray-theme #withdrawal .container ul li,
.Green_gray-theme .mine-menus ul li {
  background: 0 0;
}
.Green_gray-theme #deposit .container .bank-list .bank-item,
.Green_gray-theme #myMessage .list .item,
.Green_gray-theme #personalData ul li,
.Green_gray-theme .mine-about ul li,
.Green_gray-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.Green_gray-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.Green_gray-theme .mine-top .mine-statistics {
  background: #0f420c
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.Green_gray-theme #deposit .container .deposit-banklist,
.Green_gray-theme .game-bank-rule .home-banklist,
.Green_gray-theme .game-list .game-items .home-banklist {
  background: #0f420c
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #0f420c;
  border: none;
}
.Green_gray-theme #myMessage .list .item:last-child,
.Green_gray-theme #personalData ul li:last-child,
.Green_gray-theme .mine-about ul li:last-child,
.Green_gray-theme .mine-menus ul li:last-child {
  border: none;
}
.Green_gray-theme #gameRules .rule-detail .tabs .actived,
.Green_gray-theme #lotteryCalculate .rule-detail .tabs .actived,
.Green_gray-theme #myFavorite .tabs .actived,
.Green_gray-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.Green_gray-theme #accountsAndSecurity ul li i,
.Green_gray-theme #betRecords .navigator-bar .navi-filter,
.Green_gray-theme #gameRules .navigator-bar i,
.Green_gray-theme #lotteryCalculate .navigator-bar i,
.Green_gray-theme #myMessage .list .item .left .bottom i,
.Green_gray-theme #oddsRules .navigator-bar i,
.Green_gray-theme #personalData ul li i,
.Green_gray-theme .loginForm .login-psw b,
.Green_gray-theme .mine-about ul li:after,
.Green_gray-theme .mine-menus ul li:after,
.Green_gray-theme .navigator-bar .detail-navi-back,
.Green_gray-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.Green_gray-theme .mine-menus ul li img,
.Green_gray-theme .mine-top .mine-info .about,
.Green_gray-theme .user .password:before,
.Green_gray-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.Green_gray-theme #mask .login-notify {
  background: #2c5000;
  color: #fff;
}
.Green_gray-theme #mask .login-success-btn a,
.Green_gray-theme .loginForm .login-btn,
.Green_gray-theme .recommend-register a {
  background: linear-gradient(to bottom, #2c5000, #0f420c);
}
.Green_gray-theme #mask .login-success-btn {
  background: #2c5000;
}
.Green_gray-theme #betRecords .list .items {
  gap: 0.07rem;
}
.Green_gray-theme .login-btn {
  background: url("images/theme/Green_gray/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Green_gray-theme .loginBtn {
  background: url("images/theme/Green_gray/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Green_gray-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .Green_gray-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .Green_gray-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Green_gray-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/Green_gray/btnHistory.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/Green_gray/btnHot.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/Green_gray/btnRecommond.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/Green_gray/btnLivegame.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/Green_gray/btnSlot.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/Green_gray/btnTogel.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/Green_gray/btnSport.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/Green_gray/btnKartu.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/Green_gray/btnFishing.png");
}
.pc .Green_gray-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .Green_gray-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/Green_gray/btnSelect.png");
  background-size: 100% 100%;
}
.pc .Green_gray-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .Green_gray-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .Green_gray-theme .user .password,
.pc .Green_gray-theme .user .username {
  flex: 2;
}
.pc .Green_gray-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .Green_gray-theme #footer {
  background: #0f420c;
}
.pc .Green_gray-theme #footer .footer-inner .other .service a:after,
.pc .Green_gray-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .Green_gray-theme #footer,
.pc .Green_gray-theme #footer .footer-inner .other .about a,
.pc .Green_gray-theme #footer .footer-inner .other .service,
.pc .Green_gray-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .Green_gray-theme #footer .footer-inner .other .authentication .item img,
.pc .Green_gray-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.yellow-theme {
  color: #fff;
}
.yellow-theme #mask {
  color: #6a82ad;
}
.yellow-theme #service .navigator-bar,
.yellow-theme #service .navigator-bar .service-navi-bar img,
.yellow-theme #service .navigator-bar .service-navi-bar p,
.yellow-theme .navigator-bar {
  background: #f1b95d;
  color: #fff;
}
.pc .yellow-theme .index-footer,
.pc body.yellow-theme,
.yellow-theme .loginForm,
.yellow-theme .tabs,
.yellow-theme .tabs .logo,
.yellow-theme .user,
.yellow-theme section {
  background: #ffd287 !important;
}
.yellow-theme .user .password,
.yellow-theme .user .username {
  background: #e5b365;
}
.yellow-theme .user .password:before,
.yellow-theme .user .username:before {
  opacity: 0.3;
}
.yellow-theme .user .password input::placeholder,
.yellow-theme .user .username input::placeholder {
  color: #fff;
}
.yellow-theme .notice {
  background: #f1b95d;
  color: #fff;
}
.yellow-theme .notice font {
  color: #fff;
}
.yellow-theme #game .list .item,
.yellow-theme .game-list .card,
.yellow-theme .game-list .elgame,
.yellow-theme .game-list .fish,
.yellow-theme .game-list .live,
.yellow-theme .game-list .lottery,
.yellow-theme .game-list .sport {
  border-color: #ffd287;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #f1b95d;
}
.yellow-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/yellow/btnHistory.png");
}
.yellow-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/yellow/btnHot.png");
}
.yellow-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/yellow/btnRecommond.png");
}
.yellow-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/yellow/btnLivegame.png");
}
.yellow-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/yellow/btnSlot.png");
}
.yellow-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/yellow/btnTogel.png");
}
.yellow-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/yellow/btnSport.png");
}
.yellow-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/yellow/btnKartu.png");
}
.yellow-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/yellow/btnFishing.png");
}
.yellow-theme .game-list .game-menu .game-menu-item i {
  color: #fff;
}
.yellow-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .yellow-theme .game-list-box .game-menu .game-menu-current i,
.yellow-theme #deposit .container .bank-list b,
.yellow-theme #deposit .container .bank-list p u,
.yellow-theme #myMessage .list .item .left .top b,
.yellow-theme #withdrawal .container ul li p,
.yellow-theme .game-list .game-menu .game-menu-current i,
.yellow-theme .loginForm .login-item input,
.yellow-theme .loginForm .memberPsw label,
.yellow-theme .loginForm .other-item b,
.yellow-theme .mine-top .mine-statistics .commissionToday span i,
.yellow-theme .mine-top .mine-statistics .myPurse span i,
.yellow-theme .notice .scrollText {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.yellow-theme footer {
  background: #f1b95d;
}
.yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/yellow/btnPromosi.png") !important;
}
.yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/yellow/btnContact.png") !important;
}
.yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/yellow/btnMenu.png") !important;
}
.mobile .yellow-theme footer .nav-item .icon {
  background-image: url("images/theme/yellow/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .yellow-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/yellow/btnDeposit.png") !important;
}
.mobile .yellow-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/yellow/btnPromosi.png") !important;
}
.mobile .yellow-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/yellow/btnWithdrawal.png") !important;
}
.mobile .yellow-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/yellow/btnMenu.png") !important;
}
.yellow-theme footer .nav-item h3 {
  color: #fff;
}
.yellow-theme #betRecords .sub-tabs,
.yellow-theme .rebate-table table thead th,
.yellow-theme .recommend-table table thead th,
.yellow-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.yellow-theme #accountsAndSecurity ul,
.yellow-theme #activity .game-list .game-items .game-item,
.yellow-theme #betRecords .list .items,
.yellow-theme #betRecords .list .items li:nth-child(2n-1),
.yellow-theme #deposit .container dl,
.yellow-theme #deposit .container ul,
.yellow-theme #game .list .item,
.yellow-theme #gameRules .rule-detail .rule-content,
.yellow-theme #gameRules .rule-detail .tabs,
.yellow-theme #gameRules .rule-detail .tabs li,
.yellow-theme #lotteryCalculate .rule-detail .rule-content,
.yellow-theme #lotteryCalculate .rule-detail .rule-content dd table,
.yellow-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.yellow-theme #lotteryCalculate .rule-detail .tabs,
.yellow-theme #lotteryCalculate .rule-detail .tabs li,
.yellow-theme #myFavorite .list,
.yellow-theme #myFavorite .tabs,
.yellow-theme #myFavorite .tabs li,
.yellow-theme #myMessage .list,
.yellow-theme #myRecommend .detail dl,
.yellow-theme #myRecommend .detail dl dd,
.yellow-theme #myRecommend .detail dl dd:nth-child(2n),
.yellow-theme #oddsRules .rule-detail .rule-content,
.yellow-theme #oddsRules .rule-detail .rule-content dd table,
.yellow-theme #oddsRules .rule-detail .rule-content dd table tr,
.yellow-theme #oddsRules .rule-detail .tabs,
.yellow-theme #oddsRules .rule-detail .tabs li,
.yellow-theme #personalData ul,
.yellow-theme #transactionRecords .list,
.yellow-theme #withdrawal .container .payment-list .payment-item,
.yellow-theme #withdrawal .container ul,
.yellow-theme .game-list .card,
.yellow-theme .game-list .elgame,
.yellow-theme .game-list .fish,
.yellow-theme .game-list .live,
.yellow-theme .game-list .lottery,
.yellow-theme .game-list .sport,
.yellow-theme .mine-about ul li,
.yellow-theme .mine-common,
.yellow-theme .mine-menus,
.yellow-theme .rebate-table table tbody td,
.yellow-theme .recommend-share,
.yellow-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.yellow-theme #deposit .container .bank-tabs,
.yellow-theme #paymentMethod .container,
.yellow-theme #paymentMethod .container .payment-list,
.yellow-theme #withdrawal .container ul li,
.yellow-theme .mine-menus ul li {
  background: 0 0;
}
.yellow-theme #deposit .container .bank-list .bank-item,
.yellow-theme #myMessage .list .item,
.yellow-theme #personalData ul li,
.yellow-theme .mine-about ul li,
.yellow-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.yellow-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.yellow-theme .mine-top .mine-statistics {
  background: #f1b95d
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.yellow-theme #deposit .container .deposit-banklist,
.yellow-theme .game-bank-rule .home-banklist,
.yellow-theme .game-list .game-items .home-banklist {
  background: #f1b95d
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #f1b95d;
  border: none;
}
.yellow-theme #myMessage .list .item:last-child,
.yellow-theme #personalData ul li:last-child,
.yellow-theme .mine-about ul li:last-child,
.yellow-theme .mine-menus ul li:last-child {
  border: none;
}
.yellow-theme #gameRules .rule-detail .tabs .actived,
.yellow-theme #lotteryCalculate .rule-detail .tabs .actived,
.yellow-theme #myFavorite .tabs .actived,
.yellow-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.yellow-theme #accountsAndSecurity ul li i,
.yellow-theme #betRecords .navigator-bar .navi-filter,
.yellow-theme #gameRules .navigator-bar i,
.yellow-theme #lotteryCalculate .navigator-bar i,
.yellow-theme #myMessage .list .item .left .bottom i,
.yellow-theme #oddsRules .navigator-bar i,
.yellow-theme #personalData ul li i,
.yellow-theme .loginForm .login-psw b,
.yellow-theme .mine-about ul li:after,
.yellow-theme .mine-menus ul li:after,
.yellow-theme .navigator-bar .detail-navi-back,
.yellow-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.yellow-theme .mine-menus ul li img,
.yellow-theme .mine-top .mine-info .about,
.yellow-theme .user .password:before,
.yellow-theme .user .username:before {
  filter: brightness(0) invert(1) !important;
}
.yellow-theme #mask .login-notify {
  background: #ffd287;
  color: #fff;
}
.yellow-theme #mask .login-success-btn a,
.yellow-theme .loginForm .login-btn,
.yellow-theme .recommend-register a {
  background: linear-gradient(to bottom, #ffd287, #f1b95d);
}
.yellow-theme #mask .login-success-btn {
  background: #ffd287;
}
.yellow-theme #betRecords .list .items {
  gap: 0.07rem;
}
.pc .yellow-theme .game-bank-rule .home-banklist .bank-rule a,
.yellow-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .yellow-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .yellow-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/yellow/btnHistory.png");
}
.pc .yellow-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/yellow/btnHot.png");
}
.pc .yellow-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/yellow/btnRecommond.png");
}
.pc .yellow-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/yellow/btnLivegame.png");
}
.pc .yellow-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/yellow/btnSlot.png");
}
.pc .yellow-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/yellow/btnTogel.png");
}
.pc .yellow-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/yellow/btnSport.png");
}
.pc .yellow-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/yellow/btnKartu.png");
}
.pc .yellow-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/yellow/btnFishing.png");
}
.pc .yellow-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .yellow-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/yellow/btnSelect.png");
  background-size: 100% 100%;
}
.pc .yellow-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .yellow-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .yellow-theme .user .password,
.pc .yellow-theme .user .username {
  flex: 2;
}
.pc .yellow-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .yellow-theme #footer {
  background: #f1b95d;
}
.pc .yellow-theme #footer .footer-inner .other .service a:after,
.pc .yellow-theme #footer .footer-inner .worktogether {
  border-color: #fff;
}
.pc .yellow-theme #footer,
.pc .yellow-theme #footer .footer-inner .other .about a,
.pc .yellow-theme #footer .footer-inner .other .service,
.pc .yellow-theme #footer .footer-inner .other .service a {
  color: #fff;
}
.pc .yellow-theme #footer .footer-inner .other .authentication .item img,
.pc .yellow-theme #footer .footer-inner .worktogether img {
  filter: brightness(0) invert(1);
}
.light-pink-theme {
  color: #f7c4c0;
}
.light-pink-theme #mask {
  color: #6a82ad;
}
.light-pink-theme #service .navigator-bar,
.light-pink-theme #service .navigator-bar .service-navi-bar img,
.light-pink-theme #service .navigator-bar .service-navi-bar p,
.light-pink-theme .navigator-bar {
  background: #fff;
  color: #f7c4c0;
}
.light-pink-theme .loginForm,
.light-pink-theme .tabs,
.light-pink-theme .tabs .logo,
.light-pink-theme .user,
.light-pink-theme section,
.pc .light-pink-theme .index-footer,
.pc body.light-pink-theme {
  background: #fff2f8 !important;
}
.light-pink-theme .user .password,
.light-pink-theme .user .username {
  background: #efbecf;
}
.light-pink-theme .user .password:before,
.light-pink-theme .user .username:before {
  opacity: 0.3;
}
.light-pink-theme .user .password input::placeholder,
.light-pink-theme .user .username input::placeholder {
  color: #fff;
}
.light-pink-theme .notice {
  background: #fff;
  color: #f7c4c0;
}
.light-pink-theme .notice font {
  color: #f7c4c0;
}
.light-pink-theme #game .list .item,
.light-pink-theme .game-list .card,
.light-pink-theme .game-list .elgame,
.light-pink-theme .game-list .fish,
.light-pink-theme .game-list .live,
.light-pink-theme .game-list .lottery,
.light-pink-theme .game-list .sport {
  border-color: #fff2f8;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #fff;
}
.light-pink-theme .game-list .game-menu .history-menu {
  background-image: url("images/theme/light-pink/btnHistory.png");
}
.light-pink-theme .game-list .game-menu .hot-menu {
  background-image: url("images/theme/light-pink/btnHot.png");
}
.light-pink-theme .game-list .game-menu .recommond-menu {
  background-image: url("images/theme/light-pink/btnRecommond.png");
}
.light-pink-theme .game-list .game-menu .live-menu {
  background-image: url("images/theme/light-pink/btnLivegame.png");
}
.light-pink-theme .game-list .game-menu .elgame-menu {
  background-image: url("images/theme/light-pink/btnSlot.png");
}
.light-pink-theme .game-list .game-menu .lottery-menu {
  background-image: url("images/theme/light-pink/btnTogel.png");
}
.light-pink-theme .game-list .game-menu .sport-menu {
  background-image: url("images/theme/light-pink/btnSport.png");
}
.light-pink-theme .game-list .game-menu .card-menu {
  background-image: url("images/theme/light-pink/btnKartu.png");
}
.light-pink-theme .game-list .game-menu .fish-menu {
  background-image: url("images/theme/light-pink/btnFishing.png");
}
.light-pink-theme .game-list .game-menu .game-menu-item i {
  color: #f7c4c0;
}
.light-pink-theme .game-list .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/light-pink/btnSelect.png");
  background-size: 100% 100%;
}
.light-pink-theme #deposit .container .bank-list b,
.light-pink-theme #deposit .container .bank-list p u,
.light-pink-theme #myMessage .list .item .left .top b,
.light-pink-theme #withdrawal .container ul li p,
.light-pink-theme .game-list .game-menu .game-menu-current i,
.light-pink-theme .loginForm .login-item input,
.light-pink-theme .loginForm .memberPsw label,
.light-pink-theme .loginForm .other-item b,
.light-pink-theme .mine-top .mine-statistics .commissionToday span i,
.light-pink-theme .mine-top .mine-statistics .myPurse span i,
.light-pink-theme .notice .scrollText,
.pc .light-pink-theme .game-list-box .game-menu .game-menu-current i {
  color: #fff;
  -webkit-text-fill-color: #fff;
}
.light-pink-theme footer {
  background: #fff;
}
.light-pink-theme footer .nav-item .icon {
  background-image: url("images/theme/light-pink/btnHome.png") !important;
  background-position: center 5px !important;
}
.light-pink-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/light-pink/btnPromosi.png") !important;
}
.light-pink-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/light-pink/btnContact.png") !important;
}
.light-pink-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/light-pink/btnMenu.png") !important;
}
.mobile .light-pink-theme footer .nav-item .icon {
  background-image: url("images/theme/light-pink/btnHome.png") !important;
  background-position: center 5px !important;
}
.mobile .light-pink-theme footer .nav-item:nth-of-type(2) .icon {
  background-image: url("images/theme/light-pink/btnDeposit.png") !important;
}
.mobile .light-pink-theme footer .nav-item:nth-of-type(3) .icon {
  background-image: url("images/theme/light-pink/btnPromosi.png") !important;
}
.mobile .light-pink-theme footer .nav-item:nth-of-type(4) .icon {
  background-image: url("images/theme/light-pink/btnWithdrawal.png") !important;
}
.mobile .light-pink-theme footer .nav-item:nth-of-type(5) .icon {
  background-image: url("images/theme/light-pink/btnMenu.png") !important;
}
.light-pink-theme footer .nav-item h3 {
  color: #f7c4c0;
}
.light-pink-theme #betRecords .sub-tabs,
.light-pink-theme .rebate-table table thead th,
.light-pink-theme .recommend-table table thead th,
.light-pink-theme footer .nav-item-active {
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
}
.light-pink-theme #accountsAndSecurity ul,
.light-pink-theme #activity .game-list .game-items .game-item,
.light-pink-theme #betRecords .list .items,
.light-pink-theme #betRecords .list .items li:nth-child(2n-1),
.light-pink-theme #deposit .container dl,
.light-pink-theme #deposit .container ul,
.light-pink-theme #game .list .item,
.light-pink-theme #gameRules .rule-detail .rule-content,
.light-pink-theme #gameRules .rule-detail .tabs,
.light-pink-theme #gameRules .rule-detail .tabs li,
.light-pink-theme #lotteryCalculate .rule-detail .rule-content,
.light-pink-theme #lotteryCalculate .rule-detail .rule-content dd table,
.light-pink-theme #lotteryCalculate .rule-detail .rule-content dd table tr,
.light-pink-theme #lotteryCalculate .rule-detail .tabs,
.light-pink-theme #lotteryCalculate .rule-detail .tabs li,
.light-pink-theme #myFavorite .list,
.light-pink-theme #myFavorite .tabs,
.light-pink-theme #myFavorite .tabs li,
.light-pink-theme #myMessage .list,
.light-pink-theme #myRecommend .detail dl,
.light-pink-theme #myRecommend .detail dl dd,
.light-pink-theme #myRecommend .detail dl dd:nth-child(2n),
.light-pink-theme #oddsRules .rule-detail .rule-content,
.light-pink-theme #oddsRules .rule-detail .rule-content dd table,
.light-pink-theme #oddsRules .rule-detail .rule-content dd table tr,
.light-pink-theme #oddsRules .rule-detail .tabs,
.light-pink-theme #oddsRules .rule-detail .tabs li,
.light-pink-theme #personalData ul,
.light-pink-theme #transactionRecords .list,
.light-pink-theme #withdrawal .container .payment-list .payment-item,
.light-pink-theme #withdrawal .container ul,
.light-pink-theme .game-list .card,
.light-pink-theme .game-list .elgame,
.light-pink-theme .game-list .fish,
.light-pink-theme .game-list .live,
.light-pink-theme .game-list .lottery,
.light-pink-theme .game-list .sport,
.light-pink-theme .mine-about ul li,
.light-pink-theme .mine-common,
.light-pink-theme .mine-menus,
.light-pink-theme .rebate-table table tbody td,
.light-pink-theme .recommend-share,
.light-pink-theme .recommend-table table tbody td {
  background-color: rgba(255, 255, 255, 0.1) !important;
  border: none;
}
.light-pink-theme #deposit .container .bank-tabs,
.light-pink-theme #paymentMethod .container,
.light-pink-theme #paymentMethod .container .payment-list,
.light-pink-theme #withdrawal .container ul li,
.light-pink-theme .mine-menus ul li {
  background: 0 0;
}
.light-pink-theme #deposit .container .bank-list .bank-item,
.light-pink-theme #myMessage .list .item,
.light-pink-theme #personalData ul li,
.light-pink-theme .mine-about ul li,
.light-pink-theme .mine-menus ul li {
  border-bottom: #666 0.1rem solid;
}
.light-pink-theme #deposit .container .bank-list .qris-item {
  background: #fff;
}
.light-pink-theme .mine-top .mine-statistics {
  background: #fff
    linear-gradient(120deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.2));
}
.light-pink-theme #deposit .container .deposit-banklist,
.light-pink-theme .game-bank-rule .home-banklist,
.light-pink-theme .game-list .game-items .home-banklist {
  background: #fff
    linear-gradient(120deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.1));
  box-shadow: 0 0 1rem #fff;
  border: none;
}
.light-pink-theme #myMessage .list .item:last-child,
.light-pink-theme #personalData ul li:last-child,
.light-pink-theme .mine-about ul li:last-child,
.light-pink-theme .mine-menus ul li:last-child {
  border: none;
}
.light-pink-theme #gameRules .rule-detail .tabs .actived,
.light-pink-theme #lotteryCalculate .rule-detail .tabs .actived,
.light-pink-theme #myFavorite .tabs .actived,
.light-pink-theme #oddsRules .rule-detail .tabs .actived {
  background: #f60 !important;
}
.light-pink-theme #accountsAndSecurity ul li i,
.light-pink-theme #betRecords .navigator-bar .navi-filter,
.light-pink-theme #gameRules .navigator-bar i,
.light-pink-theme #lotteryCalculate .navigator-bar i,
.light-pink-theme #myMessage .list .item .left .bottom i,
.light-pink-theme #oddsRules .navigator-bar i,
.light-pink-theme #personalData ul li i,
.light-pink-theme .loginForm .login-psw b,
.light-pink-theme .mine-about ul li:after,
.light-pink-theme .mine-menus ul li:after,
.light-pink-theme .navigator-bar .detail-navi-back,
.light-pink-theme .navigator-bar .navi-back {
  filter: invert(100%) sepia(8%) saturate(293%) hue-rotate(97deg)
    brightness(118%) contrast(100%) !important;
  opacity: 1;
}
.light-pink-theme .mine-menus ul li img,
.light-pink-theme .mine-top .mine-info .about,
.light-pink-theme .user .password:before,
.light-pink-theme .user .username:before {
  filter: invert(63%) sepia(11%) saturate(589%) hue-rotate(316deg)
    brightness(120%) contrast(113%) !important;
}
.light-pink-theme #mask .login-notify {
  background: #fff2f8;
  color: #fff;
}
.light-pink-theme #mask .login-success-btn a,
.light-pink-theme .loginForm .login-btn,
.light-pink-theme .recommend-register a {
  background: linear-gradient(to bottom, #ff92b1, #f15d83);
}
.light-pink-theme #mask .login-success-btn {
  background: #fff2f8;
}
.light-pink-theme #betRecords .list .items {
  gap: 0.07rem;
}
.light-pink-theme .game-bank-rule .home-banklist .bank-rule a,
.pc .light-pink-theme .game-bank-rule .home-banklist .bank-rule a {
  color: #3a9ce8;
}
.pc .light-pink-theme .game-list .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .light-pink-theme .game-list-box .game-menu .history-menu {
  background-image: url("images/theme/light-pink/btnHistory.png");
}
.pc .light-pink-theme .game-list-box .game-menu .hot-menu {
  background-image: url("images/theme/light-pink/btnHot.png");
}
.pc .light-pink-theme .game-list-box .game-menu .recommond-menu {
  background-image: url("images/theme/light-pink/btnRecommond.png");
}
.pc .light-pink-theme .game-list-box .game-menu .live-menu {
  background-image: url("images/theme/light-pink/btnLivegame.png");
}
.pc .light-pink-theme .game-list-box .game-menu .elgame-menu {
  background-image: url("images/theme/light-pink/btnSlot.png");
}
.pc .light-pink-theme .game-list-box .game-menu .lottery-menu {
  background-image: url("images/theme/light-pink/btnTogel.png");
}
.pc .light-pink-theme .game-list-box .game-menu .sport-menu {
  background-image: url("images/theme/light-pink/btnSport.png");
}
.pc .light-pink-theme .game-list-box .game-menu .card-menu {
  background-image: url("images/theme/light-pink/btnKartu.png");
}
.pc .light-pink-theme .game-list-box .game-menu .fish-menu {
  background-image: url("images/theme/light-pink/btnFishing.png");
}
.pc .light-pink-theme .game-list-box .game-menu .game-menu-item i {
  color: #fff;
}
.pc .light-pink-theme .game-list-box .game-menu p {
  width: 6.8rem;
  height: 6.8rem;
  background-image: url("images/theme/light-pink/btnSelect.png");
  background-size: 100% 100%;
}
.pc .light-pink-theme .game-list-box .game-menu p {
  width: 10rem;
  height: 10rem;
}
.pc .light-pink-theme #deposit .container .bank-list .qris-item {
  margin-left: 295px;
}
.pc .light-pink-theme .user .password,
.pc .light-pink-theme .user .username {
  flex: 2;
}
.pc .light-pink-theme footer .nav-item .icon {
  background-position: center 7px !important;
}
.pc .light-pink-theme #footer {
  background: #fff;
}
.pc .light-pink-theme #footer .footer-inner .other .service a:after,
.pc .light-pink-theme #footer .footer-inner .worktogether {
  border-color: #f7c4c0;
}
.pc .light-pink-theme #footer,
.pc .light-pink-theme #footer .footer-inner .other .about a,
.pc .light-pink-theme #footer .footer-inner .other .service,
.pc .light-pink-theme #footer .footer-inner .other .service a {
  color: #f7c4c0;
}
.pc .light-pink-theme #footer .footer-inner .other .authentication .item img,
.pc .light-pink-theme #footer .footer-inner .worktogether img {
  filter: invert(63%) sepia(11%) saturate(589%) hue-rotate(316deg)
    brightness(120%) contrast(113%);
}
.game-list .live {
  max-height: 23rem;
}
.game-list .pioneer-live {
  max-height: none;
}
.game-list .lottery p > img {
  width: 100%;
}
.game-list .lottery h3 {
  background: linear-gradient(165deg, #cd5c5c 100%, transparent);
}
.game-list .game-items .game-item .game-item-history i {
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-list .game-items .game-item .game-periodid {
  position: absolute;
  top: auto;
  right: auto;
  bottom: 6rem;
  left: 0;
  height: 2.4rem;
  line-height: 2.4rem;
  border-radius: 0 0 0 1.2rem;
  color: #fff;
  width: 100%;
  text-align: center;
  font-weight: 700;
  font-size: 1.4rem;
  text-shadow: 0 0.1rem 0.4rem #000;
  background: 0 0;
  padding: 0;
}
.pc .game-list .game-items .game-item .game-periodid {
  bottom: 90px;
  font-size: 18px;
  text-shadow: 0 1px 4px #000;
}
#withdrawal .container .usdt-withdrawal-title h3 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  background: #fc1855;
  color: #fff;
  border-radius: 50%;
  overflow: hidden;
  font-size: 1.2rem;
}
#withdrawal .container .usdt-withdrawal-title-txt {
  flex: 1;
  margin-left: 1rem;
  font-size: 2rem;
  font-weight: 400;
}
#withdrawal .tabs {
  font-size: 2rem;
  margin: 0 1rem;
  height: auto;
  padding: 0;
}
#withdrawal .tabs .tab-list {
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
}
#withdrawal .tabs .tabs-item {
  box-sizing: border-box;
  min-width: 7rem;
  cursor: pointer;
  color: #999;
  text-align: center;
}
#withdrawal .tabs .active {
  font-weight: 700;
  color: #fff;
}
#withdrawal .tabs .tabs-line {
  box-sizing: border-box;
  min-width: 7rem;
  height: 0.3rem;
  background: #fc1855;
  position: absolute;
  bottom: -12px;
  left: 0;
}
.mobile #withdrawal .container .usdt-withdrawal-title label {
  min-width: 4rem;
  max-width: 8rem;
}
.mobile #withdrawal .container .usdt-withdrawal-content label {
  min-width: 9rem;
  max-width: 9rem;
}
.theme-style #withdrawal .pilihJaringan {
  display: flex;
}
.theme-style #withdrawal .pilihJaringan button {
  background-color: #2b2f30;
  cursor: pointer;
  border-radius: 0.5rem;
  color: #fff;
  padding: 0.75rem;
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
  box-sizing: border-box;
  border: none;
}
.theme-style #withdrawal .pilihJaringan button .icon {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  background-color: red;
}
.theme-style #withdrawal .pilihJaringan button .txt {
  margin: 0 0.5rem;
}
.theme-style #withdrawal .pilihJaringan button .arrow_down {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0.375rem;
  padding: 0.25rem;
  background-color: #3a4142;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: auto;
}
.theme-style #withdrawal .pilihJaringan button .arrow_down .arrow_down_icon {
  width: 1rem;
  height: 1rem;
  background-image: url("images/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
#withdrawal .container ul .usdt-withdrawable-amount i {
  color: #ffcb46;
}
#withdrawal .container .submit {
  cursor: pointer;
}
#withdrawal .container .usdt-binding,
#withdrawal .container .usdt-withdraw {
  flex: 1;
  cursor: pointer;
  background: #fc1855;
  height: 4rem;
  margin: 1.5rem;
  border-radius: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  color: #fff;
  box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}
#withdrawal .container .usdt-email {
  cursor: pointer;
  background: #fc1855;
  border-radius: 1rem;
  padding: 1rem;
  margin-left: 0.5rem;
  font-size: 1rem;
  color: #fff;
  box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}
.game-list .lottery p > img {
  width: 100%;
}
.game-list .lottery h3 {
  background: linear-gradient(165deg, #cd5c5c 100%, transparent);
}
.register-step ul li .captcha-image {
  right: 5rem;
  padding-right: 3rem;
  background-position: left center;
}
.register-step .register-verify {
  display: none;
  flex-basis: 100%;
  color: red;
  font-size: 1rem;
}
.register-step ul li .captcha-image::after {
  content: "";
  display: block;
  position: absolute;
  right: 0.5rem;
  top: 50%;
  margin-top: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC/SURBVDhPndPBEcIwDATAlEIplEIR/PnSBaVQCA8K4QFaQMaZOInJzdwksU4nS3aGFeyC+8/rCIdga/0NSZfgs+I9eA2eguCbZgKCTPCOqhEzyFjTgJCAsAU7OwdpHsGRgeBSsn7Fa96CBdkzoxas22Hy+F0rmB1KL1TPCf+N7H+zAWhhboBdkMykF06Fvgwyj6m3DcmTgk7B4ppJ3sjJv2A7GfSsBWKMFWgm1yAkapHBYnJCRUK3jiGWgf0wDC8ooUBPcM/uAAAAAABJRU5ErkJggg==")
    no-repeat left center;
  background-size: 100%;
}
.register-step ul li.existFales,
.register-step ul li.existTrue {
  overflow: visible;
}
.register-step ul li.existFales::before,
.register-step ul li.existTrue::before {
  content: "";
  display: block;
  position: absolute;
  right: -25px;
  top: 50%;
  margin-top: -0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background-repeat: no-repeat;
  background-size: 100%;
}
.register-step ul li.existFales::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEASURBVFhH7ZXRDQIhDIYZxVEcxQQSx3AUH83hEI7iKCctXCRQCijliS/5YwzJ9aelrVpM4anPyuo3atN39biewskEIJg1e6JbOJ0A3jwzsIdTYeCmVHCQOFh3IjDKZUUUuu5fgTlRNvMiA3sJP0BrLknASCv1knAtB8ZEqaVefPQOST24PD4Ev62uh6U+m9nuf80Em/qeliuOzYqJzHSkrpbjhkepHGzq3c7vAlPJ3AaCxSZEFg13Iy//mtm6O/017VpMDGk5Dqgf/fGKfk09Bf8eaA1fNH0mBBZNvTOCRqY+pcVE3J4i8CaEd/wBTsrERNeiGQFOv2Cie9QuSij1AR/MLkwk8haEAAAAAElFTkSuQmCC");
}
.register-step ul li.existTrue::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAE0SURBVFhHtZfbEYIwEEUphVJsIvhrJ5ZCKZZiB1CC7oa9yGAg2Qd35s7wWHMOUT/oONMwPOdh+Ewpvfk4XwzMfL/3tO6Y16fyudzK8JHh20ZKMOxv/a1EPtkN5KEAiRIcXdcngVdpgOuROIPnpvRYBumgOCC1SFThVBldwpDSEKqRaIHTzE3Gf4mQMMMRj4QbjlgkwuCIRiIcjrRIXAZHahLVeuCIWSICjqglIuFIs8QVcA4tXP3BkeQo47FpgaO8U/KxmGjgaJiEBY66JVq/89J11CzR9OTya2dI8b5ULaGBI2ESFjjilvDAEbNEBBxRS0TCEZUEnZz+lbRwpCaxrnv0YpJrhCNnEusuHL6YOOHIoQTWp4N+uwv5OAiO7CX4oeXWEpbgN6R1Wy4IGNEP50zXfQEg/rhaY1WWzAAAAABJRU5ErkJggg==");
}
#myFeedback .tabs {
  position: fixed;
  bottom: 0;
  top: auto;
}
.ls-list {
  display: none;
  border-bottom: 2px solid #fff;
  list-style: none;
}
.ls-list:first-child {
  display: flex;
}
.ls-list li {
  flex: 1;
  display: inline-block;
  text-align: center;
  line-height: 1.8rem;
  list-style: none;
  padding: 0.5rem;
  word-break: break-all;
}
.ls-list li:first-child {
  min-width: 5.6rem;
}
.ls-list-item {
  display: flex !important;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 2px solid #fff;
  list-style: none;
  padding: 0.5rem;
}
.ls-list-item li {
  flex: 1;
  text-align: center;
  line-height: 1.8rem;
  border-bottom: none;
  list-style: none;
  word-break: break-all;
}
.ls-list-item li:first-child {
  min-width: 5.6rem;
}
.popUp-navigator-bar {
  background-color: #444 !important;
  color: #fff !important;
}
.popUp-container {
  background-color: #333 !important;
  color: #fff !important;
}
.popUp .popUp-container .popUp-navigator-bar {
  padding-left: 0;
}
.popUp .popUp-container .popUp-content {
  margin-right: 1.5rem;
  padding-right: 0.5rem;
}
.history-detail-table thead th {
  background: 0 0 !important;
  border: none !important;
}
.data-change {
  white-space: nowrap !important;
  word-wrap: normal !important;
}
.apk-download {
  position: relative;
  padding: 1rem 12rem 1rem 7.5rem;
  min-height: 6.5rem;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
}
.apk-download .apk-icon {
  position: absolute;
  left: 2rem;
  top: 50%;
  width: 4.6rem;
  height: 4.6rem;
  margin-top: -2.3rem;
}
.apk-download .apk-icon img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
}
.apk-download .apk-title {
  font-size: 1.4rem;
  font-weight: 700;
}
.apk-download .apk-content {
  font-size: 1.2rem;
}
.apk-download .download-btn {
  position: absolute;
  right: 1rem;
  top: 50%;
  height: 3.6rem;
  line-height: 3.6rem;
  margin-top: -1.8rem;
  color: #fff;
  padding: 0 1rem;
  border-radius: 1.8rem;
  font-size: 1.4rem;
  border: #fff 0.1rem solid;
}
.apk-download .close-btn {
  position: absolute;
  left: 0.5rem;
  top: 50%;
  width: 1rem;
  height: 1rem;
  margin-top: -0.5rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFFSURBVFhHxZdLjoMwEAVzP3a5/y73QENNYRT0DMF85JISWe3X1R2y4jWO4zB9PvNneD1MzJsP37zn7O3gdsTCp7YA3L4ETtUr/hfgkdS4bQlcKgP/8umwFbi8BA5VwdpNwXpwegl6VQR1JxfeB81L0GNrsO8iYC44vARZW4JjDoLmg58CMkaDtqdIg33Bpog7I0Hb8AKN9gchpOZVcG54AYGeYBFzthRcG15ApC+g/uzwAkK9h7h3eAGx/l2eGV5ggHOqPDscGOKsKl1/faHr/1+4dwmEegPqm3dz+zUQ6QuWAZwtBdeWQKAnCDE1r4JzS9Bof7Ap5M5I0LYEDfYFP0VkjAbHliBoPjj8K8jaEuw7CJgL2h7hBD22BnUXF94HzcML9KoI1k4K1oPTwws4VAW6p0PfF5Ppq/urWfeX046v5+PwBzml6TiBj1QmAAAAAElFTkSuQmCC")
    no-repeat top left;
  background-size: 100% 100%;
}
.pc .apk-download {
  display: none;
}
.game-list .game-items .game-item .play-now {
  display: none;
}
.pc .game-list .game-items .game-item .play-now {
  display: none;
}
.pc .game-list .game-items .game-item.hover-active {
  background: 0 0 !important;
  box-shadow: none;
  overflow: visible;
  height: 324px;
}
.game-item.lottery.closed.hover-active::before {
  content: "" !important;
  z-index: 0 !important;
}
.pc .game-list .game-items .game-item.hover-active .game-item-inner {
  transition: transform 0.6s;
  transform-style: preserve-3d;
  position: relative;
  height: 100%;
}
.pc .game-list .game-items .game-item.hover-active:hover {
  box-shadow: none;
}
.pc .game-list .game-items .game-item.hover-active .game-item-front,
.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
  backface-visibility: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
  position: relative;
  background-color: rgba(255, 255, 255, 0.1);
  color: #fff;
  transform: rotateY(180deg);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pc
  .game-list
  .game-items
  .game-item.hover-active
  .game-item-inner
  .play-now
  span {
  display: block;
  padding-top: 100px;
  font-size: 16px;
  font-weight: 700;
}
.pc
  .game-list
  .game-items
  .game-item.hover-active
  .game-item-inner
  .play-now
  .play-now-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO/SURBVHhe7ZyLbRs5AERdiktRKe4kpbgUl+JOrLyhSIBOJKx2RXL5mQcceEAuXHJehkv5hLzt5Xq9Xn5+fr4Yr4zf/PPJv77HXzYtieH/RxTzJ/5npgXkfrnF/xiJYbjE32JqEsN+CrelATHrp/ExVhHy3TyuHoEUv/RLQ6CHhQi3pTBk+pKQhMQwuC2vQohFhAi3pQDkWExIIrbFV+QjKLiQYmHcloOQXRUhCYvZCZlVFZJAiq/Iz0BITYQIt+UJyKmZkITEMLgt9yCY5kKE2/IAsjlFSCK2xVfkhMIIyZyI25JBHqcLSVgMkEM3QhJIWfeKzMa7EyKWbQt771JIQmIY1mkLm+1aiFiqLey3eyGJ2Ja5r8jaYNjtIEzfFvY4lJDEtG3RpsIOB0VtYZjnpc9mhhYipjrG2M/wQhJI0feSx24LG5hGiBi+LexhKiEJiWEYry0sekohYsi2sO5phSRiW8a4ImuhYdULMERbWOcyQkT3xxhrXEpIAil9XpFZ1JJCRJdtYV3LCklIDEMfbWEhywsR3bSFtVhIRmzLeVdkPTysxPzitLbwbAt5wCnHGM+1kA2Q0u6KzIMs5AmatYVnWcgOJIahXluY3EJ2UrUtzG8hB6gmhbkt5CDx+Cr7mUUThtnNUSykJ2jJV4yyDMxpIS+AkM8YZRmY00Je4yNGWQYmtJDXKPuZhAkt5DjlfyqsSW9zm52UPaoSTGwhO6jy2SNHk4cnmU2qfDL/F55jIRvoswaDf/x+NjqemrQih+dayB3UihhRW3i2hWSoFQz+kkMPND+e7sE6lhdyeitytJCwqkXpohU5rGlJIXppM/Tx9dEcFrWUEB1P3bUihzUuIwQRZf/fRQ1Y5/RC1AqGPl7aW2ihYdWT0vXxdA/WPKWQoVqRo0WHHUzEcK3IYf3TCEGE/2qNHtDxNHQrctjP0EIQ0f9Vdg/saUghagXDeC/tLbSpsMOBmOZ4ugf7G0bItK3I0QbDbjtn6lbksNeuhSBi/KvsHthsl0Li8VTny2g9w6a7E7LM8XQP9t+NkCVe2lsogJDGySzdihyyOFVIbMU6L+0tCOMUIRLhVtyBbJoLQcQ53wocAfJpJiQeT2u/tLdQQCGtyvh4ehKyqirErdiJwgrJVcCtOAC5FRcSW+Gr7BEIrpgQiXArXoQciwhBhK+yJSDLl4TE48kv7VIozJDsAXw8VYBc32/xPo9bURmd/7eot3ErGkDOH7e4HxOl+SrbCv3Jv0X/Gx1PbsVJkP9F4asNcbSIYry9/QWjHi4QMzd6TQAAAABJRU5ErkJggg==");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  padding: 0;
}
.pc .game-list .game-items .game-item.hover-active::before {
  display: none;
}
.pc .game-list .game-items .game-item.hover-active .game-item-front,
.pc .game-list .game-items .game-item.hover-active .game-item-inner .play-now {
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 rgba(0, 0, 0, 0.8);
}
.history-detail-table tbody td:nth-of-type(2),
.history-detail-table tbody td:nth-of-type(5),
.history-detail-table thead th:nth-of-type(2),
.history-detail-table thead th:nth-of-type(5) {
  display: none;
}
.pc .history-detail-table tbody td:nth-of-type(2),
.pc .history-detail-table tbody td:nth-of-type(5),
.pc .history-detail-table thead th:nth-of-type(2),
.pc .history-detail-table thead th:nth-of-type(5) {
  display: table-cell;
}
.lottery-history-detail {
  left: 0.5rem;
  right: 0.5rem;
  min-height: 40rem;
  max-height: 100%;
}
.lottery-history-detail .popUp-container .popUp-content {
  margin: 2rem 0;
}
.history-detail-table tbody td,
.history-detail-table thead th {
  transform: scale(0.8);
  padding: 1rem 0;
}
.history-detail-table tbody td {
  vertical-align: middle;
}
.history-detail-table tbody td p {
  padding: 5px 0;
}
.pc .lottery-history-detail {
  left: 3%;
  right: 3%;
}
.pc .lottery-history-detail .popUp-container .popUp-content {
  margin: 2rem 0.5rem;
}
.pc .history-detail-table tbody td,
.pc .history-detail-table thead th {
  transform: scale(1);
  padding: 1rem 0.75rem;
}
.lottery-live-detail {
  left: 0.5rem;
  right: 0.5rem;
  min-height: 36rem;
  max-height: 100%;
}
.lottery-live-detail .popUp-container .popUp-content {
  padding-top: 1rem;
  margin: 0;
  background: #000;
  overflow: scroll;
}
.lottery-live-detail iframe {
  border: none;
  scrollbar-width: none;
  -webkit-scrollbar-width: none;
  height: calc(36vh - 1rem) !important;
}
.pc .lottery-live-detail {
  left: 3%;
  right: 3%;
  min-height: 900px;
  max-height: 100%;
  height: 900px;
}
.pc .lottery-live-detail .popUp-container {
  width: 100%;
  max-width: 1390px;
}
.pc .lottery-live-detail .popUp-container .popUp-content {
  padding: 0;
  margin: 0;
  display: flex;
}
.pc .lottery-live-detail iframe {
  height: 100% !important;
}
.game-list .history {
  box-sizing: border-box !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 1rem;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #bfccd9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #eee;
}
.game-list .history h3 {
  font-size: 1rem;
  line-height: 3rem !important;
  width: calc(100% - 2rem);
  background: linear-gradient(165deg, #8b0000 50%, transparent);
  padding: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  font-weight: 700 !important;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.game-list .history p {
  width: 100%;
  display: block;
  position: relative;
}
.game-list .history p > img {
  aspect-ratio: 1/1;
  width: 100%;
  display: block;
  object-fit: cover;
}
.game-list .history,
.game-list .hot {
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
  background: rgba(255, 255, 255, 0.1);
}
.game-list .history p,
.game-list .hot p {
  font-size: 1.4rem;
  font-weight: 700;
}
.game-list .game-items .game-item.history .lottery-countdown span,
.game-list .game-items .game-item.hot .lottery-countdown span {
  justify-content: center;
}
#game .top-game-list {
  width: auto;
  padding: 1rem;
}
#game .top-game-list a {
  display: inline-block;
  padding: 1rem;
  margin: 0.5rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.3rem;
}
#game .top-game-list a.actived {
  background: rgba(255, 255, 255, 0.3);
}
#game .top-game-list .item img {
  display: block;
  width: 5rem;
  height: 5rem;
  margin: 0 auto 1rem;
}
.game-activity-bg {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 9999;
}
.game-activity-box {
  width: 100%;
  height: 100%;
  background-image: url("images/game-activity/activity-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-activity-box .game-activity-home .activity-tag1 {
  position: absolute;
  right: 0;
  bottom: 16rem;
  width: 11.9rem;
  height: 9.5rem;
  background: url("images/game-activity/activity-tag1.png") no-repeat left top;
  background-size: 100% 100%;
}
.game-activity-box .game-activity-home .activity-tag2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background-size: contain;
}
.game-activity-box .game-activity-home .activity-freeship {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 24px;
  font-family: Inter;
  font-weight: 400;
  font-size: 14px;
  color: #3aa6d7;
  display: block;
  position: absolute;
  bottom: 1.5%;
  text-transform: uppercase;
}
.game-activity-box .game-activity-home .activity-button {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 3.8rem;
  width: 22.2rem;
  height: 6.3rem;
  margin-left: -10.4rem;
  background: url("images/game-activity/activity-btn.png") no-repeat left top;
  background-size: 100% 100%;
}
.game-activity-box .game-activity-home .activity-link-l {
  display: block;
  position: absolute;
  left: 0;
  bottom: 4.8rem;
  width: 6.5rem;
  height: 5.3rem;
  background-size: contain;
  font-size: 1.4rem;
}
.game-activity-box .game-activity-home .activity-link-l span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: #373780;
  font-weight: 700;
  text-align: center;
  background: linear-gradient(0deg, #fff09b, #fffee4);
  border-radius: 0 1.3rem 1.3rem 0;
}
.game-activity-box .game-activity-home .activity-link-l i {
  display: none;
  font-style: normal;
  font-size: 1.1rem;
  position: absolute;
  background-color: red;
  color: #fff;
  text-align: center;
  transform: translate(0, -80%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  left: 5.6rem;
  top: 0.8rem;
}
.game-activity-box .game-activity-home .activity-link-r {
  display: block;
  position: absolute;
  left: 0;
  top: 2rem;
  width: 8.8rem;
  height: 3rem;
  background: #072750;
  border-radius: 0 0.8rem 0.8rem 0;
  font-size: 1.2rem;
}
.game-activity-box .game-activity-home .activity-link-r span {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 400;
  text-align: center;
}
.game-activity-box .game-activity-home .activity-close {
  display: block;
  position: absolute;
  cursor: pointer;
  right: 0;
  top: 2rem;
  width: 4.7rem;
  height: 3rem;
  border-radius: 0.8rem 0 0 0.8rem;
  transition: all 0.6s;
  background: #072750 url(images/game-activity/icon-Close.png) no-repeat
    center/1.3rem;
}
.game-activity-box .game-activity-home .music-icon {
  display: block;
  position: absolute;
  width: 3rem;
  height: 3rem;
  background: #072750;
  border-radius: 0.8rem;
  right: 5rem;
  top: 2rem;
  cursor: pointer;
  background: #072750 url(images/game-activity/icon-musicClose.png) no-repeat
    center/1.5rem;
}
.game-activity-box .game-activity-home .music-icon.open {
  background: #072750 url(images/game-activity/icon-musicOpen.png) no-repeat
    center/1.5rem;
}
.game-activity-box .game-activity-history {
  display: none;
  width: 100%;
  height: 100%;
  background: #53a8d5 url("images/game-activity/history-bg.png") no-repeat left
    top;
  background-size: contain;
}
.game-activity-box .game-activity-history .history-title {
  position: relative;
  display: block;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}
.game-activity-box .game-activity-history .history-title .box-back {
  position: absolute;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADaSURBVFhH7ZfRDYMwDEQzCqNklG7SURiFUbpJ0rtypDVC+aqdqOqTLFBs6RlCIKQ/36bWmkspG+KB85uGY6AQ0WATSvkDn5EfKO0LrvQun4HjKvEDklU+Q5R8k++M/8PXkWeV+ADBMp0cY1zzIXKKDGHyl+0E5SrxA55xcgLR1ZxvSvsjZyNannetYVHaH8p25xvOPcL/NXtAmdyN0Cbg4/of97UjcPWaWFXmT6eJ8TsfNoFDzAqhSELDNE0gQh/OKZqYc5nyTqgkhqsmlIoDzs9fM9+d0g+Q0hPB49Q26NbiGwAAAABJRU5ErkJggg==")
    no-repeat;
  background-size: 100% 100%;
  left: 1rem;
  top: 50%;
  margin-top: -0.8rem;
}
.game-activity-box .game-activity-history .history-list {
  position: absolute;
  width: 34.3rem !important;
  height: 73% !important;
  background: #fff;
  border-radius: 1.5rem;
  margin-left: -17.2rem !important;
  left: 50% !important;
  top: 23% !important;
  margin: 0 1.6rem;
}
.game-activity-box .game-activity-history .history-list ul {
  height: 100%;
  overflow: auto;
  padding: 0 1.6rem;
}
.game-activity-box .game-activity-history .history-list li {
  list-style: none;
  border-bottom: #b9b9b9 0.1rem solid;
  color: #787878;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 1.2rem 0;
  position: relative;
}
.game-activity-box .game-activity-history .history-list li .prize-title {
  font-size: 1.7rem;
  font-weight: 700;
  color: #2c2c3b;
}
.game-activity-box .game-activity-history .history-list li .prize-status {
  position: absolute;
  right: 0;
  margin-top: 0.6rem;
}
.game-activity-box
  .game-activity-history
  .history-list
  li
  .prize-status.status {
  background: #1481b8;
  border-radius: 1rem;
  height: 3rem;
  line-height: 3rem;
  width: 10rem;
  text-align: center;
  margin-top: 5px;
  color: #fff;
  cursor: pointer;
}
.game-activity-box .game-activity-history .history-list li .prize-amount {
  display: block;
  height: 3.6rem;
  line-height: 3.6rem;
  margin-left: 1rem;
}
.game-activity-box .game-activity-history .history-list li.noPrizesData {
  list-style: none;
  color: #787878;
  font-size: 1.4rem;
  border-bottom: none !important;
  line-height: 1.6;
  padding: 1.2rem 0;
  position: relative;
  text-align: center;
}
.game-activity-box .game-activity-history .history-list li.noPrizesData img {
  height: 15rem;
  display: block;
  margin: 1rem auto;
}
.game-activity-box .game-activity-rule {
  position: relative;
  display: none;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}
.game-activity-box .game-activity-rule .rule-notify {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #fff;
  color: #666;
  max-height: 60rem;
  width: 100%;
  border-radius: 1.5rem 1.5rem 0 0;
  padding-bottom: 3.2rem;
  overflow: auto;
}
.game-activity-box .game-activity-rule .rule-notify .rule-content {
  margin: 0 2.8rem 1rem;
  font-weight: 400;
  font-size: 1.4rem;
  color: #666;
  line-height: 2;
}
.game-activity-box .game-activity-rule .rule-notify h3 {
  padding: 3rem 0 1.5rem 3rem;
  font-size: 2.8rem;
  box-sizing: border-box;
  font-weight: 400;
  color: #333;
}
.game-activity-box .game-activity-rule .rule-notify ul {
  padding: 0 2.8rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
  margin-bottom: 2rem;
  height: 49vh;
  overflow: scroll;
}
.game-activity-box .game-activity-rule .rule-notify ul li {
  list-style: none;
  margin-bottom: 1.4rem;
}
.game-activity-box .game-activity-rule .rule-btn {
  width: 32rem;
  height: 5.6rem;
  line-height: 5.6rem;
  margin: 0 auto;
  background: linear-gradient(0deg, #1481b8, #93dfff);
  border-radius: 2.8rem;
  cursor: pointer;
}
.game-activity-box .game-activity-rule .rule-btn h1 {
  font-family: SF Pro Display;
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  text-align: center;
}
.game-activity-box .game-activity-rule .rule-close {
  display: block;
  position: absolute;
  right: 1rem;
  top: 1rem;
  width: 2.8rem;
  height: 3rem;
  background: url(images/game-activity/icon-popClose.png) no-repeat left
    top/contain;
  filter: invert(1);
  cursor: pointer;
}
.game-activity-box .activity-prize-box {
  position: fixed;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  justify-content: center;
  align-items: center;
}
.game-activity-box .popUpTurnTable.popUp-in {
  width: 37.6rem;
  height: 39.8rem;
  background: rgba(255, 238, 181, 0.5);
  background:
    url(images/game-activity/star.png) no-repeat center/cover,
    url(images/game-activity/rays.png) no-repeat top/contain;
  position: relative;
  top: -6rem;
}
.game-activity-box .popUpTurnTable .popUpTurnTable-header {
  width: 100%;
  height: 30%;
  background: url(images/game-activity/butterfly.png) no-repeat top/55%;
  z-index: 2;
  position: absolute;
  top: 3rem;
}
.game-activity-box .popUpTurnTable-navigator-bar {
  position: absolute;
  top: 4rem;
  left: 3rem;
  font-weight: 700;
  color: #333;
  line-height: 9px;
  text-transform: uppercase;
}
.game-activity-box .popUpTurnTable-container {
  position: absolute;
  top: 11.8rem;
  left: 5.8rem;
  width: 26rem !important;
  height: 23.2rem !important;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 1rem !important;
  box-shadow: inset 0 0 1.4rem #fff;
}
.game-activity-box .popUpTurnTable-content {
  width: 24rem;
  height: 21.2rem;
  background: linear-gradient(0deg, #fff, #fbe7cd);
  border-radius: 0.8rem;
  border: 1px solid #fff;
  margin: 1rem;
}
.game-activity-box .popUpTurnTable-content .messagehtml {
  position: absolute;
  font-family: SF Pro Display;
  font-weight: 400;
  font-size: 1.7rem;
  color: #707070;
  top: 7.4rem;
  margin: 0 2rem;
}
.game-activity-box .popUpTurnTable-btns {
  box-sizing: border-box;
  width: 18rem;
  background: linear-gradient(0deg, #93dfff, #1481b8);
  border-radius: 2.2rem;
  height: 4.4rem;
  cursor: pointer;
  position: absolute;
  top: 15rem;
  left: 4rem;
  font-family: SF Pro Display;
  font-weight: 700;
  font-size: 16px;
  color: #fff;
  line-height: 4.4rem;
  text-align: center;
  text-transform: uppercase;
}
.game-activity-box .popUpTurnTable .popUp-close {
  width: 2.8rem;
  height: 2.8rem;
  position: absolute;
  left: 17.4rem;
  bottom: -2rem;
  filter: invert(0.4);
}
.game-activity-box .turnTable {
  position: relative;
  top: -3vh;
  animation: float 10s infinite;
}
.game-activity-box .wheel-outer {
  position: relative;
  width: 35.1rem;
  height: 35.1rem;
  margin: 0 auto;
}
.game-activity-box .wheel-outer img.wheel-outer-img {
  position: absolute;
  width: 35.1rem;
  height: 35.1rem;
  margin: 0 auto;
  z-index: 1;
}
.game-activity-box .wheel-outer .wheel-loading {
  z-index: 11000;
  background: rgba(255, 255, 255, 0) url(images/loading.svg) no-repeat 50%
    38%/5rem;
  visibility: visible;
  width: 35.1rem;
  height: 35.1rem;
  position: absolute;
}
.game-activity-box .wheel-outer .wheel-loading h1 {
  position: absolute;
  top: 50%;
  left: 20%;
  color: #707070;
}
.game-activity-box .start1,
.game-activity-box .start2,
.game-activity-box .start3,
.game-activity-box .start4,
.game-activity-box .start5 {
  background: url(images/game-activity/starb.png) no-repeat center/cover;
}
.game-activity-box .start1 {
  width: 4.4rem;
  height: 4.2rem;
  position: absolute;
  left: 5rem;
  bottom: 11rem;
  animation: highLightBig 2s infinite;
}
.game-activity-box .start2 {
  width: 6rem;
  height: 6rem;
  position: absolute;
  right: 0;
  top: 16rem;
  animation: highLightBig 2s infinite;
}
.game-activity-box .start3 {
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  left: 1rem;
  top: 13rem;
  animation: highLightBig 1.6s infinite;
}
.game-activity-box .start4 {
  width: 2.2rem;
  height: 2.2rem;
  position: absolute;
  left: 10.2rem;
  top: 9.8rem;
  animation: highLightSmall 1.5s infinite;
}
.game-activity-box .start5 {
  width: 4rem;
  height: 4rem;
  position: absolute;
  left: 1.2rem;
  top: 24.2rem;
  animation: highLightSmall 1.5s infinite;
}
.game-activity-box .lightAll1 {
  width: 35.1rem;
  height: 35.1rem;
  margin: 0 auto;
  position: absolute;
  background: url(images/game-activity/light1.png) no-repeat center/cover;
  animation: lightFlash 1s infinite;
  z-index: 2;
}
.game-activity-box .lightAll2 {
  width: 35.1rem;
  height: 35.1rem;
  margin: 0 auto;
  position: absolute;
  background: url(images/game-activity/light2.png) no-repeat center/cover;
  animation: lightFlash1 1s infinite;
  z-index: 2;
}
.game-activity-box .wheel-outer .wheel {
  width: 27rem;
  height: 27rem;
  position: relative;
  margin: 0 auto;
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
  transition: transform 5s;
  top: 4.05rem;
}
.game-activity-box .wheel-outer .wheel-pointer {
  background: url(images/game-activity/pointer.png) no-repeat center/cover;
  height: 8rem;
  width: 8rem;
  position: absolute;
  left: 13.55rem;
  top: 13.55rem;
  z-index: 3;
  cursor: pointer;
}
.game-activity-box .wheel-outer .slice {
  position: absolute;
  width: 27rem;
  height: 27rem;
  left: 50%;
  bottom: 50%;
  transform-origin: left bottom;
}
.game-activity-box .turnTable-button {
  position: absolute;
  width: 100%;
  height: 10rem;
  bottom: 0;
  display: flex;
}
.game-activity-box .wheel-outer .text,
.game-activity-box .wheel-outer .text2 {
  position: absolute;
  left: 0;
  height: 4.6rem;
  line-height: 2.3rem;
  font-weight: 700;
  font-family: microsoft yahei;
  color: #fffae2;
  text-shadow: 0 0 4px rgba(8, 0, 42, 0.5);
  width: 8.2rem;
  display: grid;
  justify-content: center;
  align-items: center;
}
.game-activity-box .wheel-outer .text {
  z-index: 2;
}
.game-activity-box .wheel-outer .text2 {
  -webkit-text-stroke: 4px #040007;
}
.game-activity-box .wheel-outer .text.num5,
.game-activity-box .wheel-outer .text2.num5 {
  position: absolute;
  top: 70%;
  left: 0;
  height: 4.6rem;
  font-weight: 700;
  font-family: microsoft yahei;
  font-size: 1.8rem;
  line-height: 2.3rem;
  width: 8.2rem;
  transform: skewY(18deg) rotate(130deg);
}
.game-activity-box .wheel-outer .text.num6,
.game-activity-box .wheel-outer .text2.num6 {
  top: 73%;
  font-size: 1.6rem;
  transform: skewY(30deg) rotate(120deg);
}
.game-activity-box .wheel-outer .text.num7,
.game-activity-box .wheel-outer .text2.num7 {
  top: 73%;
  left: -0.4rem !important;
  font-size: 1.6rem;
  transform: skewY(40deg) rotate(108deg);
}
.game-activity-box .wheel-outer .text.num8,
.game-activity-box .wheel-outer .text2.num8 {
  top: 72%;
  left: -1rem !important;
  font-size: 1.4rem;
  transform: skewY(44deg) rotate(109deg);
}
.game-activity-box .wheel-outer .text.num9,
.game-activity-box .wheel-outer .text2.num9 {
  top: 73%;
  left: -1rem !important;
  font-size: 1.4rem;
  transform: skewY(50deg) rotate(106deg);
}
.game-activity-box .wheel-outer .text.num10,
.game-activity-box .wheel-outer .text2.num10 {
  top: 73%;
  left: -1.5rem;
  font-size: 1.3rem;
  transform: skewY(54deg) rotate(107deg);
}
.game-activity-box .wheel-outer .text.num11,
.game-activity-box .wheel-outer .text2.num11 {
  top: 73%;
  left: -1.8rem !important;
  font-size: 1.3rem;
  transform: skewY(58deg) rotate(107deg);
}
.game-activity-box .wheel-outer .text.num12,
.game-activity-box .wheel-outer .text2.num12 {
  top: 73%;
  left: -1.8rem !important;
  font-size: 1.3rem;
  transform: skewY(60deg) rotate(110deg);
}
.game-activity-box .wheel-outer .text.num13,
.game-activity-box .wheel-outer .text2.num13 {
  top: 74%;
  left: -2.1rem !important;
  font-size: 1.2rem;
  grid: 0.1rem;
  transform: skewY(62deg) rotate(110deg);
  height: 4rem;
  line-height: 2rem;
}
.game-activity-box .wheel-outer .text.num14,
.game-activity-box .wheel-outer .text2.num14 {
  top: 78%;
  left: -1.8rem !important;
  font-size: 1.2rem;
  transform: skewY(64deg) rotate(110deg);
  height: 3.6rem;
  line-height: 1.8rem;
}
.game-activity-box .wheel-outer .text.num15,
.game-activity-box .wheel-outer .text2.num15 {
  top: 77%;
  left: -2.1rem !important;
  font-size: 1.1rem;
  transform: skewY(66deg) rotate(107deg);
  height: 3.4rem;
  line-height: 1.7rem;
}
.game-activity-box .wheel-outer .text.num16,
.game-activity-box .wheel-outer .text2.num16 {
  top: 78%;
  left: -2.3rem !important;
  font-size: 1.1rem;
  transform: skewY(67deg) rotate(104deg);
  height: 3.2rem;
  line-height: 1.6rem;
}
.game-activity-box .wheel-outer .text.num17,
.game-activity-box .wheel-outer .text2.num17 {
  top: 78%;
  left: -2.4rem !important;
  font-size: 1.1rem;
  transform: skewY(69deg) rotate(105deg);
  height: 3rem;
  line-height: 1.5rem;
}
.game-activity-box .wheel-outer .text.num18,
.game-activity-box .wheel-outer .text2.num18 {
  top: 78%;
  left: -2.6rem !important;
  font-size: 1rem;
  transform: skewY(70deg) rotate(107deg);
  height: 2.8rem;
  line-height: 1.4rem;
}
.game-activity-box .wheel-outer .text.num19,
.game-activity-box .wheel-outer .text2.num19 {
  top: 78%;
  left: -2.6rem !important;
  font-size: 1rem;
  transform: skewY(71deg) rotate(106deg);
  height: 2.6rem;
  line-height: 1.3rem;
}
.game-activity-box .wheel-outer .text.num20,
.game-activity-box .wheel-outer .text2.num20 {
  top: 78%;
  left: -2.6rem !important;
  font-size: 1rem;
  transform: skewY(72deg) rotate(107deg);
  height: 2.6rem;
  line-height: 1.3rem;
}
.game-activity-box .wheel-outer .text.num21,
.game-activity-box .wheel-outer .text2.num21 {
  top: 78%;
  left: -2.6rem !important;
  font-size: 1rem;
  transform: skewY(73deg) rotate(101deg);
  height: 2.6rem;
  line-height: 1.3rem;
}
.game-activity-box .wheel-outer .text.num22,
.game-activity-box .wheel-outer .text2.num22 {
  top: 78%;
  left: -2.6rem !important;
  font-size: 1rem;
  transform: skewY(73deg) rotate(101deg);
  height: 2.6rem;
  line-height: 1.3rem;
}
.sign {
  display: none;
  position: fixed;
  width: 6rem;
  height: 6rem;
  right: 1rem;
  bottom: 25rem;
  background: url(images/icon_check.png) no-repeat center center;
  background-size: 100%;
  z-index: 1;
  cursor: pointer;
}
.game-activity-tag {
  position: fixed;
  right: 1rem;
  bottom: 16rem;
  width: 8rem;
  height: 6.6rem;
  background: url(images/game-activity/activity-tag1.png) no-repeat left top;
  background-size: 100% 100%;
  z-index: 1;
  cursor: pointer;
}
.game-activity-bg .left-cont,
.game-activity-bg .right-cont {
  background: #072852;
  display: block;
  position: absolute;
  bottom: 13rem;
  font-size: 1.2rem;
  z-index: 9999;
}
.game-activity-bg .left-cont {
  left: 0;
  min-width: 14rem;
  height: 3.4rem;
  padding: 1rem;
  width: fit-content;
  border-radius: 0 0.8rem 0.8rem 0;
}
.game-activity-bg .right-cont {
  right: 0;
  min-width: 14rem;
  width: fit-content;
  height: 4.4rem;
  border-radius: 0.8rem 0 0 0.8rem;
  padding: 1rem 1rem 0 1rem;
  overflow: hidden;
}
.game-activity-bg .right-cont .swiper-item {
  height: 4.4rem;
  display: flex;
  flex-direction: column;
  align-items: left;
}
.game-activity-bg .left-cont #amount {
  color: #fff09b;
  font-weight: 800;
  margin-top: 0.4rem;
}
.game-activity-bg .right-cont .win .coin {
  margin-left: 0.5rem;
}
.game-activity-bg .right-cont .win,
.game-activity-bg .right-cont .win .coin {
  display: flex;
}
.game-activity-bg .right-cont .win {
  font-weight: 800;
  margin-top: 0.4rem;
}
.game-activity-box .text.num10.none_1,
.game-activity-box .text.num11.none_1,
.game-activity-box .text.num12.none_1,
.game-activity-box .text.num13.none_1,
.game-activity-box .text.num14.none_1,
.game-activity-box .text.num15.none_1,
.game-activity-box .text.num16.none_1,
.game-activity-box .text.num17.none_1,
.game-activity-box .text.num18.none_1,
.game-activity-box .text.num19.none_1,
.game-activity-box .text.num20.none_1,
.game-activity-box .text.num21.none_1,
.game-activity-box .text.num6.none_1,
.game-activity-box .text.num7.none_1,
.game-activity-box .text.num8.none_1,
.game-activity-box .text.num9.none_1 {
  display: none;
}
.game-activity-box .text.num6.none_2,
.game-activity-box .text.num7.none_2,
.game-activity-box .text.num8.none_2,
.game-activity-box .text.num9.none_2 {
  height: 10rem;
  line-height: 10rem;
  width: 15rem;
  top: 54% !important;
  left: -6.5rem !important;
}
.game-activity-box .text.num10.none_2 {
  height: 10rem;
  line-height: 10rem;
  width: 15rem;
  top: 48% !important;
  left: -7.5rem !important;
}
.game-activity-box .text.num11.none_2,
.game-activity-box .text.num12.none_2 {
  height: 10rem;
  line-height: 10rem;
  width: 15rem;
  top: 48% !important;
  left: -7.3rem !important;
}
.game-activity-box .text.num13.none_2,
.game-activity-box .text.num14.none_2,
.game-activity-box .text.num15.none_2,
.game-activity-box .text.num16.none_2,
.game-activity-box .text.num17.none_2,
.game-activity-box .text.num18.none_2,
.game-activity-box .text.num19.none_2,
.game-activity-box .text.num20.none_2,
.game-activity-box .text.num21.none_2 {
  height: 10rem;
  line-height: 10rem;
  width: 15rem;
  top: 53% !important;
  left: -7rem !important;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 50%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes bounceInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -5px, 0);
  }
  75% {
    transform: translate3d(0, 5px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.game-activity-bg .right-cont .cont.active {
  transform: translateY(0) translateZ(0);
  display: block;
}
.game-activity-bg .right-cont .win .amount.amount-str {
  margin-right: 0.4rem;
  color: #539e32;
}
.game-activity-bg .right-cont .win .type {
  color: #ff5ac4;
  margin-left: 0.4rem;
}
#game .list .item.room-closed,
.game-list .game-items .game-item.room-closed {
  display: none;
}
.game-list .game-items .game-item.pioneer-live {
  grid-column: 1/3;
  height: 12.4rem;
}
.game-list .game-items .game-item.live:first-of-type p:after {
  content: "";
  display: none;
  position: absolute;
  top: 0;
  right: 10rem;
  width: 4.7rem;
  height: 9.1rem;
  background: url(images/game-item-tag.png) no-repeat;
  background-size: 100% 100%;
  z-index: 2;
}
.game-list .game-items .game-item.pioneer-live img {
  width: 100%;
  aspect-ratio: auto;
}
.mobile .game-list .game-items .game-item.pioneer-live h3 {
  position: absolute;
  top: 9.2rem;
  font-size: 1.4rem;
  height: 3.2rem;
  left: 0;
}
.mobile .game-list .game-items .game-item.pioneer-live:after {
  content: "";
  position: absolute;
  top: 4.5rem;
  background: url(images/pioneer-live-logo4.png) no-repeat;
  background-size: contain;
  height: 4rem;
  left: 1rem;
  width: 100%;
}
.mobile .game-list .game-items .game-item.pioneer-live h3:after {
  content: "MAIN SEKARANG";
  position: absolute;
  top: 0;
  right: 1rem;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.2rem;
  font-weight: 400;
}
.pc .game-list .game-items .game-item.pioneer-live {
  grid-column: 1 span;
  height: 30rem;
  order: -1;
}
.pc .game-list .game-items .game-item.live:first-of-type p:after {
  display: none;
}
.pc .game-list .game-items .game-item.pioneer-live img {
  width: 100%;
  height: auto;
  margin: 0;
  clip-path: none;
}
#deposit .v-rule {
  padding: 1rem 0;
  color: red;
  font-size: 1.6rem;
  animation: blink 2s forwards;
}
#deposit .container .v-qrcode {
  padding: 2rem 0;
}
#deposit .container .v-qrcode canvas,
#deposit .container .v-qrcode img {
  width: 22.7rem;
  display: block;
  margin: 0 auto;
}
#deposit .container .v-qrcode .refresh-button {
  display: block;
  width: 22.7rem;
  height: 4rem;
  line-height: 4rem;
  margin: auto;
  margin-top: 2rem;
  background: #f60;
  text-align: center;
  border-radius: 1rem;
  box-shadow: 0 0 1rem rgb(0 0 0 / 20%);
  color: #fff;
}
#deposit .container .bank-list .qris-item .v-qrcode p {
  width: 100%;
  margin: 0;
  display: block;
  padding: 1rem 1rem 0;
  box-sizing: border-box;
  color: red;
  text-align: center;
}
@keyframes light {
  0%,
  100% {
    opacity: 0.5;
  }
  50% {
    opacity: 1;
  }
}
@keyframes blink {
  0%,
  100%,
  50% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0.2;
  }
}
.pc .game-activity-bg {
  background: rgba(0, 0, 0, 0.9);
}
.pc .game-activity-box {
  width: 520px;
  margin: calc((100vh - 911px) / 2) auto;
  height: 911px;
  left: auto;
  background-image: url("images/game-activity/activity-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 124%;
}
.pc .game-activity-box .game-activity-history .history-list {
  width: 460px !important;
  height: 68% !important;
  margin-left: 30px !important;
  left: 0 !important;
  top: 29% !important;
}
.pc .game-activity-tag {
  right: calc((100vw - 1400px) / 2 - 114px) !important;
  bottom: 100px !important;
}
.pc .sign {
  right: calc((100vw - 1400px) / 2 - 114px) !important;
  bottom: 250px !important;
}
.pc .game-activity-box .game-activity-history .history-title .box-back:hover,
.pc .game-activity-box .game-activity-home .activity-button:hover,
.pc .game-activity-box .game-activity-rule .rule-close:hover,
.pc .game-activity-box .wheel-outer .wheel-pointer:hover {
  transform: scale(1.05);
}
.pc .game-activity-box .game-activity-home .activity-close:hover,
.pc .game-activity-box .game-activity-home .jq-game-rules:hover,
.pc .game-activity-box .game-activity-home .music-icon:hover {
  filter: brightness(1.2);
}
.pc
  .game-activity-box
  .game-activity-history
  .history-list
  li
  .prize-status.status:hover,
.pc .game-activity-box .game-activity-home .jq-my-prizes:hover,
.pc .game-activity-box .game-activity-rule .rule-btn:hover {
  filter: brightness(1.1);
}
.pc .game-activity-bg .left-cont {
  left: calc((100vw - 534px) / 2) !important;
  bottom: calc((100vh - 911px) / 2 + 12rem);
  min-width: 12rem;
}
.pc .game-activity-bg .right-cont {
  right: calc((100vw - 534px) / 2) !important;
  bottom: calc((100vh - 911px) / 2 + 12rem);
}
.pc .game-activity-box .game-activity-home .activity-freeship {
  font-size: 16px;
  bottom: 3%;
}
.pc .game-activity-box .popUpTurnTable-content .messagehtml {
  top: 6.5rem;
  font-size: 1.6rem;
}
#game .list .item.PIONEERLIVE h3 {
  bottom: 8rem;
}
.black-gold-theme #game .top-game-list a,
.black_gold-theme #game .top-game-list a {
  background: rgba(255, 255, 255, 0.2);
}
.black-gold-theme #game .top-game-list a.actived,
.black_gold-theme #game .top-game-list a.actived {
  background: rgba(255, 255, 255, 0.5);
}
#registerReferral .register-step li .bank-select a[data-value="QRIS"],
#registerReferral .register-step li .bank-select a[data-value="YUKK"] {
  display: none;
}
.KYC-item {
  display: flex;
  margin: 1rem auto;
  width: 90%;
  border-bottom: 0.1rem solid #999;
  line-height: 3rem;
  font-size: 1.6rem;
  max-width: 60rem;
  color: #999;
  justify-content: center;
  align-items: center;
}
.KYC-item p {
  width: 24%;
  max-width: 20rem;
  text-align: right;
  padding-right: 1.5rem;
}
.KYC-item span {
  color: red;
}
.KYC-title .KYC-input {
  display: inline-block;
  width: 4rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  background: #f60;
  color: #fff;
  margin-left: 0.5rem;
}
.KYC-aint {
  color: red !important;
  border-color: red !important;
}
.KYC-item .KYC-select {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: left;
  min-width: 60px;
  background-color: rgba(0, 0, 0, 0);
  border-color: transparent;
}
.KYC-item .KYC-select option {
  background-color: #999;
}
.KYC-item .KYC-input {
  line-height: 3rem;
  font-size: 1.6rem;
  color: #fff;
  text-align: left;
  flex: 1;
  min-width: 138px;
}
.KYC-item input::-webkit-inner-spin-button,
.KYC-item input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.KYC-item input[type="number"] {
  -moz-appearance: textfield;
}
.KYC-item input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(1) hue-rotate(200deg);
  cursor: pointer;
}
.KYC-item input[type="date"]::-moz-calendar-picker-indicator {
  color: #fff;
}
.KYC-item input[type="date"]::-ms-calendar-picker-indicator {
  color: #fff;
}
.KYC-item #receipt {
  background-color: #292929;
  border-radius: 3rem;
  color: #fff;
  padding: 0 3rem;
  line-height: 3rem;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
  cursor: pointer;
  flex: 1;
}
.KYC-huoqu {
  cursor: pointer;
  border-radius: 1.5rem;
  display: block;
  color: #f60;
  font-size: 1rem;
  line-height: 3rem;
}
.KYC-huoqu:hover {
  color: #fff;
}
.KYC-button {
  cursor: pointer;
  padding: 1rem 2rem;
  border-radius: 3rem;
  background-color: #f60;
  display: block;
  color: #fff;
  margin: 0 auto;
  font-size: 1.6rem;
  margin-top: 3rem;
}
.KYC-button:hover {
  background-color: #fff;
  color: #f60;
}
.Brown_yellow-theme .login-btn {
  background: url("images/theme/Brown_yellow/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.Brown_yellow-theme .loginBtn {
  background: url("images/theme/Brown_yellow/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.greens-theme .login-btn {
  background: url("images/theme/greens/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.greens-theme .loginBtn {
  background: url("images/theme/greens/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Chestnut_powder-theme .login-btn {
  background: url("images/theme/Chestnut_powder/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.Chestnut_powder-theme .loginBtn {
  background: url("images/theme/Chestnut_powder/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.Blue_violet-theme .login-btn {
  background: url("images/theme/Blue_violet/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Blue_violet-theme .loginBtn {
  background: url("images/theme/Blue_violet/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Blue_yellow-theme .login-btn {
  background: url("images/theme/Blue_yellow/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Blue_yellow-theme .loginBtn {
  background: url("images/theme/Blue_yellow/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.red_yellow-theme .login-btn {
  background: url("images/theme/red_yellow/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.red_yellow-theme .loginBtn {
  background: url("images/theme/red_yellow/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.black_gold-theme .login-btn {
  background: url("images/theme/black_gold/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.black_gold-theme .loginBtn {
  background: url("images/theme/black_gold/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.black_yellow-theme .login-btn {
  background: url("images/theme/black_yellow/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.black_yellow-theme .loginBtn {
  background: url("images/theme/black_yellow/btnLogin.png") no-repeat left
    center !important;
  background-size: 100% 100% !important;
}
.Navy_blue-theme .login-btn {
  background: url("images/theme/Navy_blue/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.Navy_blue-theme .loginBtn {
  background: url("images/theme/Navy_blue/btnLogin.png") no-repeat left center !important;
  background-size: 100% 100% !important;
}
.game-item-history {
  width: 100%;
  position: relative;
  bottom: 0;
  min-height: 6rem;
  height: 100%;
  z-index: 2;
  display: block;
  flex: 1;
  overflow: auto;
  background: #888;
  right: 0;
}
.game-item-history dl {
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 0.1rem;
  background: 0 0;
  overflow: hidden;
  transition: all 0.4s;
  justify-content: center;
  align-items: center;
}
.game-item-history dl dd b:after {
  background: #1e90ff !important;
  left: unset !important;
  top: unset !important;
  right: 0 !important;
  bottom: 0 !important;
}
.game-item-history dl dd[data-pair="0"] b:after,
.game-item-history dl dd[data-pair="0"] b:before,
.game-item-history dl dd[data-pair="1"] b:after,
.game-item-history dl dd[data-pair="2"] b:before {
  display: none;
}
.game-item-history dl dd b i {
  display: block;
  height: calc(100% - 0.4rem);
  aspect-ratio: 1/1;
  box-sizing: border-box;
  border-radius: 50%;
  color: #fff !important;
  font-weight: 400;
}
.game-item-history dl dd[data-betarea="1"] b i {
  background: #fff;
  box-shadow: 0.2rem 0.3rem 0.4rem #0009;
  border: 0.2rem red solid;
}
.game-item-history dl dd[data-betarea="2"] b i {
  background: #fff;
  box-shadow: 0.2rem 0.3rem 0.4rem #0009;
  border: 0.2rem #1e90ff solid;
}
.game-item-history dl dd b u {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
}
.game-item-history dl dd b u:before {
  content: attr(data-tie);
  color: green;
  font-weight: 700;
  font-size: 0.5rem;
  width: 100%;
  height: 100%;
}
.game-item-history dl dd b u[data-tie="1"]:before {
  display: none;
}
.game-item-history dl dd {
  background: #eee5;
  height: calc((100% - 0.5rem) / 6);
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  font-size: 0.5rem;
}
.game-item-history dl dd b {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 1/1;
  position: relative;
  transition: all 0.4s;
}
.game-item-history dl dd[data-pair] b:after,
.game-item-history dl dd[data-pair] b:before {
  content: "";
  width: 0.2rem;
  height: 0.2rem;
  border-radius: 50%;
  background: red;
  border: 0.1rem #fff solid;
  position: absolute;
  left: 0;
  top: 0;
}
.game-item-history dl dd[data-pair="0"] b:after,
.game-item-history dl dd[data-pair="0"] b:before,
.game-item-history dl dd[data-pair="1"] b:after,
.game-item-history dl dd[data-pair="2"] b:before {
  display: none;
}
.game-item-history dl dd b i {
  display: block;
  height: calc(100% - 0.4rem);
  aspect-ratio: 1/1;
  box-sizing: border-box;
  border-radius: 50%;
}
.game-item-history dl dd b u {
  position: absolute;
}
.game-item-history dl dd[data-tie="1"] b u {
  position: absolute;
  display: block;
  width: 100%;
  height: 0.1rem;
  background: green;
  border: 0.1rem #fff solid;
  border-radius: 0.4rem;
  overflow: hidden;
  transform: translateZ(0) rotate(135deg);
  left: -0.1rem;
}
.game-item-history dl dd b u[data-tie="1"]:before {
  display: none;
}
.game-item-history dl dd b u[data-tie="1"]:before {
  display: none;
}
.game-item-history dl dd b.color0 {
  background: #006400;
}
.game-item-history dl dd b.color1 {
  background: brown;
}
.game-item-history dl dd b.color2 {
  background: #111;
}
.game-item-history dl dd b.color5 {
  background: red;
}
.game-item-history dl dd b.color6 {
  background: #111;
}
.game-item-history dl dd b.red {
  background: red !important;
}
.game-item-history dl dd b.bul {
  background: #000;
}
.game-item-history dl dd b.blue {
  background-color: #4682b4;
}
.game-item-history dl dd b.lv {
  background: #007d008d !important;
}
.game-item-history dl dd b i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: content-box;
  border-radius: 0;
  margin: 0;
  aspect-ratio: unset;
  height: 100%;
  box-sizing: unset;
  flex: 1;
  order: 3;
  font-style: normal;
  text-align: center;
}
.baijiale dl dd b {
  border-radius: 50%;
  aspect-ratio: 1/1;
}
.baijiale dl dd b i {
  border-radius: 50%;
  aspect-ratio: 1/1;
  width: 50%;
  height: auto !important;
}
.luimgtouzi dl dd {
  background: #ccc;
  aspect-ratio: 4.6/1;
  height: calc((100% - 0.4rem) / 5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0 0.1rem;
  background: linear-gradient(45deg, #999, transparent);
}
.luimgtouzi dl dd b {
  min-width: 45%;
  width: 30%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2rem;
}
.luimgtouzi dl dd b i {
  display: flex;
  justify-content: center;
  align-items: center;
  background: content-box;
  margin: 0;
  aspect-ratio: unset;
  width: 1.6rem;
  height: 1.6rem;
  box-sizing: unset;
  flex: 1;
  order: 3;
  font-size: 0.5rem;
  font-style: normal;
  background: #008b8b;
  border-radius: 0.5rem;
  box-shadow: 0.2rem 0.3rem 0.4rem #0009 inset;
  text-align: center;
}
.luimgtouzi dl dd b:before {
  content: "B";
  flex: 1;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1e90ff;
  color: #fff;
  order: 1;
  border-radius: 0.5rem;
  box-shadow: 0.2rem 0.3rem 0.4rem #0009 inset;
}
.luimgtouzi dl dd b.small:before {
  content: "S";
  background: #dc143c;
}
.luimgtouzi dl dd b:after {
  content: "O";
  flex: 1;
  width: 2rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #00bfff !important;
  color: #fff;
  order: 2;
  border-radius: 0.5rem;
  box-shadow: 0.2rem 0.3rem 0.4rem #0009 inset;
}
.luimgtouzi dl dd b.even:after {
  content: "E";
  background: #ff4500 !important;
}
.luimgtouzi dl dd b.evenT:after {
  content: "T";
  background: #007d008d !important;
}
.luimgtouzi dl dd u {
  flex: 1;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: 0.1rem;
}
.luimgtouzi dl dd u i {
  display: block;
  height: 0.8rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  background-image: url(images/_icon-dices.png);
  background-repeat: no-repeat;
  background-size: 100% 700%;
  background-position: 0 0;
  filter: drop-shadow(0.2rem 0.3rem 0.3rem #0009);
}
.pc .luimgtouzi dl dd u i {
  height: 1rem;
}
.pc .luimgtouzi dl dd b i {
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
}
.pc .luimgtouzi dl dd b {
  min-width: 45%;
  width: 40%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.1rem;
  padding: 0 0.1rem;
  height: 2rem;
}
.pc .game-item-history {
  max-height: 8rem;
}
.pc .luimgtouzi dl dd {
  background: #ccc;
  width: 33.3%;
  height: calc((100% - 0.4rem) / 5);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 0;
  background: linear-gradient(45deg, #999, transparent);
}
.luimgtouzi dl dd .niu-box {
  text-decoration: none;
}
.luimgtouzi dl dd .niu-box .ruimage-niu {
  display: flex;
  flex: 1;
  font-size: 0.8rem;
  font-weight: 700;
  align-items: center;
  justify-content: center;
  background-color: #b08a3f;
  height: 100%;
}
.luimgtouzi dl dd .niu-box .ruimage-niu.winClass {
  background-color: #b22222;
}
.luimgtouzi dl dd .niu-box .ruimage-niu.loseClass {
  background-color: #4682b4;
}
.PIONEERLIVE {
  aspect-ratio: 1/1.38 !important;
}
.tabs .tab[data-href="#/register"] {
  order: 1;
}
.mobile .theme-style .tabs,
.mobile .theme-style .user {
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
  will-change: transform;
  overflow-y: overlay;
}
.mobile .tabs .tab img {
  display: none;
}
.mobile .tabs .tab[data-href="#/register"] {
  order: 1;
  height: 2.5rem;
  padding: 0 1rem;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  flex: auto;
  background: #3a9ce8;
  margin-right: 0.6rem;
  width: 5rem;
}
.mobile .tabs .tab {
  font-size: 1.2rem;
}
.mobile .tabs .tab img {
  height: 2.5rem;
}
.navi-btn-img {
  position: absolute;
  right: 5%;
  top: 50%;
}
.pc .navi-btn-img {
  height: 4rem;
  margin-top: -2rem;
}
.mobile .navi-btn-img {
  height: 3rem;
  margin-top: -1.5rem;
}
.mobile #register .navi-btn-a {
  max-width: 12rem;
  display: grid;
  height: 100%;
  min-width: 12rem;
  position: absolute;
  right: 0.5rem;
  top: 0;
  align-items: center;
  justify-content: center;
}
.mobile #register .navi-btn-img {
  max-height: 4rem;
  margin-top: 0;
  height: auto;
  max-width: 100%;
  top: auto;
}
#deposit .container .bank-tabs .bank-tab {
  position: relative;
}
.pc #deposit .container .bank-tabs .bank-tab {
  padding: 0.5rem 1.5rem;
}
#deposit .container .bank-tabs .bank-tab:before {
  content: "";
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  top: 50%;
  left: 4%;
  margin-top: -0.4rem;
  animation: bankFlash 1s infinite;
  -webkit-animation: bankFlash 1s infinite;
  background-color: #12ff00;
}
.mobile #deposit .container .bank-tabs .bank-tab {
  padding: 0.5rem 1.5rem;
  width: 23.5%;
}
#deposit .container .bank-tabs .bank-tab.state3:before {
  background-color: #ffc600;
}
.mobile #deposit .container .bank-tabs .bank-tab:before {
  left: 0.4rem;
}
.pc #deposit .container .bank-tabs .bank-tab i {
  min-width: 50px;
}
#deposit .container .bank-list p i {
  width: 5.5rem;
  height: 1.2em;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAEcSURBVFhH7ZfREYIwDIY7iqP45h0s4R7tHaMwiqOwhfCmRBOhaWwIIOdDv7s8tP58Rlq46goade/P9RAe28t3Y7WXvjmhehn7NUDlW1QfC/xybKDDqeOhu4DDlHeXvp1u15ZK15w+w2FKNYRbLNmjpjWnORymqAED0pof2gDAfapfDRjhPtUvBap7aGBvLKoxi5e94D7JHyEFQEzzesXPOM3jcF0Dr80Eb8MFhZd84D7JH6EGjHCf6lcDRrhP9UuBsgnLJtwC96l+KZDdhGzTcbhP8kdIAfgimk8rf7qhHA7XNZDbhBj5CvdJ/gg1YIT7qj5cs43/ugGVv2lgfpBcy3QkMzXgdzoRz8vwRwS6hmdbFlnLd9p7ouCcc0/DsIrofa4QzQAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 1.8rem 1.8rem;
  background-position: left bottom;
  color: #4bf87c;
}
#game .list .elgame p > img:nth-child(2) {
  display: block;
  aspect-ratio: 1/1;
  width: calc((100% - 1rem) * 0.6);
  height: auto;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #000;
  border-radius: 1.5rem;
  object-fit: cover;
  background: #fff;
  border: 0.1rem #fff solid;
  box-sizing: border-box;
}
.history .lottery-countdown,
.hot .lottery-countdown {
  padding-top: 0.5rem;
  text-align: center;
  margin-top: -5rem;
  background: rgba(0, 0, 0, 0.4);
}
.history .lottery-number,
.hot .lottery-number {
  padding: 0.5rem 0;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  white-space: normal;
}
.history .lottery-countdown span,
.hot .lottery-countdown span {
  justify-content: center;
}
.history .lottery-countdown.isOver .countdown-time,
.hot .lottery-countdown.isOver .countdown-time {
  color: #3a9ce8;
  text-decoration: underline;
}
.history p:first-child,
.hot p:first-child {
  height: auto;
}
.game-list .hot {
  border: none;
}
.game-list .recommond {
  box-sizing: border-box !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #eee;
}
.game-list .recommond p {
  width: 100%;
  display: block;
  position: relative;
}
.game-list .recommond p > img {
  aspect-ratio: 1/1;
  width: 100%;
  display: block;
  object-fit: cover;
}
.game-list .recommond h3 {
  font-size: 1rem;
  line-height: 3rem !important;
  width: calc(100% - 2rem);
  background: linear-gradient(165deg, #8b0000 50%, transparent);
  padding: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  font-weight: 700 !important;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
.game-list .ppSlot.hot {
  border: 1px #fff solid;
  box-sizing: border-box !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 1rem;
  box-shadow: 0.2rem 0.4rem 0.6rem 0 #bfccd9;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #eee;
}
.game-list .ppSlot.hot p {
  width: 100%;
  display: block;
  position: relative;
}
.game-list .ppSlot.hot p > img {
  aspect-ratio: 1/1;
  width: 100%;
  display: block;
  object-fit: cover;
}
.game-list .ppSlot.hot h3 {
  font-size: 1rem;
  line-height: 3rem !important;
  width: calc(100% - 2rem);
  background: linear-gradient(165deg, gold 50%, transparent);
  padding: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #2f4f4f;
  overflow: hidden;
  font-weight: 700 !important;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
}
#game .list .ppSlot.hot {
  aspect-ratio: unset;
  max-height: 259px;
}
#game .list .ppSlot.hot p {
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
#game .list .ppSlot.hot p > img:first-child {
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}
#game .list .ppSlot.hot p > img:nth-child(2) {
  aspect-ratio: 1/1;
  width: calc((100% - 1rem) * 0.6);
  height: auto;
  display: block;
  position: absolute;
  bottom: 1rem;
  right: 1rem;
  box-shadow: 0.2rem 0.2rem 0.3rem 0 #000;
  border-radius: 1.5rem;
}
#game .list .ppSlot.hot h3 {
  position: relative;
}
#game .list .lottery {
  box-sizing: border-box !important;
  width: 100%;
  transition: all 0.4s;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #eee;
  height: 15rem;
}
#game .list .lottery p {
  width: 100%;
  display: block;
  position: relative;
}
#game .list .lottery p > img {
  aspect-ratio: 1/1;
  width: 80%;
  display: block;
  object-fit: cover;
  margin: 0 auto;
}
#game .list .lottery p > img.closed {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}
.game-list .lottery .lottery-countdown,
.game-list .lottery .lottery-number {
  font-size: 1.4rem;
  font-weight: 700;
}
.game-list .lottery .lottery-countdown {
  margin-top: -5rem;
}
#game .list .lottery .lottery-countdown {
  position: absolute;
  bottom: 5rem;
  left: 0;
  padding-top: 0.5rem;
  text-align: center;
  margin-top: -6rem;
  background: rgba(0, 0, 0, 0.4);
  height: 2rem;
}
#game .list .lottery .lottery-number {
  position: absolute;
  bottom: 3rem;
  left: 0;
  padding: 0.5rem 0;
  background: rgba(0, 0, 0, 0.4);
  text-align: center;
  color: #fff;
  box-sizing: border-box;
  white-space: normal;
  height: 2rem;
}
#game .list .lottery .lottery-countdown span {
  justify-content: center;
}
#game .list .lottery .lottery-countdown.isOver .countdown-time {
  color: #3a9ce8;
  text-decoration: underline;
}
#game .list .lottery h3 {
  font-size: 1rem;
  line-height: 3rem !important;
  width: calc(100% - 2rem);
  background: linear-gradient(165deg, #cd5c5c 50%, transparent);
  padding: 0 1rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #fff;
  overflow: hidden;
  font-weight: 700 !important;
  z-index: 1;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
}
.pc #game .list .lottery {
  width: 15.6rem;
}
#game .list .lottery .game-periodid {
  position: absolute;
  top: 0;
  right: 0;
  height: 2.4rem;
  padding: 0 2rem;
  line-height: 2.4rem;
  border-radius: 0 0 0 1.2rem;
  background: rgba(255, 255, 255, 0.8);
  color: #999;
}
#game .list .lottery p > img:first-child {
  position: absolute;
  top: 0;
  left: 0;
  width: auto;
  aspect-ratio: 1/1;
  display: block;
  opacity: 1;
  object-fit: contain;
}
.game-list .game-items .game-item.special-image p::before {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0.6rem;
  left: 0.5rem;
  width: 5rem;
  height: 5rem;
  display: block;
  filter: drop-shadow(1rem 2rem 3rem #000);
  background: url("https://png-res.png999.com/assets/assetss/Lucky Bonus.png")
    no-repeat left top;
  background-size: contain;
  font-size: 1.8rem;
  font-weight: 700;
  text-transform: uppercase;
  animation:
    enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
    shake 0.8s ease infinite alternate,
    colorChange 2s linear infinite;
  transform-origin: center;
  text-shadow:
    0 0 10px #fff,
    0 0 20px #ff00de,
    0 0 30px #ff00de;
}
.game-list .game-items .game-item.special-image p::after {
  content: "LUCKY";
  position: absolute;
  top: 0.6rem;
  left: 0.5rem;
  z-index: 1;
  filter: blur(0.3rem);
  opacity: 0.8;
  font-size: 1.8rem;
  font-weight: 700;
  animation:
    pulse 1s ease infinite,
    enter 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards,
    shake 0.8s ease infinite alternate,
    colorChange 2s linear infinite;
  text-shadow:
    0 0 10px #fff,
    0 0 20px #ff00de,
    0 0 30px #ff00de;
}
.pc .game-list .game-items .game-item.special-image p::before {
  top: 1rem;
  width: 8rem;
  height: 8rem;
  font-size: 3.2rem;
}
.pc .game-list .game-items .game-item.special-image p::after {
  top: 1rem;
  filter: blur(0.6rem);
  font-size: 3.2rem;
}
.pc .game-list .game-items .game-item.pioneer-live.hot {
  height: auto;
}
.pc .game-list .game-items .game-item.pioneer-live.hot .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.recommond
  .game-item-history {
  display: none;
}
.pc .PIONEERLIVE.hot,
.pc .PIONEERLIVE.recommond {
  aspect-ratio: 1/1 !important;
}
.pc .game-list .game-items .game-item.pioneer-live.hot img,
.pc .game-list .game-items .game-item.pioneer-live.recommond img {
  width: 305%;
  position: absolute;
  right: -12rem;
}
.pc .game-list .game-items .game-item.pioneer-live.recommond h3 {
  position: absolute;
  bottom: 0;
}
.mobile .pioneer-live .game-item-history {
  display: none !important;
}
.tooltip {
  display: none;
  background-color: rgba(255, 255, 255, 0.6);
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 5px;
  z-index: 1;
  transition: all 0.3s;
}
@keyframes lightRef {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
.flash {
  animation: holidayFlash 1s infinite linear;
}
@keyframes holidayFlash {
  0% {
    filter: brightness(1.2);
    transform: translateZ(0) scale(1.1);
  }
  50% {
    filter: brightness(1);
    transform: translateZ(0) scale(0.9);
  }
  100% {
    filter: brightness(1.2);
    transform: translateZ(0) scale(1.1);
  }
}
.invert {
  animation: invert 0.5s infinite linear;
}
@keyframes invert {
  0% {
    transform: translateZ(0);
    filter: invert(1);
  }
  50% {
    transform: translateZ(0);
    filter: invert(0);
  }
  100% {
    transform: translateZ(0);
    filter: invert(1);
  }
}
@keyframes bgMove {
  0% {
    background-position: 0 top;
  }
  50% {
    background-position: 100% bottom;
  }
  100% {
    background-position: 0 top;
  }
}
@keyframes scaleIn {
  0% {
    transform: translateZ(0) scale3d(0, 0, 0);
  }
  100% {
    transform: translateZ(0) scale3d(1, 1, 1);
  }
}
@keyframes scaleRe {
  0% {
    transform: translateZ(0) scale3d(1, 1, 1);
  }
  20% {
    transform: translateZ(0) scale3d(0.8, 0.8, 0.8);
  }
  50% {
    transform: translateZ(0) scale3d(1.2, 1.2, 1.2);
  }
  75% {
    transform: translateZ(0) scale3d(0.8, 0.8, 0.8);
  }
  100% {
    transform: translateZ(0) scale3d(1, 1, 1);
  }
}
@keyframes highLight {
  0% {
    transform: translateZ(0);
    filter: brightness(1);
  }
  50% {
    transform: translateZ(0);
    filter: brightness(1.5);
  }
  100% {
    transform: translateZ(0);
    filter: brightness(1);
  }
}
@keyframes holidayFloat {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(0, -0.5rem, 0);
  }
  75% {
    transform: translate3d(0, 0.5rem, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes float-x {
  0% {
    transform: translate3d(0, 0, 0);
  }
  25% {
    transform: translate3d(-0.5rem, 0, 0);
  }
  75% {
    transform: translate3d(0.5rem, 0, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes card {
  0% {
    transform: rotate3d(1, 1, 1, 0deg) translateZ(1px);
  }
  50% {
    transform: rotate3d(-1, 100, 10, 15deg) translateZ(1px);
  }
  100% {
    transform: rotate3d(1, 1, 1, 0deg) translateZ(1px);
  }
}
@keyframes rotate360 {
  0% {
    transform: translateZ(0) rotate(0);
  }
  100% {
    transform: translateZ(0) rotate(360deg);
  }
}
.anim-rotate360 {
  animation: rotate360 1s infinite linear;
}
@keyframes rotateX {
  0% {
    transform: translateZ(0) scaleX(1);
  }
  50% {
    transform: translateZ(0) scaleX(-1);
  }
  100% {
    transform: translateZ(0) scaleX(1);
  }
}
@keyframes rotateY {
  0% {
    transform: translateZ(0) scaleY(1);
  }
  50% {
    transform: translateZ(0) scaleY(-1);
  }
  100% {
    transform: translateZ(0) scaleY(1);
  }
}
@keyframes holidayFloat {
  0% {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  25% {
    -ms-transform: translate3d(0, -1rem, 0);
    transform: translate3d(0, -1rem, 0);
  }
  75% {
    -ms-transform: translate3d(0, 1rem, 0);
    transform: translate3d(0, 1rem, 0);
  }
  100% {
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes lightFlash {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
}
@keyframes lightFlash1 {
  0%,
  100% {
    opacity: 0.2;
  }
  50% {
    opacity: 1;
  }
}
@keyframes highLightBig {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
@keyframes highLightSmall {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes enter {
  0% {
    transform: translateY(-100vh) rotate(360deg) scale(3);
    opacity: 0;
  }
  100% {
    transform: translateY(0) rotate(0) scale(1);
    opacity: 1;
  }
}
@keyframes shake {
  0% {
    transform: skew(0) scale(1);
  }
  25% {
    transform: skew(2deg, -2deg) scale(1.05);
  }
  50% {
    transform: skew(-3deg, 1deg) scale(0.98);
  }
  75% {
    transform: skew(1deg, -1deg) scale(1.02);
  }
  100% {
    transform: skew(0) scale(1);
  }
}
@keyframes colorChange {
  0% {
    color: #ff00de;
  }
  25% {
    color: #00fffd;
  }
  50% {
    color: #fffb00;
  }
  75% {
    color: red;
  }
  100% {
    color: #ff00de;
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
}
.game-list .game-items .lottery-category,
.pc .game-list .game-items .lottery-category {
  grid-template-columns: repeat(1, 1fr) !important;
}
.game-list .game-items .lottery-category .lotteryTabBox {
  padding-top: 6rem;
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr) !important;
}
.mobile .game-list .game-items .lottery-category .lotteryTabBox {
  padding-top: 2.2rem;
}
.game-list .game-items .lottery-category .lotteryTabBox.tabBox {
  padding-top: 0;
}
.pc .game-list .game-items .lottery-category .lotteryTabBox {
  grid-template-columns: repeat(4, 1fr) !important;
}
.game-list .game-items .lottery-category .lotteryTabBox .tabBoxBack {
  position: absolute;
  left: 0;
  top: 0;
  height: 6rem;
  width: 100%;
}
.mobile .game-list .game-items .lottery-category .lotteryTabBox .tabBoxBack {
  top: -0.3rem;
  height: 2rem;
}
.game-list .game-items .lottery-category .lotteryTabBox .tabBoxBack a {
  margin: 0 0 0 auto;
  display: block;
  width: 4rem;
  height: 100%;
  background: url(images/close-1.png) no-repeat center/2rem;
  transform: translateZ(0) rotate(180deg);
  filter: brightness(0) invert(1);
}
.mobile .game-list .game-items .lottery-category .lotteryTabBox .tabBoxBack a {
  background-size: 1.4rem;
}
.recommend-table table tbody td:nth-of-type(3)::before {
  content: locale("." "," local(".")) " ";
}
.recommend-table table tbody td:nth-of-type(3)::after {
  content: locale("." "," local(".")) " ";
}
#withdrawal .container .withdrawal-banklist {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content;
  gap: 0.5rem;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.8);
  padding: 0 1rem 1rem 1rem;
  border-radius: 1rem;
  overflow: hidden;
  min-height: 32.5rem;
  margin-bottom: 2rem;
}
#withdrawal .container .withdrawal-banklist dt {
  grid-column: 2 span;
  text-align: center;
  color: #fff;
  margin: 0 0 0 -1rem;
  height: 3.5rem;
  line-height: 3.5rem;
  background: rgba(0, 0, 0, 0.5);
  width: 106%;
}
#withdrawal .container .withdrawal-banklist dt i {
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background: #7cfc00;
  border-radius: 50%;
  margin: 0 0.2rem;
}
#withdrawal .container .withdrawal-banklist dt i:nth-child(2) {
  background: red;
}
#withdrawal .container .withdrawal-banklist dt i:nth-child(3) {
  background: #ff0;
}
#withdrawal .container .withdrawal-banklist dd {
  border-radius: 0.5rem;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  padding: 0 0.5rem;
  justify-content: center;
  gap: 0.5rem;
  overflow: hidden;
}
#withdrawal .container .withdrawal-banklist dd i {
  display: none;
  width: 0.8rem;
  min-width: 0.8rem;
  height: 0.8rem;
  background: #7cfc00;
  border-radius: 50%;
}
#withdrawal .container .withdrawal-banklist dd .status-2 {
  background: red;
}
#withdrawal .container .withdrawal-banklist dd .status-3 {
  background: #ff0;
}
#withdrawal .container .withdrawal-banklist dd img {
  display: block;
  object-fit: contain;
  width: 100%;
}
.pc #withdrawal .container .withdrawal-banklist {
  grid-template-columns: repeat(5, 1fr);
}
.pc #withdrawal .container .withdrawal-banklist dt {
  grid-column: 5 span;
}
.mobile #withdrawal .container ul li input {
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  padding: 0 0.5rem;
  color: #fff;
  height: 3.5rem;
  font-size: 1.8rem;
}
.pc #withdrawal .container ul li input {
  color: #fff;
}
.mobile #withdrawal .container ul li input::placeholder {
  font-size: 1rem;
  right: 0.5rem;
  top: 1.1rem;
}
#withdrawal .container ul li i.all {
  background: #fc1855;
  border-radius: 0.3rem;
  padding: 0.3rem;
}
.mobile .ruimage-paijiu {
  width: 16%;
}
.ruimage-paijiu img {
  width: auto !important;
  height: 90% !important;
}
.luimgtouzi dl dd u {
  flex: 1;
  height: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ruimage-paijiu {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ruimage-paijiu-bul {
  filter: invert(1);
}
.pc .paijiu-dd {
  width: 23% !important;
}
.pc .paijiu-dd u {
  gap: 0.2rem;
}
.mobile .paijiu-dd {
  width: 31.5% !important;
}
#oddsRules .rule-detail {
  display: block !important;
}
#oddsRules .rule-detail .rule-content dd {
  display: block;
}
.game-list .game-items .game-item .game-result {
  position: absolute !important;
  top: 0;
  left: 0;
  height: 16px;
  padding: 0 1rem;
  line-height: 16px;
  background: #00b0e7;
  color: #fff;
  font-weight: 700;
  border-radius: 1px;
}
.pc .game-list .game-items .game-item.lottery.closed.hover-active .game-result {
  display: block !important;
  height: 2rem !important;
  line-height: 2rem !important;
  border-radius: 5px;
}
.pc .game-list .history .lottery-live-button,
.pc .game-list .hot .lottery-live-button,
.pc .game-list .lottery .lottery-live-button {
  top: -9rem !important;
  width: 55% !important;
  border-radius: 5px;
  margin: -2.3rem auto 0 auto !important;
}
.watch-icon {
  margin-left: 5px;
  width: 20px;
  height: 1.8rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAO/SURBVHhe7ZyLbRs5AERdiktRKe4kpbgUl+JOrLyhSIBOJKx2RXL5mQcceEAuXHJehkv5hLzt5Xq9Xn5+fr4Yr4zf/PPJv77HXzYtieH/RxTzJ/5npgXkfrnF/xiJYbjE32JqEsN+CrelATHrp/ExVhHy3TyuHoEUv/RLQ6CHhQi3pTBk+pKQhMQwuC2vQohFhAi3pQDkWExIIrbFV+QjKLiQYmHcloOQXRUhCYvZCZlVFZJAiq/Iz0BITYQIt+UJyKmZkITEMLgt9yCY5kKE2/IAsjlFSCK2xVfkhMIIyZyI25JBHqcLSVgMkEM3QhJIWfeKzMa7EyKWbQt771JIQmIY1mkLm+1aiFiqLey3eyGJ2Ja5r8jaYNjtIEzfFvY4lJDEtG3RpsIOB0VtYZjnpc9mhhYipjrG2M/wQhJI0feSx24LG5hGiBi+LexhKiEJiWEYry0sekohYsi2sO5phSRiW8a4ImuhYdULMERbWOcyQkT3xxhrXEpIAil9XpFZ1JJCRJdtYV3LCklIDEMfbWEhywsR3bSFtVhIRmzLeVdkPTysxPzitLbwbAt5wCnHGM+1kA2Q0u6KzIMs5AmatYVnWcgOJIahXluY3EJ2UrUtzG8hB6gmhbkt5CDx+Cr7mUUThtnNUSykJ2jJV4yyDMxpIS+AkM8YZRmY00Je4yNGWQYmtJDXKPuZhAkt5DjlfyqsSW9zm52UPaoSTGwhO6jy2SNHk4cnmU2qfDL/F55jIRvoswaDf/x+NjqemrQih+dayB3UihhRW3i2hWSoFQz+kkMPND+e7sE6lhdyeitytJCwqkXpohU5rGlJIXppM/Tx9dEcFrWUEB1P3bUihzUuIwQRZf/fRQ1Y5/RC1AqGPl7aW2ihYdWT0vXxdA/WPKWQoVqRo0WHHUzEcK3IYf3TCEGE/2qNHtDxNHQrctjP0EIQ0f9Vdg/saUghagXDeC/tLbSpsMOBmOZ4ugf7G0bItK3I0QbDbjtn6lbksNeuhSBi/KvsHthsl0Li8VTny2g9w6a7E7LM8XQP9t+NkCVe2lsogJDGySzdihyyOFVIbMU6L+0tCOMUIRLhVtyBbJoLQcQ53wocAfJpJiQeT2u/tLdQQCGtyvh4ehKyqirErdiJwgrJVcCtOAC5FRcSW+Gr7BEIrpgQiXArXoQciwhBhK+yJSDLl4TE48kv7VIozJDsAXw8VYBc32/xPo9bURmd/7eot3ErGkDOH7e4HxOl+SrbCv3Jv0X/Gx1PbsVJkP9F4asNcbSIYry9/QWjHi4QMzd6TQAAAABJRU5ErkJggg==)
    no-repeat center/20px 20px;
}
.pc .watch-icon {
  margin-left: 10px;
}
.pc .lottery-live-button span {
  margin-right: 6px;
}
p.lottery-live-button.open {
  background: silver !important;
}
.game-list .history .lottery-live-button,
.game-list .hot .lottery-live-button,
.game-list .lottery .lottery-live-button {
  padding: 0.25rem 0;
  text-align: center;
  height: 1.8rem;
  line-height: 1.8rem;
  top: -8.2rem;
  width: 88% !important;
  border-radius: 3px;
  margin: -0.3rem auto 0 auto !important;
  background: red;
  z-index: 4;
}
.game-list .history .lottery-live-button,
.game-list .hot .lottery-live-button {
  font-size: 14px;
  font-weight: 400;
}
.game-list .game-items .game-item.history .game-result,
.game-list .game-items .game-item.hot .game-result {
  font-size: 14px;
}
.mobile .game-list .history .lottery-live-button,
.mobile .game-list .hot .lottery-live-button,
.mobile .game-list .lottery .lottery-live-button {
  position: absolute;
  margin: 0;
  top: 4.6rem;
  left: 0.8rem;
}
.watch-content {
  justify-content: center !important;
}
.live-streaming-container {
  text-align: center;
  padding: 0 14px;
}
.pc .live-streaming-container {
  text-align: center;
  padding: 30px 14px;
}
h1 {
  font-size: 2em;
}
.logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px 0;
}
.logo-container img {
  width: 150px;
}
.location {
  font-size: 16px;
  margin-left: 10px;
  width: 160px;
}
.time-info {
  margin: 40px 0;
  font-size: 16px;
}
.watch-on {
  margin: 20px 0;
}
.watch-on p {
  font-size: 15px;
}
.watch-link {
  display: block;
  background-color: #333;
  color: #fff;
  padding: 10px 20px;
  margin: 10px 0;
  text-decoration: none;
  border-radius: 5px;
  font-size: 15px;
}
.bet-status {
  margin-top: 20px;
  font-size: 2em;
  color: red;
}
.open-bet {
  border: 2px solid red;
  padding: 5px 10px;
}
.bet-closed {
  border: 2px solid red;
  padding: 5px 10px;
}
.pc .popUp .popUp-container .popUp-content img {
  width: 180px !important;
}
.popUp .popUp-container .popUp-content img {
  width: 55% !important;
}
.popUp .popUp-container .popUp-content .avatars img {
  width: 100% !important;
}
.pc .personalData .avatars {
  grid-template-columns: repeat(5, auto);
}
#personalData .avatar-ul {
  display: none;
}
.game-list .game-items .game-item .game-periodid {
  position: absolute !important;
  top: auto !important;
  right: auto !important;
  bottom: 6rem !important;
  left: 0 !important;
  height: 2.4rem !important;
  line-height: 2.4rem !important;
  border-radius: 0 0 0 1.2rem !important;
  color: #fff !important;
  width: 100% !important;
  text-align: center !important;
  font-weight: 700 !important;
  font-size: 1.4rem !important;
  text-shadow: 0 0.1rem 0.4rem #000 !important;
  background: 0 0 !important;
  padding: 0 !important;
}
.game-list .lottery .lottery-countdown.isOver .countdown-time {
  justify-content: center;
  color: #fff !important;
  text-decoration: none !important;
}
.game-list .lottery .lottery-countdown,
.game-list .lottery .lottery-number {
  font-size: 1.2rem !important;
  font-weight: 700 !important;
}
.game-list .lottery .lottery-number,
.pc .game-list .lottery .lottery-countdown {
  font-size: 1.4rem !important;
}
.game-item.lottery.closed.hover-active .game-periodid {
  bottom: 4rem !important;
}
.pc .game-item.lottery.closed.hover-active .game-periodid {
  bottom: 6rem !important;
}
#transactionRecords .button-group {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.5rem;
  margin-top: 0.7rem;
}
#transactionRecords .button-group .bonusAmount {
  margin-right: 1rem;
  font-size: 1rem;
}
#transactionRecords .button-group .claimAmountBtn {
  margin-right: 1rem;
}
#transactionRecords .button-group button {
  padding: 0.4rem;
  font-size: 1rem;
  font-weight: 700;
  color: #fff;
  background: linear-gradient(90deg, #a0d7ff, #6cb4ee);
  border: none;
  border-radius: 0.4rem;
  box-shadow: 0 0.3rem 0.5rem rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition: all 0.1s;
}
#transactionRecords .button-group button:hover {
  background: linear-gradient(90deg, #6cb4ee, #a0d7ff);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}
#transactionRecords .button-group button:active {
  transform: scale(0.95);
}
#transactionRecords .tabs-group {
  width: 100%;
  display: flex;
  justify-content: space-around;
  border-radius: 0.5rem;
  margin-top: 0.5rem;
}
#transactionRecords .tab {
  width: 48%;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #ccc;
  background-color: transparent;
  border: 1px solid #444;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
#transactionRecords .tab:hover {
  transform: scale(1.03);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
}
#transactionRecords .tab.active {
  color: #fff;
  border-color: #0ff;
  background: linear-gradient(45deg, #00c9ff, #92fe9d);
  box-shadow: 0 0 10px #00ffffaa;
}
#transactionRecords .filterMenu {
  opacity: 0;
  transition:
    opacity 0.3s ease,
    transform 0.3s ease;
}
#transactionRecords .filterMenu-in {
  opacity: 1;
  transform: translateZ(0) translateY(0);
}
.accountsAndSecurity ul {
  background: 0 0;
}
.popUp .popUp-container .popUp-content .accountsAndSecurity ul p b {
  filter: invert(1);
}
.theme-style .user.isLogin .nick {
  position: relative;
  overflow: visible;
}
.theme-style .user.isLogin .nick .nick-img {
  position: relative;
  cursor: pointer;
}
.theme-style .user.isLogin .nick .nick-img::after {
  content: "";
  position: absolute;
  left: 1.5rem;
  bottom: -0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFhSURBVFhH7ZaNDYIwEIUZhVEchU0cxVEYxU3A9+RVrC1y1yMaE7+kAdr7a+/a0v3xMM9zP03TGW3E+wN8X9Uu+DxJ/DjodHFlQ8Gcpd4ObHHG18WsH+n2MucDiqe7lSBNqwG9Xecwyjro2fDO3L/FHARkadTCIBWTDlcCj/0C1cwsZLmVg7dQRuJ1IDMsoibcARDIXaRSYjUiWgOorwLGPLMnTQGIsha4NBq00hwAZEeprThnQCIBlGl4NcAo8XhstVZgo3pOaHhF/c+EnSdgq3ZOrCvIj6Uv49BbTTafyVJYCCgl4SBgw5aC1xowENmG1QA+uQ3L0xD93us3sgJlgaPTegsmIgHkBZjAwHcvI4x7fsGaApD4NpCxpiLbourbw7atIbibCs2YhXvsL1mCCtIN43aegK6nJgqkGztNYYBBuFejedZbwCaLc4Dhar45W7TxcMdbwCcDujd1/SJddwMFPU4qcY61KQAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100%;
}
.theme-style .user .avatar {
  position: relative;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
}
.theme-style .user .avatar::before {
  content: "";
  position: absolute;
  left: 1.5rem;
  bottom: -0.2rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFhSURBVFhH7ZaNDYIwEIUZhVEchU0cxVEYxU3A9+RVrC1y1yMaE7+kAdr7a+/a0v3xMM9zP03TGW3E+wN8X9Uu+DxJ/DjodHFlQ8Gcpd4ObHHG18WsH+n2MucDiqe7lSBNqwG9Xecwyjro2fDO3L/FHARkadTCIBWTDlcCj/0C1cwsZLmVg7dQRuJ1IDMsoibcARDIXaRSYjUiWgOorwLGPLMnTQGIsha4NBq00hwAZEeprThnQCIBlGl4NcAo8XhstVZgo3pOaHhF/c+EnSdgq3ZOrCvIj6Uv49BbTTafyVJYCCgl4SBgw5aC1xowENmG1QA+uQ3L0xD93us3sgJlgaPTegsmIgHkBZjAwHcvI4x7fsGaApD4NpCxpiLbourbw7atIbibCs2YhXvsL1mCCtIN43aegK6nJgqkGztNYYBBuFejedZbwCaLc4Dhar45W7TxcMdbwCcDujd1/SJddwMFPU4qcY61KQAAAABJRU5ErkJggg==)
    no-repeat;
  background-size: 100%;
}
.theme-style .user .overage {
  position: relative;
}
.theme-style .user .overage i {
  position: absolute;
  left: -8px;
  width: 3rem;
  height: 3rem;
  background: url("images/coin_type_nx.png") no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.theme-style .user .overage b {
  font-size: 18px;
  padding: 6px 15px 6px 45px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  box-shadow:
    inset 0 0 10px rgba(0, 0, 0, 0.5),
    inset 0 0 10px rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.theme-style .mine-top .mine-info .mine-head {
  position: relative;
  overflow: visible;
}
.theme-style .mine-top .mine-info .mine-head::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 2rem;
  height: 2rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFhSURBVFhH7ZaNDYIwEIUZhVEchU0cxVEYxU3A9+RVrC1y1yMaE7+kAdr7a+/a0v3xMM9zP03TGW3E+wN8X9Uu+DxJ/DjodHFlQ8Gcpd4ObHHG18WsH+n2MucDiqe7lSBNqwG9Xecwyjro2fDO3L/FHARkadTCIBWTDlcCj/0C1cwsZLmVg7dQRuJ1IDMsoibcARDIXaRSYjUiWgOorwLGPLMnTQGIsha4NBq00hwAZEeprThnQCIBlGl4NcAo8XhstVZgo3pOaHhF/c+EnSdgq3ZOrCvIj6Uv49BbTTafyVJYCCgl4SBgw5aC1xowENmG1QA+uQ3L0xD93us3sgJlgaPTegsmIgHkBZjAwHcvI4x7fsGaApD4NpCxpiLbourbw7atIbibCs2YhXvsL1mCCtIN43aegK6nJgqkGztNYYBBuFejedZbwCaLc4Dhar45W7TxcMdbwCcDujd1/SJddwMFPU4qcY61KQAAAABJRU5ErkJggg==")
    no-repeat;
  background-size: 100%;
}
.mobile .theme-style .tabs.isLogin {
  height: 6.3rem;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
  padding: 0 1rem;
}
.mobile .theme-style .tab[data-href="#/deposit"],
.mobile .theme-style .tab[data-href="#/withdrawal"] {
  display: none !important;
}
.mobile .theme-style .user:nth-of-type(3) {
  display: none;
}
.mobile .theme-style .user.isLogin {
  flex-direction: column;
  position: fixed;
  left: auto;
  right: 0;
  width: auto;
  top: 0;
  gap: 0.6rem 1.2rem;
  padding: 0.5rem 1rem;
  z-index: 3;
  box-shadow: none;
  align-items: flex-start;
}
.isPad .theme-style .user.isLogin {
  right: auto;
  left: 50%;
  margin-left: 2rem;
}
.isPad .game-activity-bg {
  display: flex;
  justify-content: center;
}
.isPad .game-activity-box {
  width: 75%;
}
.isPad .game-activity-bg .left-cont {
  left: 12.5%;
}
.isPad .game-activity-bg .right-cont {
  right: 12.5%;
}
.mobile .theme-style .user.isLogin .nick h1 {
  padding-right: 2rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABxSURBVDhP1ZDRDYAgDES7E7O4Aju5EzMVr7QGDZQ0+mF8SX96PcIdfU+tdXsz8kDGPCW3XzDzbosw4mnmE+yKSiGK2TpYJtVCJLPdgRDpQ3N7rPoYcnvgdtbHmNsDx7M+5rk9YLj2sc7tIZnDuf8K0QEUR5HAFe8bzAAAAABJRU5ErkJggg==")
    no-repeat right center;
  background-size: 1rem 1rem;
}
.mobile .theme-style .user.isLogin .overage {
  padding-left: 0.5rem;
}
.mobile .theme-style .user.isLogin .overage i {
  width: 2rem;
  height: 2rem;
  left: 0;
}
.mobile .theme-style .user.isLogin .overage b {
  font-size: 1.2rem;
  padding: 0.3rem 1.5rem 0.3rem 2rem;
  color: #fff;
}
.mobile .theme-style .user.isLogin .logout-btn {
  display: none;
}
.mobile .theme-style .game-list .game-items .home-tabs {
  gap: 1.5rem;
}
.mobile .theme-style .tabs.isLogin img.logo {
  width: 100%;
  height: 3.8rem !important;
}
.mobile .theme-style footer {
  background-size: contain;
  box-shadow: none;
  height: 4.5rem;
  overflow: visible;
  border-radius: 2rem 2rem 0 0;
}
.mobile .theme-style footer .nav-item .icon {
  background-size: 1.5rem 1.5rem !important;
  filter: brightness(20);
}
.mobile .theme-style footer .nav-item-active {
  background: 0 0;
}
.mobile .theme-style footer .nav-item-active .icon {
  filter: brightness(0.9);
}
.theme-style .mine-top .mine-statistics .myPurse span {
  position: relative;
}
.theme-style .mine-top .mine-statistics .myPurse span em {
  position: absolute;
  left: -4px;
  top: -10px;
  width: 3rem;
  height: 3rem;
  background: url("images/coin_type_nx.png") no-repeat;
  background-size: 100% 100%;
  text-indent: -9999px;
}
.theme-style .mine-top .mine-statistics .myPurse span i {
  font-size: 18px;
  padding: 6px 15px 6px 45px;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  box-shadow:
    inset 0 0 10px rgba(0, 0, 0, 0.5),
    inset 0 0 10px rgba(255, 255, 255, 0);
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}
.theme-style #transactionRecords .filterMenu {
  z-index: 4;
}
.theme-style #transactionRecords .filterMenu dd[data-val="4"] {
  display: none;
}
.mobile .theme-style .mine-top .mine-statistics .myPurse span em {
  top: -0.8rem;
}
.mobile .theme-style .mine-top .mine-statistics .myPurse span i {
  font-size: 1.2rem;
  padding: 0.4rem 1.5rem 0.4rem 3.2rem;
}
.mobile #deposit .container ul li input.deposit-money {
  font-size: 2.4rem;
}
.pc .theme-style footer .nav-item .icon {
  background-size: 24px 24px !important;
}
.pc .theme-style footer .nav-item {
  cursor: pointer;
}
.theme-style .popUp {
  max-height: 85%;
  left: 5%;
  right: 5%;
}
.popUp .popUp-container .popUp-content .pengaduan-customer-box {
  height: 100%;
  overflow: auto;
}
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul label {
  height: 4rem;
  line-height: 4rem;
  font-size: 1.4rem;
  font-weight: 700;
}
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul input,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul select,
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul textarea {
  width: 100%;
  text-align: left;
  border-radius: 0.5rem;
  background: rgba(255, 255, 255, 0.5);
  color: #fff;
  margin-bottom: 1rem;
  padding: 0 1rem;
}
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul input {
  height: 3rem;
  box-sizing: border-box;
  line-height: 3rem;
}
.popUp .popUp-container .popUp-content .pengaduan-customer-box ul textarea {
  min-height: 12rem;
  box-sizing: border-box;
  padding: 1rem;
  font:
    1rem PingFangSC-Medium,
    "PingFang SC",
    "Microsoft YaHei UI",
    verdana,
    tahoma;
  border: none;
  max-width: 100%;
  min-width: 50%;
}
.popUp
  .popUp-container
  .popUp-content
  .pengaduan-customer-box
  ul
  select
  option {
  color: #333;
}
.popUp
  .popUp-container
  .popUp-content
  .pengaduan-customer-box
  ul
  input::placeholder,
.popUp
  .popUp-container
  .popUp-content
  .pengaduan-customer-box
  ul
  select::placeholder,
.popUp
  .popUp-container
  .popUp-content
  .pengaduan-customer-box
  ul
  textarea::placeholder {
  color: #eee;
}
.popUp
  .popUp-container
  .popUp-content
  .pengaduan-customer-box
  ul
  .pengaduan-verify {
  display: none;
  color: red;
}
#deposit .container .bank-list .qris-item .amount-qris select {
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  background: #dadada;
  font-size: 1.4rem;
  margin-right: 0;
  padding-left: 0.5rem;
  padding-right: 3rem;
  text-align: left;
}
#deposit .container .bank-list .qris-item .amount-qris select {
  margin-left: 0.8rem;
  border: 0;
  font-weight: 700;
}
#deposit .container .bank-list .qris-item .mobile-submit {
  margin-bottom: 0;
  background: #f86609;
  border-radius: 0.3rem;
  height: 2.8rem;
  line-height: 2.8rem;
  cursor: pointer;
}
#deposit .container .bank-list .qris-item .mobile-submit {
  margin: 1.5rem;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}
.isPad {
  font-size: calc(100vw / 375 * 10 * 0.7) !important;
  background: #000;
}
.isPad body {
  width: 70% !important;
  margin: 0 auto !important;
  font-size: unset !important;
}
.livechat_button.bottom-button {
  bottom: 6rem;
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  display: inline !important;
}
@keyframes bounceDown {
  0% {
    transform: scaleX(1);
  }
  20% {
    transform: scale3d(0.6, 0.6, 1);
  }
  40% {
    transform: scale3d(1.2, 1.2, 1);
  }
  60% {
    transform: scaleX(1);
  }
  80% {
    transform: scale3d(1.1, 1.1, 1);
  }
  100% {
    transform: scaleX(1);
  }
}
@keyframes rotate-border {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes bankFlash {
  0%,
  100% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(0.9);
    opacity: 0.8;
  }
}
.mobile #chat-widget-container #chat-widget {
  position: fixed !important;
}
.mobile #chat-widget-container {
  bottom: 30px !important;
}
.pc #chat-widget-container {
  bottom: 0 !important;
}
.mobile #service .navigator-bar .service-navi-bar p {
  line-height: 1.3rem;
}
.pc #service .navigator-bar .service-navi-bar p {
  background: 0 0 !important;
  width: 95%;
  text-align: center;
  position: absolute;
}
.dana-submit-box {
  display: flex;
}
#deposit .container .qris-item .bankcode-image {
  background: 0 0;
}
#deposit .container .bank-list .mobile-item {
  margin: 0 0.5rem;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0 0.1rem 0.5rem #999;
  padding-bottom: 1.5rem;
}
#deposit .container .bank-list .mobile-item .qris-title {
  font-size: 1.3rem;
  background: #71a9f1;
  height: 3.7rem;
  line-height: 3.7rem;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  margin: 0;
  display: block;
  font-weight: 700;
}
#deposit .container .bank-list .mobile-item .amount-qris {
  position: relative;
  padding: 0;
}
#deposit .container .bank-list .mobile-item .amount-qris input {
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  background: #dadada;
  font-size: 1.4rem;
  margin-right: 0;
  padding-left: 0.5rem;
  padding-right: 3rem;
  text-align: left;
  color: #333;
}
#deposit .container .bank-list .mobile-item .amount-qris input::placeholder {
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
  position: absolute;
  right: 3rem;
  bottom: 0.4rem;
}
#deposit .container .bank-list .mobile-item .amount-qris i {
  position: absolute;
  right: 0.5rem;
  top: 0.5rem;
  color: #333;
}
#deposit .container .bank-list .mobile-item .amount-select {
  padding-left: 11.4rem;
}
#deposit .container .bank-list .mobile-item .amount-select ul {
  display: flex;
  justify-content: space-between;
}
#deposit .container .bank-list .mobile-item .amount-select li {
  width: 3.3rem;
  height: 1.9rem;
  min-height: 1.9rem;
  justify-content: center;
  line-height: 1.9rem;
  font-size: 1.2rem;
  color: #fff;
  background: #71a9f1;
  border-radius: 0.3rem;
  padding: 0;
  border-bottom: 0;
}
#deposit .container .bank-list .mobile-item .bankcode-image p {
  width: 100%;
  margin: 0;
  display: block;
  padding: 1rem 1rem 0;
  box-sizing: border-box;
  color: red;
  text-align: center;
}
#deposit .container .bank-list .mobile-item .qris-info {
  display: flex;
  padding: 0 1rem;
}
#deposit .container .bank-list .mobile-item .qris-info .qris-logo img {
  width: 13rem;
}
#deposit .container .bank-list .mobile-item .qris-info .qris-bank {
  display: flex;
  margin-top: 0.2rem;
}
#deposit .container .bank-list .mobile-item .qris-info .qris-bank li {
  padding: 0;
  height: auto;
  min-height: auto;
  display: block;
  margin-right: 0.3rem;
  border-bottom: 0;
}
#deposit .container .bank-list .mobile-item .qris-info .qris-bank li img {
  height: 1.6rem;
  border-radius: 0.3rem;
}
#deposit .container .bank-list .mobile-item .submit {
  margin-bottom: 0;
  background: #f86609;
  border-radius: 0.3rem;
  height: 2.8rem;
  line-height: 2.8rem;
}
.pc #deposit .container .bank-list .mobile-item .amount-select li {
  width: 3.5rem;
  height: 1.7rem;
  min-height: 1.7rem;
}
.pc #deposit .container .bank-list .mobile-item .qris-info .qris-logo img {
  width: 11rem;
}
#deposit .container .bank-list .qris-item {
  margin: 0 0.5rem;
  border-radius: 1rem 1rem 0 0;
  box-shadow: 0 0.1rem 0.5rem #999;
  padding-bottom: 1.5rem;
  background: #e8e8e8;
  border: 0.2rem solid #fff;
}
#deposit .container .bank-list .qris-item .mobile-device-layout {
  display: flex;
}
#deposit .container .bank-list .qris-item .mobile-device-layout .left-layout {
  width: 40%;
}
#deposit
  .container
  .bank-list
  .qris-item
  .mobile-device-layout
  .left-layout
  ul {
  flex-wrap: wrap;
  padding-right: 0;
  gap: 0.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
#deposit .container .bank-list .qris-item .mobile-device-layout .right-layout {
  width: 60%;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#deposit
  .container
  .bank-list
  .qris-item
  .mobile-device-layout
  .right-layout
  .qris-info {
  margin-top: 1rem;
  flex-direction: column;
}
#deposit .container .bank-list .qris-item ul {
  margin: 1rem 0 0 0;
  list-style-type: none;
  padding: 0 2rem;
  font-size: 1.4rem;
}
.mobile #deposit .container .bank-list .qris-item > ul {
  padding: 0 1rem;
}
#deposit .container .bank-list .qris-item .qris-title {
  font-size: 1.3rem;
  height: 3.7rem;
  line-height: 3.7rem;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  color: #fff;
  margin: 0;
  display: block;
  font-weight: 700;
  box-shadow:
    0 4px 8px rgba(0, 0, 0, 0.2),
    inset 0 1px 0 rgba(255, 255, 255, 0.3);
  border: 1px solid #d4af37;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  background: linear-gradient(to bottom, #ff7a00, #ff4000);
  border-bottom: 0.15rem solid #e73500;
}
#deposit .container .bank-list .qris-item .amount-qris {
  position: relative;
  padding: 0;
}
#deposit .container .qris-item .amount-qris label {
  min-width: auto;
  font-family: math;
  font-size: 1.4rem;
  font-weight: 700;
}
#deposit .container .bank-list .qris-item .amount-qris input {
  height: 3rem;
  line-height: 3rem;
  border-radius: 1.2rem;
  background: #fff;
  font-size: 1.4rem;
  padding-left: 0.5rem;
  padding-right: 1rem;
  margin-right: 1.2rem;
  text-align: left;
  border: 0.15rem solid #fff;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}
#deposit .container .bank-list .mobile-item .amount-qris select {
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  background: #dadada;
  font-size: 1.4rem;
  margin-right: 0;
  padding-left: 0.5rem;
  margin-right: 1.5rem;
  text-align: left;
}
#deposit .container .bank-list .qris-item .amount-qris select {
  margin-left: 0.8rem;
  border: 0;
  font-weight: 700;
}
#deposit .container .bank-list .qris-item .amount-qris input::placeholder {
  font-size: 1rem;
  font-weight: 700;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0.7rem;
  color: #d5d5d5;
  width: max-content;
}
#deposit .container .bank-list .qris-item .amount-qris i {
  position: static;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  color: #fff;
  padding: 0.5rem 0.4rem;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.1),
    0 1px 6px -1px rgba(0, 0, 0, 0.1),
    0 2px 4px 0 rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  font-weight: 700;
  background: linear-gradient(to bottom, #ff8300, #ff4000);
  border-radius: 0.5rem;
  font-family: auto;
  border: none;
}
#deposit .container .bank-list .qris-item .amount-select {
  padding-left: 0;
}
#deposit .container .bank-list .qris-item .amount-select ul {
  display: flex;
  justify-content: space-between;
}
#deposit .container .bank-list .qris-item .amount-select li {
  width: 1.4rem;
  height: 3rem;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  background: 0 0;
  color: #3e3d3d;
  border-radius: 0.4rem;
  border: 0.1rem solid #d1d1d1;
  box-shadow: none;
}
#deposit .container .bank-list .qris-item .amount-select li:hover {
  opacity: 0.8;
  cursor: pointer;
}
#deposit .container .bank-list .qris-item .amount-select .amountmun-100,
#deposit .container .bank-list .qris-item .amount-select .amountmun-50 {
  display: none;
}
#deposit .container .bank-list .qris-item .bankcode-image p {
  width: 100%;
  margin: 0;
  display: block;
  padding: 1rem 1rem 0;
  box-sizing: border-box;
  color: red;
  text-align: center;
}
#deposit .container .bank-list .qris-item .qris-info {
  display: flex;
  padding: 0 1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
#deposit .container .bank-list .qris-item .qris-info .support-by {
  font-size: 1.2rem;
  color: #565656;
}
#deposit .container .bank-list .qris-item .qris-info .qris-logo img {
  width: 16rem;
  display: block;
}
#deposit .container .bank-list .qris-item .qris-info .qris-bank {
  display: flex;
  margin-top: 0.2rem;
  padding: 0;
}
#deposit .container .bank-list .qris-item .qris-info .qris-bank li {
  padding: 0;
  height: auto;
  min-height: auto;
  display: block;
  margin-right: 0.3rem;
  border-bottom: 0;
}
#deposit .container .bank-list .qris-item .qris-info .qris-bank li img {
  height: 1.6rem;
  border-radius: 0.3rem;
}
#deposit .container .bank-list .qris-item .dana-submit-box {
  justify-content: space-evenly;
  margin-top: 1rem;
}
#deposit .container .bank-list .qris-item .dana-submit-box .mobile-submit,
#deposit .container .bank-list .qris-item .dana-submit-box .submit {
  height: auto;
  width: 11rem;
  flex: none;
  margin: 1rem 1rem 0;
  cursor: pointer;
}
#deposit .container .bank-list .qris-item .qris-submit-btn {
  background: linear-gradient(to bottom, #fbe607, #dd8900);
  border-radius: 0.8rem;
}
#deposit .container .bank-list .qris-item > .qris-submit-btn {
  margin: 1rem 2rem 0;
  padding: 0.16rem 0.17rem 0.18rem !important;
}
.mobile #deposit .container .bank-list .qris-item > .qris-submit-btn {
  margin: 1rem 1rem 0;
}
#deposit .container .bank-list .qris-item > .qris-submit-btn > .submit {
  width: auto !important;
  margin: 0 !important;
}
#deposit .container .bank-list .qris-item .submit {
  height: auto;
  width: 11rem;
  background: linear-gradient(0deg, #bd750f 15%, #f7db22 70%, #a4700f 100%);
  border-top: 0.15rem solid #e1a50f;
  border-bottom: 0.2rem solid #e1a50f;
  border-radius: 1.4rem;
  padding: 0.5rem 1rem;
  color: #000;
  background: linear-gradient(to bottom, #ffe800, #ff9e00);
  border-radius: 0.7rem;
  border: none;
  color: #8e4108;
  font-weight: 700;
  font-size: 1.4rem;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px -1px rgba(0, 0, 0, 0.3),
    0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#deposit .container .bank-list .qris-item .dana-submit-box .submit {
  margin: 0.16rem 0.17rem 0.18rem !important;
}
#deposit .container .bank-list .qris-item .dana-app-btn {
  background: linear-gradient(to bottom, #06f2f5, #0368db);
  border-radius: 0.8rem;
}
#deposit .container .bank-list .qris-item .dana-app-submit {
  background: linear-gradient(0deg, #043290 15%, #196cd4 70%, #2a88ec 100%);
  border-top: 0.15rem solid #06e3ef;
  border-bottom: 0.2rem solid #0157b9;
  border-radius: 1.4rem;
  padding: 0.5rem 1rem;
  background: linear-gradient(to bottom, #02f6f9, #0370ed);
  border-radius: 0.7rem;
  border: none;
  margin: 0.16rem 0.17rem 0.18rem !important;
  color: #fff;
  font-weight: 700;
  font-size: 1.4rem;
  box-shadow:
    0 1px 2px 0 rgba(0, 0, 0, 0.1),
    0 1px 1px -1px rgba(0, 0, 0, 0.3),
    0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
#deposit .container .bankcode-image {
  padding: 0;
}
#deposit .container .bankcode-image.bankcode-image-active {
  padding: 2rem 0;
  background: #fff;
}
#deposit .container .bank-list .qris-item {
  border-radius: 1rem;
}
#deposit .container .bank-list .qris-item .amount-qris input {
  color: #000;
}
.pc #deposit .container .bank-list .qris-item .amount-select li {
  width: auto;
  height: 3rem;
  min-height: auto;
}
.pc #deposit .container .bank-list .qris-item .qris-info .qris-logo img {
  width: 15rem;
}
.pc #deposit .container .bank-list .qris-item .mobile-submit,
.pc #deposit .container .bank-list .qris-item .submit {
  height: auto !important;
  padding: 0.5rem 7rem;
}
.pc #deposit .container .qris-item .amount-qris label {
  font-size: 1.6rem;
}
.pc #deposit .container .bank-list .qris-item .amount-select li {
  width: auto;
}
.pc #deposit .container .bank-list .qris-item .amount-qris input::placeholder {
  font-size: 1.4rem;
  bottom: 0.55rem;
  left: 50%;
  transform: translate(-50%, 0);
}
.pc #deposit .container .bank-list .qris-item .submit {
  height: auto;
  width: auto;
}
.pc #deposit .container .bank-list .qris-item .qris-info {
  padding-top: 40px;
}
.black-gold-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .black-gold-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.rose-red-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .rose-red-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.deep-blue-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .deep-blue-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.champagne-gold-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .champagne-gold-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.green-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .green-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.purple-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .purple-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.pink-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .pink-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Navy_blue-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Navy_blue-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.black_gold-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .black_gold-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.black_yellow-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .black_yellow-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.red_yellow-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .red_yellow-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.greens-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .greens-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Brown_yellow-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Brown_yellow-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Blue_yellow-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Blue_yellow-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Blue_violet-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Blue_violet-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Chestnut_powder-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Chestnut_powder-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.Green_gray-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .Green_gray-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.yellow-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .yellow-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
.light-pink-theme #deposit .container .bank-list .mobile-item {
  background: #fff;
}
.pc .light-pink-theme #deposit .container .bank-list .mobile-item {
  margin-left: 295px;
}
#deposit .container .bank-list .mobile-item .amount-qris select {
  height: 2.6rem;
  line-height: 2.6rem;
  border-radius: 0.3rem;
  background: #dadada;
  font-size: 1.4rem;
  margin-right: 0;
  padding-left: 0.5rem;
  padding-right: 3rem;
  text-align: left;
}
#deposit .container .bank-list .mobile-item .amount-qris select {
  margin-left: 0.8rem;
  border: 0;
  font-weight: 700;
}
#deposit .container .bank-list .mobile-item .mobile-submit {
  margin-bottom: 0;
  background: #f86609;
  border-radius: 0.3rem;
  height: 2.8rem;
  line-height: 2.8rem;
  cursor: pointer;
}
#deposit .container .bank-list .mobile-item .mobile-submit {
  margin: 1.5rem;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  box-shadow: 0 0 1rem rgb(0 0 0 / 30%);
}
#lotteryCalculate {
  display: block;
}
#lotteryCalculate .navigator-bar i {
  width: 5rem;
  height: 3rem;
  display: block;
  background: url(images/icon-filter.svg) no-repeat center/2rem;
  transition: all 0.4s;
}
#lotteryCalculate .navigator-bar .filter {
  background: url(images/icon-arrow.svg) no-repeat center/2rem;
  transform: translateZ(0) rotate(-90deg);
}
#lotteryCalculate .navigator-bar:after {
  display: none;
}
#lotteryCalculate .rule-detail {
  height: calc(100% - 5rem);
  overflow: auto;
  display: none;
}
#lotteryCalculate .rule-detail .tabs {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 0.1rem;
  list-style-type: none;
  overflow: auto;
  margin: 0 0 1rem 0;
  padding: 0 !important;
  background: #fff !important;
  max-height: 0;
  min-height: 0;
  transition: all 0.4s;
  box-shadow: 0 0 1rem #0003;
}
#lotteryCalculate .rule-detail .tabs li {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  position: relative;
  transition: all 0.4s;
  cursor: pointer;
  padding: 0.5rem 1rem;
  background: #efefef;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
#lotteryCalculate .rule-detail .tabs li:hover {
  background: #fc4e65;
  color: #fff;
}
#lotteryCalculate .rule-detail .tabs .actived {
  background: #f60;
  color: #fff;
}
#lotteryCalculate .rule-detail .tabs li[data-flag="category"] {
  background: #ccc;
  padding: 0.5rem 1rem;
  font-weight: 700;
  font-size: 1.4rem;
  grid-column: 3 span;
}
#lotteryCalculate .rule-detail .expand {
  max-height: 100vh;
}
#lotteryCalculate .rule-detail .rule-content {
  line-height: 2rem;
  min-height: 30rem;
  margin: 0 1rem 3rem 1rem;
  background: #fff;
  padding: 1rem;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0.2rem 0.4rem 0.6rem #0003;
}
#lotteryCalculate .rule-detail .rule-content dd h2 {
  font-size: 2rem;
  color: #fc4e65;
}
#lotteryCalculate .rule-detail .rule-content section {
  width: 100%;
  display: none;
  overflow: hidden;
  min-width: unset;
  min-height: unset;
}
#lotteryCalculate .rule-detail .rule-content section p {
  padding: 1rem 2rem;
  border-radius: 1rem;
  background: #f60;
  color: #fff;
  line-height: 2rem;
}
#lotteryCalculate .rule-detail .rule-content select {
  margin: 0 0 0 2rem;
  height: 3rem;
  appearance: auto;
  border: 0;
  padding: 0 1rem;
  outline: 0;
}
#lotteryCalculate .rule-detail .rule-content dd table {
  width: 100%;
  margin: 1rem 0;
  background: #fff;
  overflow: hidden;
  border-spacing: 0.1rem;
}
#lotteryCalculate .rule-detail .rule-content dd table tr {
  background: #f8f8f8;
}
#lotteryCalculate .rule-detail .rule-content dd table tr:nth-child(odd) {
  background: #eee;
}
#lotteryCalculate .rule-detail .rule-content dd table tr:first-child {
  background: #999;
  font-weight: 700;
  color: #fff;
}
#lotteryCalculate .rule-detail .rule-content dd table tr td {
  padding: 0.5rem;
}
#lotteryCalculate .dhp-tabs {
  max-width: 1200px;
  margin: 14px 0;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}
#lotteryCalculate .dhp-tab {
  appearance: none;
  border-radius: 0.5rem;
  padding: 8px 16px;
  font-weight: 900;
  cursor: pointer;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.5);
  color: #fff;
}
#lotteryCalculate .dhp-tab:hover {
  filter: brightness(1.06);
}
#lotteryCalculate .dhp-tab.actived {
  background: #f60;
  color: #fff;
}
#lotteryCalculate .dhp-tabs + .dhp-grid {
  margin-top: 22px;
}
#lotteryCalculate .prizes-list .prizes-title {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#lotteryCalculate .prizes-list .prizes-title span {
  display: block;
  padding: 3px 10px;
  border: #f60 2px solid;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.2);
  font-weight: 700;
  font-size: 14px;
}
#lotteryCalculate .list-content {
  padding: 1.5rem 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
#lotteryCalculate .dhp-card {
  background: rgba(0, 0, 0, 0.5);
  border-radius: 14px;
  backdrop-filter: blur(4px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.35);
  padding: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  max-width: 300px;
}
.mobile #lotteryCalculate .dhp-card {
  max-width: 14.4rem;
}
#lotteryCalculate .dhp-card h3 {
  margin: 0;
  font-size: 16px;
  letter-spacing: 0.35px;
  text-transform: uppercase;
  border-bottom: 1px dashed #666;
  padding-bottom: 8px;
  text-align: center;
  color: #e9f2ff;
}
.mobile #lotteryCalculate .dhp-card h3 {
  font-size: 1.2rem;
}
#lotteryCalculate .dhp-card h3.dhp-small-title {
  font-size: 12px;
  line-height: 1.25;
}
#lotteryCalculate .dhp-meta {
  font-weight: 700;
  color: #fff;
  opacity: 0.95;
  text-align: center;
}
.mobile #lotteryCalculate .dhp-meta {
  font-size: 0.9rem;
}
#lotteryCalculate .dhp-row input {
  width: 100%;
  border-radius: 10px;
  background: #e9f0ff;
  color: #10203f;
  height: 42px;
  padding: 8px 12px;
  font-weight: 800;
  text-align: center;
  outline: 0;
  box-sizing: border-box;
}
#lotteryCalculate .dhp-row input::placeholder {
  color: #627aa8;
  opacity: 0.95;
}
#lotteryCalculate .dhp-row input:focus {
  box-shadow: 0 0 0 3px rgba(255, 189, 0, 0.25);
}
#lotteryCalculate .dhp-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
#lotteryCalculate .dhp-btn {
  height: 42px;
  border-radius: 10px;
  border: 0;
  background: #fc1855;
  font-weight: 900;
  letter-spacing: 0.2px;
  color: #fff;
  cursor: pointer;
  padding: 0 10px;
  width: 100%;
}
#lotteryCalculate .dhp-btn:hover {
  filter: brightness(1.05);
}
#lotteryCalculate .dhp-btn:active {
  transform: translateY(2px);
}
#lotteryCalculate .dhp-btn.secondary {
  background: #3a9ce8;
}
#lotteryCalculate .dhp-out {
  display: none;
  grid-template-columns: 1fr;
  gap: 6px;
  margin-top: 6px;
}
#lotteryCalculate .dhp-out.show {
  display: grid;
}
#lotteryCalculate .dhp-pill {
  display: none;
  border: 1px dashed rgba(255, 255, 255, 0.25);
  border-radius: 8px;
  padding: 8px;
  text-align: center;
  font-weight: 900;
  background: rgba(255, 255, 255, 0.08);
}
#lotteryCalculate .dhp-pay {
  color: #9bddff;
}
#lotteryCalculate .dhp-win {
  color: #ffe066;
}
#lotteryCalculate .dhp-sum {
  color: #ffb84d;
}
#lotteryCalculate .dhp-min {
  color: #a7ffb5;
}
#lotteryCalculate .dhp-divider {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 28px 0 16px;
}
#lotteryCalculate .dhp-divider:before,
.dhp-divider:after {
  content: "";
  flex: 1000;
  border-bottom: 2px solid #ffd04a;
}
#lotteryCalculate .dhp-divider-label {
  display: inline-block;
  padding: 6px 16px;
  border: 2px solid #ffd04a;
  border-radius: 12px;
  background: #0a1d46;
  color: #ffd04a;
  font-weight: 900;
  font-size: 14px;
  letter-spacing: 0.3px;
  line-height: 1;
}
#lotteryCalculate .dhp-empty {
  max-width: 1200px;
  margin: 24px auto;
  padding: 14px 16px;
  color: #ffd04a;
  opacity: 0.95;
  text-align: center;
  border: 2px dashed #ffd04a;
  border-radius: 12px;
  background: rgba(0, 0, 0, 0.35);
}
#lotteryCalculate .dhp-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.45);
  border-color: #4d93ff;
}
#personalData ul li b {
  line-height: 2.2rem;
}
@keyframes meteor {
  0% {
    opacity: 1;
    transform: translate3d(13rem, -11rem, 0);
  }
  20% {
    opacity: 0;
    transform: translate3d(-13rem, 11rem, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(13rem, -11rem, 0);
  }
}
.theme-style #game .list .item[data-name="SPINEMAN"] p,
.theme-style .game-item.card[data-nodename="SPINEMAN"] p,
.theme-style .game-list .game-items .game-item[data-nodename="SPINEMAN"] p {
  display: flex;
  justify-content: center;
  align-items: center;
}
.theme-style #game .list .item[data-name="SPINEMAN"] p::after,
.theme-style .game-item.card[data-nodename="SPINEMAN"] p::after,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="SPINEMAN"]
  p::after {
  content: "";
  display: block;
  position: absolute;
  width: 10%;
  height: 10%;
  transform: translate3d(12rem, -12rem, 0);
  z-index: 2;
  background: var(--domainStar1) no-repeat center/contain;
  animation: meteor 5s infinite ease-in;
}
.theme-style #game .list .item[data-name="SPINEMAN"] p::before,
.theme-style .game-item.card[data-nodename="SPINEMAN"] p::before,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="SPINEMAN"]
  p::before {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 70%;
  z-index: 3;
  margin-top: -3rem;
  background: var(--domainSman) no-repeat center/contain;
  animation: float 3s infinite linear;
}
.theme-style #gameWindow .content.SPINEMAN {
  position: relative;
}
.theme-style #gameWindow .content.SPINEMAN::after {
  content: "";
  display: block;
  position: absolute;
  width: 10%;
  height: 10%;
  top: 20%;
  left: 50%;
  transform: translate3d(12rem, -12rem, 0);
  z-index: 2;
  background: var(--domainStar1) no-repeat center/contain;
  animation: meteor 5s infinite ease-in;
}
.theme-style #gameWindow .content.SPINEMAN::before {
  content: "";
  display: block;
  position: absolute;
  width: 36%;
  height: 70%;
  z-index: 3;
  left: 50%;
  margin-left: -18%;
  background: var(--domainSman) no-repeat center/contain;
  animation: float 3s infinite linear;
}
.pc .theme-style #gameWindow .content.SPINEMAN::before {
  width: 14%;
  margin-left: -7%;
}
#native-calendar-container {
  width: 100%;
  max-width: 350px;
  min-height: 330px;
  margin: 15px auto 30px;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
}
.calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}
.calendar-header h3 {
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  color: #333;
}
.calendar-header button {
  background: #f0f0f0;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  cursor: pointer;
  font-size: 16px;
  color: #555;
  transition: background-color 0.2s;
  padding: 0;
  line-height: 26px;
}
.calendar-header button:hover {
  background-color: #e0e0e0;
}
.calendar-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
}
.calendar-table th {
  font-weight: 500;
  color: #888;
  padding-bottom: 10px;
  font-size: 12px;
}
.calendar-table td {
  height: 36px;
  vertical-align: middle;
  border-radius: 50%;
  cursor: default;
  font-size: 13px;
}
.calendar-table td.marked-day {
  background-color: #007bff;
  color: #fff;
  font-weight: 700;
}
.calendar-table td.today {
  box-shadow: 0 0 0 2px #007bff inset;
}
.mobile #game .list .item[data-gameid="52"],
.mobile #game .list .item[data-gameid="54"],
.mobile #game .list .item[data-gameid="55"],
.mobile #game .list .item[data-gameid="56"],
.mobile #game .list .item[data-gameid="Etg-31"],
.mobile #game .list .item[data-gameid="Etg-32"] {
  max-height: 16.4rem;
}
.mobile #game .list .item[data-gameid="52"] .game-item-history,
.mobile #game .list .item[data-gameid="54"] .game-item-history,
.mobile #game .list .item[data-gameid="55"] .game-item-history,
.mobile #game .list .item[data-gameid="56"] .game-item-history,
.mobile #game .list .item[data-gameid="68"] .game-item-history,
.mobile #game .list .item[data-gameid="Etg-31"] .game-item-history,
.mobile #game .list .item[data-gameid="Etg-32"] .game-item-history {
  display: none;
}
.mobile #game .list .item.PIONEERLIVE[data-gameid="52"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="54"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="55"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="56"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="68"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="Etg-31"] h3,
.mobile #game .list .item.PIONEERLIVE[data-gameid="Etg-32"] h3 {
  bottom: 5.5rem;
}
.pc .game-list .game-items .game-item.pioneer-live.pioneerLive52,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLive54,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLive55,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLive56,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLive68,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLiveEtg-31,
.pc .game-list .game-items .game-item.pioneer-live.pioneerLiveEtg-32 {
  max-height: 23.2rem;
}
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLive52
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLive54
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLive55
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLive56
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLive68
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLiveEtg-31
  .game-item-history,
.pc
  .game-list
  .game-items
  .game-item.pioneer-live.pioneerLiveEtg-32
  .game-item-history {
  display: none;
}
ul.default-amount {
  list-style-type: none !important;
  padding: 25px !important;
  margin: 0 !important;
  background-color: #464646 !important;
  border-radius: 15px !important;
  font-family: Arial, sans-serif !important;
  display: flex;
  flex-direction: column !important;
  gap: 25px !important;
  position: relative !important;
  border: none !important;
  box-shadow: none !important;
  margin-top: 0.5rem !important;
}
ul.default-amount::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  border-radius: 15px !important;
  padding: 3px !important;
  background: linear-gradient(
    0deg,
    #fad954,
    #ab5b00,
    #d6a200,
    #fbe961
  ) !important;
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  pointer-events: none !important;
}
li.deposit-method {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  border-bottom: none !important;
}
li.deposit-method > label {
  background: linear-gradient(
    0deg,
    #fad954,
    #ab5b00,
    #d6a200,
    #fbe961
  ) !important;
  color: #4b3101 !important;
  font-weight: 700 !important;
  font-size: 2.4rem !important;
  padding: 10px 25px !important;
  border-radius: 50px !important;
  border: 1px solid #7d6537 !important;
  text-shadow:
    1px 1px 1px #fad950,
    -1px -1px 1px #fad950 !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  margin: 0 !important;
  justify-content: center !important;
}
.mobile li.deposit-method > label {
  font-size: 1.2rem !important;
  padding: 5px !important;
}
li.deposit-method .activityCode {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23555555'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 10px center !important;
  background-size: 6rem !important;
  width: 60% !important;
  height: auto !important;
  background-color: #fff !important;
  border: 1px solid #000 !important;
  border-radius: 8px !important;
  padding: 12px 40px 12px 15px !important;
  font-size: 2.4rem !important;
  color: #333 !important;
  line-height: normal !important;
}
.mobile li.deposit-method .activityCode {
  width: 55% !important;
  padding: 5px 40px 5px 15px !important;
  background-size: 4rem !important;
  font-size: 1rem !important;
}
.bonus-info-box {
  padding: 0 !important;
  margin: 0 !important;
  text-align: center !important;
}
.bonus-info-box > div:first-child {
  font-size: 3.6rem !important;
  font-weight: 700 !important;
  background: linear-gradient(
    0deg,
    #ffba00 0,
    #ffe600 50.1953125%,
    #ffba00 50.732421875%,
    #ffe600 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  margin-bottom: 20px !important;
}
.mobile .bonus-info-box > div:first-child {
  font-size: 2.4rem !important;
}
.bonus-info-box .bonus-detail-text {
  font-size: 24px !important;
  margin-bottom: 20px !important;
}
.bonus-info-box > label {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: linear-gradient(
    to right,
    rgba(106, 12, 12, 0),
    #8b0f0f 20%,
    #8b0f0f 80%,
    rgba(106, 12, 12, 0)
  ) !important;
  padding: 12px !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  font-size: 2.4rem !important;
  font-weight: 700 !important;
  color: #fff !important;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7) !important;
}
.mobile .bonus-info-box > label {
  font-size: 1rem !important;
}
.bonus-info-box .activity-check {
  display: none !important;
}
.bonus-info-box > label span::before {
  content: "" !important;
  display: inline-block !important;
  width: 20px !important;
  height: 20px !important;
  background: #fff !important;
  border-radius: 5px !important;
  margin-right: 12px !important;
  vertical-align: middle !important;
  border: 1px solid #aaa !important;
}
.bonus-info-box .activity-check:checked + span::before {
  background-color: #f0b92e !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 60% !important;
  border-color: #7d6537 !important;
}
li.amount {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  position: relative !important;
  padding: 0 !important;
  background: 0 0 !important;
  border: none !important;
}
li.amount > label {
  font-weight: 700 !important;
  font-size: 2.4rem !important;
  background: linear-gradient(
    0deg,
    #ff6e02 0,
    #ff0 50%,
    #ff6d00 100%
  ) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  flex-shrink: 0 !important;
}
.mobile li.amount > label {
  font-size: 1.2rem !important;
}
li.amount > label i {
  display: none !important;
}
li.amount .deposit-money {
  flex: 0 !important;
  order: 2 !important;
  min-width: 500px !important;
  background-color: #000 !important;
  border: 1px solid #555 !important;
  border-radius: 5px !important;
  color: #fff !important;
  font-size: 3.2rem !important;
  text-align: right !important;
  padding: 8px 10px 8px 50px !important;
  box-sizing: border-box !important;
}
.mobile li.amount .deposit-money {
  min-width: 192px !important;
  font-size: 1.6rem !important;
}
.amount i {
  order: 1 !important;
  position: absolute !important;
  right: 425px;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: linear-gradient(
    0deg,
    #fad954,
    #ab5b00,
    #d6a200,
    #fbe961
  ) !important;
  color: #4b3101 !important;
  font-weight: 700 !important;
  font-style: normal !important;
  padding: 5px 10px !important;
  border-radius: 15px !important;
  font-size: 2rem !important;
  border: 1px solid #7d6537 !important;
  text-shadow:
    1px 1px 1px #fad950,
    -1px -1px 1px #fad950 !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6) !important;
  z-index: 1;
}
.mobile .amount i {
  right: 150px;
  font-size: 1.2rem !important;
}
input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  -webkit-transition: background-color 43200s ease-in-out 0s;
  transition:
    background-color 43200s ease-in-out 0s,
    color 43200s ease-in-out 0s;
}
.theme-style .game-list .game-items .game-item.closed::before {
  z-index: 4;
}
.theme-style #game .list .item[data-name="Plinko Circus"i] p::before,
.theme-style .game-list .card[data-nodename="Plinko Circus"i] p:before,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="Plinko Circus"i]
  p::before {
  content: "";
  width: 100%;
  height: 100%;
  top: -1rem;
  position: absolute;
  background: var(--domainPlinkoCircusJoker) center/100%;
  z-index: 1;
  animation: float-x 3s infinite;
}
.theme-style #game .list .item[data-name="Plinko Circus"i] p::after,
.theme-style .game-list .card[data-nodename="Plinko Circus"i] p:after,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="Plinko Circus"i]
  p::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: var(--domainPlinkoCircusTitle) center/100%;
  z-index: 1;
  animation: card 2s infinite;
}
.theme-style #game .list .item[data-name="Keno Matrix"i] p::before,
.theme-style .game-list .card[data-nodename="Keno Matrix"i] p:before,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="KENO MATRIX"i]
  p::before {
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  position: absolute;
  background: var(--domainKenoMatrixNumber) center/100%;
  z-index: 1;
  animation: card 3s infinite;
}
.theme-style #game .list .item[data-name="Keno Matrix"i] p::after,
.theme-style .game-list .card[data-nodename="Keno Matrix"i] p:after,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="KENO MATRIX"i]
  p::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: var(--domainKenoMatrixTitle) center/100%;
  z-index: 1;
  animation: card 2s infinite;
}
.theme-style #game .list .item[data-name="Penalty Battle"] p::before,
.theme-style .game-list .card[data-nodename="Penalty Battle"] p:before,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="PENALTY BATTLE"]
  p::before,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="Penalty Battle"]
  p::before {
  content: "";
  width: 76%;
  height: 35%;
  background: var(--domainLogoTitle) no-repeat center/contain;
  position: absolute;
  left: 50%;
  bottom: 2.8rem;
  margin-left: -38%;
  animation: card 4s infinite;
  z-index: 2;
}
.mobile .theme-style #game .list .item[data-name="Penalty Battle"] p::before,
.mobile .theme-style .game-list .card[data-nodename="Penalty Battle"] p:before,
.mobile
  .theme-style
  .game-list
  .game-items
  .game-item[data-nodename="PENALTY BATTLE"]
  p::before,
.mobile
  .theme-style
  .game-list
  .game-items
  .game-item[data-nodename="Penalty Battle"]
  p::before {
  bottom: 2rem;
}
.theme-style #game .list .item[data-name="Penalty Battle"] p::after,
.theme-style .game-list .card[data-nodename="Penalty Battle"] p:after,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="PENALTY BATTLE"]
  p::after,
.theme-style
  .game-list
  .game-items
  .game-item[data-nodename="Penalty Battle"]
  p::after {
  content: "";
  width: 70%;
  height: auto;
  aspect-ratio: 1/1;
  background: var(--domainLogoBall) no-repeat center/contain;
  position: absolute;
  left: 50%;
  bottom: 20%;
  margin-left: -35%;
  animation: rotate360 10s linear infinite;
  animation-direction: reverse;
  z-index: 1;
}
@keyframes rotate360 {
  0% {
    transform: translateZ(0) rotate(0);
  }
  100% {
    transform: translateZ(0) rotate(360deg);
  }
}
.theme-style #myFeedback .tabs .tab.top {
  position: absolute;
  max-width: 4rem;
  min-width: 4rem;
  min-height: 4rem;
  max-height: 4rem;
  right: 1rem;
  bottom: 12rem;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  text-indent: -9999px;
  background: #000 url(images/arrow-2.png) no-repeat center center;
  transform: rotate(270deg);
  z-index: 1;
}
.mobile .theme-style #myFeedback .tabs {
  overflow: visible;
}
.theme-style #game .navigator-bar {
  z-index: 102;
}
.mobile .theme-style ul.default-amount {
  padding: 1.5rem !important;
}
.mobile .theme-style #deposit .container ul.default-amount li.amount label {
  min-width: 6rem !important;
  max-width: 6rem !important;
}
.mobile .theme-style li.amount .deposit-money {
  min-width: 26rem !important;
}
.mobile .theme-style .amount i {
  right: 22rem !important;
}
.pc #mask .login-success-btn {
  padding-bottom: 5rem;
}
.theme-style #withdrawal .container ul .withdrawableAmount i {
  position: absolute;
  right: 18.6rem;
}
.pc .theme-style #withdrawal .container ul .withdrawableAmount i {
  right: 24.6rem;
}
#game .list .item.yvgAutocard.hot p > img:nth-child(2) {
  z-index: 0;
}
.pc .popUp.lottery-live-detail .popUp-container {
  width: 100%;
}
#deposit .container .bank-list .qris-item .amount-qris input {
  text-align: right;
  padding-right: 1rem;
  margin-right: 0;
}
#deposit .container .bank-list .qris-item .amount-qris input::placeholder {
  transform: translate(6%, 0);
}
#deposit .container .bank-list .qris-item .amount-qris i {
  position: absolute;
  padding: 0.3rem 0.4rem 0.5rem;
  font-size: 1.2rem;
  left: 11.2rem;
  right: auto;
  line-height: 1.2;
}
.pc #deposit .container .bank-list .qris-item .amount-qris i {
  left: 12.8rem;
}
.theme-style #footer .footer-inner .other .authentication .item:nth-child(3) {
  display: none;
}
.pc .theme-style #app {
  padding-bottom: 420px;
}
.game-item-history dl dd b i.ball0,
.game-list .game-items .game-item .game-item-history i.ball0 {
  background: url(https://png-res.png999.com/resources/images/ball/ball0.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball1,
.game-list .game-items .game-item .game-item-history i.ball1 {
  background: url(https://png-res.png999.com/resources/images/ball/ball1.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball2,
.game-list .game-items .game-item .game-item-history i.ball2 {
  background: url(https://png-res.png999.com/resources/images/ball/ball2.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball3,
.game-list .game-items .game-item .game-item-history i.ball3 {
  background: url(https://png-res.png999.com/resources/images/ball/ball3.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball4,
.game-list .game-items .game-item .game-item-history i.ball4 {
  background: url(https://png-res.png999.com/resources/images/ball/ball4.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball5,
.game-list .game-items .game-item .game-item-history i.ball5 {
  background: url(https://png-res.png999.com/resources/images/ball/ball5.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball6,
.game-list .game-items .game-item .game-item-history i.ball6 {
  background: url(https://png-res.png999.com/resources/images/ball/ball6.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball7,
.game-list .game-items .game-item .game-item-history i.ball7 {
  background: url(https://png-res.png999.com/resources/images/ball/ball7.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball8,
.game-list .game-items .game-item .game-item-history i.ball8 {
  background: url(https://png-res.png999.com/resources/images/ball/ball8.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.game-item-history dl dd b i.ball9,
.game-list .game-items .game-item .game-item-history i.ball9 {
  background: url(https://png-res.png999.com/resources/images/ball/ball9.png)
    no-repeat left center;
  background-size: 100% 100%;
}
.red-packet-container {
  position: fixed;
  cursor: pointer;
  transition: transform 0.3s ease;
  bottom: 7%;
  right: 0;
  width: 10rem;
  height: 10rem;
  transform: scale(0.8);
}
.red-packet-container.shake-once {
  animation: red-packet-shake 1s ease-in-out;
}
#myKYC #birthday[type="date"] {
  position: relative;
  height: 3rem;
}
#myKYC #birthday[type="date"]::-webkit-calendar-picker-indicator {
  position: absolute;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
@keyframes red-packet-shake {
  0%,
  100% {
    transform: scale(0.85) rotate(0);
  }
  10% {
    transform: scale(0.85) rotate(-5deg);
  }
  20% {
    transform: scale(0.85) rotate(5deg);
  }
  30% {
    transform: scale(0.85) rotate(-5deg);
  }
  40% {
    transform: scale(0.85) rotate(5deg);
  }
  50% {
    transform: scale(0.85) rotate(-3deg);
  }
  60% {
    transform: scale(0.85) rotate(3deg);
  }
  70% {
    transform: scale(0.85) rotate(-2deg);
  }
  80% {
    transform: scale(0.85) rotate(2deg);
  }
  90% {
    transform: scale(0.85) rotate(-1deg);
  }
}
.red-packet-container .red-title {
  width: 6rem;
  height: 2.7rem;
  background: url(images/redPacket/titleBonus.png) no-repeat center/cover;
  position: absolute;
  left: 50%;
  top: 6%;
  animation: red-title-shake 3s ease-in-out infinite;
  z-index: 3;
}
@keyframes red-title-shake {
  0%,
  100% {
    transform: translateX(-50%) rotate(0) translateY(0);
  }
  10% {
    transform: translateX(calc(-50% - 3px)) rotate(-2deg) translateY(-2px);
  }
  20% {
    transform: translateX(calc(-50% + 3px)) rotate(2deg) translateY(1px);
  }
  30% {
    transform: translateX(calc(-50% - 2px)) rotate(-1deg) translateY(-1px);
  }
  40% {
    transform: translateX(calc(-50% + 2px)) rotate(1deg) translateY(0);
  }
  50% {
    transform: translateX(-50%) rotate(0) translateY(-3px);
  }
  60% {
    transform: translateX(calc(-50% + 2px)) rotate(1deg) translateY(0);
  }
  70% {
    transform: translateX(calc(-50% - 2px)) rotate(-1deg) translateY(-1px);
  }
  80% {
    transform: translateX(calc(-50% + 1px)) rotate(0.5deg) translateY(1px);
  }
  90% {
    transform: translateX(calc(-50% - 1px)) rotate(-0.5deg) translateY(0);
  }
}
.red-packet-container .red-packet {
  width: 100%;
  height: 100%;
  background: url(images/redPacket/redIcon.png) no-repeat center/contain;
  position: absolute;
  z-index: 2;
}
.red-packet-container .red-blight {
  width: 100%;
  height: 100%;
  top: 20%;
  background: url(images/redPacket/radiatedLight.png) no-repeat center/cover;
  position: absolute;
  animation: red-blight-pulse 2s ease-in-out infinite;
}
@keyframes red-blight-pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.5;
    filter: brightness(0.6);
  }
  50% {
    transform: scale(1.7);
    opacity: 0.5;
    filter: brightness(1.3);
  }
}
.red-packet-container .red-money1 {
  width: 1.6rem;
  height: 1.4rem;
  right: 4%;
  top: 27%;
  background: url(images/redPacket/money1.png) no-repeat center/cover;
  position: absolute;
  animation: float-up-rotate 2s ease-in-out infinite;
}
.red-packet-container .red-money2 {
  width: 1.5rem;
  height: 1.4rem;
  top: 58%;
  left: 3%;
  background: url(images/redPacket/money2.png) no-repeat center/cover;
  position: absolute;
  animation: float-up-bounce 3.5s ease-in-out infinite;
}
.red-packet-container .red-money3 {
  width: 1.3rem;
  height: 1.5rem;
  right: 0;
  bottom: 3rem;
  background: url(images/redPacket/money3.png) no-repeat center/cover;
  position: absolute;
  animation: float-down-sway 2.8s ease-in-out infinite;
}
@media (max-width: 600px) {
  .modal-overlay h1 {
    font-size: 2.2rem;
  }
  .modal-overlay .red-packet {
    width: 60px;
    height: 85px;
  }
  .modal-overlay .modal {
    padding: 20px;
  }
  .modal-overlay .amount {
    font-size: 2.8rem;
  }
  .modal-overlay .modal-buttons {
    flex-direction: column;
  }
  .modal-overlay .redpacket-modal {
    width: 90%;
    max-width: 350px;
  }
  .modal-overlay .amount-glow .amount {
    font-size: 48px;
  }
  .modal-overlay .amount-glow .currency {
    font-size: 24px;
  }
  .modal-overlay .glow-effect {
    width: 400px;
    height: 400px;
  }
}
.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: RGBA(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 99;
}
#first-modal-overlay .popup-container {
  animation: popupEnter 1.2s cubic-bezier(0.68, -0.55, 0.265, 1.55) forwards;
  transform-style: preserve-3d;
  perspective: 1000px;
}
@keyframes popupEnter {
  from {
    transform: scale(0.85);
  }
  to {
    transform: scale(1);
  }
}
#first-modal-overlay .decoration {
  animation:
    decorationEnter 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s backwards,
    floatModal 3s ease-in-out infinite 1.2s;
}
@keyframes decorationEnter {
  0% {
    transform: translateX(-50%) translateY(-60px) scale(0.4) rotate(-20deg);
    opacity: 0;
    filter: blur(8px);
  }
  40% {
    transform: translateX(-50%) translateY(-10px) scale(0.9) rotate(-5deg);
    opacity: 0.7;
    filter: blur(3px);
  }
  70% {
    transform: translateX(-50%) translateY(8px) scale(1.12) rotate(4deg);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: translateX(-50%) translateY(0) scale(1) rotate(0);
    opacity: 1;
    filter: blur(0);
  }
}
#first-modal-overlay .popup-money1 {
  animation:
    moneyFloatEnter 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s backwards,
    float-up-rotate 3s ease-in-out infinite 1.2s;
}
#first-modal-overlay .popup-money2 {
  animation:
    moneyFloatEnter 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.6s backwards,
    float-down-sway 2.8s ease-in-out infinite 1.3s;
}
#first-modal-overlay .popup-money3 {
  animation:
    moneyFloatEnter 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.7s backwards,
    float-up-rotate 3s ease-in-out infinite 1.4s;
}
#first-modal-overlay .popup-money4 {
  animation:
    moneyFloatEnter 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) 0.55s backwards,
    float-down-sway 2.8s ease-in-out infinite 1.25s;
}
#first-modal-overlay .popup-gold1 {
  animation:
    goldFloatEnter 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.65s backwards,
    float-up-bounce 3.5s ease-in-out infinite 1.55s;
}
#first-modal-overlay .popup-gold2 {
  animation:
    goldFloatEnter 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 0.75s backwards,
    float-down-sway 2.8s ease-in-out infinite 1.65s;
}
@keyframes moneyFloatEnter {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0;
    filter: blur(6px);
  }
  40% {
    transform: scale(0.7) rotate(-60deg);
    opacity: 0.6;
    filter: blur(3px);
  }
  70% {
    transform: scale(1.15) rotate(8deg);
    opacity: 1;
    filter: blur(0px);
  }
  100% {
    transform: scale(1) rotate(0);
    opacity: 1;
    filter: blur(0);
  }
}
@keyframes goldFloatEnter {
  0% {
    transform: scale(0) translateY(-40px);
    opacity: 0;
    filter: brightness(0.3) blur(8px);
  }
  35% {
    transform: scale(0.6) translateY(-10px);
    opacity: 0.5;
    filter: brightness(0.7) blur(4px);
  }
  60% {
    transform: scale(1.2) translateY(8px);
    opacity: 0.9;
    filter: brightness(1.25) blur(1px);
  }
  80% {
    transform: scale(1.05) translateY(-3px);
    filter: brightness(1.1) blur(0px);
  }
  100% {
    transform: scale(1) translateY(0);
    opacity: 1;
    filter: brightness(1) blur(0);
  }
}
#first-modal-overlay .popup-blight {
  animation:
    blightEnter 1s ease-out 0.3s backwards,
    red-blight-pulse 2s ease-in-out infinite 1.3s;
}
@keyframes blightEnter {
  0% {
    transform: scale(0);
    opacity: 0;
    filter: blur(10px);
  }
  40% {
    transform: scale(0.8);
    opacity: 0.6;
    filter: blur(5px);
  }
  70% {
    transform: scale(1.15);
    opacity: 0.9;
    filter: blur(1px);
  }
  100% {
    transform: scale(1);
    opacity: 1;
    filter: blur(0);
  }
}
#first-modal-overlay .btn-claim {
  width: 100%;
  height: 4.8rem;
  background: 0 0;
  border: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  animation: btnClaimEnter 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55) 1s
    backwards;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
}
#first-modal-overlay .btn-claim:active,
#first-modal-overlay .btn-claim:focus,
#first-modal-overlay .btn-claim:hover {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
@keyframes btnClaimEnter {
  0% {
    transform: scale(0.9);
    opacity: 0;
  }
  50% {
    transform: scale(1.35);
    opacity: 0.9;
  }
  70% {
    transform: scale(1.15);
  }
  100% {
    transform: scale(1);
  }
}
.modal-overlay.active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.modal-overlay #popupFisrt {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 28rem;
  height: 31rem;
  background: url(images/redPacket/claimBc.png) no-repeat center/cover;
}
.modal-overlay #popupSecond {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 28rem;
  height: 32.5rem;
  background: url(images/redPacket/prizeBc.png) no-repeat center/cover;
}
.modal-overlay .popup-blight {
  width: 100%;
  height: 100%;
  background: url(images/redPacket/radiatedLight.png) no-repeat center/cover;
  position: absolute;
  animation: red-blight-pulse 2s ease-in-out infinite;
}
.modal-overlay .popup-big-start {
  width: 32.3rem;
  height: 17.5rem;
  background: url(images/redPacket/blinking.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
  animation: red-blight-start 2s ease-in-out infinite;
  top: 5%;
}
@keyframes red-blight-start {
  0% {
    opacity: 0.5;
    filter: brightness(0.8) saturate(1.2);
  }
  25% {
    opacity: 0.85;
    filter: brightness(1.3) saturate(1.4);
  }
  50% {
    opacity: 1;
    filter: brightness(1.8) saturate(1.6);
  }
  75% {
    opacity: 0.85;
    filter: brightness(1.3) saturate(1.4);
  }
  100% {
    opacity: 0.5;
    filter: brightness(0.8) saturate(1.2);
  }
}
.modal-overlay .popup-money1 {
  width: 5.2rem;
  height: 4.7rem;
  right: 9%;
  top: 14%;
  background: url(images/redPacket/money1.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
}
.modal-overlay .popup-money2 {
  width: 4.6rem;
  height: 4.9rem;
  top: 43%;
  left: 4%;
  background: url(images/redPacket/money2.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
}
.modal-overlay .popup-money3 {
  width: 5.3rem;
  height: 4.9rem;
  right: 3.5rem;
  bottom: -1.2rem;
  background: url(images/redPacket/money3.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
}
.modal-overlay .popup-money4 {
  width: 2.5rem;
  height: 1.7rem;
  background: url(images/redPacket/money.png) no-repeat center/cover;
  position: absolute;
  right: 17%;
  top: -5%;
  z-index: 3;
}
.modal-overlay .popup-gold1 {
  width: 6.2rem;
  height: 4.5rem;
  left: 9%;
  top: -4%;
  background: url(images/redPacket/gold1.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
}
.modal-overlay .popup-gold2 {
  width: 4rem;
  height: 4rem;
  top: 65%;
  right: 13%;
  z-index: 3;
  background: url(images/redPacket/gold2.png) no-repeat center/cover;
  position: absolute;
}
#second-modal-overlay .popup-money1 {
  width: 5.2rem;
  height: 4.7rem;
  right: 9%;
  top: 70%;
  background: url(images/redPacket/money1.png) no-repeat center/cover;
  position: absolute;
  z-index: 3;
}
#second-modal-overlay .popup-money2 {
  top: 30%;
  left: 4%;
  background: url(images/redPacket/money2.png) no-repeat center/cover;
  position: absolute;
}
#second-modal-overlay .popup-money3 {
  width: 4.1rem;
  height: 4.7rem;
  right: 3.5rem;
  bottom: -1.2rem;
  background: url(images/redPacket/money3.png) no-repeat center/cover;
  position: absolute;
}
#second-modal-overlay .popup-money4 {
  width: 3.8rem;
  height: 3.4rem;
  right: 17%;
  top: 63%;
  background: url(images/redPacket/money.png) no-repeat center/cover;
  position: absolute;
}
#second-modal-overlay .popup-start1 {
  width: 1.6rem;
  height: 1.5rem;
  top: 46%;
  right: 11%;
  z-index: 3;
  background: url(images/redPacket/brightLight.png) no-repeat center/cover;
  position: absolute;
  animation: starTwinkle1 1.5s ease-in-out infinite;
}
#second-modal-overlay .popup-start2 {
  width: 4rem;
  height: 4rem;
  top: -2%;
  right: 28%;
  z-index: 3;
  background: url(images/redPacket/brightLight2.png) no-repeat center/cover;
  position: absolute;
  animation: starTwinkle2 2s ease-in-out infinite;
}
#second-modal-overlay .popup-start3 {
  width: 3.8rem;
  height: 3.5rem;
  top: 5%;
  left: 23%;
  z-index: 3;
  background: url(images/redPacket/brightLight.png) no-repeat center/cover;
  position: absolute;
  animation: starTwinkle3 1.8s ease-in-out infinite;
}
#second-modal-overlay .popup-start4 {
  width: 2.9rem;
  height: 2.6rem;
  top: 60%;
  left: 6%;
  z-index: 3;
  background: url(images/redPacket/brightLight2.png) no-repeat center/cover;
  position: absolute;
  animation: starTwinkle4 2.3s ease-in-out infinite;
}
@keyframes starTwinkle1 {
  0%,
  100% {
    opacity: 0.4;
    transform: scale(0.8) rotate(0);
    filter: brightness(0.6);
  }
  50% {
    opacity: 1;
    transform: scale(1.2) rotate(15deg);
    filter: brightness(1.3);
  }
}
@keyframes starTwinkle2 {
  0%,
  100% {
    opacity: 0.5;
    transform: scale(0.9) rotate(0);
    filter: brightness(0.7);
  }
  50% {
    opacity: 1;
    transform: scale(1.15) rotate(-10deg);
    filter: brightness(1.2);
  }
}
@keyframes starTwinkle3 {
  0%,
  100% {
    opacity: 0.3;
    transform: scale(0.85) rotate(0);
    filter: brightness(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1.25) rotate(20deg);
    filter: brightness(1.4);
  }
}
@keyframes starTwinkle4 {
  0%,
  100% {
    opacity: 0.6;
    transform: scale(0.95) rotate(0);
    filter: brightness(0.8);
  }
  50% {
    opacity: 1;
    transform: scale(1.1) rotate(-15deg);
    filter: brightness(1.1);
  }
}
@keyframes float-up-rotate {
  0%,
  100% {
    transform: translateY(0) rotate(-5deg);
  }
  50% {
    transform: translateY(-15px) rotate(5deg);
  }
}
@keyframes float-down-sway {
  0%,
  100% {
    transform: translateY(0) rotate(3deg);
  }
  50% {
    transform: translateY(10px) rotate(-3deg);
  }
}
@keyframes float-up-bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
.flying-item {
  animation-duration: 2.5s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-fill-mode: both;
}
.float-up-rotate {
  animation-name: float-up-rotate;
  animation-duration: 3s;
}
.float-down-sway {
  animation-name: float-down-sway;
  animation-duration: 2.8s;
}
.float-up-bounce {
  animation-name: float-up-bounce;
  animation-duration: 3.5s;
}
.modal-overlay .decoration {
  position: absolute;
  width: 18.8rem;
  height: 8.3rem;
  top: -2.5rem;
  left: 50%;
  transform: translateX(-50%);
  background: url(images/redPacket/titleBonus.png) no-repeat center/cover;
  animation: floatModal 3s ease-in-out infinite;
  filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
.modal-overlay .sub-title {
  position: absolute;
  width: 11.7rem;
  height: 2.5rem;
  top: 19%;
  z-index: 10;
  left: 50%;
  transform: translateX(-50%);
  background: url(images/redPacket/subTitle.png) no-repeat center/cover;
}
.modal-overlay .title {
  color: #fff;
  font-size: 28px;
  font-weight: 700;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  margin-top: 10px;
  margin-bottom: 5px;
  letter-spacing: 1px;
}
.modal-overlay .subtitle {
  color: #fff8e1;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.modal-overlay .amount-box {
  position: absolute;
  top: 42%;
  left: 15%;
  height: 8rem;
  width: 20rem;
}
.modal-overlay .currency {
  filter: drop-shadow(-1px 1px 1px rgba(137, 10, 67, 1));
  -webkit-font-smoothing: antialiased;
  padding-right: 2rem;
  width: 4.5rem;
  height: 2.5rem;
  font-family: Microsoft YaHei UI;
  font-weight: 700;
  font-size: 2rem;
  color: #ffdb2a;
  background: #ffdb2a text;
  display: inline-block;
  position: absolute;
  bottom: 2.5rem;
  left: 0;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.5px rgb(137, 10, 67);
  paint-order: stroke fill;
}
.pc .modal-overlay .currency {
  filter: drop-shadow(-1px 1px 2px rgba(137, 10, 67, 1));
}
.modal-overlay .amount {
  font-family:
    "Segoe UI Black",
    "Helvetica Neue Condensed Black",
    -apple-system,
    BlinkMacSystemFont,
    sans-serif !important;
  color: #ff6f00;
  font-size: 4rem;
  font-weight: 900;
  display: inline-block;
  min-width: 12rem;
  height: 8rem;
  line-height: 7rem;
  margin-left: 18%;
  background: linear-gradient(
      0deg,
      #ffb116 0,
      #ffff23 48.4082%,
      rgb(255, 255, 35, 0.7) 57.4658%,
      rgb(255, 177, 22, 0.7) 100%
    )
    text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 1px rgb(137, 10, 67, 1);
  paint-order: stroke fill;
  transform: scale(1);
  filter: drop-shadow(0px 0px 1.5px rgba(137, 10, 67, 1));
  text-shadow: none;
}
.pc .modal-overlay .amount {
  -webkit-text-stroke: 2px rgb(137, 10, 67, 0.6);
}
.modal-overlay .info-texts {
  font-weight: 400;
  font-size: 1.3rem;
  color: #a7294e;
  line-height: 1.5rem;
  opacity: 0.7;
  position: absolute;
  width: 100%;
  bottom: 27%;
}
.modal-overlay .info-text {
  width: 100%;
  height: 1.5rem;
  font-weight: 400;
  font-size: 1.3rem;
  color: #a7294e;
  line-height: 1.5rem;
  position: absolute;
  bottom: 5.5rem;
}
.modal-overlay #second-receive-btn {
  color: #fff;
  font-size: 1.65rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  height: 4.8rem;
  border: none;
  background: url(images/redPacket/redBtn.png) no-repeat center/contain;
  position: absolute;
  bottom: 0;
  left: 0;
  paint-order: stroke fill;
  -webkit-font-smoothing: antialiased;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  z-index: 5;
}
.modal-overlay #second-receive-btn #popup-close-btn {
  width: 45%;
  line-height: 4.8rem;
  height: 4.8rem;
  text-shadow: 0 0 1px #166705;
  -webkit-text-stroke: 2px #166705;
  filter: drop-shadow(0px 0px 1px #166705);
  display: block;
  margin: auto;
}
.pc .modal-overlay#second-receive-btn {
  -webkit-text-stroke: 3px #166705;
  text-shadow:
    -2px -1px 0 #166705,
    2px 0 0 #166705,
    1px 2px 0 #166705,
    2px 2px 0 #166705;
}
.modal-overlay #second-receive-btn:active,
.modal-overlay #second-receive-btn:focus,
.modal-overlay #second-receive-btn:hover {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
.modal-overlay #first-receive-btn {
  color: #fff;
  font-size: 1.65rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  display: block;
  width: 100%;
  height: 4.8rem;
  line-height: 4.8rem;
  border: none;
  background: url(images/redPacket/redBtn.png) no-repeat center/contain;
  paint-order: stroke fill;
  outline: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-focus-ring-color: transparent;
  animation: pulse-grow-shrink 3s cubic-bezier(0.4, 0, 0.2, 1) infinite;
  position: absolute;
  bottom: 0;
  left: 0;
}
.pc .modal-overlay #first-receive-btn #claim-now {
  -webkit-text-stroke: 3px #166705;
  text-shadow:
    -2px -1px 0 #166705,
    2px 0 0 #166705,
    1px 2px 0 #166705,
    2px 2px 0 #166705;
}
.modal-overlay #first-receive-btn #claim-now {
  display: grid;
  width: 36%;
  margin: auto;
  text-shadow: 0 0 1px #166705;
  -webkit-text-stroke: 2px #166705;
  filter: drop-shadow(0px 0px 1px #166705);
}
@keyframes pulse-grow-shrink {
  0%,
  100%,
  40% {
    transform: scale(1);
  }
  20% {
    transform: scale(0.9);
  }
  30% {
    transform: scale(1.1);
  }
}
.modal-overlay #first-receive-btn:hover {
  animation: none;
}
.modal-overlay #first-receive-btn:active,
.modal-overlay #first-receive-btn:focus,
.modal-overlay #first-receive-btn:hover {
  outline: 0;
  -webkit-tap-highlight-color: transparent;
}
.modal-overlay #first-receive-btn.disabledButton {
  cursor: not-allowed;
  pointer-events: none;
  filter: grayscale(100%) brightness(0.9) drop-shadow(0 0 0 rgba(0, 0, 0, 0));
  opacity: 0.9;
}
.modal-overlay .btn-claim.disabledButton:hover {
  transform: none;
}
@keyframes floatModal {
  0%,
  100% {
    transform: translate(-50%, 0) rotate(0);
  }
  50% {
    transform: translate(-50%, -10px) rotate(5deg);
  }
}
@keyframes glowing-border {
  0% {
    filter: blur(5px) hue-rotate(0deg);
  }
  100% {
    filter: blur(5px) hue-rotate(360deg);
  }
}
.modal-overlay .popup-container {
  position: relative;
  width: 100%;
  margin: auto;
  top: 24%;
  text-align: center;
  z-index: 111;
}
.modal-overlay .modal-close {
  position: relative;
  width: 45px;
  height: 45px;
  top: 35%;
  margin: auto;
  border-radius: 50%;
  cursor: pointer;
  background: url(images/redPacket/redClose.png) no-repeat center/cover;
}
.pc .red-packet-container {
  right: calc((100vw - 1400px) / 2 - 144px) !important;
  bottom: 383px !important;
  transform: scale(0.7) rotatex(0);
}
.pc .modal-overlay .popup-container {
  height: 100%;
  z-index: 5;
}
.pc .modal-overlay .popup-blight {
  top: -33%;
  margin: auto;
  height: 100%;
  background: url(images/redPacket/radiatedLight.png) no-repeat center/35% 60%;
  animation: red-blight-pulse-pc 2s ease-in-out infinite;
}
@keyframes red-blight-pulse-pc {
  0%,
  100% {
    transform: scale(0.8);
    opacity: 0.2;
    filter: brightness(0.6);
  }
  50% {
    transform: scale(1.2);
    opacity: 0.4;
    filter: brightness(1.3);
  }
}
.pc .modal-overlay .popup-big-start {
  width: 100%;
  height: 100%;
  background: url(images/redPacket/blinking.png) no-repeat top/25% 25%;
  position: absolute;
  background-position-y: -3%;
  z-index: 3;
}
.pc #popupFisrt .popup-start1,
.pc #popupFisrt .popup-start2,
.pc #popupFisrt .popup-start3,
.pc #popupFisrt .popup-start4 {
  transform: scale(1.5);
}
.pc .popup-container .popup-money1 {
  right: 42%;
  top: 5%;
}
.pc .popup-container .popup-money2 {
  top: 14%;
  left: 41%;
  height: 4.9rem;
}
.pc .popup-container .popup-money3 {
  right: 41%;
  top: 31%;
  width: 5.45rem;
}
.pc .popup-container .popup-money4 {
  right: 43%;
  top: -2%;
}
.pc .popup-container .popup-gold1 {
  left: 42%;
  top: 1%;
}
.pc .popup-container .popup-gold2 {
  top: 22%;
  right: 42%;
}
.pc #second-modal-overlay .popup-container .popup-money1 {
  right: 42%;
  top: 24%;
}
.pc #second-modal-overlay .popup-container .popup-money2 {
  top: 14%;
  left: 41%;
}
.pc #second-modal-overlay .popup-start4 {
  width: 5.9rem;
  height: 4.6rem;
  top: 30%;
  left: 39%;
}
.pc #second-modal-overlay .popup-start3 {
  width: 6.8rem;
  height: 6.5rem;
  top: -2%;
  left: 41%;
}
.pc #second-modal-overlay .popup-start2 {
  width: 4rem;
  height: 4rem;
  top: -2%;
  right: 41%;
}
.pc #second-modal-overlay .popup-start1 {
  width: 6.6rem;
  height: 7.5rem;
  top: 35%;
  right: 36%;
}
.pc .modal-overlay .modal-close {
  top: 72%;
  left: 49%;
  position: absolute;
  z-index: 10;
}
.pc #first-modal-overlay .btn-claim {
  bottom: 66%;
}
.rolling-number {
  display: inline-block;
  animation: rollNumber 2s ease-out;
}
@keyframes rollNumber {
  0% {
    transform: translateY(30px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
.aba-detail-content {
  margin: 0 auto;
  border: 2px solid #0009;
  line-height: 30px;
  text-align: center;
}
.mobile .aba-detail-content {
  margin: 0 auto;
  border: 2px solid #0009;
  line-height: 20px;
  text-align: center;
}
.aba-detail-content .aba-detail-user {
  padding: 0.2rem 0;
  font-size: 1.2rem;
  color: #d0b484;
}
.aba-detail-content .aba-detail-item {
  border-top: 2px solid #0009;
  display: flex;
  align-items: center;
}
.mobile .aba-detail-content .aba-detail-item {
  padding: 0.2rem 0;
}
.mobile .aba-detail-content .aba-detail-item {
  flex-direction: column;
}
.pc .aba-detail-content .aba-detail-item .aba-detail-label {
  width: 240px;
  border-right: 2px solid #0009;
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  line-height: 1.2rem;
}
.mobile .aba-detail-content .aba-detail-item .aba-detail-label {
  line-height: 1.4rem;
}
.aba-detail-content .aba-detail-item .aba-detail-value {
  flex: 1;
  padding: 0.5rem;
  text-align: left;
  color: gold;
  word-break: break-all;
  line-height: 1.2rem;
  font-size: 1.2rem;
}
.aba-detail-content .aba-detail-value.aba-orderno {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  cursor: pointer;
}
.aba-detail-content .aba-detail-value.aba-orderno .copy-btn {
  color: green;
  font-size: 1rem;
  font-weight: 700;
  border: 1px solid green;
  padding: 0.2rem;
  border-radius: 0.5rem;
  text-wrap: nowrap;
}
.pc .withdraw-split-detail .popUp-container {
  width: 1000px;
}
.withdraw-split-detail .withdraw-split-table {
  width: 100%;
  text-align: center;
}
.withdraw-split-detail .withdraw-split-table tbody tr {
  height: 50px;
}
.withdraw-split-detail .withdraw-split-table tbody tr td i {
  font-style: normal;
}
.withdraw-split-detail
  .popUp-container
  .popUp-content
  .withdraw-split-table
  tbody
  tr
  td
  i.status_0 {
  color: #f90;
}
.withdraw-split-detail
  .popUp-container
  .popUp-content
  .withdraw-split-table
  tbody
  tr
  td
  i.status_1 {
  color: #6ea269;
}
.withdraw-split-detail
  .popUp-container
  .popUp-content
  .withdraw-split-table
  tbody
  tr
  td
  i.status_2 {
  color: red;
}
#lotteryBox .lottery-iframe-rule {
  display: flex;
  max-height: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  flex-direction: column;
  line-height: 2;
}
#lotteryBox .lottery-iframe-rule p {
  font-size: 20px;
  text-align: center;
  padding: 15px;
}
#lotteryBox .lottery-iframe-rule a {
  color: #fff;
  text-decoration: underline;
  font-size: 20px;
}
.lottery-iframe {
  display: none;
}
.popUp .popUp-container .popUp-content .accountsAndSecurity input {
  color: #fff;
}
#deposit .container ul li.amount input#depositMoney:-webkit-autofill,
#withdrawal .container ul li input#operateAmount:-webkit-autofill {
  -webkit-text-fill-color: #fff;
  -webkit-box-shadow: 0 0 0 1000px #000 inset !important;
  box-shadow: 0 0 0 1000px #000 inset !important;
  caret-color: #fff;
}
#withdrawal .container ul li input#operateAmount:-webkit-autofill {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
/* ==== nx-fit: tampilkan artwork utuh di dalam kotak kartu ==== */
.game-list .game-items .game-item p {
  background-color: #0b0d12;
}
.game-list .game-items .game-item p > img {
  object-fit: contain !important;
  background-color: transparent;
}
.game-list .game-items .game-item span img {
  object-fit: contain !important;
}

/* ==== nx-brand: ukuran logo SUPERMAN143 di header ==== */
@media (max-width: 900px) {
  .logo-box .tab.logo {
    height: 34px !important;
    width: auto !important;
  }
}
@media (min-width: 901px) {
  .logo-box .tab.logo {
    height: 44px !important;
    width: auto !important;
  }
}