/* PC 기본 배치·로그인·스포츠 스타일. 공통 테마와 style_sub.css보다 먼저 적용합니다. */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/NanumGothic-Regular.eot");
  src: url("/fonts/NanumGothic-Regular.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-Regular.woff2") format('woff2'), url("/fonts/NanumGothic-Regular.woff") format('woff'), url("/fonts/NanumGothic-Regular.ttf") format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/NanumGothic-Bold.eot");
  src: url("/fonts/NanumGothic-Bold.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-Bold.woff2") format('woff2'), url("/fonts/NanumGothic-Bold.woff") format('woff'), url("/fonts/NanumGothic-Bold.ttf") format('truetype');
}

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url("/fonts/NanumGothic-ExtraBold.eot");
  src: url("/fonts/NanumGothic-ExtraBold.eot?#iefix") format('embedded-opentype'), url("/fonts/NanumGothic-ExtraBold.woff2") format('woff2'), url("/fonts/NanumGothic-ExtraBold.woff") format('woff'), url("/fonts/NanumGothic-ExtraBold.ttf") format('truetype');
}

@font-face {
  font-family: 'S-CoreDream-3Light';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'GmarketSans';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap');

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
button {
  margin: 0;
  padding: 0;
  font: inherit;
  vertical-align: baseline;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: 0;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.0rem;
  box-sizing: border-box;
  list-style: none;
  font-style: normal;
  font-family: Noto Sans KR, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table caption {
  display: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ellipsis {
  display: inline-block;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}

.ui-tooltip {
  background: #ffd424 !important;
  color: #000 !important;
  font-weight: 600 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

html {
  background-color: #000000;
  height: calc(100% - 126px);
  color: #ddd;
  font-size: 13px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-size: 0.65em;
}

html,
body {
  height: 100%;
}

body {
  height: calc(100% - 126px);
  color: #ddd;
  font-size: 13px;
  font-family: S-CoreDream-3Light;
}

[ng\:cloak],
[ng-cloak],
[data-ng-cloak],
[x-ng-cloak],
.ng-cloak,
.x-ng-cloak {
  display: none !important;
}

img {
  vertical-align: middle;
}

.container {
  position: relative;
  width: 100%;
  margin: 0 auto;
}

a,
button {
  color: #ccc;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

a:hover,
button:hover {
  color: #fff;
}

header {
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
  -webkit-box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.6);
  background-color: #000000;
  background-position: -0px -230px;
  z-index: 300;
}

header nav {
  margin-top: 25px;
  height: 70px;
  background: #000000;
}

.box_user_info {
  padding: 15px 15px 20px;
}

.user_detail {
  display: flex;
  justify-content: space-between;
}

.user_detail>div:first-of-type {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 20px;
}

.user_detail>div:first-of-type i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 76px;
  height: 76px;
  background: #1b1b23;
  border-radius: 100%;
  color: #fff;
  overflow: hidden;
}

.user_detail>div:first-of-type i img {
  width: 68px;
  height: 68px;
}

.user_detail>div:first-of-type em {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  background: #fff;
  border-radius: 14px;
  color: #000;
  margin-top: -12px;
}

.user_detail>div:nth-of-type(2) {
  width: calc(100% - 96px);
}

.user_name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.user_name a {
  align-items: center;
}

.user_name a span {
  color: #ff9710;
  font-size: 1.5rem;
  text-decoration: none;
  padding-bottom: 2px;
}

.user_name a i {
  color: #ff9710;
  font-size: 1.6rem;
  margin-right: 5px;
  text-decoration: none !important;
}

.user_detail ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
}

.user_detail ul li em,
.user_detail ul li span {
  color: #fff;
  font-size: 1.3rem;
}

.user_detail ul li button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #24242c;
  cursor: pointer;
}

.user_detail ul li button em {
  text-decoration: none;
}

.user_detail ul li button em strong {
  display: inline-block;
  font-weight: 300;
  font-size: 1.3rem;
  background: #ff4200;
  border-radius: 2px;
  padding: 3px 3px 4px;
  margin: 1px 0 0 5px;
}

.user_detail ul li button span {
  text-decoration: none;
}

header .user_coupon,
header .user_qna,
header .user_memo {
  color: #fff200;
}

header .n_top {
  position: relative;
  height: 51px;
  border-bottom: 1px solid rgba(0, 0, 0, .3);
  background: #27272f;
  width: 100%;
  margin-top: 0px;
  color: #ffffff;
  font-family: 'GmarketSans';
  font-weight: 400;
  font-size: 14px;
}

header .n_left {
  position: absolute;
  margin-top: 200px;
  left: 0;
  top: 0;
  z-index: 99;
  max-width: 300px;
  width: 300px;
  height: 2000px;
  background: #24242c;
}

header .n_mid {
  width: 100%;
  position: relative;
  line-height: 70px;
  margin: 0 auto;
  flex: 1;
}

header .n_right {
  position: absolute;
  margin-top: 200px;
  right: 0;
  top: 0;
  z-index: 99;
  max-width: 300px;
  width: 300px;
  height: 2000px;
  background: #24242c;
}

header .n_footer {
  width: 100%;
  background: url(/images/bg_lnb.jpg) center top no-repeat;
  background-size: 100% 100%;
  position: relative;
  line-height: 62px;
  margin-top: 0px;
}

header .gnb {
  color: #ffffff;
  line-height: 35px;
  margin: 0 auto;
  background: linear-gradient(to right,#001846 0%,#2c426c 50%, #001846 100%);
  width: 100%;
}

header .gnb2 {
  background: #092e44;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  margin-bottom: 10px;
}

header .gnb .title {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 167px;
  z-index: 2;
  background: #464547;
}

header .gnb #rolling-wrap {
  width: 1178px;
  height: 40px;
  line-height: 40px;
  position: relative;
  overflow: hidden;
}

header .gnb #rolling-wrap p {
  position: absolute;
  left: 1160px;
  overflow: hidden;
  white-space: nowrap;
}

header .gnb .rolling-img {
  margin: 4px 10px 0px 20px;
  float: left;
}

header .info {
  height: 36px;
  line-height: 36px;
  background: #010101;
  opacity: 0.9;
}

header .info .right {
  float: right;
}

header .info .userid {
  color: #51b2dc;
  font-weight: 600;
}

header .info .logout {
  display: inline-block;
  background: #565658;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 40px;
  color: #fff;
}

header .info .logout:hover {
  background: #d40;
}

header .info .qna {
  margin-left: 40px;
  background: url("/images/icon_qna.png") left center no-repeat;
  padding-left: 24px;
  background-size: contain;
}

header .info .qna em {
  color: #51b2dc;
}

header .info .memo {
  margin-left: 40px;
  background: url("/images/icon_memo.png") left center no-repeat;
  padding-left: 22px;
  background-size: contain;
}

header .info .memo em {
  color: #51b2dc;
}

header .info .money {
  background: url("/images/icon_money.png") left center no-repeat;
  padding-left: 18px;
  background-size: contain;
}

header .info .money em {
  color: #ee5f5b;
}

header .info .point {
  margin-left: 40px;
  background: url("/images/icon_point.png") left center no-repeat;
  padding-left: 18px;
  background-size: contain;
}

header .info .point em {
  color: #ee5f5b;
}

header .info .exchange {
  display: inline-block;
  background: #565658;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 20px;
  color: #fff;
}

header .info .exchange:hover {
  background: #06a;
}

header .logo {
  position: absolute;
  left: 20px;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all .3s;
}

header .logo img {
  height: 36px;
}

header .nav {
  display: grid;
  height: 50px;
}

header .nav .gnb {
  display: table;
  table-layout: fixed;
  width: 100%;
}

header .nav .gnb>li {
  display: table-cell;
}

header .nav #lotto-bul {
  display: block;
  position: absolute;
  padding: 0;
  margin: 0;
  left: 10px;
  top: -10px;
  width: 20px;
  height: 20px;
}

header .nav #lotto-bul a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #dc0405;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
}

header .nav li {
  color: #0f0f0f;
  float: left;
  position: relative;
  display: block;
  background: transparent;
}

header .nav li ul.sub {
  display: none;
  padding-top: 10px;
  background: #0a0908;
  position: absolute;
  width: 120%;
  left: -10px;
  z-index: 2;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  border: 1px solid;
  border-color: #69a0ea;
}

header .nav li ul.sub li {
  float: none;
  border-bottom: solid 1px #363537;
}

header .nav li ul.sub li a {
  color: #ffffff;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border: none;
  height: 32px;
  line-height: 32px;
}

header .nav li a {
  display: block;
  padding: 0px 16px;
  font-family: 'GmarketSans';
  font-weight: 700;
  font-size: 20px;
  line-height: 65px;
  margin-top: 4px;
  height: 60px;
  color: #ffffff;
  text-shadow: 2px 0 3px rgba(0,0,0,0.4);
  transition: all 0.5s;
  text-align: center;
}

header .nav li.on>a,
header .nav li.on:hover>a {
  background: rgba(0, 0, 0, 0.1);
  color: #ffffff;
  border-bottom-color: #ffffff;
}

header .nav li:hover>a {
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  color: #00ffde;
  border-bottom-color: #727272;
  border-radius: 5px;
}

header .nav li.gnb-btn a {
  color: #fff;
  border: solid 1px rgba(255, 255, 255, 0.3);
  margin: 12px 0 0 6px;
  padding: 0 30px;
  border-radius: 5px;
  height: 26px;
  line-height: 24px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  font-size: 14px;
}

header .nav li.gnb-btn-img {
  margin: 12px 0 0 6px;
  height: 26px;
}

header .nav li.gnb-btn a.gnb-deposit {
  margin-left: 60px;
  background: #63a001;
}

header .nav li.gnb-btn a.gnb-deposit:hover {
  background: #538601;
}

header .nav li.gnb-btn a.gnb-withdraw {
  background: #dc0405;
}

header .nav li.gnb-btn a.gnb-withdraw:hover {
  background: #b90304;
}

header .top.cnt {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  color: #fff;
  font-family: Roboto;
  font-size: 1.2rem;
  background: #4f4f5a;
  border-radius: 12px;
  padding: 0 10px;
  margin-top: -2px;
  margin-left: 5px;
}

main {
  height: calc(100% - 101px);
  position: relative;
}

main .content {
  position: relative;
  height: 100%;
}

main #lotto {
  cursor: pointer;
}

main.main #lotto {
  position: absolute;
  cursor: pointer;
  padding-left: 50%;
  left: 420px;
  top: 0;
  z-index: 2;
}

main.page figure {
  position: absolute;
  width: 100%;
  height: 600px;
  z-index: 0;
}

main .main-wrap {
  top: 500px;
  overflow: hidden;
  background: #2f2f2f4a;
  padding: 36px 20px;
}

main .main-wrap h3,
main .main-wrap h4 {
  height: 24px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 20px;
  border-bottom: solid 1px #727272;
}

main .main-wrap h3 span,
main .main-wrap h4 span {
  color: #dda145;
}

main .main-wrap article {
  float: left;
  padding: 0 15px;
  font-size: 14px;
}

main .main-wrap article li {
  overflow: hidden;
  border-bottom: solid 1px;
  border-color: #163742;
}

main .main-wrap article li span {
  display: block;
  height: 28px;
  line-height: 28px;
  float: left;
}

main .main-wrap article li span.date {
  width: 24%;
}

main .main-wrap article li span.date em {
  color: #fff;
}

main .main-wrap article li span.home,
main .main-wrap article li span.away {
  width: 33%;
  color: #fff;
}

main .main-wrap article li span.away {
  text-align: right;
}

main .main-wrap article li span.vs {
  color: #bd514e;
  width: 10%;
  text-align: center;
}

main .main-wrap article li a {
  width: 100%;
  display: block;
  height: 28px;
  line-height: 28px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

main .main-wrap .game {
  width: 46%;
}

main .main-wrap .event,
main .main-wrap .notice {
  width: 27%;
}

main figure {
  overflow: hidden;
  height: 400px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: -1;
}

main figure h1 {
  padding: 100px 0 0 40px;
  font-style: italic;
  font-size: 40px;
}

main figure p {
  display: table;
  padding: 4px 20px;
  margin-bottom: 4px;
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

main figure p:hover {
  letter-spacing: 1px;
}

footer {
  margin-top: auto;
  position: relative;
  height: 163px;
  background: url(/images/bottom.png) center -15px no-repeat rgb(0 0 0);
  ;
    width: 1280px;
  margin: 0 auto;
  z-index: -1;
}

footer .copyright {
  position: relative;
  text-align: center;
  color: #aaa;
  margin-top: 0px;
  padding: 120px 0 30px 0;
}

footer .copyright span {
  color: #ddd;
}

footer .copyright .btn {
  float: right;
}

#clock {
  margin-top: 4px;
  width: 220px;
}

#btn-top {
  cursor: pointer;
  position: fixed;
  margin-left: 50%;
  left: 670px;
  bottom: 30px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 25px;
  background: #565658;
  border: solid 1px rgba(255, 255, 255, 0.1);
  text-align: center;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
  box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.6);
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  opacity: 0;
  font-weight: 600;
}

#btn-top.show {
  opacity: 1;
}

#lotto-wrap {
  display: block;
  position: relative;
}

main.page .container {
  margin-top: 0px;
  min-height: 500px;
  overflow: hidden;
  opacity: 0.9;
  width: 100%;
}

main.page .container section {
  width: 100%;
  float: left;
}

main.page .container aside {
  margin-top: -10px;
  width: 220px;
  float: right;
}

main.page .container aside.fixed #clock {
  position: fixed;
}

main.page .container aside.fixed .cart-wrap {
  padding-top: 0;
  top: 280px;
  position: fixed;
}

main.page .container h3 {
  font-size: 18px;
  font-weight: 600;
  padding: 10px 0;
  border-bottom: solid 1px #464547;
  margin-bottom: 20px;
}

main.page .container h3 .btn {
  float: right;
  height: 30px;
  line-height: 23px;
  margin-top: -6px;
  background: #2d2d35;
}

main.page .container h4 {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 10px;
}

main.page .container h5 {
  font-size: 14px;
  font-weight: 600;
  padding-bottom: 10px;
}

main.page .container .box {
  border-radius: 6px;
  padding: 30px 20px;
  line-height: 1.8;
  background: #24242c;
  border: solid 1px #565658;
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

main.page .container .command {
  padding: 20px 0;
  text-align: right;
}

main.page .container .command .btn {
  font-size: 14px;
  font-weight: 600;
  height: 32px;
  line-height: 29px;
  -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  border-radius: 4px;
}

main.page .container .command .btn:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}

main.page .tab-menu {
  text-align: right;
}

.color0 {
  color: #fff !important;
}

.color01 {
  color: #5bc0de !important;
}

.color02 {
  color: #ee5f5b !important;
}

.color03 {
  color: #f89406 !important;
}

.color04 {
  color: #62c462 !important;
}

.color05 {
  color: #ffd424 !important;
}

.btn {
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  background: #4d4d4f;
  height: 24px;
  line-height: 24px;
  padding: 0 20px;
}

.btn.on,
.btn:hover {
  background: #24242c;
}

.btn.btn01 {
  background: #464547;
  border-radius: 4px;
}

.btn.btn01.on,
.btn.btn01:hover {
  background: #004777;
}

.btn.btn02 {
  background: #464547;
  border-radius: 4px;
}

.btn.btn02.on,
.btn.btn02:hover {
  background: #9b3000;
}

.btn.btn03 {
  background: #e97d03;
  border-radius: 4px;
  font-size: 1.3rem;
  line-height: 27px;
  height: 30px;
}

.btn.btn03.on,
.btn.btn03:hover {
  background: #c96b03;
}

.btn.btn04 {
  background: #ffffff;
  color: #000000;
  border-radius: 4px;
  font-size: 1.3rem;
  line-height: 27px;
  height: 30px;
}

main input,
main select,
main textarea {
  background: #353535;
  border: 1px solid #1c1c1c;
  border-radius: 2px;
  padding: 0 10px;
  height: 25px;
  line-height: 25px;
  color: #ccc;
  -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.2);
  vertical-align: middle;
}

main input:focus,
main select:focus,
main textarea:focus {
  border-color: #444;
}

main input.ng-invalid,
main select.ng-invalid,
main textarea.ng-invalid {
  border-color: #f89406;
}

main input[disabled=disabled],
main select[disabled=disabled],
main textarea[disabled=disabled] {
  color: #666;
}

main input.num {
  text-align: right;
}

main textarea {
  padding: 10px;
  line-height: 1.6;
}

div.paging {
  text-align: center;
  font-size: 0;
  margin: 25px 0;
}

div.paging ul {
  display: inline-block;
}

div.paging li {
  float: left;
  font-size: 13px;
  margin: 0 -1px 0 0;
  height: 34px;
  line-height: 32px;
  border: solid 1px rgba(255, 255, 255, 0.05);
}

div.paging li:hover {
  position: relative;
  border-color: rgba(255, 255, 255, 0.3);
  z-index: 1;
}

div.paging li.prev {
  margin-right: 8px;
}

div.paging li.prev a {
  background: rgba(0, 0, 0, 0.5);
}

div.paging li.next {
  margin-left: 8px;
}

div.paging li.next a {
  background: rgba(0, 0, 0, 0.5);
}

div.paging a,
div.paging em {
  display: block;
  padding: 0 12.5px;
}

div.paging a {
  cursor: pointer;
}

div.paging em {
  background: #ff8700;
}

#layout-wrap {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
}

#layout-box {
  top: 102px;
  width: 200%;
  text-align: left;
  position: fixed;
  z-index: 999;
  height: 546px;
}

#layout-load {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 300px;
  height: 300px;
  margin-top: -200px;
  margin-left: -150px;
  z-index: 999;
}

.lv {
  display: inline-block;
  background: #565658;
  height: 20px;
  line-height: 20px;
  width: 36px;
  color: #fff;
  text-align: center;
  margin-right: 10px;
  font-size: 12px;
}

.cal-title {
  text-align: center;
  margin-bottom: 20px;
}

.cal-title span {
  display: inline-block;
  font-size: 24px;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  padding: 0 20px;
}

.cal-title .btn {
  width: 60px;
  height: 36px;
  line-height: 36px;
  padding: 0;
  text-align: center;
}

ul.calendar {
  width: 100%;
  display: table;
  margin-left: 1px;
}

ul.calendar li {
  display: table-cell;
  float: left;
  width: 14.28%;
  border: solid 1px #565658;
  margin-left: -1px;
  margin-top: -1px;
  height: 100px;
  background: #464547;
  text-align: right;
  padding: 10px;
  font-size: 16px;
}

ul.calendar li.blank {
  background: none;
}

ul.calendar li.check {
  background: url("/images/check.png") center center no-repeat #464547;
}

ul.calendar li:nth-child(7n + 1) {
  color: #f30;
}

ul.calendar li:nth-child(7n + 0) {
  color: #48f;
}

ul.calendar li.th {
  background: #363537;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: 600;
  padding: 0;
}

