/* Header */
/* Heder -> lang menu */
/* Nav */
/* Sub Menu */
/* Marquee */
/* More Game */
/* Cover -> bonus */
/* Cover -> play_bt*/
/* Cover -> new*/
/* Bonus */
/* Bonus -> major */
/* Bonus -> default */
/* Page-Select */
/* Winner Table */
* {
  margin: 0;
  padding: 0;
}

html,
body {
  min-width: 1440px;
  height: 100%;
  font-family: Helvetica, Arial, sans-serif;
  color: #fff;
  font-size: 16px;
  background-color: #0C151D;
}

@media screen and (max-width: 1440px) {
  html,
  body {
    min-width: 100%;
    font-size: 1.1vw;
  }
}

body {
  position: relative;
  height: auto;
  min-height: calc(100% - 80px);
  padding-bottom: 80px;
  background-image: linear-gradient(0deg, #0C151D 4%, #182A3B 100%);
}

@media screen and (max-width: 1440px) {
  body {
    min-height: calc(100% - 5rem);
    padding-bottom: 5rem;
  }
}

a {
  text-decoration: none;
  outline: none;
  hlbr: expression(this.onFocus=this.blur());
}

img {
  display: block;
}

table {
  border-collapse: collapse;
}

input {
  background-color: #fff;
  font-family: inherit;
  color: #666;
  border: 1px #aaa solid;
  -webkit-appearance: none;
  outline: none;
  overflow: visible;
}

button {
  border: 0;
  font-family: inherit;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
}

.clearfix, .esports-game .game-content,
.virtual-game .game-content,
.live-game .game-content, .fh-game .game-content,
.arcade-game .game-content,
.rngtable-game .game-content, .slot-game .game-content,
.bingo-game .game-content {
  *zoom: 1;
  /*For IE 6&7 only*/
}

.clearfix:before, .esports-game .game-content:before,
.virtual-game .game-content:before,
.live-game .game-content:before, .fh-game .game-content:before,
.arcade-game .game-content:before,
.rngtable-game .game-content:before, .slot-game .game-content:before,
.bingo-game .game-content:before, .clearfix:after, .esports-game .game-content:after,
.virtual-game .game-content:after,
.live-game .game-content:after, .fh-game .game-content:after,
.arcade-game .game-content:after,
.rngtable-game .game-content:after, .slot-game .game-content:after,
.bingo-game .game-content:after {
  content: "";
  display: table;
}

.clearfix:after, .esports-game .game-content:after,
.virtual-game .game-content:after,
.live-game .game-content:after, .fh-game .game-content:after,
.arcade-game .game-content:after,
.rngtable-game .game-content:after, .slot-game .game-content:after,
.bingo-game .game-content:after {
  clear: both;
}

.float-L, .esports-game .game-content li,
.virtual-game .game-content li,
.live-game .game-content li, .fh-game .game-content li,
.arcade-game .game-content li,
.rngtable-game .game-content li, .slot-game .game-content li,
.bingo-game .game-content li {
  float: left;
}

.float-R, .esports-game h1 a,
.virtual-game h1 a,
.live-game h1 a, .fh-game h1 a,
.arcade-game h1 a,
.rngtable-game h1 a, .slot-game h1 a,
.bingo-game h1 a, .slot-game .game-content > li.jackpot,
.bingo-game .game-content > li.jackpot {
  float: right;
}

.align-L, .maintain-box {
  text-align: left;
}

.align-R {
  text-align: right;
}

.align-C, .maintain-box {
  text-align: center;
}

.displayB, .esports-game h1 a:after,
.virtual-game h1 a:after,
.live-game h1 a:after, .fh-game h1 a:after,
.arcade-game h1 a:after,
.rngtable-game h1 a:after, .slot-game h1 a:after,
.bingo-game h1 a:after, .esports-game .game-content li:before,
.virtual-game .game-content li:before,
.live-game .game-content li:before, .fh-game .game-content li:before,
.arcade-game .game-content li:before,
.rngtable-game .game-content li:before, .slot-game .game-content li:before,
.bingo-game .game-content li:before, .lang-menu a:before, .icon-menu, .side-menu:hover ul, .side-menu ul a, nav li a, nav li a:before, .search-content-btns button, .btn-effect a:before, .cover .info {
  display: block;
}

.displayI {
  display: inline;
}

.displayIB, .esports-game h1:before,
.virtual-game h1:before,
.live-game h1:before, .fh-game h1:before,
.arcade-game h1:before,
.rngtable-game h1:before, .slot-game h1:before,
.bingo-game h1:before, .home:before, .id:before,
.balance:before, .marquee ul > li, .slot-game .game-content > li.jackpot dd span:before,
.bingo-game .game-content > li.jackpot dd span:before, .bonus:before, .partner img, .pop_up-wrap dd .dont-show:before {
  display: inline-block;
}

.displayF, .esports-game h1 a,
.virtual-game h1 a,
.live-game h1 a, .fh-game h1 a,
.arcade-game h1 a,
.rngtable-game h1 a, .slot-game h1 a,
.bingo-game h1 a, .esports-game .game-content li:hover .cover,
.virtual-game .game-content li:hover .cover,
.live-game .game-content li:hover .cover, .fh-game .game-content li:hover .cover,
.arcade-game .game-content li:hover .cover,
.rngtable-game .game-content li:hover .cover, .slot-game .game-content li:hover .cover,
.bingo-game .game-content li:hover .cover, header, .lang-menu a, .slot-game .game-content > li.jackpot,
.bingo-game .game-content > li.jackpot, .slot-game .game-content > li.jackpot dd,
.bingo-game .game-content > li.jackpot dd, .tab-menu a, .tab-menu-gameHall a, .search-bar, .search-bar li, .search-content-search form, .cover, .cover .game-name, footer {
  display: flex;
}

.border-box, .lang-menu ul, .side-menu ul, .esports-game h1 a,
.virtual-game h1 a,
.live-game h1 a, .fh-game h1 a,
.arcade-game h1 a,
.rngtable-game h1 a, .slot-game h1 a,
.bingo-game h1 a, .esports-game .game-content,
.virtual-game .game-content,
.live-game .game-content, .fh-game .game-content,
.arcade-game .game-content,
.rngtable-game .game-content, .slot-game .game-content,
.bingo-game .game-content, .esports-game .game-content li,
.virtual-game .game-content li,
.live-game .game-content li, .fh-game .game-content li,
.arcade-game .game-content li,
.rngtable-game .game-content li, .slot-game .game-content li,
.bingo-game .game-content li, .maintain-box, header > ul, .lang-menu a, .side-menu ul a, nav ul, nav li, nav li a, .game-wrap, .slot-game .game-content > li.jackpot dl,
.bingo-game .game-content > li.jackpot dl, .slot-game .game-content > li.jackpot dd,
.bingo-game .game-content > li.jackpot dd, .tab-menu a, .tab-menu-gameHall a, .search-bar li, .search-content li, .search-content-sort li, .search-content-show li, .search-content-search li, .search-content a, .search-content-sort a, .search-content-show a, .search-content-search a, .search-content-search form, .search-content-search input, .new:before, .bonus, .cover .game-name, .pop_up-wrap .pop_up-content, .pop_up-wrap dd, .pop_up-wrap dd .dont-show:before {
  box-sizing: border-box;
}

.scroll-bar::-webkit-scrollbar {
  width: 5px;
}

.scroll-bar::-webkit-scrollbar-track {
  background: #292929;
}

.scroll-bar::-webkit-scrollbar-thumb {
  background: #EAEAEA;
}

/*--Hide Text Set--*/
.icon-menu, .slot-game .game-content > li.jackpot h2,
.bingo-game .game-content > li.jackpot h2, .search-content-search button, .cover .info, .pop_up-wrap dt a {
  font-size: 0;
  text-indent: -99999px;
}

/*--Hide Long Word Set--*/
/*--Pop Up Shadow Set--*/
/*--Horizontal List--*/
/*--Horizontal List with flex--*/
header > ul, nav ul, .tab-menu, .tab-menu-gameHall {
  display: flex;
}

header > ul li, nav ul li, .tab-menu li, .tab-menu-gameHall li {
  list-style: none;
}

/*--bg fit contain & center --*/
.esports-game h1:before,
.virtual-game h1:before,
.live-game h1:before, .fh-game h1:before,
.arcade-game h1:before,
.rngtable-game h1:before, .slot-game h1:before,
.bingo-game h1:before, .home:before, .id:before,
.balance:before, nav li a:before, .slot-game .game-content > li.jackpot dd span:before,
.bingo-game .game-content > li.jackpot dd span:before, .tab-menu a:before, .tab-menu-gameHall a:before, .bonus:before {
  background-repeat: no-repeat;
  background-position: center center;
}

.maintain-wrap:before, .logout-wrap:before, .maintain-wrap:after, .logout-wrap:after, .maintain-wrap div:before, .logout-wrap div:before, .maintain-box:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 100%;
}

