@charset "UTF-8";
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
  vertical-align: top;
}

body,
input,
textarea,
select,
button,
table {
  line-height: 1.2;
  font-family: "NotoSansKR", "돋움", Dotum, "굴림", Gulim, Helvetica, arial, snas-serif;
}

img,
fieldset {
  border: 0;
  vertical-align: top;
}

ul,
ol,
li {
  list-style: none;
}

em,
address {
  font-style: normal;
}

a {
  text-decoration: none;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

button {
  cursor: pointer;
}

.blind {
  overflow: hidden;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table tr th,
table tr td {
  text-align: center;
  vertical-align: middle;
}

hr {
  display: none;
}

.ir span {
  display: block;
  overflow: hidden;
  position: relative;
  z-index: -1;
  height: 11px;
}

header,
hgroup,
footer,
section,
article,
nav,
canvas,
figure,
figcaption {
  display: block;
}

/* 'NanumSquare', */
html {
  font-size: 14px;
}

body {
  background: #000;
  width: 100%;
  height: 100%;
  color: #fff;
}

:root {
  /* 스파이더맨 소스(main.psd) 컬러 적용 : 레드 & 블루 & 골드 */
  --cst-default-color: #b70101;
  --cst-second-color: #0335aa;
  --cst-highlight-color: #ffc000;
  --cst-green-color: #27bfe4;
  --cst-contents-bg-bolor: #1e1e1e;
  --cst-block-bg-color: #161616;
  --cst-child-bg-color: #191919;
  --cst-child-child-bg-color: #222222;
  --cst-hypen-color: #aaa;
  --cst-border-color: #303030;
  --cst-scroll-bar-color: #333;
  --cst-scroll-bg-color: #111;
  --cst-gradient-color: linear-gradient(#1450d1, #0a1f66);
  --cst-gradient-hover-color: #12388f;
  --cst-gradient-dark-color: linear-gradient(#1d1d1d, #111);
  --cst-gradient-hover-dark-color: #111;
  --cst-accent-blue-color: #1450d1;
  --cst-accent-blue-hover-color: #2f6ae0;
  --cst-top-height: 94px;
  --cst-menu-height: 42px;
  --cst-blue-color: #0235ab;
  --cst-blue-color1: #0335aa;
  --cst-blue-color2: #000f6d;
  --cst-blue-light-color: #0279d4;
  --cst-blue-light-color1: #1f99f7;
  --cst-blue-green-color: #00929b;
  --cst-blue-green-color1: #01c5cf;
  --cst-red-color: #dc0101;
}

.display-m {
  display: none;
}

.display-m-flex {
  display: none;
}

.w-fit {
  width: fit-content !important;
}

.h-fit {
  height: fit-content !important;
}

.w-full {
  width: 100% !important;
}

.h-20 {
  height: 20px !important;
}

.h-30 {
  height: 30px !important;
}

.color-y {
  color: var(--cst-highlight-color) !important;
}

.color-g {
  color: var(--cst-green-color);
}

.color-d {
  color: var(--cst-default-color) !important;
}

.color-r {
  color: #850202;
}

.color-b {
  color: var(--cst-accent-blue-color) !important;
}

.color-gray {
  color: #bcbaba;
}

.color-rl {
  color: #f47979;
}

.color-r01 {
  color: #b4080e;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.p-5 {
  padding: 5px !important;
}

.pc-3 {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

.pc-5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.pc-10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}

.pc-15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.pc-20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

.pr-3 {
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

.pr-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.pr-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.border-d {
  border-color: var(--cst-default-color) !important;
}

.border-y {
  border-color: #ffc000 !important;
}

.f-11 {
  font-size: 11px !important;
}

.f-12 {
  font-size: 12px !important;
}

.align-center {
  text-align: center;
}

button {
  background: none;
  border: 0;
}

.btn-default {
  --btn-default-color: #000;
  --btn-hover-color: #222;
  --btn-select-color: var(--cst-default-color);
  --btn-border-color: var(--cst-border-color);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  padding: 0 30px;
  border: 1px solid var(--btn-border-color);
  border-radius: 3px;
  background: var(--btn-default-color);
  color: #fff;
  white-space: nowrap;
  gap: 5px;
}
.btn-default:hover {
  background: var(--btn-hover-color);
}
.btn-default.on {
  background: var(--btn-select-color);
}
.btn-default.red {
  --btn-default-color: var(--cst-default-color);
  --btn-hover-color: var(--cst-red-color);
}
.btn-default.blue {
  --btn-default-color: var(--cst-second-color);
  --btn-hover-color: var(--cst-accent-blue-hover-color);
}
.btn-default.blue-green {
  --btn-default-color: var(--cst-blue-green-color);
  --btn-hover-color: var(--cst-blue-green-color1);
}
.btn-default.blue-light {
  --btn-default-color: var(--cst-blue-light-color);
  --btn-hover-color: var(--cst-blue-light-color1);
}
.btn-default.blue-dark {
  --btn-hover-color: var(--cst-blue-light-color1);
  --btn-select-color: var(--cst-blue-color);
}
.btn-default.yellow {
  --btn-default-color: var(--cst-highlight-color);
  --btn-hover-color: #f8cb45;
  color: #121212 !important;
}
.btn-default.inline {
  display: inline-flex;
}

.round {
  border-radius: 99999px;
}

.btn-round {
  border-radius: 36px;
}

.btn-red {
  --btn-default-color: red;
  --btn-border-color: red;
  --btn-hover-color: #b10202;
  --btn-select-color: #b10202;
}

.btn-second {
  --btn-default-color: var(--cst-second-color);
  --btn-hover-color: var(--cst-accent-blue-hover-color);
  --btn-select-color: var(--cst-accent-blue-hover-color);
}

.btn-select {
  --btn-default-color: var(--cst-accent-blue-color);
  --btn-border-color: var(--cst-accent-blue-color);
  --btn-hover-color: var(--cst-accent-blue-hover-color);
  color: #000;
}

.btn-board {
  --btn-default-color: var(--cst-accent-blue-color);
  --btn-hover-color: var(--cst-accent-blue-hover-color);
  --btn-select-color: var(--cst-accent-blue-hover-color);
  --btn-border-color: var(--cst-default-color);
}

.btn-group {
  display: flex;
}
.btn-group .btn-group_item {
  display: flex;
  width: 100%;
  gap: 8px;
}
.btn-group .btn-group_item.right {
  justify-content: flex-end;
}

.btn-wrap {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  overflow-x: auto;
}
.btn-wrap.left {
  justify-content: flex-start;
}
.btn-wrap.right {
  justify-content: flex-end;
}
.btn-wrap.between {
  justify-content: space-between;
}
.btn-wrap.shrink {
  flex-shrink: 0;
  overflow-y: hidden;
  overflow-x: auto;
}

.util-group {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 45px;
  padding: 0 20px;
  background-color: #1e1e1e;
  border: 1px solid var(--cst-border-color);
}
.util-group input[type=date] {
  background-color: transparent;
  border: 0;
  color: #fff;
  color-scheme: dark;
  text-align: center;
  height: 28px;
}
.util-group .btn-default {
  padding: 5px 20px;
}
.util-group .notify {
  font-size: 12px;
  color: #aeaead;
}

.flex-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.flex-box.two-block {
  align-items: flex-start;
}
.flex-box.two-block > div {
  width: calc((100% - 10px) / 2);
}
.flex-box.j-center {
  justify-content: center;
}
.flex-box.j-between {
  justify-content: space-between;
}
.flex-box.align-start {
  align-items: flex-start;
}
.flex-box.g-3 {
  gap: 3px;
}
.flex-box.g-5 {
  gap: 5px;
}
.flex-box.column {
  flex-direction: column;
}

#wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
}

.top-container {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--cst-top-height);
}
.top-container .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
}
.top-container .utils {
  position: relative;
  display: flex;
  align-items: center;
  width: calc(100% - 330px);
  padding-top: 30px;
}
.top-container .utils ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  width: calc(100% - 380px);
}
.top-container .utils ul li a {
  position: relative;
  display: flex;
  align-items: center;
  gap: 4px;
  color: #d3d2d2;
  font-size: 0.92rem;
}
.top-container .utils ul li a .hot {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 16px;
  padding: 0 5px;
  border-radius: 3px;
  background: var(--cst-default-color);
  color: #fff;
  font-size: 0.7rem;
  font-weight: bold;
  top: -18px;
  left: 50%;
  transform: translateX(-50%);
}
.top-container .utils .members {
  display: flex;
  gap: 10px;
}
.top-container .utils .members .btn-default {
  width: 110px;
  height: 30px;
  border-radius: 30px;
  padding: 0;
  font-size: 0.9rem;
}
.top-container .utils .members .btn-default.login {
  --btn-default-color: linear-gradient(to top, #000, #393838);
  --btn-hover-color: #000;
  --btn-border-color: var(--cst-border-color);
}
.top-container .utils .members .btn-default.join {
  --btn-default-color: linear-gradient(to top, var(--cst-default-color), #f53238);
  --btn-hover-color: var(--cst-default-color);
  --btn-border-color: #e71116;
}
.top-container .utils .members .btn-default.none-join {
  --btn-default-color: linear-gradient(to top, var(--cst-second-color), #0b33a3);
  --btn-hover-color: var(--cst-second-color);
  --btn-border-color: #0139bc;
}
.top-container .mobile-ui {
  display: none;
}
.top-container .mobile-ui .left-opener {
  position: absolute;
  left: 15px;
  top: 30px;
  width: 30px;
  height: 20px;
}
.top-container .mobile-ui .left-opener span {
  position: absolute;
  width: 100%;
  height: 2px;
  left: 0;
  top: 0;
  background: #fff;
}
.top-container .mobile-ui .left-opener span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.top-container .mobile-ui .left-opener span:last-child {
  top: 18px;
}
.top-container .mobile-ui .right-opener {
  position: absolute;
  right: 15px;
  width: 30px;
  height: 30px;
  top: 25px;
}
.top-container .mobile-ui .right-opener img {
  width: 100%;
}

.menu-container {
  position: relative;
  width: 100%;
  height: var(--cst-menu-height);
  background: linear-gradient(to right, var(--cst-default-color), var(--cst-second-color));
}
.menu-container ul {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.menu-container ul li {
  position: relative;
  height: 100%;
}
.menu-container ul li.on a {
  color: var(--cst-highlight-color);
}
.menu-container ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.menu-container ul li a:hover {
  color: var(--cst-highlight-color);
}

.contents-wrap {
  --cst-contents-height: calc(100vh - (var(--cst-top-height) + var(--cst-menu-height) + 12px));
  position: relative;
  display: flex;
  height: var(--cst-contents-height);
  overflow: hidden;
  padding-top: 10px;
}
.contents-wrap .contents-wrap__box {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  height: var(--cst-contents-height);
}
.contents-wrap .contents-wrap__box::-webkit-scrollbar {
  width: 2px;
}
.contents-wrap .contents-wrap__box::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.contents-wrap .contents-wrap__box::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.contents-wrap .contents-wrap__box.left {
  width: 300px;
  padding: 0 10px;
  background-color: #000;
}
.contents-wrap .contents-wrap__box.center {
  width: calc(100% - 640px);
}
.contents-wrap .contents-wrap__box.right {
  width: 300px;
  padding: 0 10px;
  background-color: #000;
}
.contents-wrap .contents-wrap__box .main-banner {
  position: relative;
  width: calc(100% - 2px);
  height: calc((100vw - 640px) * 0.25);
  max-height: 316px;
  overflow: hidden;
  border: 1px solid var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .main-banner .main-banner__slider {
  width: 100%;
}
.contents-wrap .contents-wrap__box .main-banner .main-banner__slider img {
  position: absolute;
  width: 100%;
}
.contents-wrap .contents-wrap__box .main-banner .main-banner__dots {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  width: 100%;
  height: 10px;
  bottom: 20px;
  z-index: 10;
}
.contents-wrap .contents-wrap__box .main-banner .main-banner__dots button {
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: var(--cst-default-color);
  font-size: 0;
}
.contents-wrap .contents-wrap__box .main-banner .main-banner__dots button.on {
  background: var(--cst-highlight-color);
}
.contents-wrap .contents-wrap__box .jackpot {
  --jk-scale: 1.2;
  position: relative;
  width: calc(100% - 2px);
  overflow: hidden;
  margin-top: 10px;
  border: 1px solid var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .jackpot .img-bg {
  width: 100%;
}
.contents-wrap .contents-wrap__box .jackpot ul {
  position: absolute;
  left: 29%;
  top: 50%;
  width: 515px;
  font-size: 0;
  overflow: hidden;
  height: 68px;
  transform-origin: 0 0;
  transform: scale(var(--jk-scale)) translateY(-50%);
}
.contents-wrap .contents-wrap__box .jackpot ul li {
  position: relative;
  display: inline-block;
  width: 14px;
  height: 80px;
  margin-top: -12px;
}
.contents-wrap .contents-wrap__box .jackpot ul li.number {
  width: 41px;
  background: url(../img/jackpot_count_bg.png) no-repeat;
  margin: -6px 1px 0;
}
.contents-wrap .contents-wrap__box .jackpot ul li img {
  position: absolute;
  left: 0;
  top: 0;
}
.contents-wrap .contents-wrap__box .main-boards {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 30px 10px;
  margin-top: 30px;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item {
  position: relative;
  width: calc((100% - 10px) / 2);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-head {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 48px;
  border-radius: 6px;
  background: linear-gradient(to right, rgba(0, 0, 0, 0), var(--cst-default-color) 5%, var(--cst-second-color));
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-head .title {
  display: flex;
  align-items: center;
  gap: 5px;
  width: calc(100% - 116px);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-head .title dt {
  font-size: 1.1rem;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-head .title dd {
  color: #9a9999;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-head a {
  display: block;
  width: 47px;
  font-size: 0.9rem;
  color: #fff;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list {
  width: calc(100% - 10px);
  height: 275px;
  padding: 0 5px;
  overflow: auto;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list::-webkit-scrollbar {
  width: 2px;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list .board-list__item {
  position: relative;
  height: 54px;
  border-bottom: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list .board-list__item a {
  display: flex;
  align-items: center;
  gap: 20px;
  width: calc(100% - 20px);
  height: 100%;
  color: #fff;
  padding: 0 10px;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-list .board-list__item a:hover {
  background-color: var(--cst-child-child-bg-color);
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-table table tr th {
  font-size: 0.9rem;
  color: #ffb2b2;
  height: 44px;
  background-color: #320000;
}
.contents-wrap .contents-wrap__box .main-boards .main-boards__item .board-table table tr td {
  font-size: 0.9rem;
  height: 36px;
  background-color: #111111;
  border-bottom: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .center-banner {
  position: relative;
  display: flex;
  gap: 5px;
  width: 100%;
  margin-top: 30px;
}
.contents-wrap .contents-wrap__box .center-banner a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  width: calc((100% - 20px) / 5);
}
.contents-wrap .contents-wrap__box .center-banner a img {
  width: calc(100% - 2px);
  border: 1px solid var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .center-banner a span {
  font-size: 0.9rem;
  color: #a4a3a3;
  text-align: center;
}
.contents-wrap .contents-wrap__box .left-menu {
  background: url(../img/menu_bg_gray.png) no-repeat center center;
  background-size: 100% 100%;
}
.contents-wrap .contents-wrap__box .left-menu ul {
  display: flex;
  flex-wrap: wrap;
}
.contents-wrap .contents-wrap__box .left-menu ul li {
  position: relative;
  width: calc(33.3% - 2px);
  height: 40px;
  border: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .left-menu ul li:nth-child(1) a, .contents-wrap .contents-wrap__box .left-menu ul li:nth-child(2) a, .contents-wrap .contents-wrap__box .left-menu ul li:nth-child(3) a {
  background: url(../img/menu_bg_red.png) no-repeat center center;
  background-size: 100% 100%;
}
.contents-wrap .contents-wrap__box .left-menu ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.contents-wrap .contents-wrap__box .search-box {
  margin-top: 10px;
  border: 1px solid var(--cst-border-color);
  background-color: #141414;
  padding: 5px;
}
.contents-wrap .contents-wrap__box .search-box .search-box__item {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contents-wrap .contents-wrap__box .search-box .search-box__item:nth-child(1) {
  margin-bottom: 5px;
  border-bottom: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .search-box .search-box__item input {
  width: 220px;
  height: 30px;
  margin-right: 5px;
  text-align: center;
  font-size: 0.92rem;
  background: none;
  border: 0;
}
.contents-wrap .contents-wrap__box .game-list {
  --gl-hypen-width: 5px;
  margin-top: 10px;
  border: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item {
  border-bottom: 1px solid var(--cst-border-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item:last-child {
  border: 0;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .ico {
  width: 20px;
  text-align: center;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .ico img {
  width: 100%;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .flag {
  position: relative;
  width: 20px;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .flag img {
  width: 100%;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .name {
  font-size: 1rem;
  font-weight: 500;
  color: #fff;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .cnt {
  position: absolute;
  right: 20px;
  font-size: 1rem;
  font-weight: 500;
  text-align: right;
  color: var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .game-label {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 40px;
  padding: 0 20px;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .country-label {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 35px;
  padding: 0 20px 0 40px;
  margin-top: 1px;
  background-color: var(--cst-child-bg-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .country-label::before {
  position: absolute;
  content: "";
  width: var(--gl-hypen-width);
  height: 1px;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--cst-hypen-color);
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .league-list__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 32px;
  padding: 0 20px 0 50px;
  margin-top: 1px;
  background-color: var(--cst-child-child-bg-color);
  cursor: pointer;
}
.contents-wrap .contents-wrap__box .game-list .game-list__item .league-list__item::before {
  position: absolute;
  content: "";
  width: var(--gl-hypen-width);
  height: 1px;
  left: 35px;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--cst-hypen-color);
}
.contents-wrap .contents-wrap__box .popular-wrap {
  margin-top: 10px;
}
.contents-wrap .contents-wrap__box .popular-wrap .popular-head {
  display: flex;
  gap: 5px;
  font-size: 1rem;
  font-weight: 500;
  color: var(--cst-default-color);
  padding: 10px;
}
.contents-wrap .contents-wrap__box .popular-wrap .popular-game .popular-game__item {
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 3px;
  border: 1px solid var(--cst-border-color);
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .popular-wrap .popular-game .popular-game__item .time {
  color: #fff;
  margin-right: 10px;
}
.contents-wrap .contents-wrap__box .popular-wrap .popular-game .popular-game__item .teams {
  display: flex;
  flex-direction: column;
  gap: 5px;
  color: #fff;
  margin-left: 30px;
}
.contents-wrap .contents-wrap__box .popular-wrap .popular-game .popular-game__item .teams .team_name {
  display: flex;
  align-items: center;
  gap: 10px;
}
.contents-wrap .contents-wrap__box .login-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contents-wrap .contents-wrap__box .login-box input {
  width: calc(100% - 32px);
  border-color: var(--cst-default-color);
  padding: 0 15px;
  height: 40px;
  color: #767676;
  border-radius: 3px;
}
.contents-wrap .contents-wrap__box .login-box button {
  border: 1px solid var(--cst-default-color);
  padding: 0 15px;
  height: 40px;
  border-radius: 3px;
  color: #fff;
}
.contents-wrap .contents-wrap__box .login-box button.btn-submit {
  background-image: var(--cst-gradient-color);
}
.contents-wrap .contents-wrap__box .login-box button.btn-join {
  background-image: var(--cst-gradient-dark-color);
}
.contents-wrap .contents-wrap__box .info-box .info-user {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 5px;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .info-box .info-user .level {
  font-size: 1rem;
}
.contents-wrap .contents-wrap__box .info-box .info-user .user {
  font-size: 1rem;
  font-weight: 500;
  color: var(--cst-highlight-color);
}
.contents-wrap .contents-wrap__box .info-box .info-status {
  position: relative;
  margin-top: 1px;
  padding: 0 5px;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .info-box .info-status .info-status__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  height: 34px;
  color: #fff;
}
.contents-wrap .contents-wrap__box .info-box .info-status .info-status__item .state {
  position: absolute;
  right: 5px;
  text-align: right;
}
.contents-wrap .contents-wrap__box .info-box .btn-set {
  position: relative;
  display: flex;
  gap: 10px;
  padding: 10px 0;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .info-box .btn-set a {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border: 1px solid var(--cst-border-color);
  border-radius: 6px;
  background-color: var(--cst-default-color);
  color: #fff;
  font-size: 0.9rem;
  width: calc(100% - 22px);
  height: 36px;
}
.contents-wrap .contents-wrap__box .betting-cart {
  margin-top: 10px;
  padding: 10px 5px;
  background-color: var(--cst-block-bg-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-head {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 0.7rem;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-head .title {
  font-size: 1rem;
  font-weight: bold;
  color: var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-head .delete-btn {
  position: absolute;
  right: 5px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-head .delete-btn button {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #fff;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-top: 10px;
  min-height: 80px;
  max-height: 212px;
  overflow: auto;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list::-webkit-scrollbar {
  width: 2px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 10px;
  background-color: #000;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item .no-data {
  text-align: center;
  padding: 20px 0;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item button.btn-close {
  position: absolute;
  font-size: 0;
  width: 15px;
  height: 15px;
  transform: rotate(45deg);
  right: 10px;
  top: 10px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item button.btn-close::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 15px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ff0000;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item button.btn-close::after {
  position: absolute;
  content: "";
  width: 15px;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #ff0000;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item .league {
  font-size: 0.9rem;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item .result {
  position: relative;
  padding-right: 55px;
  color: #0435a9;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-list .betting-list__item .result .rate {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 24px;
  border-radius: 5px;
  background-color: var(--cst-highlight-color);
  right: 0;
  bottom: 0;
  color: #000;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money {
  margin-top: 10px;
  padding: 0 5px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-input {
  display: flex;
  align-items: center;
  gap: 2px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-input dt {
  width: 70px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-input dt button {
  margin-top: 3px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-input .ipt-box {
  display: flex;
  align-items: center;
  gap: 5px;
  width: calc(100% - 92px);
  height: 28px;
  padding: 0 5px;
  margin-left: 10px;
  border: 1px solid var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-input .ipt-box input {
  border: 0;
  width: 88%;
  height: 24px;
  background: none;
  color: #fff;
  font-size: 1rem;
  text-align: right;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-money-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-money-btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #000;
  border: 1px solid var(--cst-default-color);
  border-radius: 5px;
  font-size: 0.85rem;
  color: #fff;
  width: calc((100% - 10px) / 3);
  height: 28px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-money-btns button:hover {
  color: #000;
  background: var(--cst-highlight-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-money .betting-money-btns button:last-child {
  width: 100%;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-info {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-info .betting-info__item {
  display: flex;
  align-items: center;
  padding: 0 10px;
  height: 38px;
  border: 1px solid var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-info .betting-info__item dt {
  width: 40%;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-info .betting-info__item dd {
  width: 60%;
  text-align: right;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 7px);
  height: 50px;
  border: 1px solid var(--cst-border-color);
  border-radius: 8px;
  font-size: 1.1rem;
  color: #fff;
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns button:first-child {
  background: linear-gradient(to right, var(--cst-default-color), var(--cst-second-color));
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns button:first-child:hover {
  background: var(--cst-default-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns button:last-child {
  background: var(--cst-gradient-dark-color);
}
.contents-wrap .contents-wrap__box .betting-cart .betting-btns button:last-child:hover {
  background: var(--cst-gradient-hover-dark-color);
}
.contents-wrap .contents-wrap__box .right-banner {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}
.contents-wrap .contents-wrap__box .right-banner a {
  display: block;
  width: calc(100% - 6px);
  border: 3px solid var(--cst-blue-color1);
  border-radius: 2px;
}
.contents-wrap .contents-wrap__box .right-banner a img {
  width: 100%;
}
.contents-wrap .contents-wrap__box .footer-container {
  text-align: center;
  margin-top: 30px;
  padding-top: 25px;
  padding-bottom: 60px;
  background-color: var(--cst-contents-bg-bolor);
}
.contents-wrap .contents-wrap__box .footer-container .clients {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.contents-wrap .contents-wrap__box .footer-container .footer-logo {
  margin-top: 25px;
}
.contents-wrap .contents-wrap__box .footer-container .copyright {
  margin-top: 20px;
  color: #898989;
}
.contents-wrap .contents-wrap__box .contents-head {
  position: relative;
  width: calc(100% - 20px);
  height: 56px;
  text-align: center;
  line-height: 56px;
  margin: 10px auto;
  background-color: #282828;
}
.contents-wrap .contents-wrap__box .contents-head p {
  font-size: 1.2rem;
  font-weight: 500;
  color: #fff;
}
.contents-wrap .contents-wrap__box .sub-twin-conts {
  position: relative;
  display: flex;
  gap: 10px;
  height: 100%;
  overflow: hidden;
}
.contents-wrap .contents-wrap__box .sub-twin-conts .twin-conts__item {
  position: relative;
  width: calc((100% - 10px) / 2 - 20px);
  height: 100%;
  padding: 0 10px 30px;
  overflow: auto;
  background-color: var(--cst-contents-bg-bolor);
}
.contents-wrap .contents-wrap__box .sub-twin-conts .twin-conts__item .game-menu {
  position: relative;
  width: 100%;
  height: 85px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}
.contents-wrap .contents-wrap__box .sub-twin-conts .twin-conts__item .game-menu .game-menu__item {
  display: inline-block;
  width: 70px;
  height: 85px;
}
.contents-wrap .contents-wrap__box .sub-twin-conts .twin-conts__item .game-menu .game-menu__item a {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.sub-contents-wrap {
  position: relative;
  width: calc(100% - 20px);
  padding: 0 10px 40px 10px;
}
.sub-contents-wrap.two-sides {
  display: flex;
  gap: 10px;
  height: var(--cst-contents-height);
  overflow: hidden;
  padding-bottom: 0;
}
.sub-contents-wrap.two-sides .two-sides__item {
  position: relative;
  width: calc((100% - 10px) / 2);
  height: calc(100% - 10px);
  overflow: auto;
  padding-bottom: 10px;
}
.sub-contents-wrap.two-sides .two-sides__item .provision_wrap img {
  width: 100%;
}

.tab {
  position: relative;
}
.tab.block-2 ul li {
  width: calc(50% - 5px);
}
.tab ul {
  position: relative;
  display: flex;
  gap: 10px;
  width: 100%;
}

.imgboard-conts {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.imgboard-conts .imgboard-conts__item {
  position: relative;
  width: calc((100% - 26px) / 3);
  max-width: 198px;
}
.imgboard-conts .imgboard-conts__item .img-box {
  position: relative;
  width: calc(100% - 2px);
  border: 1px solid transparent;
  border-image: linear-gradient(to right, var(--cst-default-color), var(--cst-second-color));
  border-image-slice: 1;
}
.imgboard-conts .imgboard-conts__item .img-box img {
  width: 100%;
}
.imgboard-conts .imgboard-conts__item .label-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 36px;
  background: #161616;
  color: #fff;
}

.imgboard-viewer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.imgboard-viewer img {
  width: 100%;
  max-width: fit-content;
}

.table-collapse.memo .head-box span.title {
  width: calc(70% - 30px);
}
.table-collapse .head-box {
  display: flex;
  background: var(--cst-second-color);
}
.table-collapse .head-box span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 1.1rem;
  font-weight: bold;
  height: 40px;
}
.table-collapse .head-box span.checker {
  width: 5%;
}
.table-collapse .head-box span.number {
  width: 5%;
}
.table-collapse .head-box span.date {
  width: 20%;
}
.table-collapse .head-box span.status {
  width: 15%;
}
.table-collapse .head-box span.title {
  width: calc(60% - 30px);
  padding: 0 15px;
}
.table-collapse .table-conts .table-conts__item {
  border-bottom: 1px solid #2f2f2f;
}
.table-collapse .table-conts .table-conts__item.open .context-box {
  display: block;
}
.table-collapse .table-conts .table-conts__item:nth-child(2n) {
  background: #161616;
}
.table-collapse .table-conts .table-conts__item .head-box {
  background: none;
}
.table-collapse .table-conts .table-conts__item .head-box button {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
}
.table-collapse .table-conts .table-conts__item .head-box span {
  font-size: 1rem;
  font-weight: normal;
}
.table-collapse .table-conts .table-conts__item .context-box {
  display: none;
  border-top: 1px solid #2f2f2f;
  padding: 15px 20% 15px 10%;
  text-align: center;
}
.table-collapse .table-conts .table-conts__item .context-box.full {
  padding: 20px;
}
.table-collapse .table-conts .table-conts__item .context-box .context-head {
  display: flex;
  align-items: center;
  gap: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--cst-border-color);
}

.table-box {
  position: relative;
  width: 100%;
  overflow-x: auto;
}
.table-box table {
  position: relative;
}
.table-box table:not(.fix) {
  min-width: 500px;
}
.table-box table.tbp-5 th,
.table-box table.tbp-5 td {
  padding: 0 5px;
}
.table-box table tr {
  border-bottom: 1px solid #2f2f2f;
}
.table-box table tr:nth-child(2n) td {
  background: #161616;
}
.table-box table tr th {
  height: 40px;
  text-align: center;
  vertical-align: middle;
  background: var(--cst-blue-color2);
}
.table-box table tr td {
  height: 40px;
  text-align: center;
  vertical-align: middle;
}
.table-box table tr td .rank {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.table-box table.row-two tr th {
  border-right: 1px solid #2f2f2f;
}
.table-box table.row-two tr td {
  border-right: 1px solid #2f2f2f;
  background: unset !important;
}
.table-box table.row-two thead tr:first-child th:last-child {
  border-right: 0;
}
.table-box table.row-two tbody tr:nth-child(4n+3),
.table-box table.row-two tbody tr:nth-child(4n) {
  background: #161616;
}
.table-box table.row-two tbody tr:nth-child(2n+1) td:last-child {
  border-right: 0;
}
.table-box table.dark tr th {
  background: linear-gradient(to top, #000, #181818);
}
.table-box table.dark tr td {
  background: #191919;
}
.table-box table.border {
  border: 1px solid var(--cst-border-color);
}
.table-box table.border tr th,
.table-box table.border tr td {
  border: 1px solid var(--cst-border-color);
}

.write-box .write-box__item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 22px);
  padding: 10px;
  border: 1px solid var(--cst-border-color);
  background: var(--cst-block-bg-color);
  margin-bottom: 10px;
}
.write-box .write-box__item dt {
  width: 60px;
  text-align: center;
}
.write-box .write-box__item dd {
  width: calc(100% - 70px);
}
.write-box .write-box__item input {
  width: calc(100% - 40px);
  padding: 0 15px;
  background: none;
  border: 0;
  height: 30px;
  color: #fff;
}
.write-box .write-box__item textarea {
  width: calc(100% - 40px);
  padding: 15px;
  background: none;
  border: 0;
  resize: none;
  height: 250px;
  color: #fff;
}

.bank-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.bank-box .bank-box__item {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid var(--cst-border-color);
}
.bank-box .bank-box__item dt {
  display: flex;
  justify-content: center;
  width: 96px;
  height: 100%;
  background-color: #090909;
}
.bank-box .bank-box__item dd {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 106px);
  height: calc(100% - 10px);
  padding: 5px 10px;
  min-height: 36px;
  background-color: #1e1e1e;
}
.bank-box .bank-box__item dd span {
  display: block;
}
.bank-box .bank-box__item dd input[type=text],
.bank-box .bank-box__item dd input[type=password] {
  width: calc(100% - 30px);
  padding: 0 15px;
  height: 30px;
  border: 0;
  margin-top: 8px;
}
.bank-box .bank-box__item dd .bank-price-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 8px;
}
.bank-box .bank-box__item dd .bank-price-btns button {
  width: calc((100% - 10px) / 3);
}
.bank-box .bank-box__item dd .select-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.bank-box .bank-box__item dd .select-group li label {
  display: flex;
  gap: 8px;
}
.bank-box .bank-box__item dd .select-group li label span em {
  display: block;
}
.bank-box .bank-box__item dd .howto {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.bank-box .bank-box__item dd .howto li {
  list-style: decimal;
  margin-left: 15px;
  line-height: 1.3rem;
}

.bank-info img {
  width: 100%;
}

.rolling-state {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.rolling-state .rolling-state__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  width: calc((100% - 82px) / 6);
  min-width: 72px;
  padding: 10px 5px;
  background-color: #090909;
  border: 1px solid var(--cst-border-color);
  border-radius: 10px;
}
.rolling-state .rolling-state__item span {
  font-size: 11px;
}
.rolling-state .rolling-state__item span.label {
  font-size: 10px;
}
.rolling-state .rolling-state__item span.rate {
  font-size: 13px;
  font-weight: 700;
  color: var(--cst-highlight-color);
}

.visual-head {
  width: calc(100% - 2px);
  border: 1px solid transparent;
  border-image: linear-gradient(to right, var(--cst-default-color), var(--cst-second-color));
  border-image-slice: 1;
}
.visual-head img {
  width: 100%;
}

.tropy-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.tropy-head .tropy-head__item {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.tropy-head .tropy-head__item.right span:last-child {
  color: #aaa9a9;
}
.tropy-head .tropy-head__item .tropy-title {
  display: flex;
  align-items: flex-end;
  gap: 3px;
}
.tropy-head .tropy-head__item .tropy-title .title-txt {
  display: flex;
  align-items: flex-end;
  gap: 10px;
}
.tropy-head .tropy-head__item .tropy-title .title-txt .tit {
  font-size: 24px;
  font-weight: 900;
  line-height: 22px;
  color: var(--cst-highlight-color);
  -webkit-text-stroke: 1px var(--cst-highlight-color);
  text-shadow: -2px -2px 0 var(--cst-second-color), 2px -2px 0 var(--cst-second-color), -2px 2px 0 var(--cst-second-color), 2px 2px 0 var(--cst-second-color);
}

.money-move {
  --btn-width: calc((100% - 15px) / 4 - 2px);
  position: relative;
  width: 96%;
  max-width: 640px;
  margin: 24px auto 48px;
}
.money-move p {
  text-align: center;
  margin-bottom: 15px;
}
.money-move .input-box {
  display: flex;
  gap: 5px;
  margin-top: 20px;
}
.money-move .input-box input {
  width: calc(100% - (var(--btn-width) + 39px));
  height: 36px;
  border: 0;
  padding: 0 15px;
}
.money-move .input-box button {
  width: calc(var(--btn-width) + 4px);
  padding: 0;
}
.money-move .money-btns {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 5px;
}
.money-move .money-btns a {
  width: var(--btn-width);
  padding: 0;
}

.card-menus {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 20px;
  margin-top: 25px;
}
.card-menus a {
  display: block;
  width: calc((100% - 120px) / 7);
}
.card-menus a img {
  width: 100%;
}

.tree-box.open > .tree-box__list {
  display: block;
}
.tree-box .tree-box__item {
  cursor: pointer;
}
.tree-box .tree-box__list {
  display: none;
}

.img-banner {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 96%;
  margin: 10px auto 0;
}
.img-banner.left-banner a:nth-child(4), .img-banner.left-banner a:nth-child(5), .img-banner.left-banner a:nth-child(6) {
  border-color: var(--cst-blue-color);
}
.img-banner a {
  display: inline-block;
  width: calc(100% - 2px);
  border: 1px solid var(--cst-border-color);
}
.img-banner a img {
  width: 100%;
}

.roulette-box {
  --conts-width: min(1920px, 100vw);
  position: relative;
  width: 100%;
  height: calc((var(--conts-width) - 640px) * 0.62);
  background: #111;
  overflow: hidden;
  margin: 10px 0;
}

.paging {
  margin-top: 30px;
}
.paging ul {
  position: relative;
  width: 100%;
  font-size: 0;
  text-align: center;
}
.paging ul li {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
  margin: 0 3px;
  border: 0;
  padding: 0;
}
.paging ul li.num.on a {
  background: var(--cst-second-color);
}
.paging ul li a {
  display: block;
  width: 100%;
  height: 100%;
  color: #ddd;
  font-size: 14px;
  line-height: 28px;
  font-weight: bold;
  background: #303b43;
  border-radius: 3px;
}

.bet_wrap {
  position: relative;
}
.bet_wrap .bet_box .bet_header {
  background: #fff;
  white-space: nowrap;
}
.bet_wrap .bet_box .bet_header span {
  color: #000;
}
.bet_wrap .bet_box .bet_header span.ico::before {
  display: none;
}
.bet_wrap .bet_box .bet_list {
  position: relative;
  padding-bottom: 10px;
}
.bet_wrap .bet_box .bet_list .list_header {
  position: relative;
  display: flex;
  margin: 8px 0;
  font-size: 0;
  height: 35px;
  background: #000;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 15px;
}
.bet_wrap .bet_box .bet_list .bet_locker {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 10;
  display: none;
}
.bet_wrap .bet_box .bet_list .bet_locker img {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -31px;
  margin-top: -31px;
}
.bet_wrap .bet_box .bet_list ul {
  position: relative;
}
.bet_wrap .bet_box .bet_list ul li {
  position: relative;
  display: flex;
  width: calc(100% - 10px);
  padding: 0 5px;
}
.bet_wrap .bet_box.disabled .bet_list .bet_locker {
  display: block;
}
.bet_wrap .bet_box .status_box {
  position: relative;
  width: calc(100% - 2px);
  padding: 15px 0;
  border: 1px solid #898989;
  background: #0c0f12;
}
.bet_wrap .bet_box .status_box .info_wrap {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 105px);
  max-width: 790px;
  padding-left: 30px;
}
.bet_wrap .bet_box .status_box input[type=checkbox] {
  margin: 0 20px;
  width: 16px;
  height: 16px;
  border: 1px solid #505050;
  background: #b5b5b6;
  vertical-align: middle;
}
.bet_wrap .bet_box .status_box span {
  color: #fec300;
  font-size: 13px;
}
.bet_wrap .bet_box .status_box span.bet_time {
  color: #fff;
}
.bet_wrap .bet_box .status_box span.rate {
  color: #fff;
}
.bet_wrap .bet_box .status_box span.result {
  position: absolute;
  width: 70px;
  text-align: center;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.bet_wrap .bet_box .bet_list ul li span.team {
  width: 40%;
}

.bet_wrap .bet_box .bet_list ul li span.draw {
  width: 15%;
}

.bet_wrap .bet_box .bet_list ul li span.team .team_name {
  width: 78%;
}

.bet_wrap .bet_box .bet_list ul li span.team .rate {
  width: 22%;
}

.bet_wrap .bet_box .bet_list ul li span.team {
  width: 100%;
}

.bet_wrap .bet_box .bet_list ul li span .ico {
  margin: 0 5px 0;
  vertical-align: middle;
}

.bet_wrap .bet_box .bet_list ul li span.team .team_name {
  width: 78%;
}

.bet_wrap .bet_box .bet_list ul li span.team {
  width: 100%;
}

.bet_wrap .bet_box .bet_list ul li span.team .team_name {
  width: 78%;
}

.bet_wrap .bet_box .bet_list ul li span.team strong {
  font-size: 14px;
  margin-right: 10px;
}

.bet_wrap .bet_box .bet_list ul li span .ico {
  margin: 0;
  vertical-align: middle;
}

.bet_wrap .bet_box .bet_list .score {
  width: 128px;
  text-align: center;
  color: #fec300;
}

.bet_wrap .bet_box .bet_list {
  padding: 1px 0;
  background: #161c22;
}

.bet_wrap .bet_box .bet_list ul li {
  position: relative;
  margin-bottom: 3px;
  display: flex;
}

.bet_wrap .bet_box .bet_list ul li:last-child {
  margin-bottom: 0;
}

.bet_wrap .bet_box .bet_list ul li span {
  position: relative;
  display: flex;
  font-size: 14px;
  color: #fff;
  padding: 10px 0;
  align-items: center;
  justify-content: center;
}

.bet_wrap .bet_box .bet_list ul li span.date {
  text-align: center;
  color: #778eb2;
}

.bet_wrap .bet_box .bet_list ul li span.team {
  cursor: pointer;
  border-radius: 3px;
  background: linear-gradient(#515151, #3d3d3d);
  box-shadow: inset -1px 2px 2px rgba(255, 255, 255, 0.3);
}

.bet_wrap .bet_box .bet_list ul li span.team em {
  position: relative;
  display: inline-block;
}

.bet_wrap .bet_box .bet_list ul li span.team em:last-child {
  text-align: right;
}

.bet_wrap .bet_box .bet_list ul li span.draw {
  cursor: pointer;
  border-radius: 3px;
  background: linear-gradient(#515151, #3d3d3d);
  box-shadow: inset -1px 2px 2px rgba(255, 255, 255, 0.3);
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.team:not(.none, .on):hover,
.bet_wrap .bet_box .bet_list ul li span.draw:not(.none, .on):hover {
  background: linear-gradient(#212121, #0f0f0f);
}

.bet_wrap .bet_box .bet_list ul li span.team.on,
.bet_wrap .bet_box .bet_list ul li span.draw.on {
  background: #fec300;
  color: #000;
}

.bet_wrap .bet_box .bet_list ul li span.on .rate {
  color: #000;
}

.bet_wrap .bet_box .bet_list ul li span .rate {
  color: #fec300;
}

.bet_wrap .bet_box .bet_list ul li span.betting {
  text-align: center;
  color: #fec300;
}

.bet_wrap .bet_box .bet_list ul li span .ico {
  margin: 1px 5px 0;
}

.bet_wrap .bet_box .bet_list ul li span.date {
  width: 13.5%;
}

.bet_wrap .bet_box .bet_list ul li span.team {
  width: 30%;
  padding: 10px 1.5%;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
}

.bet_wrap .bet_box .bet_list ul li span.team .team_name {
  width: 83%;
}

.bet_wrap .bet_box .bet_list ul li span.team .rate {
  width: 17%;
}

.bet_wrap .bet_box .bet_list ul li span.draw {
  width: 9.2%;
  border: 1px solid #000;
  margin: 0 2px;
}

.bet_wrap .bet_box .bet_list ul li span.betting {
  width: calc(10.9% - 6px);
}

.bet_wrap .bet_header span {
  line-height: 28px;
  margin-left: 30px;
}

.bet_wrap .bet_box .list_header {
  display: flex;
  width: 100%;
  height: 36px;
  background: #0c0f12;
}

.bet_wrap .bet_box .list_header span {
  position: relative;
  display: inline-block;
  line-height: 36px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  color: #fec300;
}

.bet_wrap .bet_box .list_header span.league {
  width: calc(13.5% - 10px);
  padding: 0 5px;
}

.bet_wrap .bet_box .list_header span.team {
  width: 30%;
  padding: 0 1.5%;
}

.bet_wrap .bet_box .list_header span.draw {
  width: 9%;
  margin: 0 2px;
}

.bet_wrap .bet_box .list_header span.score {
  width: 60px;
}

.bet_wrap .bet_box .list_header span.result {
  width: 70px;
}

.bet_wrap .bet_box .list_header span.league input {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 15px;
  top: 10px;
}

.bet_wrap .bet_box .bet_list ul {
  padding: 10px 0;
}

.bet_wrap .bet_box .list_header span.draw {
  width: 6%;
}

.bet_wrap .bet_box .bet_list ul li span.draw {
  width: 6%;
}

.bet_wrap .bet_box .list_header span.game_time {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.game_time {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.league {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.type {
  width: 150px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.score {
  width: 70px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.result {
  width: 70px;
  text-align: center;
  font-weight: bold;
}

.bet_wrap .bet_box .list_header {
  display: flex;
  width: 100%;
  height: 36px;
  background: #0c0f12;
}

.bet_wrap .bet_box .list_header span {
  position: relative;
  display: inline-block;
  line-height: 36px;
  font-size: 13px;
  color: #fff;
  text-align: center;
  font-size: 15px;
  color: #fec300;
}

.bet_wrap .bet_box .list_header span.league {
  width: calc(13.5% - 10px);
  padding: 0 5px;
}

.bet_wrap .bet_box .list_header span.team {
  width: 30%;
  padding: 0 1.5%;
}

.bet_wrap .bet_box .list_header span.draw {
  width: 9%;
  margin: 0 2px;
}

.bet_wrap .bet_box .list_header span.score {
  width: 60px;
}

.bet_wrap .bet_box .list_header span.result {
  width: 70px;
}

.bet_wrap .bet_box .list_header span.league input {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 15px;
  top: 10px;
}

.bet_wrap .bet_box .bet_list {
  background: #11151a;
}

.bet_wrap .bet_box .bet_list ul {
  padding: 10px 0;
}

.bet_wrap .bet_box .list_header span.draw {
  width: 6%;
}

.bet_wrap .bet_box .bet_list ul li span.draw {
  width: 6%;
}

.bet_wrap .bet_box .list_header span.game_time {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.game_time {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.league {
  width: calc(13.5% - 10px);
  padding: 0 5px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.type {
  width: 150px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.score {
  width: 70px;
  text-align: center;
}

.bet_wrap .bet_box .bet_list ul li span.result {
  width: 70px;
  text-align: center;
  font-weight: bold;
}

.bet_wrap .bet_box .status_box {
  position: relative;
  width: calc(100% - 2px);
  padding: 15px 0;
  border: 1px solid #898989;
  background: #0c0f12;
}

.bet_wrap .bet_box .status_box .info_wrap {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 105px);
  max-width: 790px;
  padding-left: 30px;
}

.bet_wrap .bet_box .status_box input[type=checkbox] {
  margin: 0 20px;
  width: 16px;
  height: 16px;
  border: 1px solid #505050;
  background: #b5b5b6;
  vertical-align: middle;
}

.bet_wrap .bet_box .status_box span {
  color: #fec300;
  font-size: 13px;
}

.bet_wrap .bet_box .status_box span.bet_time {
  color: #fff;
}

.bet_wrap .bet_box .status_box span.rate {
  color: #fff;
}

.bet_wrap .bet_box .status_box span.result {
  position: absolute;
  width: 70px;
  text-align: center;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
}

.minigame-tab {
  position: relative;
  width: 100%;
  background: var(--cst-block-bg-color);
}
.minigame-tab.g-list {
  margin-top: 10px;
}
.minigame-tab.g-list ul li {
  height: 38px;
}
.minigame-tab.g-list ul li.on {
  border-color: var(--cst-border-color);
  background: #000;
}
.minigame-tab.g-list ul li:hover {
  background: var(--cst-block-bg-color);
}
.minigame-tab ul {
  display: flex;
  width: 100%;
}
.minigame-tab ul li {
  display: block;
  width: 100%;
  height: 48px;
  border: 1px solid var(--cst-border-color);
}
.minigame-tab ul li.on {
  border-color: var(--cst-highlight-color);
  background: var(--cst-second-color);
}
.minigame-tab ul li.on a {
  color: var(--cst-highlight-color);
}
.minigame-tab ul li:hover {
  background: var(--cst-second-color);
}
.minigame-tab ul li:hover a {
  color: var(--cst-highlight-color);
}
.minigame-tab ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  width: 100%;
  height: 100%;
}

.minigame-box {
  display: flex;
  gap: 10px;
  margin-top: 10px;
  height: 800px;
}
.minigame-box .g-area {
  width: calc((100% - 10px) * 0.625);
  height: 100%;
  background: var(--cst-block-bg-color);
}
.minigame-box .g-betboard {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc((100% - 10px) * 0.375);
  height: 100%;
  overflow: auto;
  background: var(--cst-block-bg-color);
}
.minigame-box .g-betboard::-webkit-scrollbar {
  width: 2px;
}
.minigame-box .g-betboard::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.minigame-box .g-betboard::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.minigame-box .g-betboard .bettingPanels {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.minigame-box .g-betboard .panels {
  display: flex;
  justify-content: space-between;
  gap: 5px;
}
.minigame-box .g-betboard .panels.status .panel {
  height: 26px;
}
.minigame-box .g-betboard .panels.three_panels .panel:first-child {
  width: 40%;
}
.minigame-box .g-betboard .panels.three_panels .panel:not(:first-child) {
  width: calc((60% - 10px) / 2);
}
.minigame-box .g-betboard .panels.three_panels .panel:not(:first-child) dd {
  width: 100%;
}
.minigame-box .g-betboard .panels.three_panels .panel .betBox .rate {
  width: 30px;
}
.minigame-box .g-betboard .panels.three_panels .panel .betBox .betting {
  width: calc(100% - 35px);
  padding-right: 5px;
}
.minigame-box .g-betboard .panels.three_panels .panel .betBox .betting .betCircle {
  width: 34px;
  height: 34px;
  border-radius: 34px;
}
.minigame-box .g-betboard .panels.three_panels .panel .betBox .betting .betCircle.blue_border {
  width: 32px;
  height: 32px;
}
.minigame-box .g-betboard .panels.three_panels .panel .betBox .betting .betCircle.red_border {
  width: 32px;
  height: 32px;
}
.minigame-box .g-betboard .panels .gboardBtn {
  border: 1px solid #686868;
  background: #111;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  width: 100%;
  height: 40px;
}
.minigame-box .g-betboard .panels .gboardBtn.on {
  color: #000;
  background: linear-gradient(to left, #b37e10 20%, #fdf1a4);
}
.minigame-box .g-betboard .panels .panel {
  position: relative;
  display: flex;
  width: 100%;
  height: 46px;
  border: 1px solid #686868;
}
.minigame-box .g-betboard .panels .panel.on dt {
  color: #000;
  background: #ffd800;
}
.minigame-box .g-betboard .panels .panel dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28%;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background: #222222;
  border-right: 1px solid #686868;
}
.minigame-box .g-betboard .panels .panel dd {
  position: relative;
  width: calc(72% - 1px);
  height: 100%;
  background: #111;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.minigame-box .g-betboard .panels .panel .betBox {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  background: #111;
}
.minigame-box .g-betboard .panels .panel .betBox .rate {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
}
.minigame-box .g-betboard .panels .panel .betBox .betting {
  display: flex;
  justify-content: flex-end;
  gap: 4px;
  width: calc(100% - 50px);
  padding-right: 10px;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 38px;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle.blue_bg {
  background: #004eff;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle.red_bg {
  background: #ff0000;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle.green_bg {
  background: #01a205;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle.blue_border {
  width: 36px;
  height: 36px;
  border: 1px solid #004eff;
}
.minigame-box .g-betboard .panels .panel .betBox .betting .betCircle.red_border {
  width: 36px;
  height: 36px;
  border: 1px solid #ff0000;
}
.minigame-box .g-betboard .panels .panel .panelock {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  background-image: url(../img/ico_lock.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.left-title {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 30px;
}
.left-title span {
  font-size: 1rem;
  color: var(--cst-highlight-color);
}

.tab-menu {
  display: flex;
  align-items: center;
  gap: 5px;
}
.tab-menu .btn-default {
  --btn-hover-color: var(--cst-blue-color1);
  --btn-select-color: var(--cst-blue-color1);
}

.vote-list {
  display: none;
  flex-wrap: wrap;
  gap: 5px;
  padding: 10px 0 30px;
}
.vote-list.active {
  display: flex;
}
.vote-list.end .vote-list__item a,
.vote-list.end .vote-list__item button {
  filter: grayscale(1);
}
.vote-list .vote-list__item {
  width: calc((100% - 5px) / 2);
}
.vote-list .vote-list__item.open .vote-vonts {
  display: block;
}
.vote-list .vote-list__item a,
.vote-list .vote-list__item button {
  display: block;
  width: calc(100% - 2px);
  border: 1px solid var(--cst-border-color);
}
.vote-list .vote-list__item a img,
.vote-list .vote-list__item button img {
  width: 100%;
}
.vote-list .vote-list__item .vote-vonts {
  display: none;
  padding: 10px;
  background-color: #161616;
  border: 1px solid var(--cst-border-color);
  border-top: 0;
  text-align: center;
}

.calendarBox {
  position: relative;
  margin-top: 30px;
}
.calendarBox ul {
  position: relative;
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}
.calendarBox ul li {
  position: relative;
  display: block;
  width: calc((100% - 74px) / 7);
  height: 120px;
  border: 1px solid var(--cst-border-color);
}
.calendarBox ul li dt {
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  font-weight: bold;
  background: #191919;
  color: #fff;
}
.calendarBox ul li dd {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: calc(100% - 30px);
}
.calendarBox ul li dd img {
  width: 80%;
  max-width: fit-content;
}
.calendarBox ul.weekLabels li {
  height: 40px;
  line-height: 40px;
  text-align: center;
  border: 0;
  color: #fff;
  width: calc((100% - 60px) / 7);
}

.calendarCtrl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}
.calendarCtrl a {
  font-size: 16px;
  font-weight: 700;
  color: #ddd;
}
.calendarCtrl a:hover {
  color: var(--cst-highlight-color);
}
.calendarCtrl p {
  font-size: 35px;
  font-weight: 900;
  color: var(--cst-highlight-color);
}

.score-box {
  position: relative;
  height: 75px;
  background-color: #1e1e1e;
  border: 1px solid var(--cst-border-color);
}
.score-box dl {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.score-box dl > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 33.3%;
}
.score-box dl > div dt {
  font-size: 13px;
  color: #a9a9a9;
}
.score-box dl > div dd {
  font-size: 20px;
  color: var(--cst-highlight-color);
}

.virtual-box {
  position: relative;
  display: flex;
  gap: 10px;
  width: 100%;
  height: 370px;
}
.virtual-box .virtual-menu {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: calc(24% - 5px);
  height: 100%;
}
.virtual-box .virtual-menu .virtual-menu__item {
  position: relative;
  width: 100%;
  height: calc((100% - 30px) / 4);
}
.virtual-box .virtual-menu .virtual-menu__item button {
  --btn-hover-color: #640215;
  --btn-select-color: #640215;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  padding: 0;
  flex-direction: column;
  gap: 5px;
}
.virtual-box .virtual-screen {
  position: relative;
  width: calc(76% - 7px);
  height: calc(100% - 2px);
  border: 1px solid var(--cst-border-color);
  background-color: #121212;
  overflow: hidden;
}

.vitual-bettings {
  position: relative;
  display: flex;
  gap: 10px;
  margin-top: 10px;
}
.vitual-bettings .vitual-bet-box {
  position: relative;
  width: calc(50% - 5px);
}
.vitual-bettings .vitual-bet-box .bet-tabs {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: calc(100% - 2px);
  height: 40px;
  border: 1px solid var(--cst-border-color);
  background-color: #141414;
}
.vitual-bettings .vitual-bet-box .bet-tabs button {
  padding: 0 15px;
  height: 100%;
  color: #fff;
}
.vitual-bettings .vitual-bet-box .bet-tabs button.on, .vitual-bettings .vitual-bet-box .bet-tabs button:hover {
  color: var(--cst-highlight-color);
}
.vitual-bettings .vitual-bet-board {
  position: relative;
  width: calc(50% - 5px);
}
.vitual-bettings .vitual-bet-board .board-tabs {
  display: flex;
}
.vitual-bettings .vitual-bet-board .board-tabs button {
  height: 42px;
}
.vitual-bettings .vitual-bet-board .board-table {
  margin-top: 5px;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item {
  position: relative;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item::-webkit-scrollbar {
  width: 2px;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item.show {
  display: block;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item table thead tr {
  border: 1px solid #2c2c2c;
  background-color: #000;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item table tbody tr {
  border: 1px solid #2c2c2c;
  background-color: #161616;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item table tr {
  height: 34px;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item table tr th {
  text-align: center;
  vertical-align: middle;
}
.vitual-bettings .vitual-bet-board .board-table .board-table__item table tr td {
  text-align: center;
  vertical-align: middle;
}

.betting-block_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 5px;
}
.betting-block_wrap::-webkit-scrollbar {
  width: 2px;
}
.betting-block_wrap::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.betting-block_wrap::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.betting-block_wrap .bet-list__item {
  position: relative;
  width: calc(100% - 2px);
  border: 1px solid var(--cst-border-color);
}
.betting-block_wrap .bet-list__item .list-head {
  display: flex;
  align-items: center;
  gap: 10px;
  width: calc(100% - 20px);
  height: 34px;
  padding: 0 10px;
  background-color: var(--cst-default-dark-color);
}
.betting-block_wrap .bet-list__item .bet-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.betting-block_wrap .bet-list__item .bet-head span {
  font-size: 13px;
}
.betting-block_wrap .bet-list__item .bet-head .close-time {
  padding: 3px 10px;
  border-radius: 3px;
  background-color: var(--cst-second-color);
}
.betting-block_wrap .bet-list__item .bet-cont {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  background-color: #141414;
}
.betting-block_wrap .bet-list__item .bet-cont .rank-box {
  display: flex;
  align-items: center;
  gap: 10px;
}
.betting-block_wrap .bet-list__item .bet-cont .rank-box .rank {
  width: 22px;
  text-align: center;
}
.betting-block_wrap .bet-list__item .bet-cont .rank-box .name {
  width: calc(100% - 122px);
}
.betting-block_wrap .bet-list__item .bet-cont .rank-box button {
  width: 80px;
  height: 36px;
  padding: 0;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .team-box {
  position: relative;
  width: 40%;
  height: 80px;
  display: flex;
  flex-direction: column;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .team-box .team-box__item {
  position: relative;
  display: flex;
  align-items: center;
  gap: 5px;
  height: 50%;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .team-box .team-box__item .team-logo {
  position: relative;
  width: 45px;
  height: 50%;
  text-align: center;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .team-box .team-box__item .team-logo img {
  height: 100%;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box {
  position: relative;
  width: 60%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box .vs-box__item {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  width: 100%;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box .vs-box__item .label {
  width: 100px;
  text-align: right;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box .vs-box__item button {
  align-items: center;
  justify-content: center;
  gap: 2px;
  width: 60px;
  height: 46px;
  padding: 0;
  min-width: unset;
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box .vs-box__item button:disabled {
  color: var(--cst-color-yellow);
}
.betting-block_wrap .bet-list__item .bet-cont .bet-box .vs-box .vs-box__item button span {
  display: inline-block;
}

.betting-block {
  position: relative;
  display: flex;
  gap: 5px;
  width: 100%;
}
.betting-block span {
  display: inline-block;
}
.betting-block span.s-block {
  background: linear-gradient(to top, #161616, #2a2a2a);
}
.betting-block .btn-default {
  --btn-default-color: linear-gradient(to top, #161616, #2a2a2a);
  --btn-hover-color: linear-gradient(to top, #222, #333);
  --btn-select-color: linear-gradient(to top, #6a0101, #bd0101);
  padding: 0;
}
.betting-block .s-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 15%;
  height: 42px;
  border: 1px solid var(--cst-border-color);
  font-size: 12px;
}
.betting-block .l-block {
  display: flex;
  justify-content: space-between;
  width: calc((70% - 15px) / 2);
  height: 42px;
  padding: 0 10px !important;
  font-size: 12px;
}
.betting-block .o-block {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
  height: 42px;
  padding: 0 10px !important;
  font-size: 12px;
}
.betting-block .e-block {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 30px);
  height: 42px;
  padding: 0 10px !important;
  font-size: 12px;
  letter-spacing: -0.5px;
}
.betting-block .m-block {
  display: flex;
  justify-content: space-between;
  width: calc((85% - 30px) / 2);
  height: 42px;
  padding: 0 10px !important;
  font-size: 12px;
}
.betting-block .rate {
  display: flex;
  align-items: center;
  gap: 3px;
}
.betting-block .label {
  position: relative;
  max-width: 50%;
  overflow-x: hidden;
  text-overflow: ellipsis;
}

.close-cover {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.8);
}
.close-cover span {
  color: var(--cst-default-color);
}

.sports-menu {
  position: relative;
  display: flex;
  height: 80px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 5px;
}
.sports-menu::-webkit-scrollbar {
  height: 10px;
}
.sports-menu::-webkit-scrollbar-thumb {
  background: var(--cst-scroll-bar-color);
}
.sports-menu::-webkit-scrollbar-track {
  background: var(--cst-scroll-bg-color);
}
.sports-menu a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  width: 80px;
  height: 80px;
  gap: 5px;
  white-space: nowrap;
}
.sports-menu a img {
  height: 40px;
  width: auto;
}
.sports-menu a.on, .sports-menu a:hover {
  background-color: var(--cst-default-color);
}

.sports-bonus-box {
  padding: 10px 5px;
  background-color: #1e1e1e;
  border: 1px solid var(--cst-border-color);
}
.sports-bonus-box button {
  display: block;
  padding: 0 10px;
  max-width: 320px;
  width: calc((100% - 10px) / 3);
}
.sports-bonus-box button span {
  color: var(--cst-default-color);
}

.betting-option {
  display: none;
}
.betting-option .vs-box {
  display: flex;
  justify-content: space-between;
  height: 82px;
  border-radius: 10px;
  background: url(../img/bet_opt_vs_bg.png) no-repeat center center;
}
.betting-option .vs-box .vs-box__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 180px;
}
.betting-option .vs-box .vs-box__item .team {
  display: flex;
  justify-content: center;
  align-items: center;
}

.live-betbox {
  position: relative;
  display: flex;
  flex-direction: column;
  width: calc(100% - 12px);
  height: 140px;
  padding: 5px;
  background-position: center center;
  background-repeat: no-repeat;
}
.live-betbox.soccer {
  background-image: url(../img/live_betbg_soccer.png);
}
.live-betbox.basketball {
  background-image: url(../img/live_betbg_basketball.png);
}
.live-betbox.baseball {
  background-image: url(../img/live_betbg_baseball.png);
}
.live-betbox.volleyball {
  background-image: url(../img/live_betbg_volleyball.png);
}
.live-betbox.iceharkey {
  background-image: url(../img/live_betbg_iceharkey.png);
}
.live-betbox .match-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 98px;
}
.live-betbox .match-box .teams {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 30%;
}
.live-betbox .match-box .teams .flag {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.live-betbox .match-box .score-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
  height: 36px;
  border: 1px solid var(--cst-highlight-color);
  border-radius: 5px;
  background-color: #000;
  color: var(--cst-highlight-color);
}
.live-betbox .match-box .deco {
  width: 32px;
}

.screen-box {
  position: relative;
  width: 100%;
  height: 518px;
  overflow: hidden;
  background-color: #222;
}

.formBox {
  position: relative;
  width: calc(100% - 40px);
  background: var(--cst-bg-panel);
  padding: 0 20px 20px;
}
.formBox.mypage .notify {
  margin-left: 30px;
}
.formBox.usdt ul li dt {
  width: 200px;
}
.formBox ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.formBox ul li {
  display: flex;
  flex-direction: column;
}
.formBox ul li dt {
  font-size: 14px;
  color: #ddd;
}
.formBox ul li dd {
  display: flex;
  gap: 5px;
  width: 100%;
}
.formBox ul li dd input {
  width: calc(100% - 105px);
  height: 34px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--cst-border-color);
}
.formBox ul li dd select {
  width: calc(100% - 105px);
  height: 34px;
  padding: 0 10px;
  border-radius: 3px;
  font-size: 14px;
  background: #fff;
  border: 1px solid var(--cst-border-color);
}
.formBox ul li dd textarea {
  width: calc(100% - 105px);
  height: 140px;
  padding: 10px;
  border-radius: 3px;
  font-size: 14px;
  resize: none;
  background: #fff;
  border: 1px solid var(--cst-border-color);
}
.formBox ul li dd .cashBtnSet {
  display: flex;
  gap: 4px;
}
.formBox ul li dd .notify {
  font-size: 12px;
  margin-top: 5px;
}
.formBox .btn-default {
  width: 100px;
  padding: 0;
}

.submitBtns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}

.popContainer {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99999;
  overflow-y: auto;
}
.popContainer.open {
  display: block;
}
.popContainer .popBox {
  display: none;
  position: absolute;
  left: 50%;
  top: 50px;
  transform: translateX(-50%);
  border: 1px solid var(--cst-border-color);
  border-radius: 20px;
  background-color: #191919;
  overflow: hidden;
}
.popContainer .popBox.mem {
  background: none;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.2) 30%, rgba(0, 0, 0, 0.2) 70%, rgba(255, 255, 255, 0.5)), url(../img/form_pop_bg.png);
  background-position: left top;
  background-repeat: no-repeat;
}
.popContainer .popBox.open {
  display: block;
}
.popContainer .popBox .form-head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  padding: 50px 0 20px;
}
.popContainer .popBox .form-head p {
  font-size: 16px;
  color: #ddd;
}
.popContainer .popBox .pop-head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  background: linear-gradient(to right, var(--cst-default-color), var(--cst-second-color));
}
.popContainer .popBox .pop-head p {
  font-size: 24px;
  font-weight: 900;
  color: #fff;
}
.popContainer .popBox .slot-thums {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  padding: 50px 30px;
  width: calc(100vw - 120px);
  max-width: 1200px;
}
.popContainer .popBox .slot-thums a {
  position: relative;
  display: block;
}
.popContainer .popBox .slot-thums a span {
  position: absolute;
  width: calc(100% - 20px);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  left: 0;
  bottom: 0;
  text-align: center;
}
.popContainer .popBox .go-login {
  margin-top: 15px;
  font-size: 15px;
  font-weight: 500;
  text-align: center;
  color: var(--cst-text-gray);
}
.popContainer .popBox .go-login a {
  color: var(--cst-default-light-color);
}
.popContainer .popBox .formBox ul li dt {
  width: 110px;
}
.popContainer .popBox .default-btn {
  height: 32px;
  font-size: 14px;
  width: 110px;
}
.popContainer .popBox .closer {
  position: absolute;
  right: 15px;
  top: 10px;
}
.popContainer .popBox .closer button {
  background: none;
  border: 0;
}
.popContainer .popBox input {
  width: 350px;
}
.popContainer .popBox select {
  width: 372px;
}
.popContainer .popBox .login-forms {
  display: flex;
  flex-direction: column;
  gap: 6px;
  padding: 0 25px 20px;
  width: calc(100vw - 90px);
  max-width: 280px;
}
.popContainer .popBox .login-forms input {
  width: calc(100% - 5px);
  height: 32px;
  text-align: center;
}
.popContainer .popBox .login-forms .btn-default {
  width: calc(100% - 62px);
}
.popContainer .popBox .login-forms .btn-default.tele {
  gap: 5px;
  background: none;
  color: #27a6e5;
  border-color: #27a6e5;
}
.popContainer .popBox .login-forms .btn-default.tele img {
  height: 70%;
}

.mainPopContainer {
  position: fixed;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  z-index: 99999;
}
.mainPopContainer .popBox {
  display: inline-block;
  min-width: 200px;
  min-height: 300px;
  border: 1px solid var(--cst-default-color);
  margin: 10px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.8), -5px -5px 20px rgba(0, 0, 0, 0.8);
}
.mainPopContainer .popBox .conts {
  width: 100%;
  min-height: 275px;
  background: var(--cst-bg);
}
.mainPopContainer .popBox .conts img {
  width: 100%;
}
.mainPopContainer .popBox .pop_utills {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 35px;
  background: var(--cst-bg-dark);
  padding: 0 10px;
}
.mainPopContainer .popBox .pop_utills label {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mainPopContainer .popBox .pop_utills label input {
  width: 16px;
  height: 16px;
}
.mainPopContainer .popBox .pop_utills label span {
  color: #ddd;
}
.mainPopContainer .popBox .pop_utills button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  background: none;
  border: 0;
  color: #999;
}
.mainPopContainer .popBox .pop_utills button:hover {
  color: #fff;
}

.bet-info {
  display: flex;
  align-items: center;
  gap: 10px;
  height: 35px;
  padding: 0 20px;
  background: linear-gradient(to top, #000, #222);
  border: 1px solid var(--cst-border-color);
  border-top: 0;
}

.wallet-info {
  padding: 10px 0;
}
.wallet-info input {
  width: calc(100% - 35px) !important;
  background-color: #090909;
  border: 1px solid var(--cst-border-color) !important;
  margin-top: 0 !important;
  color: #fff;
}

.coin-type {
  display: flex !important;
  justify-self: center;
  align-items: center;
  width: fit-content;
  padding: 0 10px;
  height: 30px;
  border-radius: 15px;
  background-color: var(--cst-blue-color);
  border: 1px solid var(--cst-border-color);
}

ul.vote-selector {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 10px;
}
ul.vote-selector li {
  position: relative;
  width: calc((100% - 20px) / 5);
  height: 40px;
  padding: 0 10px;
  border: 1px solid #575757;
  border-radius: 8px;
  box-sizing: border-box;
  background: linear-gradient(to top, #000 60%, #393838);
}
ul.vote-selector li label {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.vote-info {
  padding: 30px;
  margin-top: 20px;
  border: 1px solid #2f2f2f;
  background-color: #161616;
  text-align: center;
}

@media (max-width: 1600px) {
  .contents-wrap .contents-wrap__box .center-banner {
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
  }
  .contents-wrap .contents-wrap__box .center-banner a {
    width: calc((100% - 20px) / 3 - 2px);
  }
  .minigame-tab ul {
    flex-wrap: wrap;
  }
  .minigame-tab ul li {
    width: calc((100% - 12px) / 5);
  }
  .minigame-tab.bl-2 ul li {
    width: calc((100% - 5px) / 2);
  }
  .minigame-tab.bl-3 ul li {
    width: calc((100% - 12px) / 3);
  }
  .minigame-tab.bl-4 ul li {
    width: calc((100% - 8px) / 4);
  }
}
@media (max-width: 1460px) {
  .contents-wrap .contents-wrap__box .main-boards {
    flex-direction: column;
  }
  .contents-wrap .contents-wrap__box .main-boards .main-boards__item {
    width: 100%;
  }
  .tropy-head .tropy-head__item.right {
    flex-direction: column;
    gap: 3px;
  }
  .tropy-head .tropy-head__item.right span {
    font-size: 11px;
  }
  .tropy-head .tropy-head__item .tropy-title {
    align-items: center;
    gap: 10px;
  }
  .tropy-head .tropy-head__item .tropy-title .title-txt {
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
  }
  .tropy-head .tropy-head__item .tropy-title .title-txt span {
    font-size: 11px;
  }
  .tropy-head .tropy-head__item .tropy-title .title-txt .tit {
    font-size: 18px;
    line-height: 16px;
  }
  .sub-contents-wrap.two-sides {
    flex-direction: column;
  }
  .sub-contents-wrap.two-sides .two-sides__item {
    width: 100%;
  }
  .card-menus a {
    width: calc((100% - 100px) / 6);
  }
}
@media (max-width: 1280px) {
  .display-pc {
    display: none;
  }
  .display-flex {
    display: none;
  }
  .display-m {
    display: block;
  }
  .display-m-flex {
    display: flex;
  }
  .menu-container {
    display: none;
  }
  .top-container .logo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
  }
  .top-container .logo a {
    position: relative;
    height: 100%;
  }
  .top-container .logo a img {
    height: 100%;
  }
  .top-container .utils {
    display: none;
  }
  .top-container .mobile-ui {
    display: block;
  }
  .contents-wrap {
    --cst-contents-height: calc(100vh - var(--cst-top-height));
    padding-top: 0;
  }
  .contents-wrap .contents-wrap__box.left {
    position: absolute;
    left: 0;
    z-index: 30;
    transform: translateX(-110%);
    transition: all 0.3s ease-in-out;
  }
  .contents-wrap .contents-wrap__box.left.open {
    transform: translateX(0);
  }
  .contents-wrap .contents-wrap__box.center {
    width: 100%;
  }
  .contents-wrap .contents-wrap__box.right {
    position: absolute;
    right: 0;
    z-index: 30;
    transform: translateX(110%);
    transition: all 0.3s ease-in-out;
  }
  .contents-wrap .contents-wrap__box.right.open {
    transform: translateX(0);
  }
  .contents-wrap .contents-wrap__box .main-banner {
    height: 25vw;
  }
  .footer-container .footer-logo img {
    width: 150px;
  }
  .imgboard-conts.block-2 {
    gap: 10px;
  }
  .imgboard-conts.block-2 .imgboard-conts__item {
    width: 100%;
  }
  .imgboard-conts .imgboard-conts__item {
    width: calc((100% - 5px) / 2);
  }
  .table-collapse .head-box span.number {
    display: none;
  }
  .table-collapse .head-box span.title {
    width: calc(65% - 30px);
  }
  .table-collapse .table-conts .table-conts__item {
    border-bottom: 1px solid #2f2f2f;
  }
  .table-collapse .table-conts .table-conts__item.open .context-box {
    display: block;
  }
  .table-collapse .table-conts .table-conts__item:nth-child(2n) {
    background: #161616;
  }
  .table-collapse .table-conts .table-conts__item .head-box {
    background: none;
  }
  .table-collapse .table-conts .table-conts__item .head-box button {
    color: #fff;
    font-size: 1rem;
    font-weight: normal;
  }
  .table-collapse .table-conts .table-conts__item .head-box span {
    font-size: 1rem;
    font-weight: normal;
  }
  .table-collapse .table-conts .table-conts__item .context-box {
    display: none;
    border-top: 1px solid #2f2f2f;
    padding: 15px 30% 15px 10%;
  }
  .btn-default {
    padding: 0 15px;
  }
  .minigame-box {
    flex-direction: column;
    height: 800px;
  }
  .minigame-box .g-area {
    width: 100%;
    height: 50%;
  }
  .minigame-box .g-betboard {
    width: 100%;
    height: 50%;
  }
}
@media (max-width: 768px) {
  .contents-wrap .contents-wrap__box .center-banner a {
    width: calc((100% - 10px) / 2 - 2px);
  }
  .vote-list {
    flex-direction: column;
  }
  .vote-list .vote-list__item {
    width: 100%;
  }
  .table-box table tr th {
    font-size: 11px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    background: var(--cst-blue-color2);
  }
  .table-box table tr td {
    font-size: 11px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
  }
  .table-box table tr td .rank {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  .table-box table.row-two tr th {
    border-right: 1px solid #2f2f2f;
  }
  .table-box table.row-two tr td {
    border-right: 1px solid #2f2f2f;
    background: unset !important;
  }
  .table-box table.row-two thead tr:first-child th:last-child {
    border-right: 0;
  }
  .table-box table.row-two tbody tr:nth-child(4n+3),
  .table-box table.row-two tbody tr:nth-child(4n) {
    background: #161616;
  }
  .table-box table.dark tr th {
    background: linear-gradient(to top, #000, #181818);
  }
  .table-box table.dark tr td {
    background: #191919;
  }
  .table-box table.border {
    border: 1px solid var(--cst-border-color);
  }
  .table-box table.border tr th,
  .table-box table.border tr td {
    border: 1px solid var(--cst-border-color);
  }
  .table-collapse .head-box span {
    font-size: 12px;
    height: 30px;
  }
  .table-collapse .table-conts .table-conts__item .head-box button {
    font-size: 12px;
  }
  .table-collapse .table-conts .table-conts__item .head-box span {
    font-size: 12px;
  }
  .calendarBox ul {
    position: relative;
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .calendarBox ul li {
    width: calc((100% - 74px) / 7);
    height: 80px;
  }
  .calendarBox ul li dt {
    font-size: 13px;
  }
  .calendarBox ul.weekLabels li {
    height: 30px;
    line-height: 30px;
    font-size: 13px;
  }
  .calendarCtrl {
    gap: 20px;
  }
  .calendarCtrl a {
    font-size: 14px;
  }
  .calendarCtrl p {
    font-size: 25px;
  }
  .betting-block {
    position: relative;
    display: flex;
    gap: 5px;
    width: 100%;
  }
  .betting-block .btn-default {
    --btn-default-color: linear-gradient(to top, #161616, #2a2a2a);
    --btn-hover-color: linear-gradient(to top, #222, #333);
    --btn-select-color: linear-gradient(to top, #6a0101, #bd0101);
    padding: 0;
  }
  .betting-block .s-block {
    font-size: 11px;
  }
  .betting-block .l-block {
    font-size: 11px;
  }
  .betting-block .o-block {
    font-size: 11px;
  }
  .betting-block .e-block {
    font-size: 11px;
  }
  .betting-block .m-block {
    font-size: 11px;
  }
  .betting-block .rate {
    font-size: 11px;
  }
  .live-betbox .match-box .teams {
    font-size: 11px;
  }
  .live-betbox .match-box .score-box {
    font-size: 13px;
  }
  .card-menus a {
    width: calc((100% - 40px) / 3);
  }
  .vitual-bettings {
    flex-direction: column;
  }
  .vitual-bettings .vitual-bet-box {
    width: 100%;
  }
  .vitual-bettings .vitual-bet-board {
    width: 100%;
  }
  .vitual-bettings .vitual-bet-board .board-table .board-table__item table tr th {
    font-size: 12px;
  }
  .vitual-bettings .vitual-bet-board .board-table .board-table__item table tr td {
    font-size: 12px;
  }
  .flex-box.two-block {
    flex-direction: column;
  }
  .flex-box.two-block > div {
    width: 100%;
  }
}