table {
  border-collapse: collapse;
}

table.fixed {
  table-layout: fixed;
}

table th,
table td {
  height: 32px;
  vertical-align: middle;
  padding: 6px 0;
}

table th {
  font-size: 1.3rem;
  font-weight: 600;
}

table td {
  text-align: left;
  padding-left: 20px;
  font-size: 1.3rem;
  font-weight: 600;
}

table.banking .btn {
  width: 72px;
  padding: 0;
  text-align: center;
}

table.table-event td {
  text-align: center;
  padding-left: 0;
}

table.view {
  -webkit-box-shadow: none;
  box-shadow: none;
}

table.view th {
  text-align: left;
}

table.view th p {
  display: block;
  font-size: 2.2rem;
  color: #ff8700;
  font-weight: 300;
  margin-bottom: 20px;
}

table.view td {
  background: none;
  border-bottom: solid 1px #464547;
  padding: 10px 20px;
}

table.view td .date {
  display: block;
  height: 20px;
  line-height: 20px;
  background: url("/images/icon_time.png") left center no-repeat;
  padding-left: 16px;
  float: right;
}

table.view td.contents {
  white-space: pre-wrap;
  padding: 20px 15px;
  border-top: 1px solid hsla(0, 0%, 100%, .1);
  border-bottom: 1px solid hsla(0, 0%, 100%, .1);
}

table.add td {
  padding: 6px 10px;
}

table.add td input {
  width: 100%;
}

table.add td textarea {
  width: 100%;
  height: 300px;
}

ul.boardrow {
  width: 100%;
  background: #2a2a32;
  border-radius: 4px;
  margin-bottom: 10px;
  height: 45px;
  line-height: 45px;
}

ul.boardrow:hover {
  background: #1b1b23;
}

table.list tr.boardrow {
  width: 100%;
  background: #2a2a32;
  border-radius: 4px;
  margin-bottom: 10px;
  height: 45px;
  line-height: 45px;
  border: 10px solid #1b1b23;
}

table.list tr.boardrow:hover {
  background: #ff8700;
}

table.list td {
  padding-left: 0;
  text-align: center;
}

table.list td .label {
  display: inline-block;
  height: 20px;
  line-height: 20px;
  width: 50px;
  color: #fff;
  font-size: 10px;
  font-family: Arial;
}

table.list td.title {
  text-align: left;
  padding: 0 20px;
  cursor: pointer;
}

table.list td.title .hit {
  color: #ee5f5b;
}

table.list td.title .new,
table.list td.title .bet {
  display: inline-block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  color: #fff;
  margin: 0 1px;
  text-align: center;
  font-size: 10px;
  font-family: Arial;
}

table.list td.title .new.new,
table.list td.title .bet.new {
  background-color: #c8232c;
}

table.list td.title .new.bet,
table.list td.title .bet.bet {
  background-color: #389638;
}

table.list td.title a {
  max-width: 540px;
}

table.list td.title:hover a {
  color: #fff;
}

table.list td.user {
  text-align: left;
  padding: 0 10px;
}

table.list td.user.admin {
  padding-left: 60px;
}

div.board {
  -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}

div.board ul {
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin-top: -1px;
}

div.board ul li {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
  text-align: center;
  width: auto;
  font-size: 1.3rem;
}

div.board ul.head {
  margin-top: 0;
}

div.board ul.head li {
  text-align: center !important;
}

div.board.qna li:nth-child(1),
div.board.memo li:nth-child(1) {
  width: 80px;
}

div.board.qna li:nth-child(2),
div.board.memo li:nth-child(2) {
  width: 630px;
  padding: 0 10px;
  text-align: left;
  cursor: pointer;
}

div.board.qna li:nth-child(2) a,
div.board.memo li:nth-child(2) a {
  width: 600px;
}

div.board.qna li:nth-child(2):hover a,
div.board.memo li:nth-child(2):hover a {
  color: #fff;
}

div.board.qna li:nth-child(3),
div.board.memo li:nth-child(3) {
  width: 160px;
}

div.board.qna li:nth-child(4),
div.board.memo li:nth-child(4) {
  width: 80px;
}

div.board.qna li:nth-child(5),
div.board.memo li:nth-child(5) {
  width: 80px;
}

div.board.qna ul.contents,
div.board.memo ul.contents {
  display: none;
}

div.board.qna ul.contents li,
div.board.memo ul.contents li {
  display: block;
  height: auto;
  width: 100%;
  padding: 20px;
  text-align: left;
  line-height: 1.8;
  background: #292930;
  -webkit-box-shadow: inset 8px 8px 40px 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 8px 8px 40px 1px rgba(0, 0, 0, 0.3);
}

div.board.qna ul.contents li h5,
div.board.memo ul.contents li h5 {
  font-size: 14px;
  background: rgba(0, 0, 0, 0.3);
  padding: 6px 20px;
}

div.board.qna ul.contents li p,
div.board.memo ul.contents li p {
  padding: 20px;
  position: relative;
  background: #303037;
}

div.board.qna ul.contents li p .btn,
div.board.memo ul.contents li p .btn {
  position: absolute;
  right: 0;
  top: 10px;
}

div.board.memo li:nth-child(2) {
  width: 710px;
  padding: 0 10px;
  text-align: left;
  cursor: pointer;
}

div.board.memo li:nth-child(2) a {
  width: 670px;
}

div.board.memo li:nth-child(2):hover a {
  color: #fff;
}

.comment {
  background: #464547;
  padding: 10px;
}

.comment textarea {
  width: calc(100% - 120px);
  height: 80px;
}

.comment .btn {
  float: right;
  width: 120px;
  height: 80px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 0 4px 4px 0;
}

.comments>div {
  overflow: hidden;
  border-top: solid 1px #565658;
  padding: 10px 20px;
  background: #464547;
}

.comments>div .date {
  margin-top: 6px;
  display: block;
  height: 20px;
  line-height: 20px;
  background: url("/images/icon_time.png") left center no-repeat;
  padding-left: 16px;
}

.comments>div .user {
  float: left;
  width: 160px;
}

.comments>div .title {
  position: relative;
  padding-left: 160px;
}

.comments>div .title p {
  color: #fff;
  line-height: 1.6;
}

.comments>div .title .icon_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 21px;
  height: 21px;
  background: url("/images/icon_delete.png") center center no-repeat #dc0405;
}

table.game {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
}

table.game img,
table.game span {
  vertical-align: middle;
}

table.game tbody.group:before {
  content: '';
  display: block;
  height: 15px;
  background: #1d1c1d;
}

table.game tr.off td {
  background: #464547 !important;
  cursor: auto !important;
}

table.game tr.title.ng-scope {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 5px;
  border-style: solid;
  border-color: transparent;
  border-top-width: 4px;
  border-bottom-width: 4px;
}

table.list.game.ng-scope thead tr.europeth {
  background: #1e1e21;
}

table.game tr.select.ng-scope {
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.3rem;
  line-height: 1.3;
  margin-top: 5px;
  border-style: solid;
  border-color: #000000;
  border-top-width: 4px;
  border-bottom-width: 4px;
}

table.game td {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0 0px;
  font-size: 1.2rem;
  font-weight: 600;
}

table.game td.league {
  height: 38px;
  font-size: 1.3rem;
  color: #ff9710;
  background: #2f2f37;
  padding: 0 10px;
  text-align: left;
  position: relative;
}

table.game td.league img {
  margin-right: 8px;
}

table.game td.league img.flag {
  margin-left: 20px;
  height: 20px;
  width: 30px;
}

table.game td.league p {
  display: flex;
  align-items: center;
  justify-content: left;
  height: 39px;
  margin: 0;
  min-width: 300px;
  position: absolute;
}

table.game td.league .cnt {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  background-color: #dc0405;
  padding: 0 1px;
  border-radius: 12px;
}

table.game td.league .btn {
  float: right;
  position: relative;
  padding: 0 50px 0 0;
  width: 125px;
  text-align: center;
}

table.game td.league .btn em {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 1px;
  top: 1px;
  height: 22px;
  line-height: 22px;
  width: 50px;
  padding-right: 6px;
  text-align: right;
}

table.game td.date span {
  color: #ffd424;
}

table.game td.home {
  color: #fff;
  text-align: left;
  background: #3a3f44;
}

table.game td.home.bet {
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 36px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
  margin-top: 5px;
  border-right: 5px;
  border-style: solid;
  border-color: #1b1b23;
}

table.game td.home2.bet {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 5px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
  border: #131316 solid 2px;
}

table.game td.home .odds,
table.game td.home2 .odds {
  display: inline-block;
  float: right;
  font-weight: 600;
  color: #ffffff;
}

table.game td.draw2 {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 5px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
  border: #131316 solid 2px;
}

table.game td.draw.bet {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 36px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
  color: #ffffff;
}

table.game td.draw.vs {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 43px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
  color: #ff9710;
}

table.game td.draw.handicap,
table.game td.draw.ou {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 36px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
  color: #ff9710;
}

table.game td.draw2.bet {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 5px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
  border: #131316 solid 2px;
}

table.game td.draw2 .odds {
  display: inline-block;
  float: right;
  font-weight: 600;
  color: #ffffff;
}

table.game td.draw2.vs,
table.game td.draw2.handicap,
table.game td.draw2.ou {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: center;
  border-radius: 5px;
  background: #4c4c50;
  margin: 1px;
  border: #131316 solid 2px;
}

table.game td.away {
  color: #fff;
  text-align: right;
  background: #3a3f44;
}

table.game td.away.bet {
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 36px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #000;
  padding: 0 10px;
  margin-left: 1px;
  transition: all .3s;
  margin-top: 5px;
  border-left: 5px;
  border-style: solid;
  border-color: #1b1b23;
}

table.game td.away2.bet {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 5px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
  border: #131316 solid 2px;
}

table.game td.away .odds {
  display: inline-block;
  float: left;
  font-weight: 600;
  color: #ffffff;
}

table.game td.away2 .odds {
  display: inline-block;
  float: right;
  font-weight: 600;
  color: #ffffff;
}

table.game td.bet2 {
  position: relative;
  cursor: pointer;
}

table.game td.bet2:hover {
  background: #ee5f5b;
}

table.game td.bet2.on {
  background: #7584b7;
  color: #641518;
}

table.game td.home .oddsHandicap,
table.game td.away .oddsHandicap {
  vertical-align: bottom;
  color: #4d7fa5;
}

table.game td.home .over {
  background: url("/images/icon_over.gif") left center no-repeat;
  color: #d95855;
}

table.game td.away .under {
  background: url("/images/icon_under.gif") right center no-repeat;
  color: #457294;
}

table.game td .handy {
  font-weight: normal;
  color: #62c462;
}

table.game td.bet away .under {
  background: url("/images/icon_under.gif") right center no-repeat;
  color: #457294;
}

table.game td.bet {
  position: relative;
  background: #000000;
  cursor: pointer;
}

table.game td.bet:hover {
  background: #ff9710;
}

table.game td.bet.on {
  background: #e7c223;
  color: #641518;
}

table.game td.bet.on * {
  color: #641518;
}

table.game td.bet a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

table.game td.over {
  color: #ee5f5b;
  margin: 0 6px;
}

table.game td.under {
  color: #5bc0de;
  margin: 0 6px;
}

table.game td.score {
  color: #fff;
  -webkit-box-shadow: inset 0 0 40px 1px #000;
  box-shadow: inset 0 0 40px 1px #000;
}

table.game tr.item td.home,
table.game tr.item td.draw,
table.game tr.item td.away {
  color: #b4b4b4;
  background: #3a3f44;
  padding: 0 10px;
}

table.game tr.item td.home.bet,
table.game tr.item td.draw.bet,
table.game tr.item td.away.bet {
  background: #ee5f5b;
  color: #fff;
}

table.game tr.item td.home.bet *,
table.game tr.item td.draw.bet *,
table.game tr.item td.away.bet * {
  color: #fff;
}

table.game tr.item td.home.on,
table.game tr.item td.draw.on,
table.game tr.item td.away.on {
  background: #9c0000;
}

table.game tr.item td.home.on.hit,
table.game tr.item td.draw.on.hit,
table.game tr.item td.away.on.hit {
  -webkit-box-shadow: inset 0 0 0 1px #fff;
  box-shadow: inset 0 0 0 1px #fff;
  background: #b3971c;
}

table.game tr.item td.home.hit,
table.game tr.item td.draw.hit,
table.game tr.item td.away.hit {
  box-shadow: inset 0 0 0 1px #fff;
  color: #fff;
}

table.game tr.item td.home.hit *,
table.game tr.item td.draw.hit *,
table.game tr.item td.away.hit * {
  color: #ee5f5b;
}

table.game tr.item td.vs.hit {
  background: #dc0405;
  color: #fff;
}

table.game tr.item td.vs.hit * {
  color: #fff;
}

table.game tr.item td.info img {
  margin-right: 8px;
}

table.game tr.item td.odds {
  color: #b4b4b4;
  font-weight: 600;
}

table.game tr.item td.result.ing,
table.game tr.item td.result.closing {
  color: #fff;
}

table.game tr.item td.result.win {
  color: #5bc0de;
}

table.game tr.item td.result.lose {
  color: #f60;
}

table.game tr.item td.result.hit {
  color: #31de16;
}

table.game tr.item td.result.cancel {
  color: #ee5f5b;
}

table.game td.betInfo {
  text-align: left;
  padding: 10px 10px 20px 10px;
  font-size: 14px;
}

table.game td.betInfo span {
  display: inline-block;
  color: #fff;
}

table.game td.betInfo span .money {
  color: #62c462;
  font-weight: 600;
  vertical-align: baseline;
}

table.game td.betInfo span .hit {
  color: #5bc0de;
  font-weight: 600;
  vertical-align: baseline;
}

table.game td.betInfo span.dateDay {
  margin-left: 20px;
}

table.game td.betInfo span.dateTime {
  color: #f89406;
}

table.game td.betInfo span.betMoney,
table.game td.betInfo span.rate,
table.game td.betInfo span.expMoney,
table.game td.betInfo span.hitMoney {
  margin-left: 20px;
}

table.game td.betInfo span.btn-box {
  display: inline-block;
  float: right;
  font-size: 13px;
  margin-top: 2px;
}

table.game td.betInfo input {
  width: 20px;
  height: 20px;
  padding: 0;
}

ul.sports {
  float: right;
  font-size: 1.3rem;
  width: 100%;
  height: 30px;
}

ul.sports li {
  float: left;
  padding-left: 20px;
  cursor: pointer;
  height: 24px;
  line-height: 24px;
}

ul.sports li em {
  vertical-align: middle;
  display: inline-block;
  background-color: #dc0405;
  padding: 0 7px;
  border-radius: 10px;
  margin-left: 10px;
}

ul.sports li img {
  vertical-align: middle;
}

#left-league ul {
  display: none;
}

#left-league ul.on,
#left-league li {
  display: block;
}

#left-league li .cnt {
  float: right;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  color: #fff;
  font-family: Roboto;
  font-size: 1.2rem;
  background: #4f4f5a;
  border-radius: 12px;
  padding: 0 10px;
  margin-top: 8px;
}

#left-league li p,
#left-league li p.region {
  width: 100%;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  margin: 1px 0;
}

#left-league li p.region:hover span.name {
  color: #ff8700 !important;
}

#left-league li p.region:hover span.cnt {
  background: #ff8700 !important;
}

#left-league li p.sports {
  width: 100%;
  padding: 0 10px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  margin: 1px 0;
}

#left-league li p.sports:hover span.name {
  color: #ff8700 !important;
}

#left-league li p.sports:hover span.cnt {
  background: #ff8700 !important;
}

#left-league li p.top {
  height: 40px;
  line-height: 40px;
  font-weight: 600;
  background: #ff8700;
  color: #fff;
  width: 100%;
}

#left-league li p.top .cnt {
  margin-top: 8px;
}

#left-league li p.league {
  position: relative;
  display: block;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
  line-height: 1.2rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: -.3px;
  background: hsla(0, 0%, 100%, .1);
  padding: 9px 0 9px 10px;
  transition: all .3s;
}

#left-league li p.league:hover span.name {
  color: #ff8700 !important;
}

#left-league li p.league:hover span.cnt {
  background: #ff8700 !important;
}

.cart-wrap {
  width: 100%;
  font-size: 1.3rem;
  padding: 0 15px 20px;
}

.cart-wrap .cart-top {
  font-size: 14px;
  font-weight: 600;
  background: #24242c;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  border-radius: 5px;
}

.cart-wrap .cart-odds {
  margin-top: 4px;
  padding: 10px;
  background: #000c19cc;
  border-radius: 5px;
}

.cart-wrap .cart-odds p {
  height: 24px;
  line-height: 24px;
  color: #fff;
}

.cart-wrap .cart-odds p input {
  width: 120px;
  height: 22px;
  text-align: right;
  font-size: 14px;
  padding: 0;
  color: #f30;
  background: transparent;
}

.cart-wrap .cart-odds p span {
  display: inline-block;
  float: right;
}

.cart-wrap .cart-odds p em {
  color: #5bc0de;
}

.cart-wrap .cart-amount {
  overflow: hidden;
  margin-top: 2px;
}

.cart-wrap .cart-amount input {
  width: 100%;
  height: 46px;
  font-size: 2.2rem;
  color: #ff9710;
  font-weight: 500;
  text-align: right;
  border: 1px solid #ff8700;
  background: #1b1b23;
  padding: 0 20px 0 40px;
  margin-bottom: 2px;
}

.cart-wrap .cart-amount li {
  float: left;
  display: block;
  width: 32%;
  margin-top: 2px;
  margin-bottom: 2px;
}

.cart-wrap .cart-amount li .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  color: #fff;
  font-size: 1.4rem;
  font-weight: 400;
  background: #ff8700;
  border-radius: 6px;
  transition: all .3s;
}

.cart-wrap .cart-amount li:nth-child(3n + 2) {
  margin-left: 2%;
  margin-right: 2%;
}

.cart-wrap .cart-betting {
  margin-top: 2px;
}

.cart-wrap .cart-betting .btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 44px;
  width: 100%;
  position: relative;
  font-size: 1.5rem;
  padding-bottom: 1px;
  transition: all .3s;
  color: #fff;
  border-radius: 6px;
  background: #ff8700;
}

.cart-wrap .cart-betting .btn:hover {
  background: #b90304;
}

.cart-wrap .cart-item .btn2 {
  padding: 0 6px;
  position: absolute;
  height: 20px;
  line-height: 20px;
  right: 10px;
  top: 70px;
  background: #dc0405;
  color: #fff;
  cursor: pointer;
}

.cart-wrap .cart-item .btn2:hover {
  background: #b90304;
}

.cart-wrap .cart-betting .btn em {
  margin-left: 2px;
  font-size: 13px;
  display: inline-block;
  height: 22px;
  line-height: 20px;
  vertical-align: middle;
  background: #363537;
  padding: 0 8px;
  border-radius: 50%;
}