.maintain-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Header drop menu setting */
.lang-menu ul, .side-menu ul {
  display: none;
  position: absolute;
  right: 0;
  width: 100%;
  background-color: #09141F;
  box-shadow: 0 3px 3px 0 rgba(108, 131, 172, 0.5);
  z-index: 10;
}

.lang-menu ul a:before, .side-menu ul a:before {
  display: none;
}

.lang-menu ul a:hover, .side-menu ul a:hover {
  background-image: linear-gradient(-180deg, #2D465F 0%, #142531 47%, #0B1720 49%, #162F42 100%);
}

/* Game title Setting */
.esports-game h1,
.virtual-game h1,
.live-game h1, .fh-game h1,
.arcade-game h1,
.rngtable-game h1, .slot-game h1,
.bingo-game h1 {
  position: relative;
  height: 40px;
  padding: 10px 10px 0;
  margin-bottom: 15px;
  line-height: 40px;
  color: #F4E0BD;
  font-size: 18px;
}

.esports-game h1:before,
.virtual-game h1:before,
.live-game h1:before, .fh-game h1:before,
.arcade-game h1:before,
.rngtable-game h1:before, .slot-game h1:before,
.bingo-game h1:before {
  content: '';
  width: 2.5em;
  height: 1.75rem;
  margin-right: 0.3em;
  vertical-align: middle;
  background-size: contain;
}

.esports-game h1:after,
.virtual-game h1:after,
.live-game h1:after, .fh-game h1:after,
.arcade-game h1:after,
.rngtable-game h1:after, .slot-game h1:after,
.bingo-game h1:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background-image: linear-gradient(-90deg, #855F17 0%, #855F17 30%, #FDDD7A 41%, #724B02 48%, #FEFFFF 50%, #805C19 62%, #805C19 100%);
}

.esports-game h1 a,
.virtual-game h1 a,
.live-game h1 a, .fh-game h1 a,
.arcade-game h1 a,
.rngtable-game h1 a, .slot-game h1 a,
.bingo-game h1 a {
  width: 10em;
  height: 100%;
  padding: 0 0.83em;
  border-radius: 0.5em;
  font-size: 0.8em;
  color: #EBC362;
  background-color: rgba(64, 105, 153, 0.3);
  justify-content: space-between;
  align-items: center;
}

.esports-game h1 a:after,
.virtual-game h1 a:after,
.live-game h1 a:after, .fh-game h1 a:after,
.arcade-game h1 a:after,
.rngtable-game h1 a:after, .slot-game h1 a:after,
.bingo-game h1 a:after {
  content: '';
  width: 1em;
  height: 1em;
  background: url(../../images/game_hall-desktop/gameType/icon-arrow.svg) center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1440px) {
  .esports-game h1,
  .virtual-game h1,
  .live-game h1, .fh-game h1,
  .arcade-game h1,
  .rngtable-game h1, .slot-game h1,
  .bingo-game h1 {
    height: 2.5rem;
    padding: 0.8rem 0.8rem 0;
    margin-bottom: 1rem;
    font-size: 1.15rem;
    line-height: 2.5rem;
  }
  .esports-game h1:after,
  .virtual-game h1:after,
  .live-game h1:after, .fh-game h1:after,
  .arcade-game h1:after,
  .rngtable-game h1:after, .slot-game h1:after,
  .bingo-game h1:after {
    height: 0.15rem;
  }
}

/* Game title Setting */
.esports-game .game-content,
.virtual-game .game-content,
.live-game .game-content, .fh-game .game-content,
.arcade-game .game-content,
.rngtable-game .game-content, .slot-game .game-content,
.bingo-game .game-content {
  list-style: none;
}

.esports-game .game-content li,
.virtual-game .game-content li,
.live-game .game-content li, .fh-game .game-content li,
.arcade-game .game-content li,
.rngtable-game .game-content li, .slot-game .game-content li,
.bingo-game .game-content li {
  position: relative;
}

.esports-game .game-content li:before,
.virtual-game .game-content li:before,
.live-game .game-content li:before, .fh-game .game-content li:before,
.arcade-game .game-content li:before,
.rngtable-game .game-content li:before, .slot-game .game-content li:before,
.bingo-game .game-content li:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.4), inset 0 2px 0 rgba(255, 255, 255, 0.4), 0 1px 2px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}

