@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 100; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 300; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 400; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 500; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 600; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); } 
@font-face { font-family: 'Noto Sans KR'; font-style: normal; font-weight: 700; src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); }
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700&display=swap');
@font-face {    font-family: 'Gmarket';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');    font-weight: 100;    font-style: normal;}
@font-face {    font-family: 'Gmarket';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');    font-weight: 300;    font-style: normal;}
@font-face {    font-family: 'Gmarket';    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');    font-weight: 600;    font-style: normal;}

* {margin:0; padding:0; font-size:14px; font-family:'Montserrat','Noto Sans KR', 'sans-serif', '맑은고딕','Malgun Gothic', 'Dotum'; color:rgba(255, 255, 255, 0.9); line-height: 1.6em;letter-spacing:-0.03em;word-break:keep-all}
img{border:0; vertical-align:top;}
form{border:0;}
fieldset{border:0;}
caption {display:none;}
html, body {width:100%; height:100%;font-smooth: always;	-webkit-font-smoothing: antialiased;	-moz-osx-font-smoothing: grayscale;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td {margin:0; padding:0;}
ul,ol,li{list-style:none}
input, select { border:none; vertical-align:middle; padding:0 0 0 3px; }
table {border-spacing:0px; border-collapse:collapse;}
textarea, button{vertical-align:middle}
a{cursor:pointer;color:rgba(255, 255, 255, 0.8); text-decoration:none; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
a:hover, a:focus, a:active{color:rgba(255, 255, 255, 1.0); text-decoration:none}
input[type=checkbox], input[type=radio] { width:18px; height:18px;}
#wrap {width:100%; position:relative; min-width:1800px; height:100%; overflow:hidden; z-index:0;}
::-moz-selection { background: #444; color: #fff;}
::selection { background: #444; color: #fff;}
option { color:#000;}
::-webkit-scrollbar {  width: 6px;}
::-webkit-scrollbar-track {  background-color: transparent;}
::-webkit-scrollbar-thumb {  border-radius: 3px;  background-color: gray;}
::-webkit-scrollbar-button {  width: 0;  height: 0;}

/* Layout */
.main_bg { background:#191919;}
.sub_bg { background:#111111;}
.top_w { width:100%;}
.top_w .spot { overflow:hidden; padding:10px;}
.top_w .spot .spot_logo { float:left; text-align:center;}
.top_w .spot .spot_logo img { height:34px; padding-left:5px;}
.top_w .spot .spot_menu { float:right; text-align:right; margin-top:6px;}
.top_w .spot .spot_menu li { display:inline-block; margin-right:20px;}
.top_w .spot .spot_menu li i { color:#d5aff7;}
.top_w .spot .spot_btn { float:right; text-align:right; font-size:0;}
.top_w .spot .spot_btn li { display:inline-block; margin-left:3px;}
.top_w .spot .spot_btn li a { display:block; width:90px; height:28px; border:3px solid #a238ff; line-height:28px; border-radius:50px; text-align:center;}
.top_w .spot .spot_btn li:last-child a { background:#a238ff;}
.top_w .spot .spot_btn .btn_partner a { border:3px solid #ffe418;background:#ffe418; color:#000;}
.top_w .spot .time b { color:rgba(255, 255, 255, 0.5); font-weight:300; letter-spacing:normal; font-size:11px;}
.top_w .spot .time i { color:#fff!important; position:relative; top:2px;}
.top_w .menu { border:2px solid #c685ff; border-left:none; border-right:none;} 
.top_w .menu ul { text-align:center; font-size:0;}
.top_w .menu ul li { display:inline-block;}
.top_w .menu ul li a { display:block; padding:0px 30px; font-size:20px; color:#fff; font-family: 'Gmarket'; font-weight:600; height:40px; line-height:45px;text-shadow: 0px 0px 4px rgba(255, 255, 190, 1.0);}
.top_w .menu ul li a:hover { color:#ffff00;}
.top_w .menu ul .on a {  color:#ffff00;}
.top_w .notice { background:rgba(0, 0, 0, 0.2);}
.top_w .notice marquee { height:32px; line-height:32px; color:#ffe418;}
.con_w { height:calc(100% - 132px);}
.con_w:after { content:''; display:block; clear:both;}
.con_w .cl, .con_w .cc, .con_w .cr { overflow-y:auto;}
.con_w .cl { float:left; width:300px; height:100%; background:#111;}
.con_w > .cc { float:left; width:calc(100% - 640px); padding:0 20px 20px; height:calc(100% - 20px);}
.sub_bg.sports_bg .cc { padding-bottom:0;height:calc(100% - 0px);}
.con_w .cr { float:right; width:290px; height:100%!important;background:#222; box-sizing:border-box; padding:6px;}
.con_w .cl::-webkit-scrollbar { display:none;}
.con_w .cr::-webkit-scrollbar { display:none;}
.cl .cl_btn { padding:3px; background:#1e1e1e; margin-bottom:20px;}
.cl .cl_btn ul { border:1px solid #000; border-right:none; border-bottom:none; overflow:hidden;}
.cl .cl_btn ul li { float:left; width:calc(100% / 3 - 0px);}
.cl .cl_btn ul li a { display:block; border:1px solid #000;margin:-1px 0 0 -1px; text-align:center; height:35px; line-height:35px;}
.cl .cl_btn ul li a i { color:#dcb4ff;}
.cl .cl_btn ul li a:hover { background:#000;}
.cl .cl_btn ul li:nth-child(1) a,
.cl .cl_btn ul li:nth-child(2) a,
.cl .cl_btn ul li:nth-child(3) a { background:url(../../images/common/left_bg2.png) no-repeat; background-size:100% 100%;}
.cl .cl_sp {}
.cl .cl_sp .tab { display:flex;}
.cl .cl_sp .tab li {  width:100%;display:block; text-align:center; height:40px; line-height:40px; background:rgba(255, 255, 255, 0.1);border-bottom:2px solid #fff; color:rgba(255, 255, 255, 0.5); font-size:15px; cursor:pointer;}
.cl .cl_sp .tab .on  { border:2px solid #fff; border-bottom:none; color:#fff; font-weight:bold; background:none;}
.cl .cl_sp .tit {background-image: linear-gradient(to bottom, #1c2535, #0c1524); line-height:35px; padding-left:10px;box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.cl .cl_sp .tit i { padding-right:5px; color:rgba(255, 255, 255, 0.5);}
.cl .cl_sports1 {}
.cl .cl_sports1 > dt { height:40px; line-height:40px; font-size:15px;box-shadow: inset 0px 1px 0 rgb(255 255 255 / 15%); border-bottom:1px solid rgba(0, 0, 0, 0.9); position:relative; padding-left:15px; cursor:pointer;transition-duration: 0.4s;}
.cl .cl_sports1 > dt > b { display:block; width:43px; height:24px; line-height:24px; text-align:center; border-radius:3px; font-size:12px; letter-spacing:1px; position:absolute; right:5px; top:8px; background:#215061; font-weight:400; color:#fff!important;}
.cl .cl_sports1 > dt:hover { background:rgba(0, 0, 0, 0.2);}
.cl .cl_sports1 > dt .ii { position:relative; top:5px; left:-5px;}
.cl .cl_sports1 > ul { background:rgba(0, 0, 0, 0.3); border-top:2px solid #000;}
.cl .cl_sports1 > ul > li { padding-left:40px; position:relative; height:30px; line-height:30px; border-top:1px solid #000; font-size:13px; color:rgba(255, 255, 255, 0.5); cursor:pointer; background:url(../../images/common/left_bg.png) no-repeat left;transition-duration: 0.4s;}
.cl .cl_sports1 > ul > li:hover { background:url(../../images/common/left_bg.png) no-repeat left rgba(0, 0, 0, 0.3);}
.cl .cl_sports1 > ul > li > b {display:block; text-align:right; font-size:12px; letter-spacing:1px; position:absolute; top:6px; right:10px;  font-weight:400; color:#fff;}
.cl .cl_sports1 > ul > li .flag { display:inline-block; width:25px; padding-right:10px; vertical-align:middle; position:relative; top:-2px;}
.cl .cl_sports1 > ul > li .flag img { width:25px; height:15px; }
.cl .cl_sports2 { background:rgba(0, 0, 0, 0.5); position:relative; left:20px; width:calc(100% - 20px);}
.cl .cl_sports2 > li { cursor:pointer; position:relative; font-size:13px; color:rgba(255, 255, 255, 0.5); height:27px; line-height:27px; border-top:1px solid #000; padding-left:20px;transition-duration: 0.4s;}
.cl .cl_sports2 > li > b {display:block; text-align:right; font-size:12px; letter-spacing:1px; position:absolute; top:4px; right:10px;  font-weight:300; color:rgba(255, 255, 255, 0.5);}
.cl .cl_sports2 > li:hover { background:rgba(0, 0, 0, 0.5);}
.cl .cl_sports1.on > dt { background:rgba(255, 255, 255, 0.2);}
.cl .cl_sp .off ul { display:none;}
.cl .cl_hit { padding:5px; margin-top:20px;}
.cl .cl_hit .tit { text-align:center; font-weight:500; font-size:16px; color:#fff; border:2px solid #fff; border-bottom:none;}
.cl .cl_hit .tit i { color:#ffe418; display:none;}
.cl .cl_hit .con { background:rgba(0, 0, 0, 0.2);}
.cl .cl_hit .con li { }
.cl .cl_hit .con li a { display:block; padding:7px; overflow:hidden;border-bottom:1px solid rgba(0, 0, 0, 0.3);background-image: linear-gradient(to bottom, #1c1c1c, #161616);}
.cl .cl_hit .con li a:hover { background:rgba(0, 0, 0, 0.2);}
.cl .cl_hit .con li b { float:left; display:block; font-size:16px; letter-spacing:normal; width:50px; font-weight:normal; position:relative; top:1px;}
.cl .cl_hit .con li .ii { float:left; margin-right:8px; position:relative; top:3px;}
.cl .cl_hit .con li p { float:left; width:calc(100% - 90px); font-size:12px; color:#c17aff; line-height:1.2em;}
.cl .cl_hit .con li u { text-decoration:none; float:left; font-size:15px; color:#ba94fa;}
.cr .cr_slip {}
.cr .cr_slip .tit { padding:4px 7px; letter-spacing:normal; font-weight:normal; background:rgba(0, 0, 0, 0.5); position:relative;}
.cr .cr_slip .tit .btn { position:absolute; right:5px; top:5px; font-weight:normal; font-size:10px; cursor:pointer; letter-spacing:1px; border-radius:3px; padding:2px 5px 2px 0 ; color:rgba(255, 255, 255, 0.5);}
.cr .cr_slip .tit .btn i { position:relative; top:2px;color:rgba(255, 255, 255, 0.5);}
.cr .cr_slip .cart_w { max-height:220px; overflow-y:auto; padding:0 5px;; background:rgba(0, 0, 0, 0.5);}
.cr .cr_slip .cart li { position:relative; background:rgba(0, 0, 0, 1.0); border-radius:3px; padding:8px; font-size:12px; color:rgba(255, 255, 255, 0.6); margin-bottom:2px; border:1px solid rgba(255, 255, 255, 0.3);}
.cr .cr_slip .cart li > b { color:#FF0000; font-size:12px;}
.cr .cr_slip .cart li > p { color:#ffe418; font-size:12px;}
.cr .cr_slip .cart li > p > u { font-size:12px; text-decoration:none; color:#fff;}
.cr .cr_slip .cart li .close { position:absolute; display:block; top:5px; right:5px; cursor:pointer;}
.cr .cr_slip .cart li .close i { color:#fff; font-size:20px;}
.cr .cr_slip .bonus li { margin-bottom:2px; position:relative; border-radius:3px; padding:4px 8px; font-size:13px;}
.cr .cr_slip .bonus li > b { display:block; position:absolute; top:4px; right:8px; text-align:right; font-size:13px; letter-spacing:normal;}
.cr .cr_money {}
.cr .cr_money dt { font-size:15px; color:#fff; font-weight:normal; padding:5px 0px 5px 10px; background:rgba(0, 0, 0, 0.5); margin:6px auto;}
.cr .cr_money dt i { font-size:20px;}
.cr .cr_money dt .refresh { margin:0 3px 0 30px; position:relative; top:2px; cursor:pointer;}
.cr .cr_money dt input { width:calc(100% - 120px); border-radius:3px; background:#000; border:1px solid rgba(255, 255, 255, 0.2); height:22px; text-align:right; padding:3px 10px; font-size:18px; font-weight:bold;}
.cr .cr_money ul { display:flex; margin:6px auto;}
.cr .cr_money ul li { width:100%; }
.cr .cr_money ul li + li { margin-left:2px;}
.cr .cr_money ul li a { border-radius:3px; background:rgba(0, 0, 0, 0.5); text-align:center; height:33px; line-height:33px;  display:block; cursor:pointer;}
.cr .cr_money ul li a:hover { background:#fff; color:#000;}
.cr .cr_money ul li:last-child a {}
.cr .cr_bet { background:rgba(0, 0, 0, 0.5); padding:5px 10px 10px;}
.cr .cr_bet li { border-bottom:1px solid rgba(255, 255, 255, 0.2); position:relative; height:25px; line-height:25px; font-size:13px; color:rgba(255, 255, 255, 0.5); padding:0 10px;}
.cr .cr_bet li > u { position:absolute; text-align:right; font-size:13px; letter-spacing:normal; top:5px; right:10px; display:block; text-decoration:none; font-weight:normal;}
.cr .cr_bet li > u > b { font-size:13px; letter-spacing:normal;}
.cr .cr_betting { background:rgba(0, 0, 0, 0.5); padding:0 20px 20px; margin-bottom:10px;}
.cr .cr_betting li {}
.cr .cr_betting li a { display:block; cursor:pointer; padding:1px 0; text-align:center; font-weight:500; font-size:18px; background:#A238FF; border-radius:3px;}
.cr .cr_betting li a i { font-size:18px; color:#ffe418; position:relative; top:2px; display:none;}
.cr .cr_sns li {  margin-bottom:1px;background:rgba(0, 0, 0, 0.3); padding:7px 10px 10px;}
.cr .cr_sns li a { display:block;}
.cr .cr_sns li i { font-size:20px;}
.cr .cr_sns li u { text-decoration:none; display:inline-block; width:60px; margin-left:10px; position:relative; top:-2px;}
.cr .cr_sns li b { font-size:20px; letter-spacing:normal;}
.cr .cr_sns .kakao i, .cr .cr_sns .kakao b { color:#ffe418;}
.cr .cr_sns .line i, .cr .cr_sns .line b { color:#3fc305;}
.cr .cr_sns .tel i, .cr .cr_sns .tel b { color:#00d2ff;}
.cr .cr_sns2 li + li { margin-top:5px;}
.cr .cr_sns2 li img { width:100%;}
.cr .cr_sns2 { width:calc(100% + 12px); position:relative; left:-6px;}
.cr .cr_url { background:rgba(255, 255, 255, 0.1); padding:5px 10px 10px 10px; font-size:12px;}
.cr .cr_url i { font-size:20px; padding-right:8px; position:relative; top:12px;}
.cr .cr_url b { letter-spacing:normal; color:#ffe418; display:block; margin-left:31px;}
.cr .cr_info { background:rgba(0, 0, 0, 0.5); padding:5px; overflow:hidden; margin-bottom:6px;}
.cr .cr_info .level { float:left; width:65px; height:100px; background:rgba(255, 255, 255, 0.1); text-align:center; color:#fff; letter-spacing:1px; font-weight:bold; margin-right:10px;box-sizing:border-box; padding-top:0px;}
.cr .cr_info .level b { display:block; font-size:50px; font-weight:900; color:#bc70ff; line-height:1.3em; font-family:Georgia, "Times New Roman", Times, serif}
.cr .cr_info .con { float:left; width:calc(100% - 75px);}
.cr .cr_info .con .name { color:#fff; margin-bottom:0px;}
.cr .cr_info .con .name > b { color:#ffe418; font-weight:500; width:inherit;}
.cr .cr_info .con li { color:rgba(255, 255, 255, 0.5); font-size:12px;}
.cr .cr_info .con li b { color:rgba(255, 255, 255, 0.5); display:inline-block; width:50px; font-weight:500; font-size:12px;}
.cr .cr_info .con li u { text-decoration:none; letter-spacing:1px; font-size:12px;}
.cr .cr_info .con li .btn { display:inline-block; font-size:11px;  background:#000; color:#fff; padding:2px 4px; margin-left:5px;}
.on_cursor {cursor:pointer;}
.left_mini .list { padding:5px;}
.left_mini .list li + li { margin-top:5px;}
.left_mini .list li img { width:100%;}

.cl_mobile { margin-bottom:20px;}
.cl_mobile a { display:block; padding:7px 10px 10px; border-radius:5px;background-image: linear-gradient(to bottom, #402663, #1e0d3d, #402663);}
.cl_mobile i { font-size:20px; color:#c09fff;}
.cl_mobile u { text-decoration:none; display:inline-block; width:60px; margin-left:10px; position:relative; top:-2px; color:rgba(255, 255, 255, 0.5); font-weight:normal;}
.cl_mobile b { font-size:20px; letter-spacing:normal;}

/* Main */
.viSimpleSlider{  width: 100%;  overflow: hidden;}
.viSimpleSlider ul > li {  position: absolute;  font-size: 0;  line-height: 0;}
.viSimpleSlider ul > li img {  width: 100%;  height: auto;}
.viSimpleSlider ul > li .slideTo {  background-color: #222;  color: #fff;}
.viSimpleSlider ul > li .slideTo.active {  background-color: green;}
.viSimpleSlider ul > li .slideTo > div {  font-size: 14px;  margin-top: -20px;}
.viSimpleSlider ul > li .slideTo > img {  vertical-align: top;}
.viSimpleSlider ul > li span.indexNumber {  display: block;  position: absolute;  z-index: 3;  left: 80px;  top: 200px;  color: #fff;  font-size: 16px;}
.viSimpleSlider .indicate {  width: 100%;  bottom: 10px;  z-index: 120;  text-align: center;}
.viSimpleSlider .indicate > a {  display: inline-block;  width: 10px;  height: 10px;  background-color: #fff;  margin-left: 10px;  margin-right: 10px;  border-radius: 10px;}
.viSimpleSlider .indicate > a.active {  background-color: #eb0a1e;}
.viSimpleSlider .indicate:after {  display: block;  visibility: hidden;  content: ".";  clear: both;  text-indent: -9999px;  height: 0;}
.viSimpleSlider a.arrowBtn {  display: block;  position: absolute;  width: 30px;  top: 50%;  height: 30px;  margin-top: -15px;  z-index: 120;}
#mainvisu1 {  width: 100%;  overflow: hidden;}
#mainvisu1 ul > li {  position: absolute;}
#mainvisu1 ul > li img {  width: 100%; height: auto;}
#mainvisu1 .indicate {  width: 100%;  bottom: 15px;  z-index: 120;  text-align: center;}
#mainvisu1 .indicate > a {  display: inline-block;  width: 12px;  height: 12px;  background-color:rgba(255, 255, 255, 0.7);border-radius:12px; margin:0 5px;}
#mainvisu1 .indicate > a.active {  background-color:rgba(255, 255, 255, 1.0);}
#mainvisu1 .indicate:after {  display: block;  visibility: hidden;  content: ".";  clear: both;  text-indent: -9999px;  height: 0;}
#mainvisu1 a.arrowBtn { display:none;}

#mainvisu2 {  width: 100%;  overflow: hidden;}
#mainvisu2 ul > li {  position: absolute;}
#mainvisu2 ul > li img {  width: 100%; height: auto;}
#mainvisu2 .indicate {  width: 100%;  bottom: 15px;  z-index: 120;  text-align: center;}
#mainvisu2 .indicate > a {  display: inline-block;  width: 12px;  height: 12px;  background-color:rgba(255, 255, 255, 0.7);border-radius:12px; margin:0 5px;}
#mainvisu2 .indicate > a.active {  background-color:rgba(255, 255, 255, 1.0);}
#mainvisu2 .indicate:after {  display: block;  visibility: hidden;  content: ".";  clear: both;  text-indent: -9999px;  height: 0;}
#mainvisu2 a.arrowBtn { display:none;}

.mc1 { overflow:hidden; margin:20px 0;}
.mc1 li { float:left; width:calc(100% / 5 - 7px); margin-right:8px;}
.mc1 li:last-child { margin-right:0;}
.mc1 li img { width:100%;}
.mc2 { overflow:hidden; margin:20px 0;}
.mc2 li { float:left; width:calc(100% / 2 - 7px); margin-right:8px;}
.mc2 li:last-child { margin-right:0;}
.mc2 li img { width:100%;}
.con_w .main_footer { margin-top:30px; text-align:center; }
.con_w .main_footer .pic { margin-bottom:10px;}
.con_w .main_footer p {letter-spacing:1px; font-size:13px; color:rgba(255, 255, 255, 0.5);}
.con_w .main_footer b { color:#a238ff; font-weight:normal; letter-spacing:1px;}
.con_w .main_footer b  > img { height:12px; position:relative; top:5px;}
.main_bg .cc { background:#000; padding:20px; height:calc(100% - 40px);}
.notice_w { display:flex;}
.notice_w dl { width:100%;}
.notice_w dl + dl { margin-left:20px;}
.notice_w dl dt { border-radius:5px;background-image: linear-gradient(to bottom, #402663, #1e0d3d,  #402663); position:relative; padding:10px 20px; font-size:16px;}
.notice_w dl dt b { display:inline-block; color:rgba(255, 255, 255, 0.5); letter-spacing:3px;text-transform: uppercase; font-size:13px; font-weight:normal; padding-left:10px;}
.notice_w dl dt .more { display:block; position:absolute; top:13px; right:10px;}
.notice_w dl dt .more i { font-size:20px; font-weight:bold;}
.notice_w ul li a { display:block; border-bottom:1px solid rgba(255, 255, 255, 0.15); padding:10px 15px; overflow:hidden;}
.notice_w ul li a b { float:left; display:block; width:95px; font-weight:normal;text-transform: uppercase; color:#a238ff;}
.notice_w ul li a b i {color:#a238ff; padding-right:5px;}
.notice_w ul li a p { float:left; width:calc(100% - 150px);overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_w ul li a .ar { float:right; display:block; width:150px; text-align:right; width:50px; position:relative; top:2px;}
.notice_w ul li a:hover { background:rgba(255, 255, 255, 0.1);}
.swiper-slide {display: flex;justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%;height: 100%; object-fit: cover;}
.swiper-button-prev:after, .swiper-button-next:after { display:none;}
.main_visual {  width:100%;}
.main_visual_w { display:flex;}
.main_visual_w .main_visual { margin-right:20px;}
.main_visual .swiper-button-prev { left:10px;}
.main_visual .swiper-button-next { right:10px;}
.main_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important;}
.main_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual .swiper-button-prev i, .main_visual .swiper-button-next i { font-size:50px; display:none;}
.main_visual2 {  width:100%;}
.main_visual2 .swiper-button-prev { left:10px;}
.main_visual2 .swiper-button-next { right:10px;}
.main_visual2 .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important;}
.main_visual2 .swiper-pagination-bullet-active {  background: #fff!important; }
.main_visual2 .swiper-button-prev i, .main_visual2 .swiper-button-next i { font-size:50px; display:none;}
.pop_visual {  width:100%;}
.pop_visual .swiper-button-prev { left:10px;}
.pop_visual .swiper-button-next { right:10px;}
.pop_visual .swiper-pagination-bullet {width: 15px!important;height: 15px!important;background: #fff!important;}
.pop_visual .swiper-pagination-bullet-active {  background: #fff!important; }
.pop_visual .swiper-button-prev i, .pop_visual .swiper-button-next i { font-size:50px; display:none;}

/* Common */
.title_w { margin-bottom:20px;}
.title_w .title { border-radius:3px; background:#000; height:43px; line-height:43px; text-align:center; color:#fff; font-size:20px; font-weight:bold; margin-bottom:5px; background:rgba(255, 255, 255, 0.1);}

.sub_tab { text-align:center; margin-top:10px;}
.sub_tab li { margin:2px 1px; display:inline-block;}
.sub_tab li a { display:inline-block; height:35px; line-height:35px; text-align:center; border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.1); min-width:100px; border-radius:3px; padding:0 10px;}
.sub_tab li a:hover {background:rgba(255, 255, 255, 0.2);}
.sub_tab .on {}
.sub_tab .on a { background:#a238ff; }


.sub_pointtab { text-align:center; margin-top:10px;}
.sub_pointtab li { margin:0 1px; display:inline-block;}
.sub_pointtab li a { display:block; height:35px; line-height:35px; text-align:center; border:1px solid rgba(255, 255, 255, 0.2); background:rgba(255, 255, 255, 0.1); width:120px; border-radius:3px;}
.sub_pointtab li a:hover {background:rgba(255, 255, 255, 0.2);}
.sub_pointtab .on {}
.sub_pointtab .on a { background:#a238ff; }

.sports_tab { display:flex; background:rgba(255, 255, 255, 0.1);}
.sports_tab li { width:100%;}
.sports_tab li a { display:block; position:relative; height:45px; line-height:45px; border-right:1px solid rgba(255, 255, 255, 0.1);}
.sports_tab li a .ii {position:relative; top:6px; padding:0 10px 0 10px;}
.sports_tab li a b { display:block; position:absolute; top:10px; text-align:right; right:10px; font-size:14px; letter-spacing:1px; color:#fff; width:28px; height:23px; line-height:23px; text-align:center; border-radius:3px; background:#a238ff;}
.sports_tab .on a { background:rgba(255, 255, 255, 0.15);}

.hand{cursor: pointer!important;}
.tc{text-align:center!important;}
.none{display:none!important;}
.on {display:block;}
.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}

.mb10 { margin-bottom:10px!important;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px!important;}
.mb40 { margin-bottom:40px!important;}
.mb50 { margin-bottom:50px!important;}
.mb60 { margin-bottom:60px!important;}
.mb70 { margin-bottom:70px!important;}
.mb80 { margin-bottom:80px!important;}
.mb100 { margin-bottom:100px!important;}
.mb120 { margin-bottom:120px!important;}

.tt_b { color:#00FFFF!important;}
.tt_r { color:#FF0000!important;}
.tt_bk { color:#000!important;}
.tt_w { color:#fff!important;}
.tt_g { color:#00ffae!important;}
.tt_y { color:#fff600!important;}

.td1 { width:100%;}
.td1 thead {background-image: linear-gradient(to bottom, #25313a, #191e22);}
.td1 thead th {}
.td1 thead td {text-align:center; color:#fff;font-weight:500; padding:8px 0; border-bottom:1px solid #000;}
.td1 tbody {background:rgba(255, 255, 255, 0.00);}
.td1 tbody th { border-bottom:1px solid rgba(255, 255, 255, 0.3);text-align:center; font-weight:normal; background:rgba(255, 255, 255, 0.00); padding:8px 5px; color:#fff;}
.td1 tbody td { border-bottom:1px solid rgba(255, 255, 255, 0.15);padding:8px 5px; color:rgba(255, 255, 255, 0.8); }
.td_c tbody td,
.td_c tfoot td { text-align:center;}

.td2 { width:100%;border-top:1px solid #fff;}
.td2 thead {background:rgba(255, 255, 255, 0.1);}
.td2 thead th {border:1px solid #000; background:rgba(255, 255, 255, 0.05);  color:#fff; text-align:center; font-weight:500;border-top:1px solid #a238ff}
.td2 thead td {border:1px solid #000; text-align:center; color:#fff;font-weight:500; padding:8px 0;border-top:1px solid #a238ff}
.td2 tbody {background:rgba(255, 255, 255, 0.0);}
.td2 tbody th { border-bottom:1px solid rgba(255, 255, 255, 0.2);text-align:center; font-weight:normal; background:rgba(255, 255, 255, 0.1); padding:8px 5px; }
.td2 tbody td { border-bottom:1px solid rgba(255, 255, 255, 0.2);padding:8px 5px; }

.list1 {padding:15px 20px; margin-bottom:20px; border-radius:10px;border: 2px dashed #a238ff; background:#301b31;}
/*.list1 > li { background:url(../../images/common/bullet_2.png) 7px 8px no-repeat; padding:2px 0 2px 20px;}*/
.list1 > li {  padding:2px 0 0px 20px;}
.list1.box { padding:20px; border:1px solid rgba(0, 0, 0, 0.2);}
.list1.box.gr { background:#f3f3f3; border:none;}
.list2 {}
.list2 li { background:url(../../images/common/bullet_2.png) no-repeat 0 12px; background-size:11px auto; padding:5px 0 5px 20px;}
.list2.li > li { border-bottom:1px solid rgba(0, 0, 0, 0.15); padding:13px 0 13px 27px; background:url(../../images/common/bullet_2.png) no-repeat 7px 19px;background-size:11px auto;}
.list2.li > li:first-child { padding-top:0; background:url(../../images/common/bullet_2.png) no-repeat 7px 8px;background-size:11px auto; }
.list2.box { border:1px solid rgba(0, 0, 0, 0.2); padding:25px 30px 15px 30px;}
.list2.box > li:last-child { border-bottom:none;}
.list2.box.bl > li > b { display:block; font-weight:500; font-size:17px;}
.list2.box.bl > li { color:rgba(0, 0, 0, 0.6);}
.list2.gr {  background:#f3f3f3; border:none;}
.list1 h3, .list2 h3 { margin-bottom:5px;}
.list3 {}
.list3 > li { padding:4px 0 4px 12px; position:relative;}
.list3 > li:before { content:''; display:block; width:4px; height:2px; background:#000; position:absolute; top:15px; left:0;}

.list_s { margin-top:20px;}
.list_s > li { background:url(../../images/common/bullet_1.png) 0px 10px no-repeat; padding:2px 0 2px 10px; font-size:13px;}

.tit1 { background:url(../../images/common/bullet_3.png) no-repeat 0 5px; padding:0 0 7px 25px; font-size:20px; font-weight:500; color:#fff;}

.btn1 { background:#a238ff; color:#fff;border-radius:3px;text-align:center;cursor:pointer;display:inline-block;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.btn1:hover { color:#fff;}
.btn2 { background:#fff; color:#000;border-radius:3px;text-align:center;cursor:pointer;display:inline-block;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.btn2:hover { color:#000;}
.btn3 { background:linear-gradient(to top, #2d2d2d, #4d4d4d); color:#fff;border-radius:3px;text-align:center;cursor:pointer;display:inline-block;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.btn_charge { background:#1b37a9; color:#fff;border-radius:3px;text-align:center;cursor:pointer;display:inline-block;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.btn_charge:hover { color:#fff;}
.btn_exchange { background:#ca0005; color:#fff;border-radius:3px;text-align:center;cursor:pointer;display:inline-block;box-shadow: inset 1px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.btn_exchange:hover { color:#fff;}
.btn_wrap { overflow:hidden; text-align:center; margin:30px 0; font-size:0;}
.btn_wrap > .btn { min-width:90px; height:30px; line-height:30px; margin:0 2px;   border:1px solid rgba(0, 0, 0, 0.0);padding:0 10px;}
.btn_wrap > .cc { display:inline-block;}
.btn_wrap > .rr { float:right;}
.btn_wrap > .ll { float:left;}

.box_sh {box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; 
-moz-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.3)  ; }

.pa1 { margin-bottom:90px!important;}
.pa2 { margin-bottom:60px!important;}

.no_data,
.no_data2 {display:none;padding:50px 0; text-align:center; background:rgba(255, 255, 255, 0.1); font-size:20px;}
.live_done { background:url(../../images/common/nodata.png) no-repeat center center rgba(255, 255, 255, 0.1); height:180px; margin:20px auto; width:100%;}

.ii.ii0:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i0.png) no-repeat;}
.ii.ii1:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i1.png) no-repeat;}
.ii.ii2:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i2.png) no-repeat;}
.ii.ii3:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i3.png) no-repeat;}
.ii.ii4:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i4.png) no-repeat;}
.ii.ii5:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i5.png) no-repeat;}
.ii.ii9:after { display:inline-block; content:''; width:18px; height:18px; background:url(../../images/game/i9.png) no-repeat;}
.ii.ievol:after {display:inline-block; content:''; width:18px; height:18px; background:url(../../images/live/i_evol.png) no-repeat;}
.ii.isky:after {display:inline-block; content:''; width:18px; height:18px; background:url(../../images/live/i_sky.png) no-repeat;}
.ii.itoken:after {display:inline-block; content:''; width:18px; height:18px; background:url(../../images/live/i_token.png) no-repeat;}
.ii.imini:after {display:inline-block; content:''; width:18px; height:18px; background:url(../../images/live/i_mini.png) no-repeat;}
.ii.ibet:after {display:inline-block; content:''; width:18px; height:18px; background:url(../../images/live/i_bet.png) no-repeat;}
.ii.ilv0 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv0.png) no-repeat;}
.ii.ilv1 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv1.png) no-repeat;}
.ii.ilv2 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv2.png) no-repeat;}
.ii.ilv3 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv3.png) no-repeat;}
.ii.ilv4 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv4.png) no-repeat;}
.ii.ilv5 {display:inline-block; content:''; width:48px; height:19px; background:url(../../images/common/i_lv5.png) no-repeat;}
.ii.iii0:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii0.png) no-repeat;}
.ii.iii1:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii1.png) no-repeat;}
.ii.iii2:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii2.png) no-repeat;}
.ii.iii3:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii3.png) no-repeat;}
.ii.iii4:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii4.png) no-repeat;}
.ii.iii5:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii5.png) no-repeat;}
.ii.iii6:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii6.png) no-repeat;}
.ii.iii7:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii7.png) no-repeat;}
.ii.iii9:after {display:inline-block; content:''; width:23px; height:23px; background:url(../../images/game/ii9.png) no-repeat;}
.ii_name i { position:relative; top:3px; padding-right:5px;}

.cl1 {display:none;}
.cl2 {display:none;}
.cl3 {display:none;}
.bonus .bn1 { border:1px solid #0d8e2f; }
.bonus .bn1 b { color:#0d8e2f;}
.bonus .bn2 { border:1px solid #2579ce; }
.bonus .bn2 b { color:#2579ce;}
.bonus .bn3 { border:1px solid #9345de; }
.bonus .bn3 b { color:#9345de;}

/* Sports */
.sp_top_txt { border-radius:5px; padding:10px; margin-bottom:20px;  text-align:center; border: 2px dashed #a238ff; color:yellow;background:#301b31;}
.sports_w {height:calc(100% - 120px);  overflow:hidden;}
.sports_w:after { content:''; display:block; clear:both;}
.sports_w .sw_l { width:calc(50% - 10px); float:left;overflow-y:auto; height:100%;}
.sports_w .sw_r { width:calc(50% - 10px); float:right;overflow-y:auto; height:100%;}
.sports_w > .no_data { padding:100px 0;}
.sports_w .sw_r > .no_data { height:100%; padding:0; padding-top:200px;}
.sports_w > .no_data i, 
.sports_w .sw_r > .no_data i { display:block; margin:0 auto; color:#a238ff; font-size:50px;}
.gg { border:1px solid #222733; border-radius:3px; padding:0px 12px 12px 12px; margin-top:15px; margin-bottom:20px; position:relative; background:rgba(0, 0, 0, 0.3);}
.gg > dt { position:relative; top:-12px; left:-12px;}
.gg > dt > b { display:inline-block; height:30px; border-radius:30px; line-height:30px; padding:0 15px; background:#222733; font-weight:normal; font-size:13px;}
.gg > dd { position:relative;}
.cc .bonus {display:flex; margin-top:10px;}
.cc .bonus li { width:100%; padding-left:15px; pcolor:#fff;  height:43px; line-height:43px; font-size:13px; background:#000; border-radius:3px; margin-right:3px; position:relative;}
.cc .bonus li > b { position:absolute; top:10px; right:10px; text-align:right;}
.game_pan {}
.game_pan.nopad { margin:0!important; position:relative; top:-20px; border-top:none;}
.game_pan dt .time { font-size:12px; letter-spacing:normal; color:rgba(255, 255, 255, 0.5); padding-right:5px; font-weight:300;}
.game_pan dt i { position:relative; top:4px;}
.game_pan dt .more { position:absolute; background:#0d0d0d; border-radius:30px; line-height:30px; border-radius:30px; font-size:13px; border:1px solid #222733; padding:0 10px; color:#00bc80; top:0px; right:-22px; cursor:pointer;}
.game_pan dt .more:hover,  
.game_pan.open > dt > b { background:#ffe418; color:#000;}
.game_pan.open > dt > b .time { color:#000; font-weight:500;}
.game_pan dt .more.on { background:#ffe418; color:#000;}

.game_pan .bet { overflow:hidden;}
.game_pan .bet li { float:left; box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);background-image: linear-gradient(to bottom, #2e363c, #222223); border:1px solid #000; vertical-align:top; cursor:pointer; overflow:hidden;}
.game_pan .bet .home { width:calc(50% - 55px);}
.game_pan .bet .away { width:calc(50% - 55px);}
.game_pan .bet .vs { width:64px; text-align:center;}
.game_pan .bet .vs span {color:#ffe418;}
.game_pan .bet .vs span.handi_stand {color:#f08320;}
.game_pan .bet .vs span.ou_stand {color:#5cdf31;}
.game_pan .bet .more { width:38px; text-align:center; float:left;background-image: linear-gradient(to bottom, #5e666d, #4f4f50);}
.game_pan .bet .more b { height:36px; line-height:36px; display:block; font-weight:normal;}
.game_pan .bet .more.on {background-image: linear-gradient(to bottom, #ab851b, #86660e)!important;}
.game_pan .bet li > span {height:36px; line-height:36px; display:block; font-size:13px; }
.game_pan .bet li .in_team { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:calc(100% - 70px); padding:0 10px;}
.game_pan .bet li .in_rate { width:30px; padding:0 10px; color:#ffe418;}
.game_pan .bet .in_team { float:left; }
.game_pan .bet .in_rate { float:right; text-align:right;}
.game_pan .bet .away .in_team { float:right; text-align:right;}
.game_pan .bet .away .in_rate { float:left; text-align:left;}
.game_pan .bet .vs span {}
.game_pan li span.vs  {text-align:center;width:100px;}
.game_pan .bet .ar1 {}
.game_pan .bet .ar1:after { content:'↑'; display:inline-block; padding:0 5px; color:#ff0000; font-style:normal;}
.game_pan .bet .ar2:after { content:'↓'; display:inline-block; padding:0 5px; color:#00deff; font-style:normal;}
.game_pan .bet .h:after { content:'H'; display:inline-block; padding:0 5px; color:#42ff00; font-style:normal;}
.game_pan .bet .in_cc { text-align:center; width:100%;}
.game_pan .col2 li { width:calc(100% / 2 - 2px)!important;}
.game_pan .col3 li { width:calc(100% / 3 - 2px)!important;}
.game_now { margin-bottom:30px; border-radius:3px; text-align:center;background-image: linear-gradient(to bottom, #25313a, #191e22);}
.game_now .top {  background:rgba(255, 255, 255, 0.1); padding:5px;}
.game_now .top dd {  font-size:15px; letter-spacing:normal; color:#fff;}
.game_now .con {  overflow:hidden; padding:10px 10px;}
.game_now .con li { float:left; font-size:17px; font-weight:500;}
.game_now .con .away { text-align:right;}
.game_now .con .home,
.game_now .con .away { width:calc(50% - 60px); margin-top:9px; text-align:center;}
.game_now .con .vs { width:120px; text-align:center; font-weight:bold; color:#ffe418; letter-spacing:2px; font-size:28px; background:url(../../images/common/league_vs.png) no-repeat; height:107px;}
.game_now .con li .logo { display:block;}
.game_now .con li .logo img { width:50px; height:50px; padding-bottom:5px;}
.game_now .now { padding:5px 15px 20px 15px; height:calc(100% - 5px);}
.game_now .now .league {  padding:5px 10px; position:relative; text-align:left; }
.game_now .now .league .ii { position:relative; top:3px; padding-right:5px;}
.game_now .now .league b { position:absolute; right:10px; top:5px; display:block; text-align:right; letter-spacing:1px; font-size:14px; font-weight:normal;}
.game_now .now dl { overflow:hidden;border-bottom:1px solid rgba(255, 255, 255, 0.3); padding:7px 0;}
.game_now .now dl dt { float:left; width:70px; text-align:left; padding-left:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.game_now .now dl ul { float:left; width:calc(100% - 80px);display:flex;  }
.game_now .now dl ul li { width:100%; text-align:center;}
.game_now .now .td_1 { background:rgba(255, 255, 255, 0.2);}
.game_now .now .td_1 li,
.game_now .now .td_1 dt { color:#ffe418;} 
.game_now.soccer .now { background:url(../../images/game/now_1.jpg) no-repeat center center; background-size:cover;}
.game_now.basketball .now { background:url(../../images/game/now_2.jpg) no-repeat center center; background-size:cover;}
.game_now.baseball .now{ background:url(../../images/game/now_3.jpg) no-repeat center center; background-size:cover;}
.game_now.volleyball .now { background:url(../../images/game/now_4.jpg) no-repeat center center; background-size:cover;}
.game_now.hockey .now { background:url(../../images/game/now_5.jpg) no-repeat center center; background-size:cover;}
#gameT4_w .game_pan .bet .home, 
#gameT4_w .game_pan .bet .away {width: calc(50% - 35px);}

.off .bet li { cursor:default;background-image: linear-gradient(to bottom, #161616, #0c0c0c);}
.off .bet li span { color:rgba(255, 255, 255, 0.3)!important;}
.off .more {color:rgba(255, 255, 255, 0.3)!important;}
.off .time {color:rgba(255, 255, 255, 0.3)!important;}
.game_pan li.off { cursor:default;background-image: linear-gradient(to bottom, #161616, #0c0c0c);}
.off span {color:rgba(255, 255, 255, 0.3)!important;}
.off b {color:rgba(255, 255, 255, 0.3)!important;}

.view .bet { overflow:hidden;} 
.view .bet li { float:left;}
.view .bet li > span {height:36px; line-height:36px; display:block; font-size:13px;}
.view .bet li > span > b { font-weight:normal; padding:0 5px; color:#ffe418; letter-spacing:normal; font-size:14px;}
.view .bet li .in_team { float:left;}
.view .bet li .in_rate { float:right; text-align:right;}
.view .bet.col2 li { width:calc(100% / 2 - 2px);}
.view .bet.col3 li { width:calc(100% / 3 - 2px);}
.view .bet .home { width:calc(50% - 35px);}
.view .bet .away { width:calc(50% - 35px);}

.live_w .game_now .con { padding:0 10px;}
.live_w .game_pan.soccer { background:url(../../images/game/live_1.png) no-repeat center center; background-size:cover;}
.live_w .game_pan.basketball { background:url(../../images/game/live_2.png) no-repeat center center; background-size:cover;}
.live_w .game_pan.baseball { background:url(../../images/game/live_3.png) no-repeat center center; background-size:cover;}
.live_w .game_pan.volleyball { background:url(../../images/game/live_4.png) no-repeat center center; background-size:cover;}
.live_w .game_pan.hockey { background:url(../../images/game/live_5.png) no-repeat center center; background-size:cover;}
.live_w .live_score { overflow:hidden; margin-bottom:10px;}
.live_w .live_score li { float:left; overflow:hidden;}
.live_w .live_score li .score { display:block; float:right; width:80px; height:46px; border:1px solid #ffe418; color:#fff; font-weight:bold; letter-spacing:2px; font-size:28px; text-align:center; margin-top:15px;}
.live_w .live_score li .logo { display:block; float:right; width:calc(100% - 82px); text-align:center;}
.live_w .live_score li .logo img { width:50px; height:50px; padding-bottom:5px;}
.live_w .live_score li .logo p {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.live_w .live_score .vs { width:74px; text-align:center; font-size:28px; letter-spacing:2px; color:#fff; font-weight:bold;line-height:1.2em; margin-top:15px;}
.live_w .live_score .vs u { text-align:center; display:block; text-decoration:none; color:#ffe418; font-weight:normal; line-height:1.2em;}
.live_w .live_score .home,
.live_w .live_score .away { width:calc(50% - 37px);}
.live_w .live_score .away .score { float:left;}
.live_w .live_score .away .logo { float:left;}
.live_w .live_score .home { text-align:right;}



 

/* LiveBet */
.casino_w { overflow:hidden;}
.casino_w li { float:left; width:calc(100% / 3 - 7px); margin:0 10px 10px 0;}
.casino_w li:nth-child(3n) { margin-right:0;}
.casino_w li a { display:block; border-radius:10px; height:270px;  position:relative;}
.casino_w li a:hover {opacity:0.6;}
.casino_w li a > p { position:absolute; bottom:15px; left:20px; font-size:20px; font-weight:500;}
.casino_w li a > b { display:block; width:100px; height:29px; line-height:29px; text-align:center;   background: url(../../images/common/left_bg2.png) no-repeat;    background-size: 100% 100%; border-radius:3px; position:absolute; font-weight:normal; font-size:13px; right:20px; bottom:15px;}
.casino_w .cas1 a {background:url(../../images/live/casi_01.jpg) no-repeat center; background-size:cover;}
.casino_w .cas2 a {background:url(../../images/live/casi_02.jpg) no-repeat center; background-size:cover;}
.casino_w .cas3 a {background:url(../../images/live/casi_03.jpg) no-repeat center; background-size:cover;}
.casino_w .cas4 a {background:url(../../images/live/casi_04.jpg) no-repeat center; background-size:cover;}
.casino_w .cas5 a {background:url(../../images/live/casi_05.jpg) no-repeat center; background-size:cover;}
.casino_w .cas6 a {background:url(../../images/live/casi_06.jpg) no-repeat center; background-size:cover;}
.casino_w .cas7 a {background:url(../../images/live/casi_07.jpg) no-repeat center; background-size:cover;}
.casino_w .cas8 a {background:url(../../images/live/casi_08.jpg) no-repeat center; background-size:cover;}
.casino_w .cas9 a {background:url(../../images/live/casi_09.jpg) no-repeat center; background-size:cover;}
.casino_w .cas10 a {background:url(../../images/live/casi_10.jpg) no-repeat center; background-size:cover;}
.casino_w .cas11 a {background:url(../../images/live/casi_11.jpg) no-repeat center; background-size:cover;}
.casino_w .cas12 a {background:url(../../images/live/casi_12.jpg) no-repeat center; background-size:cover;}
.casino_w .cas13 a {background:url(../../images/live/casi_13.jpg) no-repeat center; background-size:cover;}
.casino_w .cas14 a {background:url(../../images/live/casi_14.jpg) no-repeat center; background-size:cover;}
.casino_w .cas15 a {background:url(../../images/live/casi_15.jpg) no-repeat center; background-size:cover;}
.casino_w .cas16 a {background:url(../../images/live/casi_16.jpg) no-repeat center; background-size:cover;}
.casino_w .cas17 a {background:url(../../images/live/casi_17.jpg) no-repeat center; background-size:cover;}
.casino_w .cas18 a {background:url(../../images/live/casi_18.jpg) no-repeat center; background-size:cover;}
.casino_w .cas19 a {background:url(../../images/live/casi_19.jpg) no-repeat center; background-size:cover;}
.casino_w .cas20 a {background:url(../../images/live/casi_20.jpg) no-repeat center; background-size:cover;}
.casino_w .cas21 a {background:url(../../images/live/casi_21.jpg) no-repeat center; background-size:cover;}
.casino_w .cas0 a {background-size:cover;}

.casino_w .mini01 a {background:url(../../images/live/mini_01.jpg) no-repeat center; background-size:cover;}
.casino_w .mini02 a {background:url(../../images/live/mini_02.jpg) no-repeat center; background-size:cover;}
.casino_w .mini03 a {background:url(../../images/live/mini_03.jpg) no-repeat center; background-size:cover;}
.casino_w .mini04 a {background:url(../../images/live/mini_04.jpg) no-repeat center; background-size:cover;}
.casino_w .mini05 a {background:url(../../images/live/mini_05.jpg) no-repeat center; background-size:cover;}
.casino_w .mini06 a {background:url(../../images/live/mini_06.jpg) no-repeat center; background-size:cover;}
.casino_w .mini07 a {background:url(../../images/live/mini_07.png) no-repeat center; background-size:cover;}
.casino_w .mini08 a {background:url(../../images/live/mini_08.png) no-repeat center; background-size:cover;}
.casino_w .mini09 a {background:url(../../images/live/mini_09.png) no-repeat center; background-size:cover;}





/* New Casino */
.n_casino_w { overflow:hidden;}
.n_casino_w li { float:left; width:calc(100% / 3 - 7px); margin:0 10px 10px 0;}
.n_casino_w li:nth-child(3n) { margin-right:0;}
.n_casino_w li a { display:block; border-radius:10px; position:relative; overflow:hidden;background-size:cover;}
.n_casino_w li a:hover {opacity:0.6;}
.n_casino_w li a > p { position:absolute; bottom:0px;font-size:16px; font-weight:500; text-align:center; width:100%; background:#2d6bb0; color:#fff; padding:5px 0;}
.n_casino_w li a img { width:100%;}
.n_casino_w.slot li { float:left; width:calc(100% / 4 - 7px); margin:0 7px 7px 0;}
.n_casino_w.slot li:nth-child(3n) { margin-right:7px;}
.n_casino_w.slot li:nth-child(4n) { margin-right:0;}

.n_slot_w .top_txt { margin-bottom:20px; background:rgba(255, 255, 255, 0.1); color:#fff; text-align:center; padding:10px;}
.n_slot_top_txt { margin-bottom:20px; background:rgba(255, 255, 255, 0.1); color:#fff; text-align:center; padding:10px;color:yellow;}
.n_slot_w { font-size:0; position:relative;}
.n_slot_w li { display:inline-block; width:calc(100% / 4 - 10px); margin:5px; overflow: hidden; vertical-align:top; overflow:hidden; border-radius:10px; background:rgba(255, 255, 255, 0.05); position:relative;}
.n_slot_w li a { display:block; text-align:center; display:block; cursor:pointer;height:200px;position: relative;}
.n_slot_w li a .pic { display:block;}
.n_slot_w li a .pic img { width:60%; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; }
.n_slot_w li p { position:absolute; top:10px; left:10px; font-size:20px; font-weight:bold;}
.n_slot_w li .bt {background-image: linear-gradient(to bottom, #464646, #232323);padding: 5px 10px;overflow: hidden;box-sizing:border-box; position:absolute; bottom:0; width:100%;}
.n_slot_w li .bt > u { display:block; float:left; text-decoration:none; font-size:18px;}
.n_slot_w li .bt > u > b { font-weight:normal; color:#FFFF00;font-size:18px;}
.n_slot_w li .bt > b { display:block; float:right; width:80px; height:25px; text-align:center; line-height:25px; background:#792535;font-size:18px;}
.n_slot_w li a:hover {opacity:0.6;}
.n_slot_w .cover { position:absolute; background:rgba(0, 0, 0, 0.8); width:100%; height:100%; z-index:1000; text-align:center; margin:auto; padding-top:300px;box-sizing:border-box;}
.n_slot_w .cover p { font-size:20px;}
.n_slot_w .cover p b { display:inline-block; background:url(../../images/common/left_bg2.png) no-repeat;  background-size: 100% 100%;font-size:20px; padding:0 20px;}
.n_slot_w .cover i { font-size:100px; margin-bottom:20px;}



.n_slot_list { text-align:center;}
.n_slot_list li { width:calc(100% / 5 - 10px); margin:3px; display:inline-block; vertical-align:top;}
.n_slot_list li a { display:block; border-radius:10px; position:relative; overflow:hidden;background-size:cover;}
.n_slot_list li a:hover {opacity:0.6;}
.n_slot_list li a > p { font-size:16px; font-weight:500; text-align:center; width:100%; background:#2d6bb0; color:#fff; padding:5px 0;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.n_slot_list li a img { width:100%;}






.token_w .top_txt { margin-bottom:20px; background:rgba(255, 255, 255, 0.1); color:#fff; text-align:center; padding:10px;}
.live_time { overflow:hidden;background-image: linear-gradient(to bottom, #25313a, #191e22);box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); padding:5px 10px; margin-bottom:20px;}
.live_time dt { float:left;}
.live_time dd { float:right; text-align:center;}
.live_time b { color:#ffe418; letter-spacing:1px;}
.live_pan { text-align:center;}
.live_pan .lp {border:1px solid #222733; border-radius:3px;background:rgba(0, 0, 0, 0.3);padding: 0px 5px 5px 5px;margin-top: 15px;position: relative; display:block; vertical-align:top; margin:0 5px 20px;}
.live_pan .lp .live_tit { position:relative; top:-12px; margin:0 auto; text-align:center;}
.live_pan .lp .live_tit b {display:inline-block; height:30px; border-radius:30px; line-height:30px; padding:0 15px; background:#222733; font-weight:normal; font-size:13px;}
.live_pan .lp ul { display:flex;}
.live_pan .lp ul li { width:100%;}
.live_pan .lp ul li p { cursor:pointer; margin:5px;background-image: linear-gradient(to bottom, #47516b, #272d3b);box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); border-radius:5px; padding:2px 0; line-height:1.3em;}
.live_pan .lp ul li .liveover { cursor:pointer; margin:5px;background-image: linear-gradient(to bottom, #47516b, #272d3b);box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); border-radius:5px; padding:2px 0; line-height:1.3em;}
.live_pan .lp ul li p:hover {background-image: linear-gradient(to bottom, #545e77, #3a4153);}
.live_pan .lp ul li u { text-decoration:none; font-size:16px;line-height:1.3em;}
.live_pan .lp ul li b { display:block; font-weight:400; letter-spacing:normal;line-height:1.3em;}
.live_pan .lp .pw_td { margin-right:20px;}
.keno_td .lp ul li p { padding:20px 0; }
.keno_td .lp ul li p u {font-size:20px;}
.live_new_ww { overflow:hidden; margin-bottom:30px;}
.live_new_ww .live_new_w { float:right; width:calc(100% - 555px); margin-left:10px;}
.live_screen_w { width:545px; float:left; position:relative;}
.live_screen_w .tit { text-align:center;background-image: linear-gradient(to bottom, #25313a, #191e22);    box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);    padding: 2px 10px; font-weight:500; font-size:18px; margin-bottom:10px;}
.live_screen_w .no_screen { position:absolute; width:545px; height:530px; background:url(../../images/live/no_screen.png) no-repeat center center #000; top:0; left:0; z-index:1000;}
.live_screen { overflow:hidden; margin:0 auto 0px; position:relative; }
.live_screen iframe { border:none; position:relative;}

.new_live_btn { text-align:center; width:778px; overflow:hidden; border-radius:20px;  margin:0 auto; border:2px dashed #a238ff;}






/* History */
.resultt {}
.resultt.win { color:#FFFF00;}
.resultt.lose { color:#ff0000;}
.resultt.ing { color:#00FFFF;}
.resultt.exp { color:#FF00FF;}
.history_w {}
.history { margin-bottom:20px;}
.history table { width:100%;}
.history table thead td { text-align:center; color:rgba(255, 255, 255, 0.5);font-weight:normal; padding:8px 0; font-size:13px;}
.history table tbody {}
.history table tbody td {border:2px solid #000; border-bottom:4px solid #000;padding:8px 5px; text-align:center;background-image: linear-gradient(to bottom, #2e363c, #222223);box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);}
.history table .time { font-size:12px; color:rgba(255, 255, 255, 0.5); width:120px; letter-spacing:1px; padding:8px 0;}
.history table .type { width:140px;}
.history table .home {}
.history table .vs {width:100px;}
.history table .away {}
.history table .score {width:100px; letter-spacing:1px;}
.history table .resultt {width:100px;}
.history table .home, 
.history table .away { width:30%; overflow:hidden; padding:8px 10px;}
.history table .home span, 
.history table .away span {  text-align:left; float:left;}
.history table .home .in_team { float:left;}
.history table .home .in_rate { float:right; text-align:right;}
.history table .away .in_team { float:right;text-align:right;}
.history table .away .in_rate { float:left; }
.history table .num { width:100px;}
.history table .live { width:23%;}
.history table .ch { width:30px;}
.history .total { overflow:hidden; padding:5px 10px 7px 10px;}
.history .total > li { float:left;}
.history .total .check { width:40px;}
.history .total .resultt { float:right!important; width:50px!important; font-weight:bold; font-size:20px!important; text-align:right!important;}
.history .total .txt { width:calc(100% - 90px); text-align:center; float:left; margin-top:3px;}
.history .total .txt > li { display:inline-block; font-size:13px;}
.history .total .txt > li:after { content:''; width:1px; height:12px; background:rgba(255, 255, 255, 0.5); display:inline-block; margin:0 5px 0 8px;}
.history .total .txt > li:last-child:after { display:none;}
.history .total .txt > li b { color:#66FFFF; font-weight:normal; letter-spacing:1px; padding-left:10px;}
.history .total.win { background:#67671a;}
.history .total.lose {  background:#666666;}
.history .total.ing {  background:#217d7d;}
.history .total.exp {  background:#752475;}
.history .ii, .live_history .ii { position:relative; top:2px;}
.live_history .tit1 b { font-size:13px;color:#a7a7a7}


/* Result */
.result_w {}
.result_w .re_txt { padding:0 10px 0 0 ;}
.result_w .re_txt.ing { color:#00FFFF;}
.result_w .re_txt.done { color:#FF0000;}
.result_w .re_score { padding-right:10px; letter-spacing:2px; color:#fae017;}
.result_w .oepn { margin-top:30px;}
.result_w .oepn .gg > dt > b { background:#a238ff;}


/* Board */
.paging { text-align:center; font-size:0; margin-top:10px;}
.paging a { display:inline-block;}
.paging .pg_1:after { content:''; width:18px; height:13px; background:url(../../images/common/ar1.png) no-repeat; display:block;}
.paging .pg_2:after { content:''; width:9px; height:13px; background:url(../../images/common/ar2.png) no-repeat; display:block;}
.paging .pg_3:after { content:''; width:9px; height:13px; background:url(../../images/common/ar3.png) no-repeat; display:block;}
.paging .pg_4:after { content:''; width:18px; height:13px; background:url(../../images/common/ar4.png) no-repeat; display:block;}
.paging a { cursor:pointer;}
.paging .ar { padding:5px 10px;}
.paging .ar i { position:relative; top:6px;}
.paging .num { padding:2px 10px; border-radius:3px; background:rgba(255, 255, 255, 0.1); margin:0 2px; font-size:12px; letter-spacing:1px;}
.paging .num.on { cursor:default; background:#a238ff; color:#000;}

.ipw { border:1px solid rgba(255, 255, 255, 0.2); border-radius:3px; background:#fff; padding:5px; color:#000;}
.ipw::placeholder { color:#000;}
.ipw.ipw1 { width:calc(100% - 12px);}
.ipw.ipw2 { width:300px;}
.ipw.ipw3 { width:200px;}
.ipw.ipw4 { width:80px;}
.ipw.text {width:calc(100% - 12px);}

.board_list table thead td {}
.board_list table .num { width:80px; font-size:13px; letter-spacing:1px;}
.board_list table .num .hot { display:inline-block; border-radius:3px; padding:0px 4px; background:#a238ff; color:#000;text-transform: uppercase; letter-spacing:1px; font-size:12px;}
.board_list table .num .i-hot { color:#ffe418; font-size:20px;}
.board_list table .num .i-event { color:#ffe418; font-size:20px;}
.board_list table .ii_name { width:150px; text-align:left; padding-left:10px;}
.board_list table .date { width:120px; font-size:13px; letter-spacing:normal; color:rgba(255, 255, 255, 0.5);}
.board_list table .tit { text-align:left; padding-left:15px;}
.board_list table .tit a { padding-right:5px;}
.board_list table .tit .i-new { font-size:24px; color:#ffe418; padding:0 1px; position:relative; top:2px;}
.board_list table .tit .i-bet { font-size:24px; color:#fff; padding:0 1px; position:relative; top:2px;}
.board_list table .tit .re { color:#a238ff;  padding:0 1px;}
.board_list table tbody tr:hover td { background:rgba(255, 255, 255, 0.07);}
.board_list table .top td { background:rgba(255, 255, 255, 0.1);}
.board_list table .top:hover td {background:rgba(255, 255, 255, 0.15);}
.board_list table .ch { width:50px;}
.board_list table .state { width:100px;}
.board_list table .state.no { color:#FF0000;}
.board_view {}
.board_view table .tit { text-align:left; padding-left:20px; font-size:17px;}
.board_view table .ii_name {width:150px; text-align:left; padding-left:10px;}
.board_view table .date { width:140px; font-size:13px; letter-spacing:1px; color:rgba(255, 255, 255, 0.5); font-weight:300;}
.board_view table .con { padding:20px 30px;}
	.board_bet { margin-top:20px; }
	.board_bet .board_bet_tit { text-align:center;background:#a238ff; color:#fff; font-size:17px; font-weight:500; border-radius:3px;}
.board_view .comment_w { margin-top:20px;}
.board_view .comment_w ul { overflow:hidden; padding:15px 10px; border-bottom:1px solid  rgba(255, 255, 255, 0.2);}
.board_view .comment_w ul li { float:left;}
.board_view .comment_w .ii_name { width:150px;}
.board_view .comment_w .txt { width:calc(100% - 300px);}
.board_view .comment_w .bt { width:150px; font-size:11px; letter-spacing:normal; color:rgba(255, 255, 255, 0.5);}
.board_view .comment_w .bt i { color:#FF0000; cursor:pointer; font-size:18px; position:relative; top:3px; padding-left:5px;}
.board_view .comment_w .write { background:rgba(255, 255, 255, 0.1);}
.board_view .comment_w .write .txt textarea { width:calc(100% - 20px); height:40px;}
.board_view .comment_w .bt .btn { display:block; width:100%; height:52px; line-height:50px; border-radius:3px; text-align:center;}
.board_write {}
.board_write table thead th, 
.board_write table tbody th { width:130px; padding-left:20px; text-align:left;}
.board_write table thead td,
.board_write table thead td { text-align:left; padding:8px 5px;}
.board_write table thead td,
.board_write table tbody td { padding:8px 15px;}
.board_write table .btn { margin:0 2px; height:37px; line-height:37px; vertical-align:middle; padding:0 10px;}
.board_write table .btn_money { overflow:hidden; margin-top:5px;}
.board_write table .btn_money li { float:left;}
.board_write table .btn_money li a { width:50px;}
.board_write table .account_info { padding:5px 0 5px;}
.board_write table .account_info input { background:none; border:none; width:400px; color:#a238ff;}
.board_write table .account_info input:focus { outline:none;}

/* Pop */
.pop_w { background:#191919;}
.pop_w .pop { padding:20px;}

/* Chu */
.chu_w .chu_list {}
.chu_w .chu_list .num { width:150px; font-size:12px; letter-spacing:normal; color:rgba(255, 255, 255, 0.5);}
.chu_w .chu_list .ii_name  { text-align:left; padding-left:10px;}
.chu_w .chu_list .total { margin-bottom:10px;}
.chu_w .chu_list .total b { padding:0 5px; letter-spacing:1px; color:#a238ff;}
.chu_w .my { margin-bottom:20px;} 
.chu_w .my table th { width:150px;}

/* Check */
.check_w {}
.check_w .check_cal { margin-bottom:20px;}
.check_w .check_cal .check_td { width:100%;}
.check_w .check_cal .check_td thead {}
.check_w .check_cal .check_td thead th { padding:5px 0; position:relative; font-weight:normal;  text-align:center;text-transform: uppercase; letter-spacing:1px; font-size:14px;}
.check_w .check_cal .check_td tbody { background:rgba(255, 255, 255, 0.05);}
.check_w .check_cal .check_td tbody td { padding:10px;height:40px; height:75px; vertical-align:top; border:1px dashed #434343;}
.check_w .check_cal .check_td tbody .onn { background:url(../../images/common/check.png) no-repeat center center;}
.check_w .check_cal .check_td tbody .ready { background:url(../../images/common/check2.png) no-repeat center center; cursor:pointer;}
.check_w .check_cal .tit { overflow:hidden; position:relative;}
.check_w .check_cal .tit .num { margin:0 auto; text-align:center;}
.check_w .check_cal .tit .num .month { font-size:40px; font-weight:bold;color:#a238ff; padding:0 10px;}
.check_w .check_cal .tit .num i { display:inline-block; width:30px; height:30px; line-height:25px; font-size:30px; cursor:pointer; color:rgba(255, 255, 255, 0.6);}
.check_w .check_cal .tit .num i:hover { color:#fff;}
.check_w .check_top { background:url(../../images/check/title.png) no-repeat center 45px rgba(0, 0, 0, 0.2); height:162px; text-align:center; padding-top:158px; margin-bottom:20px;}
.check_w .check_top dt {border: 1px solid rgba(255, 255, 255, 0.17); border-right:none; border-left:none;height: 45px; line-height: 45px; font-size:15px; letter-spacing:9px; width:720px; margin:0 auto 18px; text-align:center;}
.check_w .check_top dd { display:inline-block; width:353px; height:40px; border-radius:3px; background:#a238ff; color:#000; line-height:40px; font-size:16px;}
.check_w .check_top dd span { font-size:16px; font-family:verdana; font-weight:bold; color:#FF0000;}
.check_w .list1 { position:relative;}
.check_w .list1 li b { color:#FF0000; letter-spacing:1px;}
.check_w .list1 p { position:absolute; top:20px; right:20px; text-align:right;}
.check_w .list1 p b { color:#ffe418;}

/* Charge */
.charge_list table thead td { font-size:14px;}
.charge_list table .del .btn { padding:3px 10px; font-size:12px;}
.charge_list .title b:after { display:none;}
.charge_w .board_write .btn_wrap { margin-top:10px;}
.charge_w .board_write .mymoney { font-size:20px; font-weight:bold; letter-spacing:1px; color:#ffe418;}
.charge_w .board_write .mylevel { font-size:20px; letter-spacing:1px; font-weight:900; color:#a238ff;}
.charge_caution { text-align:center; background:rgba(255, 255, 255, 0.07); padding:50px 0; font-size:40px; font-weight:500; margin:50px 0;}
.point_w .board_write { margin-bottom:30px;}
.point_w .tt_in { color:#66FFFF;}
.point_w .tt_out { color:#FF0000;}


/* Members */
.login_w {}
.login_w > .login { width:300px; margin:100px auto;}
.login_w > .login h1 {}
.login_w > .login h1 img { width:100%;}
.login_w > .login .input { margin:15px 0 10px;}
.login_w > .login .input li { margin-bottom:4px;}
.login_w > .login .input input { border-radius:3px; padding:10px; width:calc(100% - 22px); border:1px solid rgba(255, 255, 255, 0.1); background:rgba(255, 255, 255, 0.1);}
.login_w > .login .btns li { margin-bottom:3px;}
.login_w > .login .btns li .btn { width:100%; padding:20px 0; text-align:center;text-transform: uppercase; line-height:5px; font-weight:bold; font-size:18px;}
.login_w > .login .inquiry { text-align:center; margin-top:20px;display:block; font-size:24px;}
.login_w > .login .inquiry i { color:#a238ff; display:block; font-size:30px; padding-bottom:5px;}
.login_w > .login .inquiry b { display:block; color:rgba(255, 255, 255, 0.3); letter-spacing:3px; padding-top:0px; font-size:11px;}
.pop_cs {}
.pop_cs table th { width:100px;}
.pop_cs table .num input { width:200px;}
.pop_cs table .num img { height:36px;}
.pop_cs .list_s { margin-top:5px;}
.pop_cs .list_s b { font-size:13px; color:#FFFF00;}
.pop_cs .btn_wrap { margin-bottom:0;}
.code_w {width:300px; margin:100px auto; text-align:center;}
.code_w .tit { font-size:24px;}
.code_w .tit b {display:block; color:rgba(255, 255, 255, 0.3); letter-spacing:3px;font-size:11px;}
.code_w .tit i {color:#a238ff; display:block; font-size:40px; padding-bottom:5px;}
.code_w .ipw { width:calc(100% - 12px); margin:10px 0 5px; height:30px;}
.code_w .btn { width:100%; padding:10px 0;}
.join_w {}
.join_w table td .txt { display:inline-block; font-size:12px; padding-left:5px;}
.join_w table thead th,  
.join_w table tbody th { width:90px;}
.join_num {}
.join_num img { height:35px; position:relative; top:1px;}

/* Main_Popup */
.main_popup_w {display:none;position:relative; width:1200px; height:0; margin:0 auto;}
.main_popup_w .main_popup { background:#333; z-index:10000000; border:1px solid #1c1c1c; position:absolute; box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.7)  ; }
.main_popup_w .main_popup dl {background:#1c1c1c;  text-align:center;}
.main_popup_w .main_popup dl dd {}
.main_popup_w .main_popup dl dd a { font-size:12px; color:rgba(255, 255, 255, 0.5); line-height:40px;height:40px;}
.main_popup_w .main_popup .main_popup_con { overflow:hidden;}
.main_popup_w .main_popup .main_popup_con img { width:100%;}
.main_popup_w .main_popup .mp_tit { background:#a238ff; height:40px; font-size:20px; font-weight:bold; line-height:40px; position:relative;}
.main_popup_w .main_popup .mp_tit i { font-size:20px; padding:0 5px 0 10px; color:rgba(255, 255, 255, 0.5);}
.main_popup_w .main_popup .mp_tit a { display:block; float:right; position:absolute; top:10px; right:10px; font-weight:normal; font-size:11px; border-radius:3px; background:#000; padding:2px 5px;}

/* Main_Popup_new */
.n_main_popup_w {position:relative; width:1400px; height:0; margin:0 auto; z-index:10000000;}
.n_main_popup_w .n_main_p {width:350px; border:1px solid rgba(255, 255, 255, 0.5); height:500px;background:#2f3238; position:absolute;}
.n_main_popup_w .n_main_p h3 {color:#fff; font-size:17px; font-weight:600; height:40px; line-height:40px; position:relative; padding-left:10px;}
.n_main_popup_w .n_main_p h3 .bt1 { display:block; cursor:pointer; position:absolute; top:10px; right:10px; text-align:right; font-weight:normal;}
.n_main_popup_w .n_main_p .con { height:420px; background:#000;}
.n_main_popup_w .n_main_p .bt { padding:5px 10px; text-align:center;}
.n_main_popup_w .n_main_p .bt .bt2 { display:inline-block; margin:0 auto;background:#a238ff; border-radius:3px; padding:2px 10px; cursor:pointer;}
.n_main_popup_w .n_main_p .bt .bt2 i {position:relative; top:1px;}
.n_main_popup_w .np1 { top:100px; left:0;}
.n_main_popup_w .np2 { top:100px; left:350px;}
.n_main_popup_w .np3 { top:100px; left:700px;}
.n_main_popup_w .np4 { top:100px; left:1050px;}
.n_main_popup_w .np5 { top:600px; left:0;}
.n_main_popup_w .np6 { top:600px; left:350px;}
.n_main_popup_w .np7 { top:600px; left:700px;}
.n_main_popup_w .np8 { top:600px; left:1050px;}

.n_main_popup_w2 {position:relative; width:1400px; height:0; margin:0 auto; z-index:10000000;}
.n_main_popup_w2 .n_main_p {width:500px; border:1px solid rgba(255, 255, 255, 0.5); height:680px;background:#2f3238; position:absolute; top:100px; left:calc(50% - 250px);}
.n_main_popup_w2 .n_main_p h3 {color:#fff; font-size:17px; font-weight:600; height:40px; line-height:40px; position:relative; padding-left:10px;}
.n_main_popup_w2 .n_main_p h3 .bt1 { display:block; cursor:pointer; position:absolute; top:10px; right:10px; text-align:right; font-weight:normal;}
.n_main_popup_w2 .n_main_p .con { height:600px; background:#000;}
.n_main_popup_w2 .n_main_p .bt { padding:5px 10px; text-align:center;}
.n_main_popup_w2 .n_main_p .bt .bt2 { display:inline-block; margin:0 auto;background:#a238ff; border-radius:3px; padding:2px 10px; cursor:pointer;}
.n_main_popup_w2 .n_main_p .bt .bt2 i {position:relative; top:1px;}


/* construction */
.const_bg {}
.const_w { width:700px; margin:100px auto 0; background:#000; padding:50px;}
.const_w h1 { text-align:center; font-size:50px; font-weight:100;}
.const_w h1 i { display:block; margin:0 auto; color:#a238ff; font-size:50px;}
.const_w h1 b { display:block; font-size:13px; letter-spacing:5px; color:rgba(255, 255, 255, 0.3); position:relative; top:-10px;}
.const_w h1:after { content:''; display:block; width:30px; height:4px; background:#fff; margin:10px auto;}
.const_w .con { text-align:center; padding-top:20px; font-size:17px;}


/* 룰렛 */
.roulette_wrap {}
.roulette_wrap .roulette_w { overflow:hidden;}
.roulette_wrap .roulette_w .roulette_iframe {position:relative; overflow:hidden; width:840px; height:825px; float:left;}
.roulette_wrap .roulette_w .roulette_iframe iframe {position:absolute; top:0px; left:0px; width:840px; height:825px;}
.roulette_wrap .roulette_w .roulette_txt { float:right; width:calc(100% - 875px); padding:0px 15px 15px 20px;}
.roulette_wrap .roulette_w .roulette_txt h3 {   font-size:20px; color:#fff; margin-bottom:15px; text-align:center;}
.roulette_wrap .roulette_w .roulette_txt h3 b {  color:#FF0000; font-size:20px;}
.roulette_wrap .roulette_w .roulette_txt p { text-align:center; padding-bottom:30px;}
.roulette_wrap .roulette_w .roulette_txt .list1 li {}

/* 팝업레이어 */
.pop_login { width:320px; margin:0 auto; padding:20px; background:#000; border-radius:5px;}
.pop_login .logo { text-align:center;}
.pop_login .logo img { width:90%;}
.pop_login .top { text-align:center;}
.pop_login .top p { padding:20px 0 10px;}
.pop_login .top u { text-decoration:none; letter-spacing:10px; font-weight:900; color:#ffe418; color:rgba(255, 255, 255, 0.5);text-transform: uppercase;}
.pop_login .input { margin:15px 0 0px;}
.pop_login .input li { margin-bottom:4px;}
.pop_login .input input { border-radius:3px; padding:10px; width:calc(100% - 22px); border:1px solid rgba(255, 255, 255, 0.4); background:rgba(255, 255, 255, 0.1);}
.pop_login .btns li { margin-bottom:3px;}
.pop_login .btns li .btn { width:100%; padding:20px 0; text-align:center;text-transform: uppercase; line-height:5px; font-weight:bold; font-size:18px;}
.pop_login .btns li .tel { text-align:center; padding:13px 0;color:#00f0ff;}
.pop_login .btns li .tel i { color:#00f0ff; font-size:20px; position:relative; top:2px; padding-right:5px;}
.pop_login .code { overflow:hidden;border-radius:3px; padding:3px; width:calc(100% - 8px); border:1px solid rgba(255, 255, 255, 0.4); background:rgba(255, 255, 255, 0.1); margin-bottom:10px;}
.pop_login .code li { float:left;}
.pop_login .code .pic img { width:100px; height:39px;}
.pop_login .code .re { cursor:pointer; border-radius:3px; background:#fff; font-size:11px; color:#000; margin:0 5px; height:39px; line-height:39px; width:50px; text-align:center;}
.pop_login .code .in { width:calc(100% - 166px);}
.pop_login .code .in input { width:100%; height:38px; color:#fff; background:none; border:none;}
.pop_login.note_pop h2 { font-size:25px;}
.pop_login.note_pop p { padding:0; color:rgba(255, 255, 255, 0.5);}
.pop_login.note_pop u { padding:10px 0; display:block;}
.pop_login.note_pop .top i { color:#ffe418; font-size:50px;}

/* 파트너 */
.recom_bg.pop { background:#111111;}
.recom_bg.pop .recom_w{ padding:10px;}
.recom_w .td1 {border-left:1px solid rgba(255, 255, 255, 0.1);}
.recom_w .td1 th { width:calc(100% / 9);}
.recom_w .td1 tbody td { font-size:12px; padding:2px 2px; border-right:1px solid rgba(255, 255, 255, 0.1);}
.recom_w .td1 tbody td select { color:#000;}
.recom_w .td1 .btn { font-size:11px; padding:0px 5px;}
.recom_w .td1 .money {width:120px;}
.recom_w .td1 .next {width:100px;font-size:12px; position:relative; background:#18784a;}
.recom_w .td1 .next:before { content:''; display:block; width:23px; height:27px; background:url(../../images/common/re.png) no-repeat; position:absolute; left:-15px; top:8px;}
.recom_w .td1 .next.no:before { display:none;}
.recom_w .top {}
.recom_w .top h3 { font-size:16px; text-align:center; margin-bottom:8px;}
.recom_w .con { overflow:hidden;}
.recom_w .con li { float:left; width:calc(100% / 7 - 1px); text-align:center; border-right:1px solid rgba(255, 255, 255, 0.1); margin-bottom:20px;}
.recom_w .con li p { height:40px; line-height:40px; font-size:16px; }
.recom_w .con li b { display:block;}
.recom_w .con li b input { width:calc(100% - 20px); text-align:center;}
.recom_w .list1 li { color:yellow;}
.recom_w .td_detail { margin:10px; width:calc(100% - 20px); background:rgba(255, 255, 255, 0.2);}
.recom_w .td_detail thead {background-image: linear-gradient(to bottom, #fff, #bdbdbd);}
.recom_w .td_detail thead td {min-width:60px; color:#000;}

.recom_ex .title b { color:#FFFF00; font-size:25px;}
.recom_ex .search { text-align:center; border-radius:3px; background:#182026; margin-bottom:20px; padding:10px;}
.recom_ex .search li { display:inline-block; margin:0 2px;}
.recom_ex .search li input { background:#273744; height:30px; border-radius:3px;}
.recom_ex .search li .btn { height:30px; line-height:30px; padding:0 20px;}
.recom_ex .search li i { font-size:20px; position:relative; top:4px; color:#4796d1;}
.ui-datepicker select { color:#000;}
.ui-datepicker th  { color:#000;}
.ui-datepicker th span { color:#000;}
.ui-datepicker-next .ui-icon { background:url(../../../images/common/ar3.png) no-repeat center center rgba(0, 0, 0, 0.5)!important;}
.ui-datepicker-prev .ui-icon { background:url(../../../images/common/ar2.png) no-repeat center center rgba(0, 0, 0, 0.5)!important;}

/* Loading */
.loading_w { display:none; position:relative;z-index:100000;}
.loading_w .loading { position:absolute; left:50%; margin-left:-100px; top:250px; border:5px solid #fff; width:250px; height:150px; background:rgba(0, 0, 0, 0.5);}
.loading_w .loading p { background:url(../../images/common/logo.png) no-repeat center center; background-size:contain; width:200px; height:100px; margin:0 auto;}
.loading_w .loading b { display:block; text-align:center;}
.loading_w .loading b:before { content:'LOADING'; font-size:30px; letter-spacing:10px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.5); padding-left:10px;}
.game_pop_w { }
.game_pop_w .game_pop {  width:400px; height:420px;  z-index:100000; background:#000;box-shadow:3px 3px 10px rgba(0, 0, 0, 0.5); border-radius:10px;}
.game_pop_w .game_pop i { color:#ffe418; font-size:50px; display:block;}
.game_pop_w .game_pop h2 {color:#fff; font-size:25px; padding:10px 0 10px; text-align:center; font-weight:normal;}
.game_pop_w .game_pop h2 u { text-decoration:none; display:block; color:#00bc80; font-size:11px; padding-top:0px; font-weight:normal;}
.game_pop_w .game_pop .btns { text-align:center; width:100%; }
.game_pop_w .game_pop .btns a { display:inline-block; width:calc(50% - 20px);line-height: 40px; height:40px;  }
.game_pop_w .game_pop .con { height:200px; overflow-y:scroll; padding:10px;}
.game_pop_w .game_pop .con dl { padding:10px;box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%);background-image: linear-gradient(to bottom, #2e363c, #222223);margin-bottom:4px;}
.game_pop_w .game_pop .con dl dt { color:#fff;}
.game_pop_w .game_pop .con dl dt b { color:#FF0000;}
.game_pop_w .game_pop .con dl dd { color:rgba(255, 255, 255, 0.5);}
.game_pop_w .game_pop .con dl dd b { color:#fff;}
.game_pop_w .game_pop .con dl dd b u { text-decoration:none; color:#FFFF00;}
#loading_mask {	position: fixed;	width: 100%;	height: 100%;	top: 0px;	left: 0px;	 display: none; 	 background-color:#000;	 opacity: 0.3;}

/* Slot */
.slot_w { text-align:center; padding-top:10px;}
.slot_w .top { border-bottom:1px solid rgba(255, 255, 255, 0.2); margin-bottom:30px; padding-bottom:30px;}
.slot_w .top p { padding-top:10px;}
.slot_w .top .btns { margin-top:20px; font-size:0;}
.slot_w .top .btns li { display:inline-block; margin:0 4px;}
.slot_w .top .btns li a { display:block; height:50px; line-height:50px; padding:0 40px; font-size:18px;}
.slot_w .con { font-size:0; padding:0 20px; min-width:800px;}
.slot_w .con li { display:inline-block; margin:10px; width:calc(20% - 20px);}
.slot_w .con li img{ width:150px;}
.slot_w .con li p{ font-size:17px;}
.slot_new .pic { margin-top:-60px; text-align:center;}
.slot_new .top { border-bottom:none;}
.slot_pop {}
.slot_pop table th { width:100px;}
.slot_pop table .ipw { width:calc(100% - 14px);}
.slot_pop table .btn { height:37px; line-height:37px; }
.slot_pop table .btn_money { overflow:hidden; margin-top:5px;}
.slot_pop table .btn_money li { float:left;width:calc(100% / 8 - 2px); margin-right:2px;}
.slot_pop table .btn_money li a { display:block;}
.slot_pop table .tt_r { margin-bottom:5px;}
.slot_pop table .slot_btn { display:block; width:100%; height:40px; line-height:40px; margin-top:5px; font-size:20px; font-weight:bold;}
.slot_pop .list_s { margin-top:5px;}
.slot_pop .list_s b { font-size:13px; color:#FFFF00;}
.slot_pop .btn_wrap { margin-bottom:0;}




/* 머니 전환 */
.casino_ex_w {}
.casino_ex_w .charge_list_w { display:flex; border:1px solid red; margin-bottom:40px; border-radius:10px;border: 2px dashed #a238ff; background:#301b31; overflow:hidden;}
.casino_ex_w .charge_list_w .charge_list { width:100%;box-sizing:border-box; padding:30px;}
.casino_ex_w .charge_list_w .charge_list { padding:20px;}
.casino_ex_w .charge_list_w .charge_list.c1 { background:rgba(255, 255, 255, 0.1);}
.casino_ex_w .charge_list_w .charge_list dt {font-size: 20px;color: #d3d2d2;font-weight: bold; margin-bottom:10px;}
.casino_ex_w .charge_list_w .charge_list dt i { font-size:20px;}
.casino_ex_w .charge_list_w .charge_list ul li {font-size: 14px;color: #9fa5ae;font-weight: 400;padding-left: 10px; position:relative; margin-bottom:5px;}
.casino_ex_w .charge_list_w .charge_list ul li:before { position:absolute; left:0; top:10px; width:3px; height:1px; background:#fff; display:block; content:'';}
.casino_ex_w .charge_list_w .charge_list .tt_yy { color:#FFFF00; font-size:20px;}
.casino_ex_w .charge_list_w .game_go { width:100%;text-align:center;justify-content:center; align-items:center; display:flex; flex-flow:column nowrap; background:url(../../images/casino/ex_bg.png) no-repeat; background-size:cover;}
.casino_ex_w .charge_list_w .game_go dt { font-weight:; font-size:30px;}
.casino_ex_w .charge_list_w .game_go dd { width:200px; height:50px; line-height:50px; border-radius:3px; background: #90151f;border: 1px solid #d23544; border-radius:5px; margin:15px auto 0; font-weight:bold; font-size:20px; cursor:pointer;}
.casino_ex_w .board_write_w { display:flex;}
.casino_ex_w .board_write_w .board_write { width:100%;}
.casino_ex_w .board_write_w > div + div { margin-left:30px;}
.casino_ex_w .board_write_w h3 { text-align:center;box-shadow: inset 0px 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 5%); padding:10px; background:url(../../images/common/left_bg2.png) no-repeat; background-size:100% 100%;}
.casino_ex_w .board_write_w h3,
.casino_ex_w .board_write_w h3 span {font-size:20px;}
.casino_ex_w .board_write_w .board_write table .btn_money li { margin:2px 0;}
.casino_ex_w .board_write_w .board_write table .btn_money li a { border:none;}