.cart-wrap .cart-item div {
  margin-top: 4px;
  padding: 10px;
  position: relative;
  background: #001123ab;
  border-radius: 5px;
}

.cart-wrap .cart-item p.odds2 {
  margin-bottom: 18px;
  color: #fff;
}

.cart-wrap .cart-item .bet_home {
  background: #0d4676;
}

.cart-wrap .cart-item .bet_draw {
  background: rgba(43, 44, 44, 0.71);
}

.cart-wrap .cart-item .bet_away {
  background: #8e1115b5;
}

.cart-wrap .cart-item div.bonus {
  background: #36435beb;
  border: solid 1px #ffffff;
  text-align: center;
}

.cart-wrap .cart-item div.bonus span {
  color: #5bc0de;
}

.cart-wrap .cart-item .btn {
  padding: 0 6px;
  position: absolute;
  height: 20px;
  line-height: 15px;
  right: 10px;
  top: 8px;
  background: #dc0405;
  color: #fff;
}

.cart-wrap .cart-item .btn:hover {
  background: #b90304;
}

.cart-wrap .cart-item p {
  height: 18px;
  line-height: 18px;
}

.cart-wrap .cart-item p.odds {
  margin-bottom: 8px;
  color: #fff;
}

.cart-wrap .cart-item p.odds img {
  vertical-align: middle;
}

.cart-wrap .cart-item p.odds span {
  float: right;
  padding-right: 16px;
  color: #5bc0de;
}

.cart-wrap .cart-item p.zone {
  padding-left: 20px;
  color: #5bc0de;
}

.ladder-result {
  background: url("/images/ladder-result.png");
  display: inline-block;
  width: 26px;
  height: 26px;
}

.ladder-result.s1 {
  background-position: 0 0;
}

.ladder-result.s2 {
  background-position: -26px 0;
}

.ladder-result.s3 {
  background-position: -52px 0;
}

.ladder-result.s4 {
  background-position: -78px 0;
}

.lowhi-result {
  background: url("/images/lowhi-result.png");
  display: inline-block;
  width: 50px;
  height: 25px;
}

.lowhi-result.s1 {
  background-position: 0 0;
}

.lowhi-result.s2 {
  background-position: -50px 0;
}

.lowhi-result.s3 {
  background-position: -100px 0;
}

.lowhi-result.s4 {
  background-position: -150px 0;
}

div.zone {
  overflow: hidden;
  position: relative;
}

div.zone>.timer {
  width: 200px;
  float: left;
}

div.zone>.timer .timer-box {
  background: url("/images/zone/timer-bg.png");
  border: solid 4px #f60;
  width: 200px;
  text-align: center;
  border-radius: 6px;
  padding: 20px;
}

div.zone>.right {
  width: 820px;
  float: right;
}

#zoneButton {
  margin: 0 auto;
  width: 860px;
  padding: 4px 5px;
  background: #3c3c44;
  border: solid 1px #5b5b6e;
  border-radius: 4px;
  text-align: left;
}

#zoneButton a {
  display: inline-block;
  color: #fff;
  font-weight: 600;
  padding: 0 20px;
  height: 22px;
  line-height: 20px;
  text-align: center;
  border: solid 1px #7a7a7a;
  border-radius: 3px;
}

#zoneButton a.on,
#zoneButton a:hover {
  background: #197d5f;
  border-color: #116249;
  border-radius: 3px;
  color: #fff;
  text-shadow: none;
}

#login {
  background-image: url(/images/login_bg.jpg);
  background-size: cover;
  height: 100%;
  background-position-y: bottom;
  background-position-x: center;
}

#login .full_screen {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  opacity: 0.6;
}

#login .login-logo {
  width: 800px;
  height: 420px;
  background: url("/images/logo.png") center center no-repeat #59a735;
  position: fixed;
  z-index: 2;
  right: 0;
  top: 0;
  opacity: 0.86;
}

#login .login-line {
  bottom: 0;
  position: fixed;
  width: 100%;
  height: 300px;
  background: #f40;
  opacity: 0.8;
}

#login .login-line>div {
  height: 100%;
  width: 50%;
  left: 50%;
  background: #06f;
}

#login .login-wrap {
  position: absolute;
  width: 560px;
  left: 50%;
  min-height: 100%;
  margin-left: -300px;
  background: linear-gradient(to right, #ffffff00, #ffcf8c0d 50%, #f8d4a100);
}

#login .login-wrap .login-box {
  text-align: center;
  width: 500px;
  margin: 0 auto;
  padding-top: 50%;
}

#login .login-wrap h1 {
  text-align: center;
  text-decoration: underline;
  font-size: 48px;
  font-weight: 800;
  font-family: sans-serif;
  color: #eee;
  margin-bottom: 100px;
}

#login .login-wrap label {
  width: 300px;
  display: block;
  margin: 0 auto 10px auto;
  overflow: hidden;
}

#login .login-wrap input,
#login .login-wrap select {
  width: 100%;
  height: 40px;
  color: #fff;
  font-size: 16px;
  padding: 0 20px;
  border: solid 1px #ff8b07;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.2);
}

#login .login-wrap select {
  color: #aaa;
  float: left;
  width: 140px;
}

#login .login-wrap select.on {
  color: #fff;
}

#login .login-wrap select option {
  color: #fff;
  background: rgba(0, 0, 0, 0.7);
}

#login .login-wrap select+input {
  width: 176px;
  float: right;
}

#login .login-wrap .command {
  margin: 0 auto;
  padding-top: 30px;
  width: 300px;
}

#login .login-wrap .btn-login,
#login .login-wrap .btn-join {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
}

#login .login-wrap .btn-login {
  background: #59a735;
}

#login .login-wrap .btn-login:hover {
  background-color: #2d541b;
}

#login .login-wrap .btn-login2 {
  border: none;
  background: linear-gradient(0deg, rgba(0,47,76,1) 0%, rgba(66,180,251,1) 100%);
  color: #ffffff;
  overflow: hidden;
  margin-bottom: 10px;
  display: block;
  width: 100%;
  height: 46px;
  line-height: 46px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
  border-radius: 5px;
  position: relative;
}

.btn-login2:hover {
  text-decoration: none;
  background: #FFFFFF;
  color: #ff0705;
}

.btn-login2:before {
  position: absolute;
  content: '';
  display: inline-block;
  top: -180px;
  left: 0;
  width: 30px;
  height: 100%;
  background-color: #fff;
  animation: shiny-btn1 3s ease-in-out infinite;
}

.btn-login2:hover {
  background: transparent;
  box-shadow: none;
}

.btn-login2:active {
  box-shadow: 4px 4px 6px 0 rgba(255,255,255,.3),
    -4px -4px 6px 0 rgba(116, 125, 136, .2),
    inset -4px -4px 6px 0 rgba(255,255,255,.2),
    inset 4px 4px 6px 0 rgba(0, 0, 0, .2);
}

.btn-login2 span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.btn-login2 before,
.btn-login2 after {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  background: rgb(255, 255, 255);
  transition: all 0.3s ease;
}

.btn-login2 before {
  height: 0%;
  width: 4px;
}

.btn-login2 after {
  width: 0%;
  height: 4px;
}

.btn-login2 hover {
  background: transparent;
  box-shadow: none;
}

.btn-login2 hover:before {
  height: 100%;
}

.btn-login2 hover:after {
  width: 100%;
}

.btn-login2 span:hover {
  color: rgb(255, 255, 255);
}

.btn-login2 span:before,
.btn-login2 span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  background: rgb(255, 255, 255);
  transition: all 0.3s ease;
}

.btn-login2 span:before {
  width: 4px;
  height: 0%;
}

.btn-login2 span:after {
  width: 0%;
  height: 3px;
}

.btn-login2 span:hover:before {
  height: 100%;
}

.btn-login2 span:hover:after {
  width: 100%;
}

@-webkit-keyframes shiny-btn1 {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}

#login .login-wrap .btn-login3 {
  background: transparent;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
}

#login .login-wrap .btn-login3 a {
  position: relative;
  display: inline-block;
  padding: 15px 100px;
  margin: 40px 0;
  color: #39ff88;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  letter-spacing: 4px;
  overflow: hidden;
  background: #000000d1;
  font-size: large;
  display: block;
}

#login .login-wrap .btn-login3 a:hover {
  background: #39ff88;
  color: #050801;
  box-shadow: 0 0 5px #39ff88,
    0 0 25px #39ff88,
    0 0 50px #39ff88,
    0 0 200px #39ff88;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

#login .login-wrap .btn-login3 a:nth-child(1) {
  filter: hue-rotate(270deg);
}

#login .login-wrap .btn-login3 a:nth-child(2) {
  filter: hue-rotate(110deg);
}

#login .login-wrap .btn-login3 a span {
  position: absolute;
  display: block;
}

#login .login-wrap .btn-login3 a span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg,transparent,#39ff88);
  animation: animate1 1s linear infinite;
}

@keyframes animate1 {
  0% {
    left: -100%;
  }
  50%,
  100% {
    left: 100%;
  }
}

#login .login-wrap .btn-login3 a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg,transparent,#39ff88);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}

@keyframes animate2 {
  0% {
    top: -100%;
  }
  50%,
  100% {
    top: 100%;
  }
}

#login .login-wrap .btn-login3 a span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg,transparent,#39ff88);
  animation: animate3 1s linear infinite;
  animation-delay: 0.50s;
}

@keyframes animate3 {
  0% {
    right: -100%;
  }
  50%,
  100% {
    right: 100%;
  }
}

#login .login-wrap .btn-login3 a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg,transparent,#39ff88);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes animate4 {
  0% {
    bottom: -100%;
  }
  50%,
  100% {
    bottom: 100%;
  }
}

#login .login-wrap .btn-login4 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-size: 1.2rem;
  letter-spacing: 0.3em;
  color: rgba(223,190,106,0.7);
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgb(255 135 0), rgb(60 33 3), rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin-bottom: 0.625rem;
  border: 1px solid rgb(255 135 0);
  width: 100%;
  cursor: pointer;
}

#login .login-wrap .btn-login4:hover {
  border: 1px solid rgba(223,190,106,0);
  color: #fff;
  background-position: 99% 50%;
}

#login .login-wrap .btn-join {
  border: 1px solid #aaa;
}

#login .login-wrap .btn-join:hover {
  background-color: #fff;
  color: #3e7525;
}

#login .login-wrap .copyright {
  margin-top: 100px;
  font-family: Arial;
  font-size: 11px;
  color: #888;
}

#login .login-wrap .btn-join2 {
  background: transparent;
  cursor: pointer;
  font-weight: bold;
  width: 100%;
}

#login .login-wrap .btn-join2 a {
  position: relative;
  display: inline-block;
  padding: 15px 100px;
  margin: 40px 0;
  color: #39ff88;
  text-decoration: none;
  text-transform: uppercase;
  transition: 0.5s;
  letter-spacing: 4px;
  overflow: hidden;
  background: #000000d1;
  font-size: large;
  display: block;
}

#login .login-wrap .btn-join2 a:hover {
  background: #39ff88;
  color: #050801;
  box-shadow: 0 0 5px #39ff88,
    0 0 25px #39ff88,
    0 0 50px #39ff88,
    0 0 200px #39ff88;
  -webkit-box-reflect: below 1px linear-gradient(transparent, #0005);
}

#login .login-wrap .btn-join2 a:nth-child(1) {
  filter: hue-rotate(270deg);
}

#login .login-wrap .btn-join2 a:nth-child(2) {
  filter: hue-rotate(110deg);
}

#login .login-wrap .btn-join2 a span {
  position: absolute;
  display: block;
}

#login .login-wrap .btn-join2 a span:nth-child(1) {
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg,transparent,#39ff88);
  animation: animate1 1s linear infinite;
}

#login .login-wrap .btn-join2 a span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(180deg,transparent,#39ff88);
  animation: animate2 1s linear infinite;
  animation-delay: 0.25s;
}

#login .login-wrap .btn-join2 a span:nth-child(3) {
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(270deg,transparent,#39ff88);
  animation: animate3 1s linear infinite;
  animation-delay: 0.50s;
}

#login .login-wrap .btn-join2 a span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background: linear-gradient(360deg,transparent,#39ff88);
  animation: animate4 1s linear infinite;
  animation-delay: 0.75s;
}

#login .login-wrap .btn-join3 {
  display: inline-block;
  background: transparent;
  text-transform: uppercase;
  font-size: 1.1rem;
  letter-spacing: 0.3em;
  border-radius: 0;
  padding: 18px 80px 20px;
  transition: all 0.7s ease-out;
  background: linear-gradient(270deg, rgb(255 135 0), rgb(60 33 3), rgba(34, 34, 34, 0.7), rgba(34, 34, 34, 0));
  background-position: 1% 50%;
  background-size: 300% 300%;
  text-decoration: none;
  margin-top: 0.625rem;
  border: 1px solid rgb(255 135 0);
  width: 100%;
  cursor: pointer;
}

#login .login-wrap .btn-join3:hover {
  border: 1px solid rgba(223,190,106,0);
  color: #fff;
  background-position: 99% 50%;
}

#login .login-wrap .copyright span {
  color: #ccc;
}

#login .login-wrap.login-join {
  padding-bottom: 40px;
}

#login .login-wrap.login-join h1 {
  margin-bottom: 40px;
}

#login .login-wrap.login-join label {
  width: 320px;
  position: relative;
}

#login .login-wrap.login-join label .bul {
  position: absolute;
  right: 10px;
  top: 10px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("/images/btn_join.png") center left no-repeat;
}

#login .login-wrap.login-join label .bul.bul-ready {
  background-position: -20px 0;
}

#login .login-wrap.login-join label .bul.bul-error {
  background-position: -40px 0;
}

#login .login-wrap.login-join label p {
  clear: both;
  color: #888;
  font-size: 13px;
  text-align: left;
  padding: 4px 0 0 20px;
  letter-spacing: -1px;
}

#login .login-wrap.login-join .command {
  width: 320px;
}

.spinner {
  width: 20px;
  height: 20px;
  background-color: #ee3729;
  -webkit-animation: sk-rotate 1.6s infinite ease-in-out;
  -o-animation: sk-rotate 1.6s infinite ease-in-out;
  animation: sk-rotate 1.6s infinite ease-in-out;
}

.loading {
  width: 453px;
  height: 453px;
  background: url("/images/loading.png") center center no-repeat;
  -webkit-animation: sk-span 2s infinite linear;
  -o-animation: sk-span 2s infinite linear;
  animation: sk-span 2s infinite linear;
}

@-webkit-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px);
  }
  50% {
    -webkit-transform: perspective(120px) rotateY(180deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
  }
}