.esports-game img,
.virtual-game img,
.live-game img, .fh-game img,
.arcade-game img,
.rngtable-game img, .slot-game img,
.bingo-game img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* Serch Bar List Setting */
.search-content a, .search-content-sort a, .search-content-show a, .search-content-search a, .search-content-search form {
  position: relative;
  background-image: linear-gradient(-180deg, #365D83 0%, #192C3A 100%);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
  border-radius: 4px;
}

.search-content a:before, .search-content-sort a:before, .search-content-show a:before, .search-content-search a:before, .search-content-search form:before {
  content: '';
  right: 15px;
  width: 10px;
  height: 10px;
  background-color: #d7a85a;
  clip-path: polygon(50% 80%, 0 0, 100% 0);
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (max-width: 1440px) {
  .search-content a, .search-content-sort a, .search-content-show a, .search-content-search a, .search-content-search form {
    border-radius: 0.24rem;
  }
  .search-content a:before, .search-content-sort a:before, .search-content-show a:before, .search-content-search a:before, .search-content-search form:before {
    right: 0.9rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}

/* message Setting */
.maintain-wrap, .logout-wrap {
  width: 47.375rem;
  color: #F4E0BD;
  font-size: 1.125rem;
  line-height: 1.625rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.maintain-wrap:before, .logout-wrap:before {
  background-image: url(bg_top.png);
  height: 2.8125rem;
}

.maintain-wrap:after, .logout-wrap:after {
  background-image: url(bg_bottom.png);
  height: 2.8125rem;
}

.maintain-wrap div, .logout-wrap div {
  min-height: 10.625rem;
  background-image: url(bg_middle.png);
  background-repeat: repeat-y;
  background-size: contain;
  padding: 1.25rem 1.25rem 1.25rem 13.75rem;
}

.maintain-wrap div:before, .logout-wrap div:before {
  position: absolute;
  left: 1.5625rem;
  background-image: url(../../images/game_hall-desktop/gameType/icon-maintenance.svg);
  z-index: 10;
}

.maintain-wrap div h2, .logout-wrap div h2 {
  font-size: 2.5rem;
  line-height: 3rem;
  margin-bottom: 0.625rem;
}

.maintain-wrap div p, .logout-wrap div p {
  margin-bottom: 0.625rem;
}

.maintain-box {
  width: 101%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6) url(bg_line.png) repeat-x;
  background-size: contain;
  color: #DBB069;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.9);
  z-index: 20;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.maintain-box:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon_maintain.svg);
  z-index: 10;
}

/***************************************************/
header {
  min-width: 1440px;
  height: 40px;
  background-image: linear-gradient(-180deg, #0C1117 0%, #162C3F 100%);
  position: relative;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.7);
}

header > ul {
  height: 100%;
  align-items: center;
}

header .header-left {
  flex: 1 0 90%;
  overflow-x: auto;
}

header .header-left > li {
  color: #F4E0BD;
  font-size: 1.2rem;
}

header .header-right {
  flex: 1 0 10%;
  justify-content: flex-end;
}

header .header-right > li {
  height: 100%;
  line-height: 40px;
  border-left: 1px solid #000;
}

header .header-right > li:hover {
  background-image: linear-gradient(-180deg, #BF9352 0%, #64543B 47%, #132133 100%);
}

@media screen and (max-width: 1440px) {
  header {
    min-width: 100%;
    height: 2.3rem;
  }
}

.home {
  display: inline-block;
  width: 117px;
  flex: 0 0 auto;
  height: 100%;
  line-height: 40px;
  font-size: 16px;
  font-weight: bold;
  color: #000;
  text-shadow: -0.5px -0.5px 0px rgba(255, 255, 255, 0.6);
  padding-left: 15px;
  background: url(../../images/game_hall-desktop/header/home_bg.png) no-repeat;
  background-size: cover;
  background-position: right;
}

@media screen and (max-width: 1440px) {
  .home {
    width: 5.3rem;
    line-height: 2.3rem;
    font-size: 1rem;
    padding: 0 5px;
  }
}

.home:before {
  content: '';
  width: 24px;
  height: 21px;
  margin-right: 8px;
  vertical-align: middle;
  background-size: contain;
}

@media screen and (max-width: 1440px) {
  .home:before {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.2rem;
  }
}

.id {
  margin-left: 15px;
}

@media screen and (max-width: 1440px) {
  .id {
    margin-left: 1rem;
  }
}

.id,
.balance {
  flex: 0 0 auto;
  font-size: 1.2rem;
  color: #F4E0BD;
  line-height: 20px;
  margin-right: 20px;
}

.id:before,
.balance:before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 8px;
  vertical-align: middle;
  background-size: contain;
}

@media screen and (max-width: 1440px) {
  .id,
  .balance {
    line-height: 1.3rem;
    margin-right: 1.3rem;
  }
  .id:before,
  .balance:before {
    width: 1.3rem;
    height: 1.3rem;
    margin-right: 0.6rem;
  }
}

.marquee {
  position: relative;
  flex: 1;
  overflow: hidden;
}

.marquee:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 25px;
  height: 40px;
  z-index: 10;
  content: '';
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: left;
}

.marquee ul > li {
  margin-right: 50px;
  color: #DBB069;
  font-size: 16px;
  line-height: 40px;
}

@media screen and (max-width: 1440px) {
  .marquee:before {
    width: 2rem;
    height: 100%;
  }
  .marquee ul > li {
    margin-right: 4rem;
    font-size: 1rem;
    line-height: 2.3rem;
  }
}

.lang-menu {
  position: relative;
}

.lang-menu:hover ul {
  display: block;
}

.lang-menu a {
  width: 100px;
  height: 100%;
  padding: 10px;
  line-height: 25px;
  justify-content: space-between;
  align-items: center;
  color: #EDD4AC;
  font-weight: bold;
}

.lang-menu a:before {
  content: '';
  order: 1;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: #EDD4AC transparent transparent transparent;
}

.lang-menu a img {
  border-radius: 3px;
  width: 25px;
  height: auto;
}

.lang-menu ul img {
  right: 15px;
}

@media screen and (max-width: 1440px) {
  .lang-menu a {
    width: 6rem;
    padding: 0.7rem;
    line-height: 1.75rem;
  }
  .lang-menu a:before {
    right: 0.5rem;
    top: calc(50% - 0.3rem / 2);
    border-width: 0.3rem 0.3rem 0 0.3rem;
  }
  .lang-menu a img {
    top: calc(50% - 1rem / 2);
    right: calc(45% - 1.75rem / 2);
    border-radius: 0.2rem;
    width: 1.75rem;
  }
  .lang-menu ul {
    box-shadow: 0 0.2rem 0.2rem 0 rgba(108, 131, 172, 0.5);
  }
  .lang-menu ul img {
    right: 1.05rem;
  }
}

.icon-menu {
  height: 100%;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 1440px) {
  .icon-menu {
    width: 3rem;
    background-size: 50%;
  }
}

.side-menu {
  position: relative;
}

.side-menu ul {
  width: 185px;
}

.side-menu ul a {
  padding: 12px 20px;
  word-wrap: break-word;
  color: #EDD4AC;
}

@media screen and (max-width: 1440px) {
  .side-menu ul {
    width: 13rem;
    box-shadow: 0 0.2rem 0.2rem 0 rgba(108, 131, 172, 0.5);
  }
  .side-menu ul a {
    padding: 0.8rem 1.4rem;
  }
}

nav {
  width: 100%;
  height: 80px;
  background: url(../../images/game_hall-desktop/header/nav-bg02.png), linear-gradient(-180deg, #2D465F 16%, #142531 48%, #0B1720 49%, #132A3C 85%, #162F42 91%, #1E3F59 92%, #0C171F 100%);
  background-position: right;
  background-repeat: no-repeat;
  background-blend-mode: lighten, normal;
}

nav ul {
  width: 1440px;
  margin: 0 auto;
  height: 100%;
}

nav li {
  flex: 0 1 125px;
  height: 100%;
  border-right: 1px solid #000;
}

nav li:first-child {
  border-left: 0;
}

nav li.select {
  background-image: linear-gradient(-180deg, #C2A056 16%, #625424 47%, #45391A 49%, #0A161F 91%, #162E41 92%, #0C171F 100%);
}

nav li a {
  height: 100%;
  padding-top: 10px;
  text-align: center;
  color: #E1BE83;
}

nav li a:before {
  content: '';
  width: 50px;
  height: 30px;
  margin: 0 auto 5px;
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.6));
}

nav li a:hover {
  background-image: linear-gradient(-180deg, #C2A056 16%, #625424 47%, #45391A 49%, #0A161F 91%, #162E41 92%, #0C171F 100%);
  box-shadow: inset 0 1px 2px 0 rgba(218, 216, 133, 0.41);
}

nav li.logo {
  position: relative;
  flex: 0 1 205px;
}

nav li.logo img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  max-height: 110%;
  max-width: 165px;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0 0 8px rgba(0, 0, 0, 0.8));
}

nav li.backHome {
  flex: 0 1 90px;
}

@media screen and (max-width: 1440px) {
  nav {
    height: 5.25rem;
  }
  nav ul {
    width: 100%;
  }
  nav li {
    flex: 0 1 7.5rem;
    border-right: 0.07rem solid #000;
  }
  nav li.select a:hover {
    box-shadow: inset 0 0.07rem 0.14rem 0 rgba(218, 216, 133, 0);
  }
  nav li a {
    padding-top: 0.7rem;
  }
  nav li a:before {
    height: 1.8rem;
    margin: 0 auto 0.35rem;
    background-size: contain;
  }
  nav li a:hover {
    box-shadow: inset 0 0.07rem 0.14rem 0 rgba(218, 216, 133, 0.41);
  }
  nav li.logo {
    flex: 0 1 15.35rem;
  }
  nav li.logo img {
    max-width: 12.35rem;
  }
  nav li.backHome {
    flex: 0 1 5rem;
  }
}

.top-banner {
  min-width: 1440px;
  margin-bottom: 15px;
}

.top-banner img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1440px) {
  .top-banner {
    min-width: 100%;
    margin-bottom: 1.05rem;
  }
}

body.non_bg .esports-game,
body.non_bg .virtual-game,
body.non_bg .slot-game,
body.non_bg .fh-game,
body.non_bg .arcade-game,
body.non_bg .rngtable-game {
  background: transparent;
}

body.non_bg .esports-game h1,
body.non_bg .virtual-game h1,
body.non_bg .slot-game h1,
body.non_bg .fh-game h1,
body.non_bg .arcade-game h1,
body.non_bg .rngtable-game h1 {
  display: none;
}

body.non_bg .esports-game h1,
body.non_bg .virtual-game h1 {
  display: block;
}

body.non_bg .esports-game h1:after,
body.non_bg .virtual-game h1:after {
  display: none;
}

.maintain-box {
  border-radius: 7px;
  flex-wrap: wrap;
  align-content: center;
}

.maintain-box:before {
  width: 3.125rem;
  height: 3.125rem;
  margin-bottom: 0.3125rem;
}