@-moz-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-webkit-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-o-keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotate {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@-moz-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

@keyframes sk-span {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}

.card_result {
  width: 31px;
  height: 44px;
  display: inline-block;
  background: url("/images/card_result.png");
}

.card_result.card_102 {
  background-position: -47px -7px;
}

.card_result.card_103 {
  background-position: -85px -7px;
}

.card_result.card_104 {
  background-position: -122px -7px;
}

.card_result.card_105 {
  background-position: -160px -7px;
}

.card_result.card_106 {
  background-position: -197px -7px;
}

.card_result.card_107 {
  background-position: -235px -7px;
}

.card_result.card_108 {
  background-position: -273px -7px;
}

.card_result.card_109 {
  background-position: -310px -7px;
}

.card_result.card_110 {
  background-position: -347px -7px;
}

.card_result.card_111 {
  background-position: -385px -7px;
}

.card_result.card_112 {
  background-position: -423px -7px;
}

.card_result.card_113 {
  background-position: -461px -7px;
}

.card_result.card_114 {
  background-position: -10px -7px;
}

.card_result.card_202 {
  background-position: -47px -57px;
}

.card_result.card_203 {
  background-position: -85px -57px;
}

.card_result.card_204 {
  background-position: -122px -57px;
}

.card_result.card_205 {
  background-position: -160px -57px;
}

.card_result.card_206 {
  background-position: -197px -57px;
}

.card_result.card_207 {
  background-position: -235px -57px;
}

.card_result.card_208 {
  background-position: -273px -57px;
}

.card_result.card_209 {
  background-position: -310px -57px;
}

.card_result.card_210 {
  background-position: -347px -57px;
}

.card_result.card_211 {
  background-position: -385px -57px;
}

.card_result.card_212 {
  background-position: -423px -57px;
}

.card_result.card_213 {
  background-position: -461px -57px;
}

.card_result.card_214 {
  background-position: -10px -57px;
}

.card_result.card_302 {
  background-position: -47px -106px;
}

.card_result.card_303 {
  background-position: -85px -106px;
}

.card_result.card_304 {
  background-position: -122px -106px;
}

.card_result.card_305 {
  background-position: -160px -106px;
}

.card_result.card_306 {
  background-position: -197px -106px;
}

.card_result.card_307 {
  background-position: -235px -106px;
}

.card_result.card_308 {
  background-position: -273px -106px;
}

.card_result.card_309 {
  background-position: -310px -106px;
}

.card_result.card_310 {
  background-position: -347px -106px;
}

.card_result.card_311 {
  background-position: -385px -106px;
}

.card_result.card_312 {
  background-position: -423px -106px;
}

.card_result.card_313 {
  background-position: -461px -106px;
}

.card_result.card_314 {
  background-position: -10px -106px;
}

.card_result.card_402 {
  background-position: -47px -156px;
}

.card_result.card_403 {
  background-position: -85px -156px;
}

.card_result.card_404 {
  background-position: -122px -156px;
}

.card_result.card_405 {
  background-position: -160px -156px;
}

.card_result.card_406 {
  background-position: -197px -156px;
}

.card_result.card_407 {
  background-position: -235px -156px;
}

.card_result.card_408 {
  background-position: -273px -156px;
}

.card_result.card_409 {
  background-position: -310px -156px;
}

.card_result.card_410 {
  background-position: -347px -156px;
}

.card_result.card_411 {
  background-position: -385px -156px;
}

.card_result.card_412 {
  background-position: -423px -156px;
}

.card_result.card_413 {
  background-position: -461px -156px;
}

.card_result.card_414 {
  background-position: -10px -156px;
}

.card_result2 {
  width: 31px;
  height: 44px;
  display: inline-block;
  background: url("/images/card_result.png");
}

.card_result2.card_000 {
  background-size: 0px;
}

.card_result2.card_002 {
  background-position: -47px -7px;
}

.card_result2.card_003 {
  background-position: -85px -7px;
}

.card_result2.card_004 {
  background-position: -122px -7px;
}

.card_result2.card_005 {
  background-position: -160px -7px;
}

.card_result2.card_006 {
  background-position: -197px -7px;
}

.card_result2.card_007 {
  background-position: -235px -7px;
}

.card_result2.card_008 {
  background-position: -273px -7px;
}

.card_result2.card_009 {
  background-position: -310px -7px;
}

.card_result2.card_010 {
  background-position: -347px -7px;
}

.card_result2.card_011 {
  background-position: -385px -7px;
}

.card_result2.card_012 {
  background-position: -423px -7px;
}

.card_result2.card_013 {
  background-position: -461px -7px;
}

.card_result2.card_001 {
  background-position: -10px -7px;
}

.card_result2.card_202 {
  background-position: -47px -57px;
}

.card_result2.card_203 {
  background-position: -85px -57px;
}

.card_result2.card_204 {
  background-position: -122px -57px;
}

.card_result2.card_205 {
  background-position: -160px -57px;
}

.card_result2.card_206 {
  background-position: -197px -57px;
}

.card_result2.card_207 {
  background-position: -235px -57px;
}

.card_result2.card_208 {
  background-position: -273px -57px;
}

.card_result2.card_209 {
  background-position: -310px -57px;
}

.card_result2.card_210 {
  background-position: -347px -57px;
}

.card_result2.card_211 {
  background-position: -385px -57px;
}

.card_result2.card_212 {
  background-position: -423px -57px;
}

.card_result2.card_213 {
  background-position: -461px -57px;
}

.card_result2.card_201 {
  background-position: -10px -57px;
}

.card_result2.card_302 {
  background-position: -47px -106px;
}

.card_result2.card_303 {
  background-position: -85px -106px;
}

.card_result2.card_304 {
  background-position: -122px -106px;
}

.card_result2.card_305 {
  background-position: -160px -106px;
}

.card_result2.card_306 {
  background-position: -197px -106px;
}

.card_result2.card_307 {
  background-position: -235px -106px;
}

.card_result2.card_308 {
  background-position: -273px -106px;
}

.card_result2.card_309 {
  background-position: -310px -106px;
}

.card_result2.card_310 {
  background-position: -347px -106px;
}

.card_result2.card_311 {
  background-position: -385px -106px;
}

.card_result2.card_312 {
  background-position: -423px -106px;
}

.card_result2.card_313 {
  background-position: -461px -106px;
}

.card_result2.card_301 {
  background-position: -10px -106px;
}

.card_result2.card_102 {
  background-position: -47px -156px;
}

.card_result2.card_103 {
  background-position: -85px -156px;
}

.card_result2.card_104 {
  background-position: -122px -156px;
}

.card_result2.card_105 {
  background-position: -160px -156px;
}

.card_result2.card_106 {
  background-position: -197px -156px;
}

.card_result2.card_107 {
  background-position: -235px -156px;
}

.card_result2.card_108 {
  background-position: -273px -156px;
}

.card_result2.card_109 {
  background-position: -310px -156px;
}

.card_result2.card_110 {
  background-position: -347px -156px;
}

.card_result2.card_111 {
  background-position: -385px -156px;
}

.card_result2.card_112 {
  background-position: -423px -156px;
}

.card_result2.card_113 {
  background-position: -461px -156px;
}

.card_result2.card_101 {
  background-position: -10px -156px;
}

.button_list {
  padding: 0;
  height: 50px;
  background: #ff8700;
  width: 100%;
}

.top_user_info {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  justify-content: flex-end;
}

.user_info {
  display: inline-block;
  font-size: 1.1em;
}

.user_info .right {
  float: right;
}

.user_info .userid {
  color: #ec9c29;
  font-weight: 600;
}

.user_info .logout {
  display: inline-block;
  background: #565658;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 20px;
  color: #fff;
}

.user_info .logout:hover {
  background: #d40;
}

.user_info .qna {
  margin-left: 8px;
}

.user_info .qna em {
  color: #ec9c29;
}

.user_info .coupon {
  margin-left: 8px;
}

.user_info .coupon em {
  color: #ec9c29;
}

.user_info .memo {
  margin-left: 8px;
}

.user_info .memo em {
  color: #ec9c29;
}

.user_info .money {
  margin-left: 8px;
}

.user_info .money em {
  color: #499bc0;
}

.user_info .point {
  margin-left: 8px;
  margin-right: 8px;
}

.user_info .point em {
  color: #499bc0;
}

.user_info .exchange {
  display: inline-block;
  background: #565658;
  height: 24px;
  line-height: 24px;
  padding: 0 10px;
  margin-left: 20px;
  color: #fff;
}

.user_info .exchange:hover {
  background: #06a;
}

.main_r_box {
  position: absolute;
  top: 0px;
  padding-left: 2px;
  background-color: #000;
  margin-left: 1020px;
  margin-bottom: 10px;
  width: 260px;
  opacity: 75%;
}

.main_r_box img {
  border-radius: 8px;
  cursor: pointer;
}

.main_r_box img:hover {
  opacity: 0.7;
}

.main_r_box ul {
  display: inline-flex;
}

.main_r_box ul li {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 10px;
  width: 90px;
  height: 90px;
}

.main_c_banner {
  width: 100%;
  opacity: 95%;
}

.main_c_banner ul {
  display: inline-flex;
}

.main_c_table {
  width: 1280px;
}

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

.main_c_table td {
  background: none;
  border: 0px;
  padding-left: 0px;
}

.main_c_table .t_left {
  background: none;
  border: 0px;
  padding-left: 0px;
  float: left;
  height: 100%;
  margin: 10px 14px 10px 0px;
}

.main_c_table .t_mid {
  background: none;
  border: 0px;
  padding-left: 0px;
  float: left;
  height: 100%;
  margin: 10px 14px 10px 14px;
}

.main_c_table .t_right {
  background: none;
  border: 0px;
  padding-left: 0px;
  float: left;
  height: 100%;
  margin: 10px 0px 10px 14px;
}

.main_c_table tbody tr td a::before,
.main_c_table tbody tr td a::after {
  position: absolute;
  content: "";
  top: -5%;
  left: -5%;
  height: 110%;
  width: 110%;
  border-radius: 50%;
  opacity: 0.5;
  filter: blur(30px);
}

.main_c_table tbody tr td a::after {
  background-color: #00ffff;
  z-index: -2;
}

.main_c_table tbody tr td a::before {
  background-color: #b400ff;
  z-index: -10;
}

.main_c_table tbody tr td a {
  display: block;
  position: relative;
  z-index: 99;
}

.imgOver {
  width: 299px;
  border-radius: 10px;
}

.imgOver:hover {
  opacity: 0.8;
}

.vMiddle {
  vertical-align: middle;
}

.basketball {
  color: #e0ff00;
}

.soccer {
  color: #ff6a04;
}

.icehockey {
  color: #ff0011;
}

.esports {
  color: #e200ff;
}

.volleyball {
  color: #09ff2d;
}

.baseball {
  color: #04ffc7;
}

.handball {
  color: #0035ff;
}

.amfootball {
  color: #ff0087;
}

.sports {
  color: #ffffff;
}

.inGame01 {
  background-color: #25765c;
}

.inGame02 {
  background-color: #666666;
}

.inGame03 {
  background-color: #585858;
}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

.radio-toolbar label {
  display: inline-block;
  background-color: #363942;
  padding: 10px 10px;
  margin-top: 5px;
  font-family: sans-serif, Arial;
  border-radius: 4px;
  width: 90%;
}

.radio-toolbar input[type="radio"]:checked+label {
  background-color: #3e83a4;
  border-color: black;
}

main input.btn03 {
  background: #900a08;
  position: absolute;
  height: 84px;
  width: 405px;
  font-size: 30pt;
  margin-left: -203px;
  margin-top: -42px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

main input.btn01 {
  background: #033f69;
  position: absolute;
  height: 84px;
  width: 405px;
  font-size: 30pt;
  margin-left: -203px;
  margin-top: -42px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.leagueItem {
  display: inline-block;
  width: 60%;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
}

#inplay {
  display: grid;
  grid-template-columns: 450px 1fr;
  grid-gap: 1rem;
  height: calc(100vh - 330px);
  overflow: hidden;
}

#inplay.admin {
  height: calc(100vh - 50px);
}

#inplay .column {
  overflow-y: scroll;
}

#inplay ::-webkit-scrollbar {
  display: none;
}

#inplay .in-game.active .in-league .btn {
  background: #666;
}

#inplay .in-game.active .in-team {
  border-color: #fc0;
}

#inplay .in-league {
  display: flex;
  font-size: 16px;
  padding-bottom: 8px;
  align-items: center;
}

#inplay .in-league div {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#inplay .in-league .sports-flag {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}

#inplay .in-league .league-flag {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  margin-left: 20px;
}

#inplay .in-league .cnt {
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
  background-color: #ff4500;
  padding: 0 1px;
  border-radius: 12px;
}

#inplay .in-league .btn {
  position: relative;
  padding: 0 46px 0 0;
  width: 116px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
}

#inplay .in-league .btn em {
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 1px;
  top: 1px;
  height: 22px;
  line-height: 22px;
  width: 46px;
  padding-right: 6px;
  text-align: right;
  border-radius: 4px;
}

#inplay .in-team {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 140px;
  margin-bottom: 16px;
  background: url("/images/inplay.png") center center no-repeat;
  border: solid 1px #444;
}

#inplay .in-team .time {
  text-align: center;
  color: #fc0;
}

#inplay .in-team .time .minutes {
  color: #00bfff;
}

#inplay .in-team .in-score {
  display: grid;
  width: 100%;
  padding: 16px 20px;
  align-items: center;
  grid-template-columns: 5fr 3fr 5fr;
}

#inplay .in-team .in-score .team {
  font-size: 16px;
  color: #fc0;
}

#inplay .in-team .in-score .team-home {
  text-align: right;
}

#inplay .in-team .in-score .score {
  font-size: 28px;
  color: rgba(255, 255, 255, 0.4);
  font-weight: 800;
  text-align: center;
  min-height: 32px;
}

#inplay .in-team .date {
  color: rgba(255, 255, 255, 0.3);
}

#inplay .in-team.active {
  border-color: #ff4500;
}

#inplay .score-wrap {
  display: flex;
  height: 160px;
  background: url("/images/inplay-bg.png") center center no-repeat;
  -webkit-box-shadow: inset 0 0 40px 2px #000;
  box-shadow: inset 0 0 40px 2px #000;
  justify-content: center;
  align-items: center;
}

#inplay table.score-table {
  border-collapse: separate;
  border-spacing: 1px;
}

#inplay table.score-table.baseball th,
#inplay table.score-table.baseball td {
  width: 40px;
  padding: 10px 0;
}

#inplay table.score-table th {
  background: #232938;
  border: solid 1px transparent;
  padding: 10px;
  text-align: center;
  width: 60px;
}

#inplay table.score-table th.live {
  color: #fec823;
}

#inplay table.score-table th.info {
  width: 40px;
}

#inplay table.score-table td {
  background: #2f3853;
  border: solid 1px transparent;
  padding: 10px;
  text-align: center;
}

#inplay table.score-table td.team {
  padding: 10px 20px;
  text-align: left;
  white-space: nowrap;
}

#inplay table.score-table td.total {
  color: #fec823;
}

#inplay .game-team {
  background: #fec823;
  text-align: center;
  padding: 10px 0;
  color: #000;
  font-weight: 600;
  font-size: 14px;
}

#inplay .game-team .vs {
  color: rgba(0, 0, 0, 0.5);
}

#inplay .tab-menu {
  display: grid;
  grid-gap: 1px;
  grid-template-columns: repeat(6, 1fr);
}

#inplay .tab-menu .tab-menu-item {
  text-align: center;
  background: #2f3853;
  border-bottom: solid 2px #2f3853;
  padding: 17px 0 15px 0;
  cursor: pointer;
  font-size: 13px;
}

#inplay .tab-menu .tab-menu-item:hover {
  background: #232938;
}

#inplay .tab-menu .tab-menu-item.active {
  background: #232938;
  border-bottom-color: #fec823;
}

#inplay .market-wrap {
  margin-bottom: 20px;
}

#inplay .market-wrap .market-group {
  margin-top: 10px;
}

#inplay .market-wrap .market-group .market-id {
  display: block;
  float: right;
}

#inplay .market-wrap .market-head {
  color: #fff;
  padding: 10px 0;
  background: #232938;
  font-size: 14px;
}

#inplay .market-wrap .market-team {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: repeat(2, 1fr);
}

#inplay .market-wrap .market-team.line3 {
  grid-template-columns: 1fr 1fr 1fr;
}

#inplay .market-wrap .market-team .team {
  border: solid 1px #2f3853;
  text-align: center;
  padding: 10px;
}

#inplay .market-wrap .market-odds {
  display: grid;
  grid-gap: 2px;
  grid-template-columns: 1fr 1fr;
}

#inplay .market-wrap .market-odds.line3 {
  grid-template-columns: 1fr 1fr 1fr;
}

#inplay .market-wrap .market-odds .market-bet {
  display: flex;
  cursor: pointer;
  padding: 10px;
  background: #2f3853;
  -webkit-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
}

#inplay .market-wrap .market-odds .market-bet.min,
#inplay .market-wrap .market-odds .market-bet.max {
  background: #2f3033 !important;
  cursor: default !important;
}

#inplay .market-wrap .market-odds .market-bet:hover,
#inplay .market-wrap .market-odds .market-bet.active {
  background-color: #b8573e;
}

#inplay .market-wrap .market-odds .market-bet:hover .odds,
#inplay .market-wrap .market-odds .market-bet.active .odds {
  color: #fff;
}

#inplay .market-wrap .market-odds .market-bet:hover.down,
#inplay .market-wrap .market-odds .market-bet.active.down,
#inplay .market-wrap .market-odds .market-bet:hover.up,
#inplay .market-wrap .market-odds .market-bet.active.up {
  background-color: #b8573e;
}

#inplay .market-wrap .market-odds .market-bet.down {
  background: url("/images/odds-down.png") right bottom no-repeat #2f3853;
}

#inplay .market-wrap .market-odds .market-bet.up {
  background: url("/images/odds-up.png") right top no-repeat #2f3853;
}

#inplay .market-wrap .market-odds .market-bet .name {
  flex: 1;
}

#inplay .market-wrap .market-odds .market-bet .odds {
  color: #fec823;
  text-align: right;
}

.cart-inplay .league {
  height: auto;
  line-height: 1.6;
  margin-bottom: 10px;
}

.cart-inplay .team {
  padding: 0 !important;
  display: grid;
  grid-template-columns: 1fr 30px;
  grid-template-rows: 1fr 1fr;
  margin-bottom: 10px;
  padding-bottom: 10px !important;
  border-bottom: solid 1px #888;
}

.cart-inplay .team .home {
  grid-column: 1/2;
  grid-row: 1/2;
}

.cart-inplay .team .away {
  grid-column: 1/2;
  grid-row: 2/3;
}

.cart-inplay .team .vs {
  font-weight: 800;
  font-size: 15px;
  color: gray;
  grid-column: 2/3;
  grid-row: 1/3;
  align-self: center;
  justify-self: end;
}

.cart-inplay .odd {
  text-align: right;
  font-size: 16px;
  color: #fec823;
  font-weight: 600;
}

.inplay-bet .hit {
  color: #5bc0de;
}

.inplay-bet .win {
  color: #62c462;
}

.inplay-bet .lose {
  color: #f89406;
}

.inplay-bet .cancel {
  color: #ee5f5b;
}

.slotTitle {
  text-align: center;
  font-size: 24px;
  background-color: #383d4a;
  border: solid 1px #000000;
  height: 50px;
  line-height: 50px;
}

.sun-balance {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-bottom: 20px;
  background-color: #000000;
  padding: 10px;
}

.balance-item {
  background: #32342d;
  border-radius: 20px 0 20px 0;
  border: solid 1px #1b2338;
  position: relative;
}

.balance-reload {
  position: absolute;
  right: -10px;
  top: -10px;
  padding: 5px;
  background: #b8573e;
  cursor: pointer;
  border-radius: 50%;
}

.balance-flag {
  text-align: center;
  height: 50px;
  line-height: 50px;
}

.balance-flag img {
  max-height: 40px;
  max-width: 140px;
}

.balance-money {
  display: flex;
  padding: 10px 20px;
  align-items: center;
}

.balance-money .btn {
  border-radius: 10px;
}

.balance-money span {
  flex: 1;
  text-align: right;
}

.balance-error {
  text-align: center;
  padding: 10px 0;
  color: #b8573e;
}

.casino-games {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-content: space-between;
}

.casino-games .casino-game {
  padding: 10px;
  border-radius: 10px;
  border: solid 1px #000000;
}

.casino-games .casino-title {
  text-align: center;
  padding-bottom: 20px;
  color: #fff;
  font-size: 16px;
}

.casino-games .casino-cmd {
  text-align: center;
  margin-top: 10px;
}

.casino-games .casino-cmd .btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.casino-games img {
  width: 100%;
}

.casino-games .slot-body {
  background: url("/images/slot/slot_bg01.png");
  background-size: contain;
}

.slot-games {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  justify-content: space-between;
}

.slot-games .casino-game {
  cursor: pointer;
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  border: solid 1px #000000;
  background-color: #000f26b0;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.slot-games .casino-game:hover {
  background-color: #171928;
}

.slot-games .casino-game:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.slot-games img {
  -webkit-transition: all .3s ease-out;
  -o-transition: all .3s ease-out;
  transition: all .3s ease-out;
  max-width: 100%;
  margin-bottom: 10px;
}

.roulette-cnt {
  display: flex;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.roulette-cnt .cnt {
  width: 340px;
  font-size: 18px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  background: #4d4c52;
  cursor: pointer;
}

.roulette-cnt .cnt.on {
  background: #feed91;
  color: #000;
}

.roulette-wrap {
  margin: 0 auto;
  width: 505px;
  height: 552px;
  position: relative;
}

.roulette-wrap>img {
  position: absolute;
  left: 0;
  top: 0;
}

.roulette-box {
  position: relative;
  top: 66px;
  left: 15px;
  width: 474px;
  height: 474px;
}

#roulette {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

#roulette-start {
  position: absolute;
  left: 175px;
  top: 225px;
  cursor: pointer;
}