.game-wrap {
  position: relative;
  width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

@media screen and (max-width: 1440px) {
  .game-wrap {
    width: 100%;
    padding: 0 1.3rem;
  }
}

.esports-game,
.virtual-game,
.live-game {
  margin-bottom: 45px;
}

.esports-game h1:after,
.virtual-game h1:after,
.live-game h1:after {
  display: none;
}

.esports-game .game-content > li,
.virtual-game .game-content > li,
.live-game .game-content > li {
  width: calc(25% - 14px);
  margin: 0 7px 10px 7px;
}

.esports-game .game-content > li .maintain-box,
.virtual-game .game-content > li .maintain-box,
.live-game .game-content > li .maintain-box {
  width: calc(100% - 0.375rem);
  height: 5.3125rem;
  font-size: 1.125rem;
  border-radius: 0;
}

.esports-game .game-content > li .maintain-box:before,
.virtual-game .game-content > li .maintain-box:before,
.live-game .game-content > li .maintain-box:before {
  width: 2.5rem;
  height: 2.5rem;
}

.esports-game .game-content > li:before,
.virtual-game .game-content > li:before,
.live-game .game-content > li:before {
  display: none;
}

.esports-game .game-content > li.promote,
.virtual-game .game-content > li.promote,
.live-game .game-content > li.promote {
  width: calc(50% - 14px);
}

.esports-game .game-content > li.promote .maintain-box,
.virtual-game .game-content > li.promote .maintain-box,
.live-game .game-content > li.promote .maintain-box {
  width: calc(100% - 0.625rem);
  height: 11.25rem;
  font-size: 1.875rem;
  border-radius: 0;
}

.esports-game .game-content > li.promote .maintain-box:before,
.virtual-game .game-content > li.promote .maintain-box:before,
.live-game .game-content > li.promote .maintain-box:before {
  width: 5.375rem;
  height: 5.4375rem;
}

.esports-game .game-content > li img,
.virtual-game .game-content > li img,
.live-game .game-content > li img {
  border-radius: initial;
}

@media screen and (max-width: 1440px) {
  .esports-game,
  .virtual-game,
  .live-game {
    margin-bottom: 3.15rem;
  }
  .esports-game .game-content > li,
  .virtual-game .game-content > li,
  .live-game .game-content > li {
    width: calc(25% - 1.05rem - 0.05rem);
    margin: 0 0.525rem 0.7rem 0.525rem;
  }
  .esports-game .game-content > li.promote,
  .virtual-game .game-content > li.promote,
  .live-game .game-content > li.promote {
    width: calc(50% - 1.0625rem);
  }
}

.esports-game,
.virtual-game {
  margin-bottom: 0;
  padding-bottom: 20px;
  background-image: linear-gradient(#203C62 0%, #09141D 100%);
}

.esports-game h1:after,
.virtual-game h1:after {
  display: block;
}

.fh-game,
.arcade-game,
.rngtable-game {
  padding-bottom: 20px;
  background-image: linear-gradient(#203C62 0%, #09141D 100%);
}

.fh-game .game-content > li,
.arcade-game .game-content > li,
.rngtable-game .game-content > li {
  width: calc(12.5% - 14px);
  margin: 0 7px 20px 7px;
}

@media screen and (max-width: 1440px) {
  .fh-game,
  .arcade-game,
  .rngtable-game {
    padding-bottom: 1rem;
  }
  .fh-game .game-content > li,
  .arcade-game .game-content > li,
  .rngtable-game .game-content > li {
    width: calc(14.28571% - 1.05rem - 0.05rem);
    margin: 0 0.525rem 1.4rem 0.525rem;
  }
}

.slot-game,
.bingo-game {
  padding-bottom: 20px;
  background-image: linear-gradient(#203C62 0%, #09141D 100%);
}

.slot-game .game-content > li,
.bingo-game .game-content > li {
  width: calc(12.5% - 14px);
  margin: 0 7px 20px 7px;
}

.slot-game .game-content > li.jackpot,
.bingo-game .game-content > li.jackpot {
  position: relative;
  width: 335px;
  height: 535px;
  background: url(../../images/game_hall-desktop/jackpot/right-jackpot.png) top center no-repeat;
  background-size: contain;
}

.slot-game .game-content > li.jackpot:before,
.bingo-game .game-content > li.jackpot:before {
  display: none;
}

.slot-game .game-content > li.jackpot h2,
.bingo-game .game-content > li.jackpot h2 {
  top: 10%;
  width: 100%;
  max-width: 150px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  filter: drop-shadow(0 0 3px rgba(0, 0, 0, 0.8));
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.slot-game .game-content > li.jackpot dl,
.bingo-game .game-content > li.jackpot dl {
  bottom: 0;
  width: 100%;
  margin-bottom: 30px;
  padding: 0 25px;
  font-size: 1rem;
  font-weight: bold;
  list-style: none;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
}

.slot-game .game-content > li.jackpot dt,
.bingo-game .game-content > li.jackpot dt {
  margin-bottom: 5px;
  font-size: 2.5em;
  text-align: center;
  background-image: linear-gradient(-180deg, #FFE8BB 1%, #FFDFA1 46%, #FBD07E 47%, #AD8638 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.slot-game .game-content > li.jackpot dd,
.bingo-game .game-content > li.jackpot dd {
  padding: 0 15px;
  margin-bottom: 10px;
  font-size: 1.5em;
  line-height: 50px;
  background-image: linear-gradient(-180deg, rgba(182, 122, 85, 0.5) 2%, rgba(108, 53, 19, 0.5) 100%);
  box-shadow: inset 0 0 8px 0 #8E593F;
  justify-content: space-between;
}

.slot-game .game-content > li.jackpot dd span,
.bingo-game .game-content > li.jackpot dd span {
  font-size: 0.8em;
}

.slot-game .game-content > li.jackpot dd span:before,
.bingo-game .game-content > li.jackpot dd span:before {
  content: '';
  width: 1.1em;
  height: 1.1em;
  margin-right: 5px;
  vertical-align: middle;
  background-image: url(../../images/game_hall-desktop/jackpot/jackpot-bonus.svg);
  background-size: contain;
}

.slot-game .game-content > li.jackpot dd:first-of-type,
.bingo-game .game-content > li.jackpot dd:first-of-type {
  background-image: linear-gradient(-180deg, rgba(163, 163, 163, 0.5) 0%, rgba(67, 67, 67, 0.5) 100%);
  box-shadow: inset 0 0 8px 0 #9B9B9B;
}

.slot-game .game-content > li.jackpot.JDB h2,
.bingo-game .game-content > li.jackpot.JDB h2 {
  background-image: url(../../images/game_hall-desktop/jackpot/jackpot-JDB.png);
}

@media screen and (max-width: 1440px) {
  .slot-game,
  .bingo-game {
    padding-bottom: 1.3rem;
  }
  .slot-game .game-content > li,
  .bingo-game .game-content > li {
    width: calc(14.28571% - 1.05rem - 0.05rem);
    margin: 0 0.525rem 1.4rem 0.525rem;
  }
  .slot-game .game-content > li.jackpot,
  .bingo-game .game-content > li.jackpot {
    width: 24rem;
    height: 37.4rem;
  }
  .slot-game .game-content > li.jackpot h2,
  .bingo-game .game-content > li.jackpot h2 {
    max-width: 9.3rem;
    height: 2.8rem;
  }
  .slot-game .game-content > li.jackpot dl,
  .bingo-game .game-content > li.jackpot dl {
    margin-bottom: 1.8rem;
    padding: 0 1.5rem;
    font-size: 1.15rem;
  }
  .slot-game .game-content > li.jackpot dt,
  .bingo-game .game-content > li.jackpot dt {
    margin-bottom: 0.3rem;
  }
  .slot-game .game-content > li.jackpot dd,
  .bingo-game .game-content > li.jackpot dd {
    padding: 0 0.9rem;
    margin-bottom: 0.6rem;
    line-height: 3.3rem;
  }
}

.tab-menu, .tab-menu-gameHall {
  height: 45px;
}

.tab-menu li, .tab-menu-gameHall li {
  height: 100%;
  min-width: 150px;
  background: linear-gradient(-180deg, #575757 0%, #0F0F0F 100%);
}

.tab-menu li:not(:first-child), .tab-menu-gameHall li:not(:first-child) {
  border-left: 1px solid #000;
}

.tab-menu li:first-child, .tab-menu-gameHall li:first-child {
  border-radius: 5px 0 0 0;
}

.tab-menu li:last-child, .tab-menu-gameHall li:last-child {
  border-radius: 0 5px 0 0;
}

.tab-menu li.select, .tab-menu-gameHall li.select {
  background: linear-gradient(38deg, #F3C161 0%, #BA7900 20%, #FFEDD7 21%, #E0B764 100%);
}

.tab-menu li.select a, .tab-menu-gameHall li.select a {
  color: #131f2b;
}

.tab-menu a, .tab-menu-gameHall a {
  height: 100%;
  padding: 0 20px;
  color: #A49B83;
  font-size: 24px;
  font-weight: bold;
  align-items: center;
  justify-content: center;
}

.tab-menu a:before, .tab-menu-gameHall a:before {
  content: '';
  width: 1em;
  height: 1em;
  margin-right: 5px;
  background-size: contain;
}

.tab-menu-gameHall {
  margin-bottom: 15px;
  background-image: linear-gradient(-180deg, #15202E 0%, #293245 100%);
  box-shadow: inset 0 0 5px 0 rgba(0, 0, 0, 0.82);
}

.tab-menu-gameHall li {
  background: transparent;
  border-bottom: 0;
}

.tab-menu-gameHall li:first-child, .tab-menu-gameHall li:last-child {
  border-radius: 0;
}

.tab-menu-gameHall li:last-child {
  border-right: 1px solid #000;
}

@media screen and (max-width: 1440px) {
  .tab-menu, .tab-menu-gameHall {
    height: 2.8rem;
  }
  .tab-menu li, .tab-menu-gameHall li {
    min-width: 10rem;
  }
  .tab-menu a, .tab-menu-gameHall a {
    padding: 0 1.4rem;
    font-size: 1.5rem;
  }
  .tab-menu-gameHall {
    margin-bottom: 0.9rem;
  }
}

.search-bar {
  height: 60px;
  margin-bottom: 15px;
  border-top: 1px solid #64513C;
  font-size: 20px;
  background-image: linear-gradient(#233647 0%, transparent 100%);
  justify-content: flex-start;
  align-items: center;
}

.search-bar li {
  height: 100%;
  padding-left: 10px;
  list-style: none;
  align-items: center;
}

@media screen and (max-width: 1440px) {
  .search-bar {
    height: 3.6rem;
    margin-bottom: 0.9rem;
    font-size: 1.2rem;
  }
}

.search-content, .search-content-sort, .search-content-show, .search-content-search {
  position: relative;
  color: #d7a85a;
  font-size: 1em;
}

.search-content.open ul, .open.search-content-sort ul, .open.search-content-show ul, .open.search-content-search ul {
  display: block;
}

.search-content ul, .search-content-sort ul, .search-content-show ul, .search-content-search ul {
  display: none;
  position: absolute;
  top: calc(45px + (60px - 45px) / 2);
  right: 0;
  color: #FFFFFF;
  background: linear-gradient(#314E69 0%, #192C3A 100%);
  z-index: 100;
}

.search-content li, .search-content-sort li, .search-content-show li, .search-content-search li {
  height: 40px;
  cursor: pointer;
  padding: 0 15px;
}

.search-content li:hover, .search-content-sort li:hover, .search-content-show li:hover, .search-content-search li:hover {
  background-color: #3C5879;
}

.search-content a, .search-content-sort a, .search-content-show a, .search-content-search a {
  height: 45px;
  line-height: 45px;
  padding: 0 15px;
  margin-left: 10px;
  color: #FFFFFF;
}

.search-content-btns {
  padding-right: 10px;
  background: rgba(0, 0, 0, 0.5);
}

.search-content-btns button {
  width: 85px;
  height: 45px;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: inherit;
  background-image: linear-gradient(#5492CD 0%, #124165 100%);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
}

.search-content-btns button:not(:last-child) {
  margin-right: 5px;
}

.search-content-btns button:active {
  color: #124165;
  background-image: linear-gradient(#124165 0%, #5492CD 100%);
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.35);
}

.search-content-sort ul, .search-content-sort a {
  width: 155px;
}

.search-content-show ul, .search-content-show a {
  width: 110px;
}

.search-content-search form {
  width: 280px;
  height: 45px;
  overflow: hidden;
}

.search-content-search form:before {
  display: none;
}

.search-content-search input {
  width: 225px;
  padding: 0 10px;
  font-size: inherit;
  color: #FFFFFF;
  border: 0;
  background: transparent;
}

.search-content-search input::-webkit-input-placeholder($color) {
  color: #9C9C9C;
}

.search-content-search input::-moz-placeholder {
  color: #9C9C9C;
  opacity: 1;
}

.search-content-search input::-ms-placeholder {
  color: #9C9C9C;
}

.search-content-search input::placeholder {
  color: #9C9C9C;
}

.search-content-search input:focus {
  background-image: linear-gradient(#131B23 0%, #192C3A 100%);
}

.search-content-search button {
  flex: 0 0 calc(100% - 225px);
  margin-left: 0;
  border-left: 1px solid #000000;
  background: url(../../images/game_hall-desktop/gameType/icon-search.svg) center no-repeat;
  background-size: 50%;
}

.search-content-search button:active {
  background: url(../../images/game_hall-desktop/gameType/icon-search.svg) center no-repeat, linear-gradient(#131B23 0%, #192C3A 100%);
  background-size: 50%;
}

@media screen and (max-width: 1440px) {
  .search-content ul, .search-content-sort ul, .search-content-show ul, .search-content-search ul {
    top: calc(2.7rem + (3.6rem - 2.7rem) / 2);
  }
  .search-content li, .search-content-sort li, .search-content-show li, .search-content-search li {
    height: 2.4rem;
    padding: 0 0.9rem;
  }
  .search-content a, .search-content-sort a, .search-content-show a, .search-content-search a {
    height: 2.7rem;
    line-height: 2.7rem;
    padding: 0 0.9rem;
    margin-left: 0.6rem;
  }
  .search-content-btns {
    padding-right: 0.6rem;
  }
  .search-content-btns button {
    width: 5.1rem;
    height: 2.7rem;
    border-radius: 0.24rem;
  }
  .search-content-sort ul, .search-content-sort a {
    width: 9.3rem;
  }
  .search-content-show ul, .search-content-show a {
    width: 6.6rem;
  }
  .search-content-search form {
    width: 16.8rem;
    height: 2.7rem;
  }
  .search-content-search input {
    width: 13.5rem;
    padding: 0 0.6rem;
  }
  .search-content-search button {
    flex: 0 0 calc(100% - 13.5rem);
  }
}

.btn-effect a {
  position: relative;
  overflow: hidden;
  border-radius: 20px;
}

.btn-effect a:before {
  position: absolute;
  content: '';
  width: 50%;
  height: 100%;
  bottom: 0;
  left: -75%;
  pointer-events: none;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  transform: skewX(-35deg);
}

.btn-effect a:hover::before {
  -webkit-animation: shine 1.3s;
  animation: shine 1.3s;
}

@keyframes shine {
  100% {
    left: 125%;
  }
}

@media screen and (max-width: 1440px) {
  .btn-effect a .btn-effect a {
    border-radius: 1.4rem;
  }
}

.new:before {
  position: absolute;
  top: 0;
  left: 0;
  content: 'NEW';
  width: 60px;
  height: 25px;
  border-radius: 1.5px;
  padding-right: 5px;
  line-height: 25px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  filter: drop-shadow(1px 1px 1px #000);
  background: linear-gradient(-67deg, transparent 0.7rem, #E35100 0%, #FF7D00 100%);
}

@media screen and (max-width: 1440px) {
  .new:before {
    width: 3.8rem;
    height: 1.54rem;
    border-radius: 0.1rem;
    padding-right: 0.4rem;
    line-height: 1.54rem;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    filter: drop-shadow(0.07rem 0.07rem 0.07rem #000);
  }
}

.bonus {
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 35px;
  line-height: 35px;
  border-top: 1px solid rgba(239, 219, 113, 0.5);
  padding: 0 5px;
  color: #E8CD3D;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  background-image: linear-gradient(-180deg, #402C15 0%, #746551 100%);
  border-radius: 0 0 10px 10px;
}

.bonus:before {
  content: '';
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background-image: url(../../images/game_hall-desktop/gameType/icon-bonus.svg);
  vertical-align: middle;
  background-size: contain;
}

@media screen and (max-width: 1440px) {
  .bonus {
    height: 2.45rem;
    line-height: 2.45rem;
    border-top: 0.07rem solid rgba(239, 219, 113, 0.5);
    padding: 0 0.35rem;
    font-size: 1rem;
    border-radius: 0 0 0.7rem 0.7rem;
  }
  .bonus:before {
    content: '';
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 0.35rem;
  }
}

.cover {
  display: none;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.7);
  font-size: 16px;
  flex-wrap: wrap;
  justify-content: center;
  align-content: flex-start;
  opacity: 0.6;
  transition: all 0.3s;
}

.cover:hover {
  opacity: 1;
}

.cover .info {
  display: none;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 20px;
  height: 20px;
  background-image: url(../../images/game_hall-desktop/gameType/icon-inofo.svg);
  background-size: contain;
}

.cover .play-bt {
  width: 120px;
  height: 35px;
  margin: 5px 0;
  line-height: 35px;
  text-align: center;
  font-weight: bolder;
  color: #321300;
  background-image: linear-gradient(0deg, #855F17 0%, #F3C161 31%, #FFE581 52%, #DEAE53 71%, #A67415 100%);
  border: 1px solid #594833;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 3px;
}

.cover .ratio {
  width: 100%;
  font-size: 1.3em;
  text-align: center;
  font-weight: bold;
  color: #F5A623;
}

.cover .game-name {
  order: -1;
  width: 100%;
  height: 55px;
  max-width: 140px;
  text-align: center;
  color: #EFDC79;
  font-weight: bold;
  align-items: end;
  justify-content: center;
  word-break: break-all;
  overflow: hidden;
}

@media screen and (max-width: 1440px) {
  .cover {
    border-radius: 0.7rem;
    font-size: 1rem;
  }
  .cover .info {
    right: 0.35rem;
    top: 0.35rem;
    width: 1.4rem;
    height: 1.4rem;
  }
  .cover .play-bt {
    width: 7.4rem;
    height: 2.45rem;
    margin: 0.3rem 0;
    border: 0.07rem solid #594833;
    border-radius: 0.21rem;
    line-height: 2.45rem;
    box-shadow: 0 0.14rem 0.28rem 0 rgba(0, 0, 0, 0.5);
  }
  .cover .game-name {
    max-width: 7.4rem;
    height: 4.5rem;
  }
}

.home:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-home.svg);
}

@media screen and (max-width: 1440px) {
  .home:before {
    background-size: 80%;
  }
}

.id:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-id.svg);
}

.balance:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-balance.svg);
}

.chips:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-chip.svg);
}

.marquee:before {
  background: url(../../images/game_hall-desktop/gameType/icon-marquee.svg), linear-gradient(-180deg, #0C1117 0%, #162C3F 100%);
  background-repeat: no-repeat;
  background-position: left;
}

@media screen and (max-width: 1440px) {
  .marquee:before {
    background-size: 60%, 100%;
  }
}

.icon-menu {
  background-image: url(../../images/game_hall-desktop/gameType/icon-menu.svg);
}

[class^="icon-"]:before {
  height: 1.75rem;
  background-size: contain;
}

.live-game h1:before,
.icon-hall:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-hall.svg);
}

.live-game h1:before,
.icon-live:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-live.svg);
}

.slot-game h1:before,
.icon-slot:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-slot.svg);
}

.fh-game h1:before,
.icon-fh:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-fish.svg);
}

.rngtable-game h1:before,
.icon-rngtable:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-dice.svg);
  width: 2.5rem;
}

.arcade-game h1:before,
.icon-arcade:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-arcade.svg);
}