.p_btn {
  position: relative;
  top: 10px;
  display: inline-block;
  background: linear-gradient(#0d518c 0%, #0c356a 100%);
  min-width: 80px;
  height: 27px;
  line-height: 31px;
  overflow: hidden;
  border-radius: 100px;
  padding: 0 5px 0 5px;
  color: #ffffff;
  text-align: center;
  font-family: 'GmarketSans';
  font-weight: 400;
  font-size: 13px;
}

.p_btn:hover {
  background: linear-gradient(to right, #0d518c 0%, #0c356a 100%);
}

.my_btn1 {
  position: relative;
  top: 10px;
  display: inline-block;
  background: linear-gradient(#0d518c 0%, #0c356a 100%);
  min-width: 80px;
  height: 27px;
  line-height: 31px;
  overflow: hidden;
  border-radius: 100px;
  padding: 0 5px 0 5px;
  color: #ffffff;
  text-align: center;
  font-family: 'GmarketSans';
  font-weight: 400;
  font-size: 13px;
}

.my_btn2 {
  position: relative;
  top: 10px;
  display: inline-block;
  background: linear-gradient(#7e7e7e 0%, #525252 100%);
  min-width: 80px;
  height: 27px;
  line-height: 31px;
  overflow: hidden;
  border-radius: 100px;
  padding: 0 5px 0 5px;
  color: #ffffff;
  text-align: center;
  font-family: 'GmarketSans';
  font-weight: 400;
  font-size: 13px;
}

.my_btn1:hover {
  background: linear-gradient(to right, #0d518c 0%, #0c356a 100%);
}

.my_btn2:hover {
  background: linear-gradient(to right, #7e7e7e 0%, #525252 100%);
}

body {
  background: #27272f;
  overflow-y: hidden;
}

::-moz-selection {
  background: #ff8700;
  color: #fff;
}

::selection {
  background: #ff8700;
  color: #fff;
}

.page-enter-active,
.page-leave-active {
  transition: opacity .1s;
}

.page-enter,
.page-leave-to {
  opacity: 0;
}

.b1 {
  border: 1px solid red;
}

.width-btn-100 {
  width: calc(100% - 50px) !important;
}

.main-color1 {
  color: #ff8700 !important;
}

.main-color1-normal,
.main-color1-text {
  color: #ff9710 !important;
}

.main-color1-deep {
  color: #ff6900 !important;
}

.main-color1-light {
  color: #ff9710 !important;
}

.color-white {
  color: #fff !important;
}

.main-color2-light {
  color: #ff5266 !important;
}

.main-color2 {
  color: #ff4200 !important;
}

.main_color3_light {
  color: #719de2 !important;
}

.main-color3 {
  color: #4088f6 !important;
}

.main-color4 {
  color: #7e93a6 !important;
}

.main-color5-light {
  color: #42deda !important;
}

.main-color5 {
  color: #01c8de !important;
}

.color-grey {
  color: #676c71 !important;
}

.color-lightgrey {
  color: #ababab !important;
}

.color-deepgrey {
  color: #20222b !important;
}

.color-text-verylight {
  color: #80a7b8 !important;
}

.color-text-light {
  color: #9a9aa7 !important;
}

.color-text {
  color: #797986 !important;
}

.color-text-deep {
  color: #4f4f5a !important;
}

.color-text-verydeep {
  color: #2f3b49 !important;
}

.c_default {
  color: #fff !important;
}

.c_high {
  color: #ff1717 !important;
}

.c_low {
  color: #0bf !important;
}

.c_buy_light {
  color: #fe5159 !important;
}

.c_buy {
  color: #f14f57 !important;
}

.bg_c_buy {
  background: #f14f57;
}

.c_sell_light {
  color: #349bf0 !important;
}

.c_sell {
  color: #3488db !important;
}

.bg_c_sell {
  background: #3488db;
}

.c_ing {
  color: #fff !important;
}

.bg_ing,
.bg_wait {
  background: #7e93a6 !important;
}

.bg_background_deep {
  background: #000;
}

.c_success {
  color: #719de2 !important;
}

.bg_success {
  background: #4088f6 !important;
}

.c_complete {
  color: #fff !important;
}

.c_fail {
  color: #ff4200 !important;
}

.bg_fail {
  background: #ff4200 !important;
}

.bg_cancel {
  background: #009b1b !important;
}

.c_cancel {
  color: #719de2 !important;
}

.c_error {
  color: #4088f6 !important;
}

.c_invaild {
  color: #999 !important;
}

.bg_invaild {
  background: #666 !important;
}

.bg_main {
  background: #ff8700 !important;
}

.c_warning {
  color: #ff5266 !important;
}

.c_deposit_light {
  color: #92bacb !important;
}

.c_deposit {
  color: #80a7b8 !important;
}

.c_withdrawal_light {
  color: #ff8520 !important;
}

.c_withdrawal {
  color: #ff6900 !important;
}

.c_green {
  color: #009b1b !important;
}

.c_red {
  color: red !important;
}

.c_blue {
  color: #4088f6 !important;
}

.c_black {
  color: #000 !important;
}

.bg_white {
  background: #fff !important;
}

.box_c_ing {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  background: #fff;
  color: #333 !important;
  padding-bottom: 1px;
}

.box_c_buy {
  background: #f14f57;
}

.box_c_buy,
.box_c_invaild {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_invaild {
  background: #999;
}

.box_c_sell {
  background: #3488db;
}

.box_c_sell,
.box_c_success {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_success {
  background: #ff6900;
}

.box_c_fail {
  background: #ff4200;
}

.box_c_extedn,
.box_c_fail {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 23px;
  border-radius: 3px;
  color: #fff;
  padding-bottom: 1px;
}

.box_c_extedn {
  background: #43586c;
}

.ps__rail-x {
  transition: background-color .2s linear,opacity .2s linear;
  -webkit-transition: background-color .2s linear,opacity .2s linear;
  height: 0 !important;
  bottom: 0;
}

.ps__rail-x,
.ps__rail-y {
  display: none;
  position: absolute;
  opacity: 0;
}

.ps__rail-y {
  width: 4px !important;
  right: 0;
}

.ps--active-x>.ps__rail-x,
.ps--active-y>.ps__rail-y {
  display: block;
  background: none !important;
}

.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y,
.ps:hover>.ps__rail-x,
.ps:hover>.ps__rail-y {
  opacity: 1 !important;
}

.ps.ps__rail-x.ps--clicking,
.ps.ps__rail-x:focus,
.ps.ps__rail-x:hover,
.ps.ps__rail-y.ps--clicking,
.ps.ps__rail-y:focus,
.ps.ps__rail-y:hover {
  background-color: #eee;
  opacity: .9;
}

.ps__thumb-x {
  border-radius: 2px;
  transition: background-color .2s linear,height .2s ease-in-out;
  -webkit-transition: background-color .2s linear,height .2s ease-in-out;
  height: 4px !important;
  bottom: 0 !important;
}

.ps__thumb-x,
.ps__thumb-y {
  background-color: #4f4f5a !important;
  position: absolute;
}

.ps__thumb-y {
  border-radius: 8px !important;
  transition: background-color .2s linear,width .2s ease-in-out;
  -webkit-transition: background-color .2s linear,width .2s ease-in-out;
  width: 4px !important;
  right: 0 !important;
  z-index: 10;
}

.ps__rail-x.ps--clicking.ps__thumb-x,
.ps__rail-x:focus>.ps__thumb-x,
.ps__rail-x:hover>.ps__thumb-x {
  height: 10px !important;
  cursor: pointer;
}

.ps__rail-y.ps--clicking.ps__thumb-y,
.ps__rail-y:focus>.ps__thumb-y,
.ps__rail-y:hover>.ps__thumb-y {
  width: 10px !important;
  cursor: pointer;
}

.cxlt-toastr-container>div {
  opacity: 1 !important;
  box-shadow: none !important;
  border-radius: 6px !important;
  padding: 0 !important;
}

.toast-title {
  font-size: 1.6rem !important;
  font-weight: 300 !important;
  border-bottom: 1px solid hsla(0,0%,100%,.2);
  padding: 10px;
}

.toast-message {
  padding: 15px !important;
  font-size: 1.7rem !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.toast-progress {
  background: #fff !important;
  height: 2px !important;
}

.toast-close-button {
  position: absolute !important;
  right: 10px !important;
  top: 12px !important;
  width: 12px !important;
  height: 12px !important;
  text-indent: -9999px !important;
  background: url(/images/common/icon_popup_close.png) no-repeat !important;
  background-size: 12px !important;
}

.toast-icon {
  display: none !important;
}

.toast-top-center {
  top: 50% !important;
  margin-top: -55px !important;
}

.pagenation_type_1 {
  text-align: center;
  margin: 20px 0;
}

.pagenation_type_1 a {
  display: inline-block;
  height: 30px;
  line-height: 30px !important;
  text-align: center;
  color: #9a9aa7 !important;
  font-size: 1.5rem;
  padding: 0 10px !important;
  margin: 0 5px;
}

.pagenation_type_1 a i {
  vertical-align: middle;
  font-size: 1.5rem !important;
}

.pagenation_type_1 a.active {
  color: #ff8700 !important;
}

.pagenation_type_1 .btn_first,
.pagenation_type_1 .btn_last,
.pagenation_type_1 .btn_next,
.pagenation_type_1 .btn_prev {
  color: #9a9aa7;
  margin: 0 5px;
  border: 0 !important;
  border-radius: 0 !important;
}

.pagenation_type_1 .inactive {
  color: #bbb;
}

.wrap_type_3 {
  position: relative;
  display: flex;
  height: 100vh;
  background: #1b1b23;
  padding: 101px 300px 0;
}

.container_left,
.container_left_md {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 99;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
}

.container_left_md {
  box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
  transition: all .3s;
}

.container_left_md .left_screen {
  content: "";
  position: fixed;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,.2);
}

.container_center {
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2 {
  display: flex;
  width: 100%;
}

.container_center_2>div:first-of-type {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2>div:first-of-type>div {
  width: calc(50% - 5px);
}

.pc_scroll_sports {
  height: calc(100vh - 121px);
}

.container_center_2_mini {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.container_center_2_mini>div {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 10px 10px 0;
}

.container_center_2_mini>div>div:first-of-type {
  width: 830px;
}

.container_center_2_mini>div>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_center_3_mini,
.container_center_3_mini>div {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.container_center_3_mini>div {
  justify-content: space-between;
  padding: 10px 10px 0;
}

.container_center_3_mini>div>div:first-of-type {
  width: 830px;
}

.container_center_3_mini>div>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_center_4_mini {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.container_center_4_mini>div:first-of-type {
  width: 830px;
}

.container_center_4_mini>div:nth-of-type(2) {
  width: calc(100% - 840px);
}

.container_right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  max-width: 300px;
  width: 100%;
  height: 100%;
  background: #24242c;
  padding-top: 101px;
}

.bg_grad_1 {
  background: linear-gradient(180deg,#282831,#24242c);
}

.bg_grad_1,
.bg_grad_2 {
  border-top: 1px solid #000;
}

.bg_grad_2 {
  background: linear-gradient(180deg,rgba(64,64,75,.2),hsla(0,0%,100%,0));
}

.bg_grad_bottom_1 {
  border-bottom: 1px solid #000;
  background: linear-gradient(180deg,#282831,#24242c);
}

.bg_normal_1 {
  background: #24242c;
}

.bg_normal_2 {
  background: #2c2c34;
}

.btn_left_close,
.btn_left_control,
.btn_right_close,
.right_screen {
  display: none;
}

.box_logo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.box_logo img {
  opacity: .5;
  height: 36px;
}

.display-1600 {
  display: none;
}

.text_dot {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sports_list {
  background: rgba(0,0,0,.1);
  padding: 5px 0;
  margin-bottom: 5px;
}

.sports_list li {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 5px;
}

.sports_list.domestic li {
  margin-bottom: 5px;
}

.sports_list.domestic li:last-child {
  margin-bottom: 0;
}

.sports_list li>div:first-of-type,
.sports_list li>div:nth-of-type(2),
.sports_list li>div:nth-of-type(3) {
  width: 100%;
}

.game_info {
  display: flex;
  align-items: flex-end;
}

.game_info span:first-of-type {
  width: 50%;
  color: hsla(0,0%,100%,.7);
  font-size: 1.3rem;
  font-weight: 300;
  letter-spacing: 1px;
  padding: 5px 5px 7px;
}

.game_info span:nth-of-type(2) {
  width: 50%;
  color: #ff9710;
  font-size: 1.2rem;
  text-align: right;
  padding: 5px 5px 7px;
}

.btn_acodian {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
}

.btn_acodian i {
  color: #ff8700;
  font-size: 1.6rem;
  font-weight: 600;
}

.game_bat {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
}

.game_bat,
.game_bat button {
  position: relative;
}

.game_bat button:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #000;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat button:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}

.game_bat button:first-of-type span {
  flex-shrink: 0;
  text-align: right;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat button:first-of-type i {
  margin-right: 5px;
}

.game_bat button:nth-of-type(3) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #000;
  padding: 0 10px;
  margin-left: 1px;
  transition: all .3s;
}

.game_bat button:nth-of-type(3) em {
  order: 2;
  color: #fff;
  text-align: right;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
}

.game_bat button:nth-of-type(3) span {
  flex-shrink: 0;
  order: 1;
  text-align: left;
  color: #fff;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat button:nth-of-type(3) i {
  margin-left: 5px;
}

.game_bat button:first-of-type i img,
.game_bat button:nth-of-type(3) i img {
  width: 20px !important;
  vertical-align: middle;
}

.game_bat>span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #a3a4a6;
}

.game_bat button:nth-of-type(2) {
  cursor: inherit;
}

.game_bat.bet_three button:nth-of-type(2),
.game_bat button:nth-of-type(2) {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 0;
  width: 90px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  font-weight: 400;
  background: #000;
  margin-left: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat.bet_three button:nth-of-type(2) {
  cursor: pointer;
}

.game_bat.bet_three button:nth-of-type(2).active,
.game_bat button.active {
  background: #ff8700;
}

.game_bat button:first-of-type .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-left: 10px solid transparent;
}

.game_bat button:first-of-type .down:after,
.game_bat button:first-of-type .up:after {
  content: "";
  position: absolute;
  right: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink-site-header 1s ease-in-out 5;
  animation: blink-site-header 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:first-of-type .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.game_bat button:nth-of-type(2) .up:after {
  left: 0;
  top: 0;
  border-top: 10px solid #ff1717;
  border-right: 10px solid transparent;
}

.game_bat button:nth-of-type(2) .down:after,
.game_bat button:nth-of-type(2) .up:after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink-site-header 1s ease-in-out 5;
  animation: blink-site-header 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:nth-of-type(2) .down:after {
  right: 0;
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.game_bat button:nth-of-type(3) .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-right: 10px solid transparent;
}

.game_bat button:nth-of-type(3) .down:after,
.game_bat button:nth-of-type(3) .up:after {
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 10px;
  height: 10px;
  -webkit-animation: blink-site-header 1s ease-in-out 5;
  animation: blink-site-header 1s ease-in-out 5;
  opacity: 0;
}

.game_bat button:nth-of-type(3) .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #0bf;
}

@-webkit-keyframes blink-site-header {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes blink-site-header {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.bat_more {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 100%;
  border-radius: 6px;
  background: #ff8700;
  padding-bottom: 2px;
  margin-left: 2px;
  transition: all .3s;
}

.bat_more i {
  color: #fff;
  font-size: 1.6rem;
}

.bat_more.active {
  background: #fff !important;
}

.bat_more.active i {
  color: #000 !important;
}

.btn_no_disabled {
  font-size: 1.3rem !important;
  cursor: auto;
}

.btn_no_disabled[disabled] {
  background: #a3a4a6 !important;
  opacity: .75;
}

.game_bat_2 {
  position: relative;
  height: 36px;
}

.game_bat_2,
.game_bat_2 button:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.game_bat_2 button:first-of-type {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.game_bat_2 button:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 5px;
}

.game_bat_2 button:first-of-type span {
  flex-shrink: 0;
  text-align: right;
  color: rgba(0,0,0,.9);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat_2 button:nth-of-type(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  margin-left: 1px;
  transition: all .3s;
}

.game_bat_2 button:nth-of-type(2) em {
  order: 2;
  color: #fff;
  text-align: right;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 5px;
}

.game_bat_2 button:nth-of-type(2) span {
  flex-shrink: 0;
  order: 1;
  text-align: left;
  color: rgba(0,0,0,.9);
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game_bat_2>span {
  display: inline-flex;
  width: 70px;
  height: 100%;
  font-size: 1.4rem;
  color: #fff;
  background: #a3a4a6;
}

.game_bat_2>span,
.title_logo {
  justify-content: center;
  align-items: center;
}

.title_logo {
  display: flex;
  height: 40px;
  border-bottom: 1px solid #000;
}

.title_logo img {
  height: 22px;
}

.tab {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.tab li:last-child {
  width: 100%;
}

.tab li:nth-last-child(2),
.tab li:nth-last-child(2)~li {
  width: 50%;
}

.tab li:nth-last-child(3),
.tab li:nth-last-child(3)~li {
  width: 33.333333333333%;
}

.tab li:nth-last-child(4),
.tab li:nth-last-child(4)~li {
  width: 25%;
}

.tab li:nth-last-child(5),
.tab li:nth-last-child(5)~li {
  width: 20%;
}

.tab li:nth-last-child(6),
.tab li:nth-last-child(6)~li {
  width: 16.66666666666667%;
}

.tab li button {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  color: #fff;
  background: #1b1b23;
  border: 1px solid #1b1b23;
  border-bottom: 0;
}

.tab li button.active {
  color: #ff8700;
  border: 1px solid #ff8700;
  border-bottom: none !important;
  background: hsla(0,0%,100%,.005);
}

.tab li button.active:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  display: block;
  width: 100%;
  height: 1px;
  background: #1b1b23;
}

.wrap_sports_detail {
  width: 100%;
  border: 1px solid #ff8700;
  background: rgba(0,0,0,.6);
  padding: 4px 5px 5px;
}

.wrap_sports_detail.b_0 {
  border: 0;
}

.wrap_sports_detail li {
  width: 100%;
}

.wrap_sports_detail li:first-child {
  margin-top: 0;
}

.wrap_sports_detail li:last-child {
  margin-bottom: 4px;
}

.wrap_sports_detail li>em {
  display: flex;
  align-items: center;
  height: 28px;
  color: #ff9710;
  font-size: 1.4rem;
  font-weight: 500;
  background: hsla(0,0%,100%,.05);
  padding-left: 5px;
  padding-bottom: 2px;
}

.detail_num {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -1px;
}

.detail_num,
.detail_num>button {
  display: flex;
  align-items: center;
}

.detail_num>button {
  position: relative;
  justify-content: space-between;
  height: 34px;
  text-align: left;
  border-radius: 2px;
  background: #4c4c50;
  padding: 0 10px;
  margin: 1px;
}

.detail_num button {
  width: calc(33.33333% - 2px);
}

.detail_num button:last-child {
  width: 100%;
}

.detail_num button:nth-last-child(2),
.detail_num button:nth-last-child(2)~button {
  width: calc(50% - 2px);
}

.detail_num button:nth-last-child(3),
.detail_num button:nth-last-child(3)~button {
  width: calc(33.33333% - 2px);
}

.detail_num>button em {
  font-size: 1.3rem;
  color: #fff;
  line-height: 1.2;
}

.detail_num>button span {
  font-size: 1.2rem;
  color: #fff;
}

.detail_num>button.active span {
  color: #fff !important;
}

.detail_num>button .up:after {
  top: 0;
  border-top: 10px solid #ff1717;
  border-left: 10px solid transparent;
}

.detail_num>button .down:after,
.detail_num>button .up:after {
  content: "";
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  -webkit-animation: blink-site-header 1s ease-in-out 5;
  animation: blink-site-header 1s ease-in-out 5;
  opacity: 0;
}

.detail_num>button .down:after {
  bottom: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #0bf;
}

.detail_num>button.active {
  background: #ff8700;
}

.detail_num>button.active i {
  color: #000;
}

.detail_num>button .text-allocation {
  color: #ff8700;
}

.detail_num>button.active em .text-allocation {
  color: #000 !important;
}

.sports_bet_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: calc(100% - 38px);
  height: 100%;
  background: rgba(0,0,0,.35);
}

.sports_bet_close,
.sports_bet_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sports_bet_close:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
}

.sports_bet_close_all {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.35);
}

.sports_bet_close_all,
.sports_bet_close_all:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.sports_bet_close_all:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
  margin-left: -38px;
}

.market_domestic_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.market_domestic_all_close:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 100% auto;
  margin-left: -48px;
}

.sports_bet_close.market_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.sports_bet_close.market_all_close:after {
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 24px;
}

.market_all_close {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
}

.market_all_close,
.market_all_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.market_all_close:after {
  content: "";
  width: 24px;
  height: 24px;
  background: url(/images/common/icon_key_close.svg) no-repeat 50%;
  background-size: 100% auto;
  margin-left: -40px;
}

@media (max-width:1599px) {
  .no-wrap-1599 {
    display: none;
  }
}

.vjs-control-bar {
  bottom: -3em !important;
  background: rgba(0,0,0,.5) !important;
  transition: all .3s !important;
}

.video-js {
  position: relative;
  overflow: hidden;
}

.video-js:hover .vjs-control-bar {
  bottom: 0 !important;
  transition: all .3s !important;
}

.vjs-big-play-button {
  left: 50% !important;
  top: 50% !important;
  width: 100px !important;
  height: 60px !important;
  border: 2px solid #ff8700 !important;
  background: rgba(255,135,0,.2) !important;
  border-radius: 6px !important;
  transform: translateX(-50%) translateY(-50%) !important;
  transition: all .3s;
}

.vjs-big-play-button:before {
  content: "";
  position: absolute;
  left: 0;
  top: -40px;
  display: inline-block;
  width: 94px;
  height: 24px;
  background: url(/images/common/logo.svg) no-repeat 50%;
  background-size: 94px auto;
}

.vjs-big-play-button .vjs-icon-placeholder {
  color: #ff9710 !important;
  font-size: 2.4rem !important;
  transition: all .3s;
}

.vjs-icon-placeholder:before {
  position: inherit !important;
  left: inherit !important;
  top: inherit !important;
  width: inherit !important;
  height: inherit !important;
}

.vjs-big-play-button:hover .vjs-icon-placeholder {
  color: #fff !important;
}

.vjs-big-play-button:hover {
  background: #ff8700 !important;
}

@media (max-width:767px) {
  .detail_num button,
  .detail_num button:nth-last-child(3),
  .detail_num button:nth-last-child(3)~button {
    width: calc(50% - 2px);
  }
  .game_bat.bet_three button:nth-of-type(2),
  .game_bat button:nth-of-type(2) {
    width: 50px;
  }
  .sports_bet_close_all:after {
    margin-left: 0;
  }
  .sports_bet_close {
    width: 100%;
  }
  .market_all_close:after,
  .market_domestic_all_close:after {
    margin-left: 0;
  }
  .game_bat button:first-of-type i,
  .game_bat button:nth-of-type(3) i {
    display: none !important;
  }
}

.mini_bet_close {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.2);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

.mini_bet_close,
.mini_bet_close:after {
  display: flex;
  justify-content: center;
  align-items: center;
}

.mini_bet_close:after {
  content: "";
  width: 90px;
  height: 90px;
  border-radius: 100%;
  background: #000 url(/images/common/icon_key_close.png) no-repeat 50%;
  background-size: 60% auto;
}

.flex_1dan {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 10px;
}

.flex_1dan ul {
  width: calc(90% - 10px);
}

.flex_2dan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_2dan div:first-of-type,
.flex_2dan div:nth-of-type(2) {
  width: calc(50% - 7px);
}

.flex_3dan {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.flex_3dan div:first-of-type,
.flex_3dan div:nth-of-type(2) {
  width: calc(25% - 7px);
}

.flex_3dan div:nth-of-type(3) {
  width: calc(50% - 7px);
}

.title_bet_s {
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.3;
  background: rgba(0,0,0,.2);
  padding: 10px;
}

.title_bet_s strong {
  font-size: 1.5rem;
  color: #ff8700;
  font-weight: 400;
}

.tab_game_type {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 10px;
}

.tab_game_type button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(50% - 5px);
  height: 100px;
  font-size: 2.2rem;
  color: #fff;
  font-family: Gmarket;
  font-weight: 600;
  border: 4px solid rgba(255,135,0,.2);
  border-radius: 6px;
  background: #1b1b23;
  margin: 5px 0 0;
}

.tab_game_type button.active {
  color: #ff8700;
  border: 4px solid #ff8700;
}

.mini_game_info {
  height: 36px;
}

.mini_game_info,
.mini_game_info span:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.mini_game_info span:first-of-type {
  width: calc(50% - 1px);
  height: 100%;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #a3a4a6;
  padding: 0 10px;
  transition: all .3s;
}

.mini_game_info span:first-of-type em {
  color: #fff;
  text-align: left;
  line-height: 1.2;
}

.mini_game_info span:first-of-type b {
  color: #fff;
  font-weight: 400;
}

.mini_game_info span:nth-of-type(2) {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 50%;
  height: 100%;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  background: #ff8700;
  padding: 0 10px;
  transition: all .3s;
}

.mini_game_info span:nth-of-type(2) em {
  color: #fff;
  text-align: right;
  line-height: 1.2;
}

.mini_game_info span:nth-of-type(2) b {
  color: #fff;
  font-weight: 400;
}

.ul_game_item {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ul_game_item.item_2 li {
  width: calc(50% - 1px);
}

.ul_game_item.item_2 li:first-child {
  width: 50%;
}

.ul_game_item.item_3 li {
  width: calc(33.33333% - 1px);
}

.ul_game_item.item_3 li:first-child {
  width: 33.3333333333%;
}

.ul_game_item.item_4 li {
  width: calc(25% - 1px);
}

.ul_game_item.item_4 li:first-child {
  width: 25%;
}

.ul_game_item.item_6 li {
  width: calc(16.66667% - 1px);
}

.ul_game_item.item_6 li:first-child {
  width: 16.6666666666667%;
}

.ul_game_item.item_10 li {
  width: calc(20% - 1px);
}

.ul_game_item.item_10 li:first-child,
.ul_game_item.item_10 li:nth-of-type(6) {
  width: 20%;
}

.ul_game_item.item_10 li:nth-child(n+5) {
  margin-top: 1px;
}

.ul_game_item button {
  position: relative;
  width: 100%;
  border: 1px solid #36363f;
  background: #36363f;
  transition: all .3s;
}

.ul_game_item button,
.ul_game_item button i {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}

.ul_game_item button i {
  justify-content: center;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #606070;
  margin: 10px 0;
}

.ul_game_item button i span {
  font-size: 1.7rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 2px;
}

.ul_game_item button i sub {
  margin: 5px;
}

.ul_game_item button.blue i {
  background: rgba(20,120,242,.8);
}

.ul_game_item button.red i {
  background: rgba(255,62,62,.8);
}

.ul_game_item button.blue_line i {
  border: 3px solid rgba(20,120,242,.8);
  background: #36363f;
}

.ul_game_item button.red_line i {
  border: 3px solid rgba(255,62,62,.8);
  background: #36363f;
}

.ul_game_item button.green i {
  background: rgba(0,155,27,.6);
}

.ul_game_item button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.ul_game_item button.active i {
  background: #7a7a9b;
}

.ul_game_item button.blue.active i {
  background: #1478f2;
}

.ul_game_item button.red.active i {
  background: #ff3e3e;
}

.ul_game_item button.blue_line.active i {
  border: 3px solid rgba(20,120,242,.8);
  background: #1478f2;
}

.ul_game_item button.red_line.active i {
  border: 3px solid rgba(255,62,62,.8);
  background: #ff3e3e;
}

.ul_game_item button.green.active i {
  background: #009b1b;
}

.ul_game_item button i sub {
  font-size: 1.1rem;
  color: #fff;
}

.ul_game_item button b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  background: hsla(0,0%,100%,.05);
  color: #fff;
  font-weight: 400;
  padding-bottom: 2px;
}

.blue_btn {
  background: rgba(20,120,242,.8) !important;
}

.red_btn {
  background: rgba(255,62,62,.8) !important;
}

.ul_game_item2 button {
  position: relative;
  display: block;
  align-items: center;
  width: 100%;
  border: 1px solid #36363f;
  background: #36363f;
  color: #fff;
  transition: all .3s;
}

.ul_game_item2 button i {
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  background-color: #606070;
  margin: 10px 5px;
}

.ul_game_item2 button i span {
  font-size: 1.7rem;
  color: #fff;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 2px;
}

.ul_game_item2 button i sub {
  margin: 5px;
}

.ul_game_item2 button.blue i {
  background: rgba(20,120,242,.8);
}

.ul_game_item2 button.red i {
  background: rgba(255,62,62,.8);
}

.ul_game_item2 button.blue_line i {
  border: 3px solid rgba(20,120,242,.8);
  background: #36363f;
}

.ul_game_item2 button.red_line i {
  border: 3px solid rgba(255,62,62,.8);
  background: #36363f;
}

.ul_game_item2 button.green i {
  background: rgba(0,155,27,.6);
}

.ul_game_item2 button.active {
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.ul_game_item2 button.active i {
  background: #7a7a9b;
}

.ul_game_item2 button.blue.active i {
  background: #1478f2;
}

.ul_game_item2 button.red.active i {
  background: #ff3e3e;
}

.ul_game_item2 button.blue_line.active i {
  border: 3px solid rgba(20,120,242,.8);
  background: #1478f2;
}

.ul_game_item2 button.red_line.active i {
  border: 3px solid rgba(255,62,62,.8);
  background: #ff3e3e;
}

.ul_game_item2 button.green.active i {
  background: #009b1b;
}

.ul_game_item2 button i sub {
  font-size: 1.1rem;
  color: #fff;
}

.ul_game_item2 button b {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 20px;
  background: hsla(0,0%,100%,.05);
  color: #fff;
  font-weight: 400;
  padding-bottom: 2px;
}

.ul_game_item2 li {
  width: 50%;
  float: left;
}

.ul_game_item2 li button i:first-of-type {
  margin-left: 0 !important;
}

.ul_game_item2 li button i:last-child {
  margin-right: 0;
}

.ul_game_item2 li:nth-child(n+3) {
  margin-top: 1px;
}

.flex_1dan em {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}

@media (max-width:2200px) {
  .flex_1dan em {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .flex_1dan em br {
    display: none;
  }
  .flex_1dan ul {
    width: 100%;
  }
}

@media (max-width:1919px) {
  .flex_3dan div:first-of-type,
  .flex_3dan div:nth-of-type(2) {
    width: calc(50% - 5px);
  }
  .flex_3dan div:nth-of-type(3) {
    width: 100%;
  }
  .ul_game_item.item_6 li {
    width: calc(33.33333% - 1px);
  }
  .ul_game_item.item_6 li:first-child {
    width: 33.333333333%;
  }
  .ul_game_item.item_6 li:nth-child(n+4) {
    margin-top: 1px;
  }
}

@media (max-width:1190px) {
  .flex_3dan div:first-of-type,
  .flex_3dan div:nth-of-type(2) {
    width: calc(25% - 7px);
  }
  .flex_3dan div:nth-of-type(3) {
    width: calc(50% - 7px);
  }
}

@media (max-width:991px) {
  .flex_1dan {
    justify-content: space-between;
    margin-bottom: 10px;
  }
  .flex_1dan em {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  .flex_1dan ul {
    width: 100%;
  }
  .flex_3dan div:first-of-type,
  .flex_3dan div:nth-of-type(2) {
    width: calc(50% - 5px);
  }
  .flex_3dan div:nth-of-type(3) {
    width: 100%;
  }
}

@media (max-width:767px) {
  .ul_game_item2 button i {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #606070;
    margin: 10px 5px;
  }
  .ul_game_item2 li {
    width: 100%;
  }
  .ul_game_item2 li:nth-child(n+2) {
    margin-top: 1px;
  }
}

@media (max-width:2559px) {
  .container_center_2>div:first-of-type>div:first-of-type {
    width: 870px;
  }
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: calc(100% - 880px);
  }
}

@media (max-width:2100px) {
  .container_center_2>div:first-of-type>div:first-of-type,
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: calc(50% - 5px);
  }
}

@media (max-width:1920px) {
  .wrap_type_3 {
    padding: 101px 280px 0;
  }
  .container_left,
  .container_left_md,
  .container_right {
    max-width: 280px;
  }
  .container_center_2_mini>div>div:first-of-type {
    width: 830px;
  }
  .container_center_2_mini>div>div:nth-of-type(2) {
    width: calc(100% - 840px);
  }
  .container_center_3_mini>div>div:first-of-type {
    width: 830px;
  }
  .container_center_3_mini>div>div:nth-of-type(2) {
    width: calc(100% - 840px);
  }
}

@media (max-width:1860px) {
  .wrap_type_3 {
    padding-left: 40px;
  }
  .container_left {
    display: none;
  }
  .btn_left_control {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background: #24242c;
    padding-top: 101px;
  }
  .btn_left_control,
  .btn_left_control i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
  }
  .btn_left_control i {
    height: 160px;
    color: #fff;
    font-size: 2.2rem;
    background: #ff8700;
  }
  .btn_left_control i img {
    width: 26px;
  }
  .btn_left_close {
    position: absolute;
    right: -40px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 160px;
    border-left: 0;
    background: #ff8700;
    box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
    margin-top: -30px;
  }
  .btn_left_close i {
    color: #fff;
    font-size: 2.2rem;
  }
  .btn_left_close i img {
    width: 26px;
    transform: rotate(180deg);
  }
}

@media (max-width:1600px) {
  .container_center_2_mini>div>div:first-of-type {
    width: 660px;
  }
  .container_center_2_mini>div>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .container_center_3_mini>div>div:first-of-type {
    width: 660px;
  }
  .container_center_3_mini>div>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .container_center_4_mini>div:first-of-type {
    width: 660px;
  }
  .container_center_4_mini>div:nth-of-type(2) {
    width: calc(100% - 670px);
  }
  .display-1600 {
    display: block;
  }
  .no-display-1600 {
    display: none;
  }
}

@media (max-width:1599px) {
  .container_center_2>div:first-of-type>div:first-of-type,
  .container_center_2>div:first-of-type>div:nth-of-type(2) {
    width: 100%;
  }
  .pc_scroll_sports {
    height: auto;
  }
}

@media (max-width:1439px) {
  .container_center_2_mini>div {
    flex-wrap: wrap;
    padding: 10px 10px 0;
  }
  .container_center_2_mini>div>div:first-of-type,
  .container_center_2_mini>div>div:nth-of-type(2) {
    width: 100%;
  }
  .container_center_3_mini>div {
    flex-wrap: wrap;
    padding: 10px 10px 0;
  }
  .container_center_3_mini>div>div:first-of-type,
  .container_center_3_mini>div>div:nth-of-type(2),
  .container_center_4_mini>div:first-of-type,
  .container_center_4_mini>div:nth-of-type(2) {
    width: 100%;
  }
}

@media (max-width:1023px) {
  .wrap_type_3 {
    padding-right: 0;
  }
  .container_right {
    position: fixed !important;
    right: 0;
  }
  .btn_right_close {
    position: absolute;
    right: 280px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 160px;
    border-left: 0;
    background: #ff8700;
    box-shadow: 0 5px 5px 5px rgba(0,0,0,.15) !important;
    margin-top: -30px;
  }
  .btn_right_close i {
    color: #fff;
    font-size: 2.2rem;
  }
  .btn_right_close i img {
    width: 26px;
  }
  .container_right .right_screen {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,.5);
  }
}

@media (max-width:991px) {
  .wrap_type_3 {
    padding-top: 101px;
    padding-left: 0;
  }
  .btn_left_close,
  .btn_left_control,
  .container_left {
    display: none;
  }
}

@media (max-width:767px) {
  .container_center {
    padding: 0;
  }
  .mobile_scroll {
    position: relative !important;
    height: 100%;
    overflow: hidden !important;
    overflow-y: auto !important;
  }
}

.title_info {
  justify-content: center;
  height: 61px;
  font-size: 2rem;
  font-weight: 300;
  border-bottom: 1px solid #000;
  background: linear-gradient(0deg,#2f2f38,#2c2c34);
}

.title_info,
.title_info_s {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: NEXON2;
}

.title_info_s {
  font-size: 1.8rem;
}

.title_info_s:before {
  content: "";
  display: block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background: #ff8700 url(/images/common/icon_select.png) no-repeat 50%;
  transform: rotate(270deg);
  margin-right: 10px;
}

.ul_text_1 li {
  font-size: 1.4rem;
  color: hsla(0,0%,100%,.6);
  line-height: 1.5;
  padding: 8px 0;
}

.box_contents_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.box_contents_1 em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.box_contents_1 span {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  margin-bottom: 20px;
}

.box_contents_2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.box_contents_2 em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.box_contents_2 span {
  font-size: 1.3rem;
  line-height: 1.4;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  margin-bottom: 20px;
}

.no_box_contents {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
}

.no_box_contents em {
  font-size: 1.5rem;
  color: #ff8700;
  margin: 20px 0;
}

.no_box_contents span {
  position: relative;
  font-size: 1.3rem;
  line-height: 1.8;
  color: #fff;
  text-align: left;
  padding: 0 20px;
  margin-bottom: 20px;
}

.no_box_contents span sub {
  position: absolute;
  right: -20%;
  top: 0;
  display: inline-flex;
  align-items: center;
  height: 26px;
  font-size: 1.4rem;
  color: #27272f;
  font-weight: 500;
  background: #ff8700;
  padding: 4px 4px 6px;
  transform: rotate(-15deg);
  box-shadow: 2px 2px 2px 5px rgba(0,0,0,.7);
}

.hr1 {
  height: 1px;
  border-bottom: 1px solid rgba(0,0,0,.5);
  margin: 30px 0;
}

.sub_visual_wallet {
  position: relative;
}

.sub_visual_wallet img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.sub_visual_wallet div {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 40px;
}

.sub_visual_wallet div span {
  color: #fff;
  font-family: NEXON2;
  font-size: 3.2rem;
  font-weight: 300;
  line-height: inherit;
}

.menu_wallet {
  display: flex;
  justify-content: space-between;
}

.menu_wallet>li {
  width: calc(33.33333% - 1px);
}

.menu_wallet>li:first-of-type {
  width: 33.333333333333%;
}

.menu_wallet>li a,
.menu_wallet>li button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  font-size: 1.5rem;
  color: #fff;
  border: 1px solid hsla(0,0%,100%,.2);
  background: #2c2c34;
  padding-bottom: 2px;
  cursor: pointer;
}

.menu_wallet>li a.active,
.menu_wallet>li button.active {
  color: #ff8700;
  border: 1px solid #ff8700;
  background: #1b1b23;
}

.menu_wallet.menu_2 li {
  width: calc(50% - 1px);
}

.menu_wallet.menu_2 li>li:first-of-type {
  width: 50%;
}

.box_form_wallet {
  margin: 0 auto;
  max-width: 430px;
}

.wallet_cash {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.wallet_cash button {
  width: 20%;
  height: 40px;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  border-radius: 3px;
  background: #a3a4a6;
  margin: 0 1px;
  box-shadow: inset 0 0 20px hsla(0,0%,100%,0);
  transition: all 1.25s cubic-bezier(.19,1,.22,1);
}

.wallet_form {
  position: relative;
}

.wallet_form button {
  position: absolute;
  left: 7px;
  top: 7px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  background: linear-gradient(0deg,#292932 10%,#292932);
  padding-bottom: 2px;
}

.wallet_form input {
  width: 100%;
  height: 46px;
  font-size: 2.2rem;
  color: #ff9710;
  font-weight: 500;
  text-align: right;
  border: 1px solid #ff8700;
  background: #1b1b23;
  padding: 0 20px 0 40px;
}

@media (max-width:767px) {
  .sub_visual_wallet div span {
    font-size: 2.8rem;
  }
}

.group-wWM3zP_M- {
  background: #27272f !important;
}

h2.title_trade {
  height: 40px;
  line-height: 38px;
  font-size: 1.3rem;
  color: #fff;
  border-bottom: 1px solid #43586c;
  font-weight: 400;
  margin: 0 15px;
}

h2.title_trade span {
  font-size: 1.3rem;
  color: #ff8700;
  font-weight: 400;
}

.b_test {
  position: absolute;
  left: 40px;
  bottom: 100px;
  color: #fff;
}

.result_buy {
  left: 0;
  top: 0;
  display: none;
}

.result_buy,
.result_buy div {
  position: fixed;
  z-index: 99999;
}

.result_buy div {
  left: 50%;
  top: 50%;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_buy 3s;
  animation: switch_buy 3s;
}

.result_sell {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.result_sell div {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_sell 3s;
  animation: switch_sell 3s;
}

.result_invaild {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99999;
  display: none;
}

.result_invaild div {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 99999;
  width: 700px;
  height: 400px;
  text-align: center;
  margin: -200px 0 0 -350px;
  -webkit-animation: switch_invaild 3s;
  animation: switch_invaild 3s;
}

.sub_visual {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  padding: 0 30px;
  margin-top: 100px;
}

.sub_visual i {
  display: none;
  position: absolute;
  left: 30px;
  top: 50%;
  color: hsla(0,0%,100%,.7);
  font-size: 1.3rem;
  font-weight: 300;
  padding-left: 20px;
  background: url(/images/common/icon_nevi.png) no-repeat 0;
  background-size: 11px auto;
  margin-top: -7px;
}

.sub_visual em {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
  text-shadow: 1px 1px 2px rgba(0,0,0,.2);
}

.sub_visual.s_01,
.sub_visual.s_02,
.sub_visual.s_03,
.sub_visual.s_04,
.sub_visual.s_05,
.sub_visual.s_06,
.sub_visual.s_07,
.sub_visual.s_08 {
  background: #7b849f url(/images/sub/sub_theme.jpg) no-repeat top;
  background-attachment: fixed;
}

.box_sub_title {
  padding: 0 40px 20px;
}

.box_sub_container {
  min-height: 500px;
  padding: 30px 0;
}

.sub_menu {
  display: flex;
  border-bottom: 1px solid #2d3b48;
}

.sub_menu,
.sub_menu a {
  position: relative;
  height: 60px;
}

.sub_menu a {
  display: inline-block;
  line-height: 59px;
  font-size: 1.5rem;
  color: #9a9aa7;
  padding: 0 20px;
}

.sub_menu #marker {
  position: absolute;
  left: 0;
  height: 1px;
  width: 0;
  background: #ff9710;
  bottom: -1px;
  transition: all .3s;
}

.sub_menu a.active,
.sub_menu a.nuxt-link-active {
  color: #ff8700;
}

.sub_tab ul {
  overflow: hidden;
}

.sub_tab ul li {
  float: left;
}

.sub_tab ul li a {
  position: relative;
  display: block;
  height: 34px;
  line-height: 34px;
  font-size: 1.6rem;
  color: #9a9aa7;
  padding: 0 0 0 50px;
}

.sub_menu ul li a.nuxt-link-active,
.sub_tab ul li a.active {
  color: #fff;
}

.sub_menu ul li a.nuxt-link-active:before,
.sub_tab ul li a.active:before {
  content: "";
  position: absolute;
  left: 32px;
  top: 14px;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #ff8700;
  border-radius: 100%;
}

.title_medium {
  font-size: 3rem;
  font-weight: 400;
  color: #ff8700;
  font-family: NEXON2;
  letter-spacing: -1px;
}

.title_big {
  font-size: 2.2rem;
}

.title_big,
.title_normal {
  font-weight: 400;
  color: #ff9710;
  text-align: left;
  letter-spacing: -.5px;
}

.title_normal {
  font-size: 1.8rem;
}

.title_small {
  position: relative;
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  letter-spacing: -.5px;
}

.title_small button {
  position: absolute;
  right: 0;
  top: 0;
  color: #9a9aa7;
}

.title_sub {
  position: relative;
  display: inline-block;
  font-size: 2.8rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 10px 30px;
  letter-spacing: -1px;
}

.title_sub:before {
  bottom: -5px;
}

.title_sub:after,
.title_sub:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
}

.title_sub:after {
  bottom: -3px;
}

.title_sub_1 {
  position: relative;
  display: inline-block;
  font-size: 2.4rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
  padding: 10px 30px;
  letter-spacing: -1px;
}

.title_sub_1:before {
  bottom: -5px;
}

.title_sub_1:after,
.title_sub_1:before {
  content: "";
  position: absolute;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #fff;
}

.title_sub_1:after {
  bottom: -3px;
}

.title_sm {
  display: none;
}

.title_hexa {
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.title_hexa,
.title_hexa i {
  display: flex;
  align-items: center;
}

.title_hexa i {
  justify-content: center;
  height: 58px;
  font-family: roboto;
  font-weight: 900;
  font-size: 2rem;
  color: #fff;
  padding-right: 5px;
  margin: 0;
}

.title_hexa em {
  font-size: 2rem;
  font-weight: 400 !important;
  color: #ff8700;
  line-height: 1.2;
  padding-left: 10px;
}

.title_hexa.t_on i {
  width: 50px;
  height: 58px;
  font-family: roboto;
  font-weight: 900;
  font-size: 2rem;
  color: #27272f;
  margin: 0;
}

.title_div,
.title_hexa.t_on i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.title_div {
  position: relative;
  z-index: 2;
  flex-direction: row;
  text-align: center;
  margin: 0 15px;
  padding: 20px 0 0;
}

.title_div span {
  display: inline-block;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #ff9710;
  font-size: 1.8rem;
  font-family: Proxima Nova;
  font-weight: 500;
}

.p_info {
  line-height: 18px;
  font-size: 1.4rem;
  color: #797986;
  text-align: left;
  background-size: 18px;
  margin-left: 10px;
}

.p_info span {
  font-size: 1.4rem;
  color: #ff9710;
}

.box_folder,
.box_folder button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
}

.box_folder button {
  width: calc(33.33333% - 5px);
  height: 40px;
  font-size: 2rem;
  color: #ff8700;
  font-family: Gmarket;
  font-weight: 500;
  border: 1px solid #ff8700;
  border-radius: 3px;
  background: #1b1b23;
}

.box_folder button i {
  font-size: 1.3rem;
  margin-right: 3px;
}

.box_folder button span:nth-of-type(2) {
  color: #ff8700;
}

.box_folder button.active {
  background: #ff8700;
  color: #fff;
}

.box_folder button.active span:nth-of-type(2) {
  color: #fff;
}

.bank_info {
  flex-wrap: wrap;
}

.bank_info,
.bank_info li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.bank_info li {
  position: relative;
  flex-direction: row;
  width: 50%;
  padding: 10px;
}

.bank_info li:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 50%;
  display: inline-block;
  width: 6px;
  height: 6px;
  background: #ff8700;
  border-radius: 100%;
  margin-top: -3px;
}

.bank_info li em {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #9a9aa7;
  padding-left: 15px;
}

.bank_info li span {
  align-items: center;
  flex-grow: 1;
  flex-shrink: 1;
  line-height: 1.4;
  font-size: 1.5rem;
  color: #fff;
}

.bank_info li span button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  background: #ff8700;
  margin-left: 8px;
  padding: 3px;
}

.bank_info.full li {
  width: 100%;
  margin-bottom: 3px;
}

.bank_info.full li em {
  width: 120px;
  flex-grow: 0;
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #9a9aa7;
}

.bank_info.full li span {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 1.5rem;
  color: #fff;
}

.bank_info li span i {
  opacity: .5;
  font-weight: 300;
}

.box_support_container {
  padding: 30px 40px;
}

.box_support_container.bg_arrow {
  background: #27272f url(/images/common/bg_join.png) no-repeat bottom;
  background-size: 90% !important;
}

.box_support_title {
  display: block;
  line-height: 39px;
  font-size: 2.2rem;
  color: #fff;
}

.box_support_title img {
  margin-right: 10px;
}

.box_text_type_1 {
  flex-direction: column;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #797986;
  border-bottom: 1px solid #ff8700;
  margin-top: -15px;
}

.box_text_type_1,
.box_text_type_1 i {
  display: flex;
  justify-content: center;
  align-items: center;
}

.box_text_type_1 i {
  width: 100%;
  height: 50px;
  background: url(/images/common/icon_info.png) no-repeat 50%;
  background-size: 34px;
}

.box_text_type_1>span {
  width: 100%;
  font-size: 1.4rem;
  text-align: left;
  padding: 0 10px 15px;
}

.tip,
.wl_tip {
  position: relative;
  overflow: hidden;
  max-height: 150px;
  background: url(/images/common/icon_info.png) no-repeat 10px 0;
  background-size: 22px;
  margin-left: 10px;
  padding-left: 40px;
}

.tip ul li,
.wl_tip ul li {
  font-size: 1.5rem;
  color: #9a9aa7;
  line-height: 2.2rem;
}

.wl_tip ul li span {
  font-size: 1.5rem;
  color: #ff4200;
}

.waring {
  padding-left: 66px;
  background: url(/images/common/icon_info_waring.png) no-repeat 0 0;
  background-size: 47px auto;
}

.wl_waring {
  background: url(/images/common/icon_info_waring.png) no-repeat 0 0;
  padding-left: 60px;
}

.waring ul li,
.wl_waring ul li {
  font-size: 1.4rem;
  color: #676c71;
  line-height: 2rem;
}

.box_sell_pay {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
  height: 36px;
  background: #27313b;
  padding: 0 15px;
  margin: 20px 0 0;
}

.box_sell_pay span {
  font-size: 1.4rem;
  color: #3488db;
}

.box_sell_pay.buy span {
  font-size: 1.4rem;
  color: #f14f57;
}

.title_contract {
  padding: 15px;
  font-family: NEXON2;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
}

.box_income_info {
  font-size: 1.3rem;
  color: #9a9aa7;
  text-align: center;
  line-height: 1.5;
  letter-spacing: -.5px;
  padding: 15px;
}

.box_income_info span {
  display: inline-block;
  font-size: 1.3rem;
}

@-webkit-keyframes move-site-header {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

@keyframes move-site-header {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50px);
  }
  to {
    transform: translateY(0);
  }
}

.box_bg_deep {
  background: #171a23;
  padding: 30px;
}

.box_pay_inout {
  border: 1px solid #797986;
  background: linear-gradient(180deg,#24242c,#2f3b49);
  box-shadow: 0 0 10px 6px rgba(23,26,35,.5);
  padding: 20px;
}

.back_guide {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999997;
  display: none;
  width: 100vw;
  height: 100vh;
  -webkit-backdrop-filter: blur(1px);
  backdrop-filter: blur(1px);
  background: rgba(0,0,0,.4);
}

.box_bitmex_chart,
.box_fx_buy_sell,
.box_fx_result,
.box_leverage_result,
.current_time,
.tab_box,
.tab_time {
  position: relative;
}

.copilot {
  width: 280px;
  z-index: 99999999;
  display: none;
  border-radius: 4px;
  background: #fff;
  margin-left: -140px;
  box-shadow: 10px 10px 40px 10px rgba(13,255,233,.5);
}

.copilot,
.copilot:before {
  position: absolute;
  left: 50%;
}

.copilot:before {
  content: "";
  top: -8px;
  display: inline-block;
  width: 16px;
  height: 8px;
  background: url(/images/sub/icon_arr.png) no-repeat;
  margin-left: -8px;
}

.copilot em {
  position: absolute;
  left: 15px;
  top: 15px;
  font-size: 1.4rem;
  font-family: Roboto;
  font-weight: 400;
  color: #ff8700;
  margin-bottom: 5px;
}

.btn_copilot_close {
  position: absolute;
  right: 20px;
  top: 15px;
  font-size: 1.2rem;
  color: #777;
}

.copilot_info {
  font-size: 1.3rem;
  color: #000;
  line-height: 1.5;
  border-top: 1px solid #ccc;
  font-family: Noto Sans KR;
  padding: 20px 0 10px;
  margin: 40px 15px 0;
}

.copilot_foot {
  padding: 20px 15px;
}

.copilot_foot,
.copilot_foot button {
  display: flex;
  justify-content: center;
  align-items: center;
}

.copilot_foot button {
  background: #ff9710;
  color: #fff;
  font-size: 1.3rem;
  border-radius: 30px;
  padding: 10px 20px;
}

.copilot_foot button.btn_copilot_prev {
  background: #ccc;
  margin-right: 5px;
}

.copilot.step_1,
.copilot.step_2 {
  top: 50px;
}

.copilot.step_3,
.copilot.step_4,
.copilot.step_6,
.copilot.step_7,
.copilot.step_8 {
  top: 50%;
  margin-top: -80px;
}

.copilot.step_5 {
  top: 40px;
}

.box_info_1 {
  background: #27313b;
  padding: 15px;
}

.box_info_1.op5 {
  background: rgba(39,49,59,.2);
}

.box_info_1 li {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #9a9aa7;
  padding: 5px 0 5px 20px;
}

.box_info_1 li:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 13px;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100%;
  background: #ff8700;
}

.ul_guide li {
  font-size: 1.4rem;
  line-height: 1.3;
  color: #9a9aa7;
  padding: 5px 0;
}

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

.title_guide_1 img {
  height: 40px;
}

.title_guide_1 span {
  font-size: 1.7rem;
  color: #ff9710;
  font-weight: 400;
  padding-left: 10px;
}

.refer em {
  display: block;
  font-size: 1.6rem;
  color: #ff9710;
  font-weight: 400;
  text-align: center;
  letter-spacing: -.5px;
  padding: 0 0 20px 5px;
}

.refer ul {
  background: rgba(0,0,0,.02);
  padding: 15px;
  border-radius: 0;
  border-left: 1px solid #ff8700;
}

.refer ul li {
  font-size: 1.3rem;
  color: #4f4f5a;
  line-height: 1.4;
  padding: 8px;
}

.loading-wave-dots {
  position: relative;
}

.loading-wave-dots>.wave-item {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ff8700 !important;
  -webkit-animation: loading-wave-dots1-site-header 2.8s linear infinite !important;
  animation: loading-wave-dots1-site-header 2.8s linear infinite !important;
}

.loading-wave-dots .wave-item:first-child {
  margin-left: -36px !important;
}

.loading-wave-dots .wave-item:nth-child(2) {
  margin-left: -20px !important;
  -webkit-animation-delay: .14s !important;
  animation-delay: .14s !important;
}

.loading-wave-dots .wave-item:nth-child(3) {
  margin-left: -4px !important;
  -webkit-animation-delay: .28s !important;
  animation-delay: .28s !important;
}

.loading-wave-dots .wave-item:nth-child(4) {
  margin-left: 12px !important;
  -webkit-animation-delay: .42s !important;
  animation-delay: .42s !important;
}

.loading-wave-dots .wave-item:last-child {
  margin-left: 28px !important;
  -webkit-animation-delay: .56s !important;
  animation-delay: .56s !important;
}

@-webkit-keyframes loading-wave-dots1-site-header {
  0% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  10% {
    transform: translateY(-6px);
    background: #ff9710 !important;
  }
  20% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  to {
    transform: translateY(0);
    background: #ff9710 !important;
  }
}

@keyframes loading-wave-dots1-site-header {
  0% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  10% {
    transform: translateY(-6px);
    background: #ff9710 !important;
  }
  20% {
    transform: translateY(0);
    background: #ff8700 !important;
  }
  to {
    transform: translateY(0);
    background: #ff9710 !important;
  }
}

.text-center.margin-30px-bottom.sm-margin-20px-bottom {
  display: none;
}

@media (max-width:1600px) {
  .wrap_bound {
    display: none;
  }
}

@media (max-width:991px) {
  body {
    margin-top: 0;
  }
  .sub_visual {
    display: none;
  }
  .box_sub_title {
    padding: 0 20px;
  }
  .box_sub_container {
    padding: 20px;
  }
  .text-center.margin-30px-bottom.sm-margin-20px-bottom {
    display: block;
  }
  .title_sub {
    position: relative;
    display: inline-block;
    font-size: 2.2rem;
    color: #fff;
    font-weight: 500;
    text-align: center;
    padding: 10px 30px;
    letter-spacing: -1px;
  }
  .title_sub:before {
    bottom: -5px;
  }
  .title_sub:after,
  .title_sub:before {
    content: "";
    position: absolute;
    left: 0;
    display: none;
    width: 100%;
    height: 1px;
    background: #fff;
  }
  .title_sub:after {
    bottom: -3px;
  }
  .sub_menu {
    display: none;
  }
}

@media (max-width:767px) {
  .box_sub_title {
    padding: 0;
  }
  .box_sub_container {
    min-height: auto;
    padding: 20px 0;
  }
  .title_sm {
    display: block;
    color: #fff;
    font-size: 2rem;
    text-align: center;
    margin-bottom: 30px;
  }
  .sub_visual i {
    display: none;
  }
  .box_bg_deep {
    background: #171a23;
    padding: 10px;
  }
  .box_pay_inout {
    border: 1px solid #797986;
    background: linear-gradient(180deg,#24242c,#2f3b49);
    box-shadow: 0 0 10px 6px rgba(23,26,35,.5);
    padding: 10px;
  }
  .bank_info li {
    width: 100%;
    padding: 10px;
  }
}

@media (max-width:575px) {
  .result_buy {
    left: 0;
    top: 0;
    display: none;
  }
  .result_buy,
  .result_buy div {
    position: fixed;
    z-index: 99999;
  }
  .result_buy div {
    left: 50%;
    top: 50%;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_buy 3s;
    animation: switch_buy 3s;
    background-size: 430px 246px;
  }
  .result_sell {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
  }
  .result_sell div {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_sell 3s;
    animation: switch_sell 3s;
    background-size: 430px 246px;
  }
  .result_invaild {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
  }
  .result_invaild div {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 99999;
    width: 430px;
    height: 246px;
    text-align: center;
    margin: -123px 0 0 -215px;
    -webkit-animation: switch_invaild 3s;
    animation: switch_invaild 3s;
    background-size: 430px 246px;
  }
  .box_folder {
    padding: 0 5px;
  }
  .box_folder button {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    font-size: 1.6rem;
    padding: 5px;
  }
  .box_folder button i {
    margin-right: 0;
    margin-bottom: 5px;
  }
  .sports_list li {
    padding: 0;
  }
  .pagenation_type_1 {
    text-align: center;
    margin: 20px 0;
  }
  .pagenation_type_1 a {
    display: inline-block;
    height: 30px;
    line-height: 30px !important;
    text-align: center;
    color: #9a9aa7 !important;
    font-size: 1.5rem;
    padding: 0 5px !important;
    margin: 0 5px;
  }
  .pagenation_type_1 a i {
    vertical-align: middle;
    font-size: 1.5rem !important;
  }
  .pagenation_type_1 a.active {
    color: #ff9710 !important;
  }
  .pagenation_type_1 .btn_first,
  .pagenation_type_1 .btn_last,
  .pagenation_type_1 .btn_next,
  .pagenation_type_1 .btn_prev {
    color: #9a9aa7;
    margin: 0 5px;
    border: 0 !important;
    border-radius: 0 !important;
  }
  .pagenation_type_1 .inactive {
    color: #bbb;
  }
  .title_medium {
    font-size: 2.4rem;
    font-family: Nanum Square;
    letter-spacing: -1px;
  }
}

@media (min-width:768px) {
  .ul_game_item button:hover {
    background: rgba(255,135,0,.2);
  }
}

@media (min-width:768px) {
  .game_bat.bet_three button:first-of-type:hover,
  .game_bat.bet_three button:nth-of-type(2):hover,
  .game_bat.bet_three button:nth-of-type(3):hover,
  .game_bat button:first-of-type:hover,
  .game_bat button:nth-of-type(3):hover {
    background: #ff8700;
  }
  .game_bat button.active:hover span,
  .game_bat button.active span {
    color: #fff !important;
  }
  .bat_more:hover {
    background: #ff9710;
  }
  .bat_more[disabled],
  .bat_more[disabled]:hover {
    background: #a3a4a6 !important;
    opacity: .75;
  }
  .btn_no_disabled:hover {
    background: #a3a4a6 !important;
  }
  .game_bat_2 button:first-of-type:hover,
  .game_bat_2 button:nth-of-type(2):hover {
    background: #8d8e90;
  }
  .detail_num>button:hover,
  .game_bat_2 button.active,
  .game_bat_2 button.active:hover {
    background: #ff8700;
  }
  .detail_num>button:hover i {
    color: #000;
  }
  .wallet_cash button:hover {
    border: 1px solid #fff;
  }
  .pagenation_type_1 .btn_first:hover,
  .pagenation_type_1 .btn_last:hover,
  .pagenation_type_1 .btn_next:hover,
  .pagenation_type_1 .btn_prev:hover {
    border: 0 !important;
    color: #fff;
    background: #24242c;
  }
  .ul_game_item2 button:hover,
  .ul_game_item button:hover {
    background: rgba(255,135,0,.2);
  }
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
}

.header.nav-up {
  background: #27272f;
}

.header_top {
  position: relative;
  height: 51px;
  border-bottom: 1px solid rgba(0,0,0,.3);
  background: #27272f;
}

.header_bottom,
.header_top {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.header_bottom {
  height: 50px;
  background: #ff8700;
  background-size: 100% auto;
  padding: 0 300px;
}

.logo {
  position: absolute;
  left: 20px;
  top: 0;
  display: flex;
  align-items: center;
  height: 100%;
  transition: all .3s;
}

.logo img {
  height: 36px;
}

.logo span {
  color: #fff;
  font-family: NEXON2;
  font-size: 1.6rem;
  padding-left: 10px;
}

.mobile_header_info,
.mobile_logout,
.mobile_menu_close,
.mobile_reflesh,
.mobile_toggle {
  display: none;
}

.menu_1 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  transition: all .3s;
}

.menu_1>li {
  width: 11.11111111111111%;
  cursor: pointer;
  position: relative;
}

.menu_1>li>a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.9rem;
  font-family: Gmarket;
  ;
    font-weight: 400;
  color: #000 !important;
  padding-top: 3px;
  position: relative;
  height: 50px;
}

.menu_1>li>a.nuxt-link-active,
.menu_1>li>a:hover {
  color: #fff !important;
  background: #ff7000;
}

.menu_1>li>div {
  display: inline-flex;
  font-size: 1.5rem;
  font-family: NEXON2;
  font-weight: 500;
  letter-spacing: -.5px;
  color: #fff !important;
  padding: 0 15px;
}

.menu_1>li>div,
.top_menu {
  align-items: center;
  height: 100%;
}

.menu_1>li>ul.menu_1_sub {
  display: none;
  padding: 10px;
  background: #24242c;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 100%;
  z-index: 2;
  font-size: 1.3rem;
  line-height: 1.3rem;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.6);
  border-radius: 1px;
  border: 1px solid #ff8700;
}

.menu_1>li:hover .menu_1_sub {
  display: block;
  z-index: 110;
}

.menu_1>li>ul.menu_1_sub>li {
  float: none;
  border-bottom: solid 1px #363537;
  text-align: center;
  height: 40px;
  line-height: 40px;
}

.menu_1>li>ul.menu_1_sub>li:hover {
  background: rgba(255, 120, 0, 0.5);
}

.menu_1>li>ul.menu_1_sub>li>a {
  color: #ffffff;
  padding: 0;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border: none;
  height: 32px;
  line-height: 32px;
}

.top_menu {
  position: absolute;
  right: 20px;
  top: 0;
  display: flex;
  justify-content: flex-end;
}

.top_asset {
  display: flex;
  align-items: center;
}

.top_asset a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 20px;
  color: #fff;
  font-size: 1.3rem;
  padding: 0 10px;
}

.top_asset a i {
  font-size: 1.6rem;
  color: #ff8700;
  margin-right: 5px;
  margin-bottom: -1px;
}

.top_div {
  width: 1px;
  height: 16px;
  background: hsla(0,0%,100%,.3);
  margin: 0 20px 0 10px;
}

.top_community a {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 20px;
}

.top_community a.on:before {
  content: "";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 4px;
  height: 4px;
  border-radius: 100%;
  background: #ff8700;
}

.top_other {
  display: flex;
  align-items: center;
}

.top_other a {
  position: relative;
  justify-content: center;
  height: 20px;
  color: #fff;
  font-size: 1.4rem;
  padding: 0 10px;
}

.top_log,
.top_other a {
  display: inline-flex;
  align-items: center;
}

.top_log {
  flex-direction: row;
  justify-content: flex-start;
  height: 100%;
}

.top_log button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 36px;
  color: #fff;
  font-size: 1.3rem;
  border: 1px solid #ff8700;
  border-radius: 18px;
  background: #ff8700;
  padding-bottom: 2px;
  margin-left: 2px;
}

.top_log button:first-of-type {
  background: #2d2d32;
  margin-left: 0;
}

.top_log a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 36px;
  color: #fff;
  font-size: 1.3rem;
  border: 1px solid #ff8700;
  border-radius: 18px;
  background: #ff8700;
  padding-bottom: 2px;
}

.top_log a:first-of-type {
  background: #2d2d32;
  border: 1px solid #ff8700;
}

.modal_double_join {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.3);
  display: table;
  transition: opacity .3s ease;
}

.modal_double_join .modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal_double_join .modal-container {
  position: relative;
  width: 460px;
  background: #30303a url(/images/common/bg_popup.png) no-repeat 0 0;
  border-radius: 10px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 5px 3px rgba(0,0,0,.15) !important;
  margin: 0 auto;
}

.modal_double_join .modal-header {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  height: 80px;
  border: 0;
  background: url(/images/common/logo_popup.png) no-repeat 50%;
  background-size: auto 40px !important;
  padding: 0;
}

.modal_double_join .modal-body {
  position: relative;
  text-align: center;
  font-size: 1.5rem;
  color: #fff;
  line-height: 1.7;
  word-break: break-word;
  padding: 0 20px 20px;
  margin: 0;
}

.modal_double_join .modal_footer {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal-leave,
.modal_double_join .modal-enter {
  opacity: 0;
}

.modal_double_join .modal-enter .modal-container,
.modal_double_join .modal-leave .modal-container {
  transform: scale(1.1);
}

.modal_double_join .modal-container .btn {
  color: #333;
  font-size: 14px;
  border: 1px solid #aaa;
  text-align: center;
  background-color: #fff;
  padding: 6px 20px;
}

.modal_double_join .modal-container .btn:hover {
  color: #fff;
  border: 1px solid #555;
  background-color: #555;
}

.wrap_kakao {
  display: none;
}

@media (max-width:1920px) {
  .header_bottom {
    padding: 0;
  }
}

@media (max-width:1600px) {
  .header_bottom {
    padding: 0;
  }
}

@media (max-width:1439px) {
  .menu_1>li>a {
    font-size: 1.5rem;
  }
}

@media (max-width:1190px) {
  .menu_1>li>a {
    font-size: 1.4rem;
  }
  .top_menu ul {
    display: none;
  }
  .top_asset a {
    padding: 0 5px;
  }
}

@media (max-width:991px) {
  .header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #ff8700;
  }
  .header.nav-up {
    background: #171a23;
  }
  .nav {
    position: fixed;
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 100000;
    background: rgba(0,0,0,.85);
    left: 0;
    top: 0;
    text-align: center;
    transition: all .5s;
    overflow: hidden;
    overflow-y: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none;
    padding-top: 50px;
  }
  .nav::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
  .logo {
    position: relative;
    left: inherit;
  }
  .logo img {
    height: 26px;
  }
  .mobile_toggle {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_toggle i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_reflesh {
    position: absolute;
    left: 50px;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_reflesh i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_menu_close {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100001;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_menu_close i {
    font-size: 22px;
    color: #fff;
    line-height: 50px;
  }
  .mobile_logout {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
  }
  .mobile_logout i {
    font-size: 22px;
    color: #fff;
  }
  .mobile_header_info {
    display: flex;
  }
  .mobile_header_info,
  .mobile_top_log {
    position: fixed;
    left: 0;
    top: 50px;
    width: 100%;
    height: 50px;
    background: #27272f;
  }
  .mobile_top_log {
    z-index: 10000;
    display: inline-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
  }
  .mobile_top_log a,
  .mobile_top_log button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 1px);
    height: 36px;
    border: 1px solid #ff8700;
    border-radius: 18px;
    color: #fff;
    font-size: 1.3rem;
    padding-bottom: 3px;
  }
  .mobile_top_log a.full,
  .mobile_top_log button.full {
    background: #ff8700;
  }
  .mobile_top_log i {
    font-size: 1.6rem;
    margin-bottom: -2px;
  }
  .mobile_top_user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
  }
  .mobile_top_user>div {
    display: inline-flex;
    align-items: center;
    width: 50%;
    height: 25px;
    color: #fff;
    font-size: 1.3rem;
    padding-left: 20px;
  }
  .mobile_top_user>div:first-child,
  .mobile_top_user>div:nth-child(4) {
    background: rgba(0,0,0,.2);
  }
  .mobile_top_user>div i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
  }
  .mobile_top_user>button {
    display: inline-flex;
    align-items: center;
    width: 50%;
    height: 25px;
    color: #fff;
    font-size: 1.3rem;
    padding-left: 20px;
  }
  .mobile_top_user>button i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
  }
  .mobile_top_user>button strong {
    display: inline-block;
    font-weight: 300;
    font-size: 1.3rem;
    background: #ff4200;
    border-radius: 2px;
    padding: 1px 4px 4px;
    margin: 1px 0 0 5px;
  }
  .mobile_top_user .user a em {
    color: #fff;
    margin-right: 5px;
  }
  .mobile_top_user .user a span {
    color: #ff9710;
    text-decoration: underline;
    margin-bottom: 2px;
  }
  .box_user {
    justify-content: space-between;
    width: 100%;
    padding: 0 20px 10px;
  }
  .box_user,
  .box_user>span {
    display: flex;
    align-items: center;
  }
  .box_user>span,
  .box_user>span:first-of-type em {
    color: #fff;
  }
  .box_user>span:nth-of-type(2) {
    color: #ff8700;
    font-size: 1.5rem;
    font-weight: 500;
  }
  .box_user>span:nth-of-type(2) img {
    height: 16px;
  }
  .top_cash {
    flex-direction: row;
    justify-content: center;
    height: 36px;
    padding: 0 10px;
  }
  .top_cash,
  .top_cash em {
    display: flex;
    align-items: center;
  }
  .top_cash em {
    font-size: 1.3rem;
    margin-right: 10px;
  }
  .top_cash em a {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border: 1px solid #ccc;
    border-radius: 100%;
    margin-left: 5px;
  }
  .top_cash em a img {
    width: 10px;
    opacity: .7;
  }
  .top_cash span {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    color: #fff;
    font-size: 1.4rem;
    border: 1px solid #ff8700;
    border-radius: 15px;
    padding: 0 15px;
  }
  .top_cash span img {
    width: 14px;
    vertical-align: middle;
    margin-right: 5px;
  }
  .top_cash span i {
    font-size: 1.4rem;
    font-weight: 500;
    vertical-align: middle;
    margin-left: 5px;
    color: #fff;
  }
  .mobile_box_top_menu {
    position: fixed;
    left: 0;
    top: 50px;
    z-index: 10000;
    display: inline-flex;
    flex-direction: column;
    width: 100%;
    background: #27272f;
  }
  .mobile_menu_0 {
    display: flex;
    align-items: center;
    background: #24242c;
    height: 36px;
    margin: 10px 10px 0;
  }
  .mobile_menu_0 a {
    width: 33.3333333333%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    color: #fff;
    font-size: 1.6rem;
  }
  .mobile_menu_0 a:nth-of-type(2) {
    background: rgba(0,0,0,.5);
  }
  .mobile_menu_0 a i {
    font-size: 1.6rem;
    color: #ff8700;
    margin-right: 5px;
    margin-bottom: -2px;
  }
  .mobile_menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 10px;
  }
  .mobile_menu li {
    width: calc(50% - 1px);
    margin: 0 0 2px;
  }
  .mobile_menu li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    font-family: Gmarket;
    letter-spacing: -1px;
    background: #ff8700;
  }
  .mobile_menu li:first-of-type a {
    background: url(/images/common/banner_game_01.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(2) a {
    background: url(/images/common/banner_game_02.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(3) a {
    background: url(/images/common/banner_game_03.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(4) a {
    background: url(/images/common/banner_game_04.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(5) a {
    background: url(/images/common/banner_game_05.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(6) a {
    background: url(/images/common/banner_game_06.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(7) a {
    background: url(/images/common/banner_game_07.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu li:nth-of-type(8) a {
    background: url(/images/common/banner_game_09.png) no-repeat 50%;
    background-size: cover;
  }
  .mobile_menu_1 {
    display: flex;
    align-items: center;
    height: 36px;
    margin: 10px 12px;
  }
  .mobile_menu_1 a {
    width: 25%;
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    color: #fff;
    font-size: 1.6rem;
    padding-bottom: 2px;
  }
  .mobile_menu_1 a i {
    font-size: 1.6rem;
    color: #fff;
    margin-right: 5px;
    margin-bottom: -2px;
  }
  .mobile_menu_2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
  .mobile_menu_2 li {
    width: calc(50% - 1px);
    margin: 0 0 2px;
  }
  .mobile_menu_2 li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 38px;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: -1px;
    background: #8ea4b7;
    padding-bottom: 2px;
  }
  .mobile_menu_2 li a i {
    margin-right: 5px;
    color: #fff;
  }
  .box_sns {
    width: 100%;
    padding: 20px 10px;
  }
  .box_sns em {
    position: relative;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
  }
  .box_sns em i {
    font-family: BebasNeuePro;
    font-size: 2rem;
    font-weight: 600;
  }
  .box_sns em:before {
    left: -25px;
  }
  .box_sns em:after,
  .box_sns em:before {
    content: "";
    position: absolute;
    top: 50%;
    display: block;
    width: 15px;
    height: 1px;
    background: #fff;
  }
  .box_sns em:after {
    right: -25px;
  }
  .telegram {
    color: #fff;
    font-size: 1.5rem;
    border-radius: 4px;
    background: linear-gradient(270deg,#32a3da,#2eb9fd);
    padding: 12px 10px;
  }
  .logo_menu,
  .telegram {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .logo_menu {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000;
    width: 100%;
    height: 51px;
    border-bottom: 1px solid rgba(0,0,0,.3);
    background: #27272f;
  }
  .logo_menu img {
    height: 26px;
  }
  .top_menu_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 40px;
    border-top: 1px solid hsla(0,0%,100%,.15);
    padding-left: 10px;
  }
  .btn_mobile_sports_search {
    position: fixed;
    left: 30px;
    bottom: 40px;
    z-index: 100;
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #fff !important;
    opacity: .8;
  }
  .btn_mobile_sports_search i {
    font-size: 2.2rem;
    margin-top: 2px;
  }
}

@media (max-width:767px) {
  .modal_double_join {
    width: 100%;
    padding: 0 15px;
  }
  .modal_double_join .modal-container {
    width: 100%;
  }
  .head_kakao {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  .head_kakao i {
    color: #fae100;
    font-size: 2.4rem;
  }
  .head_kakao span {
    color: #fae100;
    font-size: 1.4rem;
    margin-left: 2px;
    padding-bottom: 2px;
  }
  .wrap_kakao {
    position: absolute;
    right: 45px;
    display: block;
  }
}

.mid_menu {
  padding: 0;
}

.menu_ul {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  transition: all .3s;
}

.menu_li {
  position: relative;
  height: 100%;
}

.menu_li>a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.4rem;
  font-family: Noto Sans KR;
  font-weight: 400;
  color: #000 !important;
  padding: 0 0 2px;
}

.sub_li {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  border-radius: 3px;
}

.sub_li:hover {
  background: hsla(0,0%,100%,.2);
  border-radius: 3px;
}

.sub_li_on {
  background: #ff8700;
  border-radius: 3px;
}

.sub_li_on:hover {
  background: #ff7000;
  border-radius: 3px;
}

.sub_a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 400;
  letter-spacing: -.3px;
  background: hsla(0, 0%, 100%, .1);
  padding: 9px 0 9px 0px;
  transition: all .3s;
  height: 40px;
}

table.game tr.item {
  border: #515152 solid 2px;
}

table.game tr.item td {
  background: transparent;
}