@media screen and (max-width: 1440px) {
  .arcade-game h1:before,
  .icon-arcade:before {
    background-size: 120%;
  }
}

.bingo-game h1:before,
.icon-bingo:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon_bingo.svg);
}

.virtual-game h1:before,
.icon-virtual:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-vr.svg);
}

.esports-game h1:before,
.icon-esports:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-esports.svg);
}

.icon-favorite:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-favorite.svg);
}

.logo-JDB:before,
.logo-JDBFISH:before,
.logo-CQ9:before,
.logo-CQ9FISH:before {
  display: none;
}

.logo-BluePrint:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-BLUEPRINT_01.png);
}

.select .logo-BluePrint:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-BLUEPRINT_02.png);
}

.logo-VoidBridge:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-VB_01.png);
}

.select .logo-VoidBridge:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-VB_02.png);
}

.logo-TGP:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-TGP_01.png);
}

.select .logo-TGP:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-TGP_02.png);
}

.logo-PT :before {
  background-image: url(../../images/game_hall-desktop/logo/logo-PT_01.png);
}

.select .logo-PT:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-PT_02.png);
}

.logo-SPADE:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-SPADE_01.png);
}

.select .logo-SPADE:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-SPADE_02.png);
}

.logo-PP:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-PP_01.png);
}

.select .logo-PP:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-PP_02.png);
}

.logo-KINGMAKER:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-KMG_01.png);
}

.select .logo-KINGMAKER:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-KMG_02.png);
}

.logo-PG:before {
  display: none;
  width: 1.2em !important;
  background-image: url(../../images/game_hall-desktop/logo/logo-PG_01.png);
}

.select .logo-PG:before {
  background-image: url(../../images/game_hall-desktop/logo/logo-PG_02.png);
}

footer {
  display: none;
  position: absolute;
  bottom: 0;
  min-width: 100%;
  background-color: #000;
  justify-content: center;
  align-items: flex-end;
}

.partner {
  max-width: 1000px;
  padding: 25px 0 10px;
  text-align: center;
}

.partner img {
  height: 30px;
  margin-right: 30px;
  margin-bottom: 10px;
}

@media screen and (max-width: 1440px) {
  .partner {
    padding: 1.75rem 0 0.7rem;
    text-align: center;
  }
  .partner img {
    height: 2.1rem;
    margin-right: 2.1rem;
    margin-bottom: 0.7rem;
  }
}

.pop_up-wrap {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  position: fixed;
  top: 20%;
  width: 800px;
  z-index: 100;
}

@media screen and (max-width: 1440px) {
  .pop_up-wrap {
    width: 50rem;
  }
}

.pop_up-wrap .pop_up-content {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}

.pop_up-wrap dt {
  position: relative;
  height: 40px;
  line-height: 40px;
  padding-left: 15px;
  color: #000;
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(38deg, #F3C161 0%, #BA7900 20%, #FFEDD7 21%, #E0B764 100%);
}

.pop_up-wrap dt a {
  right: 5px;
  width: 40px;
  height: 40px;
  background-image: url(../images/gameHall/icon/icon-close.svg);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

@media screen and (max-width: 1440px) {
  .pop_up-wrap dt {
    height: 2.5rem;
    line-height: 2.5rem;
    padding-left: 1.2rem;
  }
  .pop_up-wrap dt a {
    right: 0.2rem;
    width: 2.5rem;
    height: 2.5rem;
  }
}

.pop_up-wrap dd {
  padding: 15px 30px 15px;
  border-radius: 0 0 4px 4px;
  background-image: linear-gradient(90deg, #C1AF87 15%, #BC9A6B 82%);
}

.pop_up-wrap dd img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.pop_up-wrap dd .dont-show {
  font-size: 14px;
  color: #000;
}

.pop_up-wrap dd .dont-show:before {
  content: '';
  width: 20px;
  height: 20px;
  border-radius: 2px;
  margin-right: 5px;
  vertical-align: middle;
}

.pop_up-wrap dd:not(now) .dont-show:before {
  border: 2px solid #333333;
}

.pop_up-wrap dd.now .dont-show:before {
  border: 0;
  background: url(../images/gameHall/icon/icon-ok.svg), linear-gradient(-180deg, #4C4C4C 0%, #000000 100%);
  background-repeat: no-repeat;
  background-position: center, center;
}

@media screen and (max-width: 1440px) {
  .pop_up-wrap dd {
    padding: 1rem 1.8rem 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
  }
  .pop_up-wrap dd img {
    margin-bottom: 1.3rem;
  }
  .pop_up-wrap dd .dont-show {
    font-size: 0.9rem;
  }
  .pop_up-wrap dd .dont-show:before {
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 0.2rem;
    margin-right: 0.5rem;
  }
  .pop_up-wrap dd:not(now) .dont-show:before {
    border-width: 0.15rem;
  }
  .pop_up-wrap dd.now .dont-show:before {
    background-size: contain;
  }
}

.loading-box {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(#131006, #2E270E, #131006);
  z-index: 200;
}

.spinner {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.spinner .cube1, .spinner .cube2 {
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(#EBCC63, #f1db90);
  animation: cubeAnimat 1.8s infinite ease-in-out;
}

.spinner .cube2 {
  animation-delay: -0.9s;
}

@keyframes cubeAnimat {
  25% {
    transform: translateX(calc(80px - 15px)) rotate(-90deg) scale(0.5);
  }
  50% {
    transform: translateX(calc(80px - 15px)) translateY(calc(80px - 15px)) rotate(-179deg);
  }
  50.1% {
    transform: translateX(calc(80px - 15px)) translateY(calc(80px - 15px)) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(calc(80px - 15px)) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
  }
}

body {
  background-image: linear-gradient(0deg, #203C62 0%, #09141D 100%);
}

.maintain-wrap div:before, .logout-wrap div:before {
  background-image: url(icon_maintenance.svg);
  width: 11.25rem;
  height: 10.3125rem;
}

.logout-wrap div:before {
  background-image: url(../../images/game_hall-desktop/gameType/icon-logout.svg);
  height: 9.875rem;
}

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