/*@import url('https://webfontworld.github.io/gmarket/GmarketSans.css');*/

/* common */
html,body {overflow-x:hidden;}
/*body {background:#1E2438;}*/
body {background:#000000;}
body.main {background:#000000;}
*::-webkit-scrollbar {height:3px; width:3px;}
*::-webkit-scrollbar-thumb {height:3px; background:#3D466A; width:3px; border-radius:100px;}
.container {max-width:100%; margin:0 auto; padding:0 10px;}
.is-pc {display:block !important;}
.is-pc1 {display:block !important;}

.is-m {display:none !important;}
@media (max-width:991px){
.container {padding: 0 8px;}
.is-pc {display:none !important;}
.is-pc1 {display:none !important;}
.is-m {display:block !important;}
}
* {padding:0; margin:0; border:0; box-sizing:border-box; vertical-align:top; outline:0; font-size:12px; font-weight:400; line-height:1; font-family:'Pretendard', sans-serif; -webkit-tap-highlight-color: rgba(0,0,0,0); appearance:none; -webkit-appearance:none;}

/* main */
.main-slide li {height:400px; position:relative; background-size:cover; background-position:center; background-repeat:no-repeat;}
.main-slide li .txt {position:absolute; left:50%; bottom:15%; width:100%; max-width:1230px; padding:0 15px; transform:translateX(-50%);}
.main-slide li .txt span {font-size:23px; font-weight:500; color:rgba(255,255,255,0.88);}
.main-slide li .txt h2 {margin:15px 0 0; font-size:75px; font-weight:700; font-family:'GmarketSans'; background:linear-gradient(0deg, rgba(255, 209, 45, 0.38), rgba(255, 209, 45, 1)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%);-webkit-background-clip: text; -webkit-text-fill-color: transparent; text-shadow: 4px 7px 7px rgba(0, 0, 0, 0.49); background-clip: text; background-blend-mode:overlay,normal;}
.main-wrap {position:relative; margin-top:-61px; z-index:10; padding-bottom:60px;}
.main-wrap img {display:block; max-width:100%; margin:0 auto;}
.main-wrap .main01 {position:relative;}
.main-wrap .main02 {positino:relative; margin-top:-25%;}
.main-wrap .main03 {margin-top:-78%;}
.main-wrap .main-text {position:absolute; left:0; width:100%; text-align:center; top:0;}
.main-wrap .main-text.text01 {top:11%;}
.main-wrap .main-text.text02 {top:36%;}
.main-wrap .main-text.text03 {top:59%;}
.main-wrap .main-text.text04 {top:82%;}
.main-wrap .main-text small {display:block; font-size:20px; font-weight:500; color:rgba(255,255,255,0.88);}
.main-wrap .main-text h2 {text-align:center; margin:16px 0 36px; font-family:'GmarketSans'; font-size:64px; font-weight:900; border:1px solid rgba(253, 255, 180, 0.5); padding:15px 20px 10px; display:inline-block;}
.main-wrap .main-text h2 a {display:block !important; font-family:'GmarketSans'; font-size:64px; font-weight:900; background:linear-gradient(0deg, rgba(255, 209, 45, 0.38), rgba(255, 209, 45, 0.38)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;}
.main-wrap .main-text > a {display:none;}
/*
.main-wrap .main-text a {border:0.5px solid; border-image-source:linear-gradient(120.85deg, #13FFAB 5.36%, rgba(19, 255, 171, 1) 48.34%); position:relative; display:flex; flex-wrap:wrap; align-items:center; color:#fff; padding:0 32px; width:286px; height:66px; font-size:20px; font-weight:600; font-family:'GmarketSans'; background:radial-gradient(51.61% 23.48% at 50% 0%, rgba(119, 244, 200, 0.24) 0%, rgba(116, 238, 195, 0) 100%), linear-gradient(156.34deg, #0B0C11 34.43%, #072725 81.79%); border-radius:8px; display:none;} 
.main-wrap .main-text a:after {position:absolute; right:32px; top:50%; transform:translateY(-50%); width:28px; height:28px; content:""; background:url('/asset/img/icon_main_arrow.svg') no-repeat center / cover;}
*/
@media (max-width:991px){
.main-slide li .txt span {font-size:12px;}
.main-slide li .txt h2 {font-size:28px; margin:13px 0 0;}
.main-wrap {margin-top:0;}
.main-wrap .main-text {left:0; width:100%; padding:0 16px;}
.main-wrap .main-text.text01 {top:9.5%;}
.main-wrap .main-text.text02 {top:33.5%;}
.main-wrap .main-text.text03 {top:58%;}
.main-wrap .main-text.text04 {top:83%;}
.main-wrap .main-text small {text-align:center; font-size:12px;}
.main-wrap .main-text h2 {font-size:28px; margin:13px 0 20px; text-align:center;}
.main-wrap .main-text h2 a {font-size:28px;}
/*
.main-wrap .main-text a {border:1px solid #4DB2FE; width:100%; max-width:312px; margin:0 auto; height:56px; font-size:16px;}
*/
}
@media (max-width:767px){
.main-slide li {height:230px;}
}

.main-login form {display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; padding:15px 0;}
.main-login form a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:130px; height:35px; font-size:16px; font-weight:500; color:#fff;}
.main-login form input {height:35px; background:#333; flex:1; margin-right:10px; padding:0 15px; font-size:16px; color:#fff;}
.main-login form a.login {background:linear-gradient(to bottom, #405ab9 0%,#2D3552 100%); margin-right:10px;}
.main-login form a.register {background:linear-gradient(to bottom, #000000 0%,#454545 100%); color:#fff;}
@media (max-width:991px){
.main-login form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.main-login form input {width:100%; margin-right:0; margin-bottom:10px; flex:none;}
.main-login form a {width:calc(50% - 5px);}
.main-login form a.login {margin-right:0;}
}

/* main2 */
.main-body {/*background:url('../images/bg_main.png') no-repeat center / cover;*/padding: 20px;}
.main-slide .swiper-pagination span {width:10px; height:10px; opacity:1; background:#666;}
.main-slide .swiper-pagination span.swiper-pagination-bullet-active {background:#EAC410;}
.main-wrap2 {/*background:url('../images/bg_main.png') no-repeat center / cover;*/ padding:100px 0;}
.main-wrap2 ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; /*max-width:1200px;margin:0 100px; *//* background:rgba(0, 0, 0, 0.8); border:1px solid #4E4848; */ border-radius:20px; /* padding:40px; */}
.main-wrap2 ul li {width:calc(14% - 15px); /* border:2px solid #FFC700; border-radius:15px; */overflow: hidden;}
/* .main-wrap2 ul li:nth-of-type(1) {background:url('../images/bg_main_01.png') no-repeat center / cover;}	  
.main-wrap2 ul li:nth-of-type(2) {background:url('../images/bg_main_02.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(3) {background:url('../images/bg_main_03.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(4) {background:url('../images/bg_main_04.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(5) {background:url('../images/bg_main_02.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(6) {background:url('../images/bg_main_03.png') no-repeat center / cover;}
.main-wrap2 ul li:nth-of-type(7) {background:url('../images/bg_main_04.png') no-repeat center / cover;} */
.main-wrap2 ul li a {
	display:block; flex-wrap:wrap; align-items:center; align-content:space-between; padding:0 20px 10px; background:rgba(0,0,0,0.5);
	/* border: 2px solid #FFC700;
	    border-radius: 15px;
	    background: url(../images/bg_main_01.png) no-repeat center / cover; */
}
.main-wrap2 ul li a img {max-width:100%; display:block; margin:10px auto 0;/* height: 200px; */}
.main-wrap2 ul li > div {margin:10px 0 0;text-align: center;}
.main-wrap2 ul li > div h2 {font-size:16px; font-weight:800; background:linear-gradient(0deg, rgba(103, 87, 2, 0.54), rgba(103, 87, 2, 0.54)), linear-gradient(180deg, #D6E1CC 0%, #895D4D 100%); text-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); background-blend-mode:overlay,normal; text-fill-color:transparent; background-clip:text; -webkit-text-fill-color:transparent; -webkit-background-clip:text;}
.main-wrap2 ul li a > div p {color:rgba(255, 255, 255, 0.88); font-size:14px; font-weight:500; margin:3px 0 0;}
.main-wrap2 ul li a > div span {color:#fff; font-weight:600; margin:25px 0 0; width:120px; height:30px; box-shadow:0 0 5px #FFD12D; border:1px solid #FFC700; border-radius:150px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.main-wrap2 ul li a > div span:after {display:inline-block; content:""; margin-left:10px; width:10px; height:10px; background:url('../images/icon_paging_next.svg') no-repeat center / cover;}
@media (max-width:991px){
.main-slide .swiper-pagination span {width:7px; height:7px; margin:0 2px !important;}
.main-wrap2 ul {/*width:calc(100% - 30px);*/ padding:15px;margin: 0px;}
.main-wrap2 ul li {width:100%; margin:0 0 25px;}
.main-wrap2 ul li:last-of-type {margin:0;}
.main-wrap2 ul li a {padding:30px 15px;display: flex;}
.main-wrap2 ul li a img {margin:0 30px 0 0; max-width:300px;}
.main-wrap2 ul li a > div {fleX:1; min-width:0; margin:0;}
}
/*@media (min-width:2900px){
.main-wrap2 ul li a {display: block;
}*/
@media (max-width:767px){
.main-wrap2 {padding:50px 0 107px;}
.main-wrap2 ul li a img {margin:0 15px 0 0; max-width:100px;}
.main-wrap2 ul li a > div h2 {font-size:28px;}
.main-wrap2 ul li a > div p {font-size:13px; margin:10px 0 0;}
.main-wrap2 ul li a > div span {width:100px; margin:10px 0 0; font-size:12px;}
.main-wrap2 ul li a > div span:after {margin-left:7px; width:8px; height:8px;}
}

/* header */
header {background:#0B3B17;}
.main header {background:#0B3B17;}
header .top {display:none;}
header .top h1 {color:#fff;}
header .top h1 a {display:block; text-align:center; font-size:32px; font-weight:800; color:#fff;} 
header .top > a {display:none;}
/*
header .gnb {margin:24px 0 0; border-bottom:2px solid #4DB2FE;}
header .gnb ul {display:table; table-layout:fixed; width:100%;}
header .gnb ul li {display:table-cell;}
header .gnb ul li a {display:block; color:#fff; font-size:14px; font-weight:600; padding:12px 0; text-align:center;}
header .lnb {padding:15px 0; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
header .lnb .header-notice {display:flex; flex-wrap:wrap; align-items:center; flex:1; padding-right:15px; min-width:0;}
header .lnb .header-notice a {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:14px; color:#fff; font-weight:600;}
header .lnb .header-link {display:flex; flex-wrap:wrap; align-items:center;}
header .lnb .header-link a {margin-right:24px;}
header .lnb .header-link a:last-of-type {margin:0;}
*/
header .snb {display:none;}
@media (max-width:991px){
header {border-bottom:2px solid #2D3552; padding:6px;}
header .top {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
header .top h1 a {
	font-size:0; width:150px; height:75px; background:url('../images/logo.png') no-repeat center / cover;position: relative;
    top: -8px;
}
header .top > a {display:flex;}
header .top > a.my {font-size:16px; color:#fff; font-weight:600;}
/*
header .gnb {display:none;}
header .lnb {display:none;}
*/
header .snb {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999;}
header .snb .box {position:absolute; left:-288px; top:0; width:288px; height:100%; background:#1E202D;}
header .snb .snb-head {padding:25px 0 24px 15px;}
header .snb .snb-head .snb-head-close {padding:0 0 25px;}
header .snb .snb-head .snb-head-close a {display:block; width:32px; height:32px; background:url('../images/icon_header_close.svg') no-repeat center / cover; font-size:0;}
header .snb .snb-head .snb-head-user {padding:0 8px;}
header .snb .snb-head .snb-head-user img {width:62px; height:62px; border-radius:50%; object-fit:cover;}
header .snb .snb-head .snb-head-user strong {display:block; padding:14px 0 0; font-size:24px; color:#fff; font-weight:600;}
header .snb .snb-head .snb-head-link {display:flex; flex-wrap:wrap; align-items:center; margin:12px 0 0 -15px; padding:0 24px 24px 24px; border-bottom:1px solid #4DB2FE;}
header .snb .snb-head .snb-head-link a {margin-right:16px;}
header .snb .snb-head .snb-head-link a:last-of-type {margin:0;}
header .snb .snb-body {height:calc(100% - 291px);}
header .snb .snb-body ul {height:100%; padding:30px 24px 0;}
header .snb .snb-body ul li {margin:0 0 10%;}
header .snb .snb-body ul li:last-of-type {margin:0;}
header .snb .snb-body ul li a {position:relative; display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:rgba(255,255,255,0.8);}
header .snb .snb-body ul li a img {width:34px; margin-right:10px;}
header .snb .snb-body ul li a:after {position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-block; content:""; width:16px; height:16px; background:url("../images/icon_header_arrow.svg") no-repeat center / cover;}
header .snb .snb-foot {padding:0 0 40px 24px;}
header .snb .snb-foot a {font-size:16px; font-weight:500; color:rgba(255, 255, 255, 0.5);}
header .snb.fixed {display:block;}
header .snb.fixed.menu .box {animation-name:allmenu; animation-duration:0.5s; animation-fill-mode:forwards;}
header .snb.fixed.menu .snb-head .snb-head-user {display:none;}
header .snb.fixed.menu .snb-head .snb-head-link {display:none;}
header .snb.fixed.menu .snb-body {height:calc(100% - 162px);}
header .snb.fixed.menu .snb-body ul li.my {display:none;}
header .snb.fixed.my .box {left:auto;}
header .snb.fixed.my .box {animation-name:my; animation-duration:0.5s; animation-fill-mode:forwards;} 
header .snb.fixed.my .snb-body {height:calc(100% - 315px);}
header .snb.fixed.my .snb-body ul li.menu {display:none;}
	@keyframes allmenu{
		from {left:-288px;}
		to {left:0;}
	}
	@keyframes my{
		from {right:-288px;}
		to {right:0;}
	}
}

header {left:0; top:0; width:100%; z-index:999; background:#3D466A;}
header .header-top {background:#3D466A;}
header .header-top .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 10px;}
header .header-top h1 a,
header .header-top h2 a {font-size:30px; font-weight:bold; color:#fff !important;}
header .header-top h1 img,
header .header-top h2 img {  width: 150px; margin-left: 20px; height: 60px;}
header .header-top .gnb ul {display:flex; flex-wrap:wrap; justify-content:flex-end;}
header .header-top .gnb ul li a {font-size:16px; cursor:pointer; color:#4DB2FE; padding:10px;}
header .header-top .gnb ul li a:hover {color:#4DB2FE;}
header .header-top .gnb ul li a img {display:block; width:34px; margin:0 auto 5px;}
header .header-top .header-user {display:block; flex-wrap:wrap; align-items:center;}
header .header-top .header-user img {width:30px; height:30px; border-radius:50%; object-fit:cover; border:2px solid #1991EB;}
header .header-top .header-user b {font-size:16px; color:#fff; font-weight:600; margin:0 7px;}
header .header-top .header-user span {font-size:15px; color:#fff;}
header .header-top .header-user > div {width:100%; margin:5px 0 0;}
header .header-top .header-user > div a {color:#FF4849;}
header .header-bottom {background:#2D3552;}
header .header-bottom .container {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; padding:15px 10px;}
header .header-bottom .header-notice {display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .header-notice b {display:flex; flex-wrap:wrap; align-items:center; font-size:15px; color:#fff; font-weight:500; margin-right:10px;}
header .header-bottom .header-notice b:before {display:inline-block; content:""; width:16px; height:15px; margin-right:3px; background:url('../images/icon_notice.svg') no-repeat center / cover;}
header .header-bottom .header-notice a {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#fff; font-weight:500;}
header .header-bottom .header-button {display:flex; flex-wrap:wrap; align-items:center;}
header .header-bottom .header-button a {margin-right:5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:117px; height:29px; color:#fff; font-size:14px; font-weight:600; background:rgba(255,255,255,0.06);}
header .header-bottom .header-button a:last-of-type {margin-right:0;}
header .header-bottom .header-button a.money:before {display:inline-block; content:""; width:16px; height:16px; margin-right:5px; background:url('../images/icon_money.svg') no-repeat center / cover;}
header .header-bottom .header-button a.point:before {display:inline-block; content:""; width:16px; height:16px; margin-right:5px; background:url('../images/icon_point.svg') no-repeat center / cover;}
header .header-side {display:none;}
@media (max-width:991px){
header .header-top {display:none;}
header .header-bottom {display:none;}
}

/* footer */
footer {background:#0B3B17; border-top:1px solid rgba(255, 255, 255, 0.08); padding:25px 0 34px;}
.main footer {background:#0B3B17; /*margin-top:-11%;*/ position:relative;}
footer .footer-link {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 20px;}
footer .footer-link ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link ul li {margin-right:30px;}
footer .footer-link ul li:last-of-type {margin-right:0;}
footer .footer-link ul li a {font-size:14px; font-weight:500; color:#fff;}
footer .footer-link ul li.active a {color:#1991EB;}
footer .footer-link p {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-link p b {font-size:14px; font-weight:500; color:#fff; margin-right:8px;}
footer .footer-link p span {font-size:14px; color:rgba(255, 255, 255, 0.7);}
footer .footer-info ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 5px;}
footer .footer-info ul li:last-of-type {margin:0; display:none;}
footer .footer-info ul li span {display:flex; flex-wrap:wrap; align-items:center; font-size:13px; color:rgba(255, 255, 255, 0.5);}
footer .footer-info ul li span:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px;}
footer .footer-info ul li span:last-of-type:after {display:none;}
footer .footer-logo {display:none;}
footer .footer-icon {display:none;}
footer .footer-totop {display:none; z-index: 100000;}
@media (max-width:1100px){
footer .footer-info > .flex > .flex-box {width:100%;}
footer .footer-info > .flex > .flex-box:last-of-type {margin:15px 0 0;}
}
@media (max-width:991px){
footer {padding:0; border-top:0;}
footer .footer-link {display:none;}
footer .footer-link ul {justify-content:center;}
footer .footer-link ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0;}
footer .footer-link ul li:after {display:inline-block; content:"|"; margin:0 10px; color:#999;}
footer .footer-link ul li:last-of-type:after {display:none;}
footer .footer-link ul li a {padding:0; font-size:12px;}
footer .footer-info {display:none;}
footer .footer-info {margin:30px 0 0; padding:0 30px;}
footer .footer-info a {display:none;}
footer .footer-info p {display:none;}
footer .footer-info ul {display:flex; flex-wrap:wrap; align-items:center;}
footer .footer-info ul li {margin:0;}
footer .footer-info ul li:last-of-type {width:100%; display:flex; margin:15px 0 0;}
footer .footer-info ul li span {line-height:1.3;}
footer .footer-logo {display:none; padding:0 30px; margin:25px 0 0;}
footer .footer-logo strong {display:block; font-size:24px; font-weight:800; color:rgba(255, 255, 255, 0.3);}
footer .footer-icon {display:block; position:fixed; left:0; bottom:0; width:100%; z-index:9998; background:#1B1C24; background-filter:blur(10px);}
footer .footer-icon ul {display:table; table-layout:fixed; width:100%;}
footer .footer-icon ul li {display:table-cell;}
footer .footer-icon ul li a {display:block; text-align:center; font-size:10px; padding:10px 0; font-weight:600; color:rgba(255,255,255,0.5);}
footer .footer-icon ul li a:before {display:block; content:""; width:24px; height:24px; margin:0 auto 3px; background-size:cover; background-position:center; background-repeat:no-repeat;}
footer .footer-icon ul li.active a {color:#4DB2FE;}
footer .footer-icon ul li.home a:before {background-image:url('../images/icon_footer_icon_01.svg');}
footer .footer-icon ul li.betting a:before {background-image:url('../images/icon_footer_icon_02.svg');}
footer .footer-icon ul li.charge a:before {background-image:url('../images/icon_footer_icon_03.svg');}
footer .footer-icon ul li.exchange a:before {background-image:url('../images/icon_footer_icon_04.svg');}
footer .footer-icon ul li.cart a:before {background-image:url('../images/icon_footer_icon_05.svg');}
footer .footer-icon ul li.home.active a:before {background-image:url('../images/icon_footer_icon_01_on.svg');}
footer .footer-icon ul li.betting.active a:before {background-image:url('../images/icon_footer_icon_02_on.svg');}
footer .footer-icon ul li.charge.active a:before {background-image:url('../images/icon_footer_icon_03_on.svg');}
footer .footer-icon ul li.exchange.active a:before {background-image:url('../images/icon_footer_icon_04_on.svg');}
footer .footer-icon ul li.cart.active a:before {background-image:url('../images/icon_footer_icon_05_on.svg');} 
footer .footer-totop {position:fixed; right:16px; bottom:87px;}	
footer .footer-totop.active {display:block;}
}

/* sub */
.sub-wrap {display:flex; flex-wrap:wrap; align-items:flex-start; margin:12px 0 22px;}
.sub-wrap aside {width:350px;}
.sub-wrap article {flex:1; min-width:0; margin-right:28px;}
@media (max-width:991px){
section.sub {padding-bottom:70px;}
.sub-wrap {margin:0;}
.sub-wrap aside {display:none; width:100%; position:fixed; right:0; top:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,0.5);}
.sub-wrap aside .box {max-height:80%; overflow-x:hidden; overflow-y:auto; position:absolute; left:0; bottom:-30%; width:100%; background:#1E202D; border-radius:24px 24px 0 0; padding:37px 24px 43px;}
.sub-wrap aside.fixed {display:block;}
.sub-wrap aside.fixed .box {animation-name:cart; animation-duration:0.5s; animation-fill-mode:forwards;}
.sub-wrap article {width:100%; margin-right:0; flex:none;animation: rightIn .4s;}
	@keyframes cart{
		from {bottom:-30%;}
		to {bottom:0;}
	}
}

/* aside */
aside h3 {font-size:18px; font-weight:600; color:#fff; margin:0 0 15px;}
aside .aside-box {position:relative; background:#1E2438; margin:15px 0 0; border:1px solid rgba(255,255,255,0.08); border-radius:8px; padding:24px;}
aside .aside-box.active {z-index:10;}
aside .aside-box {margin:15px 0 0; border:1px solid rgba(255,255,255,0.08); border-radius:8px; padding:24px;}
aside .aside-box .form-group {display:flex; flex-wrap:wrap; align-items:center;}
aside .aside-box .form-group .after {display:flex; flex-wrap:wrap; align-items:center;}
aside .aside-box .form-group .after:after {display:inline-block; content:"|"; margin:0 10px; color:rgba(255, 255, 255, 0.12);}
aside .aside-box .form-group .input-box {background:rgba(255,255,255,0.04); height:26px; border-radius:8px; padding:6px 8px;}
aside .aside-box .form-group .input-box input {width:100%; background:none; text-align:right; font-size:12px; color:#fff; font-weight:500; text-shadow:1px 1px 0 #000 , -1px -1px 0 #000 , -1px 1px 0 #000 , 1px -1px 0 #000;}
aside .aside-box .form-group .bet-price-btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:37px; height:26px; border-radius:8px; font-size:12px; font-weight:600;}
aside .aside-box .form-group a.submit {height:50px; border-radius:10px; font-size:14px; font-weight:700; width:100%;}
aside .aside-box b {font-size:12px; font-weight:500; color:rgba(255, 255, 255, 0.7);}
aside .aside-box strong {font-size:12px; font-weight:600;}
aside .aside-tab ul {display:table; table-layout:fixed; width:100%; border:1px solid #4DB2FE; border-radius:10px; overflow:hidden;}
aside .aside-tab ul li {display:table-cell;}
aside .aside-tab ul li a {display:block; text-align:center; padding:14px; font-size:14px; font-weight:500; color:#4DB2FE;}
aside .aside-tab ul li.active a {background:#4DB2FE; color:#fff; font-weight:600;}
aside .aside-price {overflow:hidden;}
aside .aside-price ul {display:block; padding:0 0 3px; margin-bottom:-8px; margin-right:-5px;}
aside .aside-price ul li {display:inline-block; margin-right:5px; margin-bottom:8px;}
aside .aside-price ul li a {display:inline-block; background:rgba(255,255,255,0.08); border-radius:8px; padding:6px 8px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.8);}
aside .aside-chat ul {background:rgba(255,255,255,0.06); border-radius:6px; padding:12px; height:110px; overflow-y:auto; overflow-x:hidden;}
aside .aside-chat ul li {display:flex; flex-wrap:wrap; margin:0 0 8px;}
aside .aside-chat ul li:last-of-type {margin:0;}
aside .aside-chat ul li b {font-size:12px; color:#fff; font-weight:600; margin-right:5px; line-height:1.3;}
aside .aside-chat ul li p {font-size:12px; color:#fff; font-weight:600; flex:1; min-width:0; line-height:1.3;}
aside .aside-chat form {margin:15px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
aside .aside-chat form input {flex:1; min-width:0; background:rgba(255,255,255,0.04); border-radius:8px; height:42px; padding:14px 16px; font-size:12px; color:#fff; font-weight:500;}
aside .aside-chat form input::placeholder {color:rgba(255, 255, 255, 0.5);}
aside .aside-chat form a {width:42px; height:42px; background:#4DB2FE; border-radius:8px; margin-left:12px;}
aside .aside-sport ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 -6px;}
aside .aside-sport ul li {margin:0 6px;}
aside .aside-sport ul li a {font-size:12px; color:#fff; display:block; text-align:center;}
aside .aside-sport ul li a:before {width:71px; height:71px; content:""; display:block; margin:0 auto 6px; background-size:cover; background-position:center; background-repeat:no-repeat;}
aside .aside-sport ul li.sport01 a:before {background-image:url('../images/icon_aside_sport_01.svg');}
aside .aside-sport ul li.sport02 a:before {background-image:url('../images/icon_aside_sport_02.svg');} 
aside .aside-sport ul li.sport03 a:before {background-image:url('../images/icon_aside_sport_03.svg');} 
aside .aside-sport ul li.sport04 a:before {background-image:url('../images/icon_aside_sport_04.svg');} 
aside .aside-button a {height:50px; border-radius:8px; margin:0 0 12px;}
aside .aside-button a:last-of-type {margin:0;}
aside .aside-head {position:relative;}
aside .aside-head h3 {text-align:center; margin:0 0 24px;}
aside .aside-head a.close {position:absolute; left:0; top:50%; transform:translateY(-50%); font-size:0; width:32px; height:32px; background:url('../images/icon_header_close.svg') no-repeat center / cover;}
@media (max-width:991px){
aside .aside-box {border:0; padding:0; width:100%; margin:0 auto;}
aside .aside-price ul {display:flex; flex-wrap:wrap; margin:0 -2.5px -5px;}
aside .aside-price ul li {width:calc(25% - 5px); margin:0 2.5px 5px;}
aside .aside-price ul li a {width:100%; text-align:center;}
}

/* icon */
.icon {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.icon-allmenu {font-size:0; width:40px; height:50px; background:url('../images/icon_allmenu.svg') no-repeat center / cover;}
.icon-notice {font-size:0; font-weight:600; color:#fff;}
.icon-notice:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_notice.svg') no-repeat center / cover;}
.icon-user {font-size:14px; font-weight:600; color:#fff;}
.icon-user:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_user.svg') no-repeat center / cover;}
.icon-money {font-size:14px; font-weight:600; color:#fff;}
.icon-money:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_money.svg') no-repeat center / cover;}
.icon-point {font-size:14px; font-weight:600; color:#fff;width: 14px;height: 14px;}
.icon-cash {font-size:14px; font-weight:600; color:#fff;width: 14px;height: 14px;}


.icon-note {font-size:14px; font-weight:600; color:#fff;}
.icon-note:before {display:inline-block; content:""; margin-right:8px; width:14px; height:14px; background:url('../images/icon_note.svg') no-repeat center / cover;}
.icon-kakao {font-size:0; width:35px; height:35px; content:""; display:inline-block; background:url('../images/icon_kakao.svg') no-repeat center / cover;}
.icon-naver {font-size:0; width:35px; height:35px; content:""; display:inline-block; background:url('../images/icon_naver.svg') no-repeat center / cover;}
.icon-reset {font-size:12px; color:rgba(255, 255, 255, 0.7);}
.icon-reset:before {display:inline-block; content:""; width:16px; height:16px; background:url('../images/icon_reset.svg') no-repeat center / cover; margin-right:2px;}
.icon-emotion {font-size:0;}
.icon-emotion:after {display:inline-block; content:""; width:20px; height:20px; background:url('../images/icon_emotion.svg') no-repeat center / cover;}
.icon-gold {font-size:16px; font-weight:700;}
.icon-gold:before {display:inline-block; content:""; width:18px; height:18px; background:url('../images/icon_gold.svg') no-repeat center / cover; margin-right:5px;}
.icon-coupon {font-size:16px; font-weight:700;}
.icon-coupon:before {display:inline-block; content:""; width:18px; height:16px; background:url('../images/icon_coupon.svg') no-repeat center / cover; margin-right:5px;}
.icon-search {font-size:0;}
.icon-search:before {display:inline-block; content:""; width:15px; height:15px; background:url('../images/icon_search.svg') no-repeat center / cover;}
.icon-qa:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_qa.svg') no-repeat center / cover;}
.icon-write:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_write.svg') no-repeat center / cover;}
.icon-more:after {display:inline-block; content:""; width:16px; height:16px; margin-left:8px; background:url('../images/icon_more.svg') no-repeat center / cover;}
.icon-top {width:54px; height:54px; border-radius:50%; font-size:0; background:#292A31 url('../images/icon_top.svg') no-repeat center / 24px 24px;}
.icon-list:before {display:inline-block; content:""; width:16px; height:16px; margin-right:4px; background:url('../images/icon_list.svg') no-repeat center / cover;}
.icon-reply {font-size:12px; color:rgba(255,255,255,0.8); justify-content:flex-start;}
.icon-reply:before {display:inline-block; content:""; width:12px; height:12px; margin-right:2px; background:url('../images/icon_reply.svg') no-repeat center / cover;}
.icon-reply.active:before {background:url('../images/icon_reply_on.svg') no-repeat center / cover;}
.icon-toggle {width:24px; height:24px; font-size:0; background:url('../images/icon_toggle.svg') no-repeat center / cover;}
.icon-toggle.active {transform:rotate(180deg);}
.icon-soccer {justify-content:flex-start;}
.icon-soccer:before {display:inline-block; content:""; margin-right:4px; width:16px; height:16px; background:url('../images/icon_soccer.svg') no-repeat center / cover;}
.icon-over {margin-right:3px; font-size:10px; color:#E90C0D; display:flex; flex-wrap:wrap; align-items:center;}
.icon-over:before {display:inline-block; content:""; width:10px; height:10px; background:url('../images/icon_over.svg') no-repeat center / cover;}
.icon-under {margin-left:3px; font-size:10px; color:#1278E9; display:flex; flex-wrap:wrap; align-items:center;}
.icon-under:after {display:inline-block; content:""; width:10px; height:10px; background:url('../images/icon_under.svg') no-repeat center / cover;}
.icon-delete:before {display:inline-block; content:""; width:16px; height:16px; margin-right:2px; background:url('../images/icon_delete.svg') no-repeat center / cover;}

/* btn */
.btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.btn-active {background:#4DB2FE; color:#fff;}
.btn-white {background:#fff; color:#2D3552;}
.btn-bd-active {border:1px solid #4DB2FE; color:#4DB2FE;}
.btn-bd-red {border:1px solid #FF4849; color:#FF4849;}
.btn-yellow {background:#FCEF71; color:#000000;}
.btn-darknavy {background:#1E202D; color:#4DB2FE;}
.btn-transparent {color:rgba(255, 255, 255, 0.5);}
.btn-red {background:#FE2423; color:#fff;}
.btn-blue {background:#27A0FC;}
.btn-green {background:#078526; color:#000000}

/* color */
.ft-active {color:#4DB2FE !important;}
.ft-no-active {color:rgba(255, 255, 255, 0.5) !important;}
.ft-yellow {color:#EAC410 !important;}

/* check-box */
.check-box {position:relative; overflow:hidden;}
.check-box input {cursor:pointer; opacity:0; width:100%; height:100%; position:absolute; left:0; top:0;}
.check-box label {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500; color:rgba(255,255,255,0.5);}
.check-box label:before {display:inline-block; content:""; width:25px; height:13px; background:url('../images/icon_check_off.svg') no-repeat center / cover; margin-right:8px;}
.check-box input:checked ~ label {color:#4DB2FE;}
.check-box input:checked ~ label:before {background:url('../images/icon_check_on.svg') no-repeat center / cover;}

/* select-box */
.select-box select {background:rgba(255,255,255,0.04) url('../images/icon_select.svg') no-repeat calc(100% - 8px) center / 14px 14px; padding:12px 35px 12px 12px; font-size:14px; color:rgba(255,255,255,0.5); border:1px solid rgba(255,255,255,0.08); border-radius:6px;}

/* input-text-box */
.input-text-box input {width:100%; border:1px solid rgba(255,255,255,0.08); background:none; border-radius:6px; height:48px; padding:12px 15px; font-size:20px; font-weight:500; color:#fff;}
.input-text-box input::placeholder {color:rgba(255,255,255,0.32);}
@media (max-width:991px){
.input-text-box input {height:45px;}
}

/* date-box */
.date-box {position:relative; max-width:160px;}
.date-box:before {position:absolute; left:10px; top:50%; transform:translateY(-50%); width:16px; height:16px; content:""; background:url('../images/icon_date.svg') no-repeat center / cover;}
.date-box input {padding-left:31px !important; flex:1 !important; width:100%;}

/* textarea-box */
.textarea-box textarea {width:100%; background:none; border:1px solid rgba(255,255,255,0.08); border-radius:6px; height:200px; font-size:17px; padding:15px; line-height:1.5; color:#fff;}
.textarea-box textarea::placeholder {color:rgba(255,255,255,0.32);}

/* file-box */
.file-box {display:flex; flex-wrap:wrap; align-items:center;}
.file-box p.file-name {flex:1; min-width:0; margin-right:12px; border:1px solid rgba(255,255,255,0.08); border-radius:6px; padding:12.5px 16px; font-size:14px; color:rgba(255,255,255,0.5); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.file-box label {position:relative; overflow:hidden; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:76px; height:41px; background:#4DB2FE; color:#fff; border-radius:6px; font-size:14px; font-weight:600;}
.file-box label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}

/* file-list */
.file-list ul {display:flex; flex-wrap:wrap; margin:0 -6px;}
.file-list ul li {width:100px; margin:0 6px;}
.file-list ul li .image {width:100px; height:100px; background-size:cover; background-repeat:no-repeat; background-position:center; margin:0 0 8px;}
.file-list ul li .content {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.file-list ul li a.subject {flex:1; min-width:0; display:block; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px; font-size:12px; color:rgba(255,255,255,0.32);}
.file-list ul li a.delete {font-size:12px; color:#FF003D;}
@media (max-width:991px){
.file-list ul {margin:0 -16px; display:block; overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
.file-list ul li {display:inline-block; margin:0 12px 0 0;}
.file-list ul li:first-of-type {margin-left:16px;}
.file-list ul li:last-of-type {margin-right:16px;}
}

/* login */
.login-wrap {padding:20px 24px 16px; max-width:350px; margin:140px auto 190px; background:#1E2438; border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; overflow:hidden;}
.login-wrap .form-group {display:flex; flex-wrap:wrap; align-items:center;}
.login-wrap .form-group.bd {border-bottom:1px solid rgba(255,255,255,0.08); padding:12px 8px;}
.login-wrap .form-group b {font-size:12px; font-weight:700; color:#fff; width:44px;}
.login-wrap .form-group .input-box {flex:1; min-width:0;}
.login-wrap .form-group .input-box input {width:100%; background:none; font-size:12px; font-weight:500; color:#fff;}
.login-wrap .form-group .input-box input::placeholder {color:rgba(255, 255, 255, 0.5);}
.login-wrap .form-group a.login-wrap-btn {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:500; color:rgba(255,255,255,0.5);}
.login-wrap .form-group a.login-wrap-btn:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px;}
.login-wrap .form-group a.login-wrap-btn:last-of-type:after {display:none;}
.login-wrap .form-group a.btn {width:100%; height:50px; border-radius:10px; font-size:14px; font-weight:700;}
.login-wrap .form-group strong {width:100%; display:block; font-size:12px; font-weight:500; color:rgba(255,255,255,0.5); margin:0 0 8px;}
aside .login-wrap {margin:0; width:100%;}
@media (max-width:991px){
.login-wrap {width:calc(100% - 30px); max-width:350px; margin:100px auto; padding:15px 10px;}
}

/* register-wrap */
.register-wrap {width:100%; max-width:516px; margin:55px auto;}
.register-wrap h2 {text-align:center; font-size:32px; font-weight:700; color:#fff; margin:0 0 30px;}
.register-wrap .form-group {border-bottom:0 !important; padding:0 !important;}
.register-wrap .form-group .tit {width:140px !important;}
.register-wrap .form-group select {background-color:transparent;}
@media (max-width:991px){
.register-wrap {margin:0 auto; padding:55px 0;}
.register-wrap h2 {font-size:27px; margin:0 0 20px;} 
.register-wrap .form-group .tit {width:70px !important;} 
}

/* sub-title */
.sub-title {font-size:32px; font-weight:700; color:#4DB2FE; margin:28px 0 20px;}
.sub-title.bd {border-bottom:1px solid #4DB2FE; padding:0 0 20px;}
@media (max-width:991px){
.sub-title {margin:24px 0 12px; font-size:24px;}
.sub-title.bd {padding:0; border-bottom:0;}
}

/* sub-title-sm */
.sub-title-sm {font-size:18px; font-weight:600; color:#fff; margin:0 0 15px;}

/* sub-tab */
.sub-tab {/*border-bottom:1px solid rgba(255, 255, 255, 0.08);*/ margin:0 0 15px;}
.sub-tab ul {display:block;overflow-x:auto;overflow-y:hidden;/* white-space:nowrap; */margin-right:-28px;} 
.sub-tab ul::-webkit-scrollbar {display:none;}
.sub-tab ul li {display:inline-block;text-align: center;margin-right: 10px;width: 9vw;}
.sub-tab ul li a {display:block; padding:16px; font-size:18px; font-weight:500; color:rgba(255,255,255,0.5);border-radius: 10px;}
.sub-tab ul li.active a {color:#ffffff; position:relative;/* border-bottom: solid 1px white; */}
.sub-tab ul li:hover a {color:#ffffff; position:relative;}
.sub-tab ul li.active a:after {position:absolute; left:0; bottom:-1px; width:100%; height:2px; /*background:#4DB2FE;*/ content:"";}
@media (max-width:991px){
.sub-tab {/*margin:0 -16px 20px;*/ width:calc(100%);}
.sub-tab ul {display:flex; overflow-x:unset; overflow-y:unset; white-space:nowrap; margin-right:0;flex-flow: wrap;}
/* .sub-tab ul li {display:inline-block;width: 50%; margin-right:0px;} */
.sub-tab ul li {width: calc(50% - 10px); background: rgba(255, 255, 255, 0.12);margin-bottom: 2px;}
.sub-tab.buttons ul li {display:inline-block;width: unset;margin-right: 10px;border-radius: 10px;}
.sub-tab ul li a {padding:12px 15px; font-size:14px;}
}



/* sub-tab1 */
.sub-tab1 {/*border-bottom:1px solid rgba(255, 255, 255, 0.08);*/ margin:0 0 15px;}
.sub-tab1 ul {display:block;overflow-x:auto;overflow-y:hidden;/* white-space:nowrap; */margin-right:-28px;} 
.sub-tab1 ul::-webkit-scrollbar {display:none;}
.sub-tab1 ul li {display:inline-block;text-align: center;margin-right: 10px;width: 9vw;}
.sub-tab1 ul li a {display:block; padding:16px; font-size:18px; font-weight:500; color:rgba(255,255,255,0.5);border-radius: 10px;}
.sub-tab1 ul li.active a {color:#ffffff; position:relative;/* border-bottom: solid 1px white; */}
.sub-tab1 ul li:hover a {color:#ffffff; position:relative;}
.sub-tab1 ul li.active a:after {position:absolute; left:0; bottom:-1px; width:100%; height:2px; /*background:#4DB2FE;*/ content:"";}
@media (max-width:991px){
.sub-tab1 {/*margin:0 -16px 20px;*/ width:calc(100%);}
.sub-tab1 ul {display:flex; overflow-x:unset; overflow-y:unset; white-space:nowrap; margin-right:0;flex-flow: wrap;}
/* .sub-tab1 ul li {display:inline-block;width: 50%; margin-right:0px;} */
.sub-tab1 ul li {width: calc(50% - 10px); background: rgba(255, 255, 255, 0.12);margin-bottom: 2px;}
.sub-tab1.buttons ul li {display:inline-block;width: unset;margin-right: 10px;border-radius: 10px;}
.sub-tab1 ul li a {padding:12px 15px; font-size:14px;}
}

.sub-tab1 ul li a.tab-item {
    display: block;
    padding: 16px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #4DB2FE;
	border-radius: 0px;
}
.sub-tab1 ul li.active a.tab-item, .sub-tab1 ul li:hover a.tab-item {
	background: #4DB2FE;
}


/* sub-category */
.sub-category ul {display:flex; flex-wrap:wrap; align-items:center;}
.sub-category ul li {margin-right:7px;}
.sub-category ul li:last-of-type {margin-right:0;}
.sub-category ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; border:1px solid rgba(255, 255, 255, 0.12); border-radius:100px; padding:8px 12px; font-size:14px; color:#fff; font-weight:500;}
.sub-category ul li a small {margin-left:2px; font-size:14px; color:rgba(255,255,255,0.5);}
.sub-category ul li.active a {border-color:#4DB2FE; color:#4DB2FE; background:rgba(119,244,200,0.12);}
@media (max-width:991px){
.sub-category {/* margin:0 -16px; */}
.sub-category {margin:0;}
.sub-category ul {display: flex;overflow-x: unset; overflow-y: unset; white-space: nowrap;flex-flow: wrap;margin-left: 16px;}
.sub-category ul li {display:inline-block;margin-bottom: 3px;}
.sub-category ul li:first-of-type {/* margin-left:16px; */}
.sub-category ul li:last-of-type {/* margin-right:16px; */}
}

/* sub-search */
.sub-search form {display:flex; flex-wrap:wrap; align-items:center;}
.sub-search form input {flex:1; min-width:0; height:41px; border-radius:6px; background:rgba(255, 255, 255, 0.04); border:1px solid rgba(255,255,255,0.08); border-radius:6px; padding:12px 16px; font-size:14px; color:#fff;}
.sub-search form input::placeholder {color:rgba(255,255,255,0.5);}
.sub-search form a {width:41px; height:41px; border-radius:6px; background:#4DB2FE; margin-left:4px;}
.sub-search form .is-m a {width:76px; margin-left:8px;}
@media (max-width:991px){
.sub-search {width:100%;}
.sub-search form {width:100%;}
}

/* sub-search-btn */
.sub-search-btn a {width:101px; height:41px; border-radius:4px; font-size:14px; font-weight:500;}
@media (max-width:991px){
.sub-search-btn a {width:100%; height:50px; font-size:16px;}
}

/* sub-faq */
.sub-faq ul li .faq-head button {border-radius:6px; width:100%; display:flex; flex-wrap:wrap; position:relative; padding:16px;}
.sub-faq ul li .faq-head button:after {position:absolute; right:16px; top:16px; width:16px; height:16px; background:url('../images/icon_faq_more.svg') no-repeat center / cover; content:"";}
.sub-faq ul li .faq-head button b {font-size:14px; line-height:1.3; font-weight:600; color:rgba(255, 255, 255, 0.5); margin-right:8px;}
.sub-faq ul li .faq-head button p {flex:1; min-width:0; padding-right:20px;  text-align:left; line-height:1.3; font-size:14px; font-weight:600; color:#fff;}
.sub-faq ul li .faq-body {display:none;}
.sub-faq ul li .faq-body > div {display:flex; flex-wrap:wrap; background:rgba(255,255,255,0.04); border-radius:6px; padding:16px;}
.sub-faq ul li .faq-body > div b {font-size:14px; font-weight:600; line-height:1.3; color:rgba(255,255,255,0.5); margin-right:8px;}
.sub-faq ul li .faq-body > div p {flex:1; min-width:0; text-align:left; line-height:1.3; font-size:14px; color:rgba(255,255,255,0.88);}
.sub-faq ul li.active .faq-head button {background:rgba(25, 145, 235, 0.1);}
.sub-faq ul li.active .faq-head button:after {transform:rotate(180deg);}
.sub-faq ul li.active .faq-head button b {color:#fff;}

/* sub-paging */
.sub-paging {border-top:1px solid rgba(255,255,255,0.08); padding:24px 0 0; margin:20px 0 0;}
.sub-paging.bt0 {border-top:0; background: #262626;  padding: 10px 0px;}
.sub-paging ul {display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.sub-paging ul li {margin:0 5px;}
.sub-paging ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:25px; height:25px; border-radius:4px; font-size:14px; color:#fff;}
.sub-paging ul li.active a {background:#4DB2FE; color:#fff;}
.sub-paging ul li.paging-btn a {font-size:0;}
.sub-paging ul li.paging-btn.first a {background:url('../images/icon_paging_first.svg') no-repeat center / 10px 12px;}
.sub-paging ul li.paging-btn.prev a {background:url('../images/icon_paging_prev.svg') no-repeat center / 6px 11px;}
.sub-paging ul li.paging-btn.next a {background:url('../images/icon_paging_next.svg') no-repeat center / 6px 11px;}
.sub-paging ul li.paging-btn.last a {background:url('../images/icon_paging_last.svg') no-repeat center / 10px 12px;}
.sub-paging .icon-more {display:none;}
@media (max-width:991px){
.sub-paging {padding:0; border:0; margin:8px 0 0;}
.sub-paging ul {display:none;}
.sub-paging .icon-more {display:flex; font-size:14px; color:#fff; padding:16px; border:1px solid rgba(255,255,255,0.08); border-width:1px 0;}
}

/* sub-none */
.sub-none {border-bottom:1px solid rgba(255,255,255,0.08); padding:100px 0 300px;}
.sub-none strong {display:block; text-align:center; font-size:18px; color:#fff; font-weight:600; margin:0 0 12px;}
.sub-none p {display:block; text-align:center; font-size:14px; font-weight:500; color:rgba(255,255,255,0.5); line-height:1.3;}
@media (max-width:991px){
.sub-none {padding:100px 0;}
}

/* sub-write */
.sub-write strong {display:block; font-size:14px; color:#fff; font-weight:500; margin:0 0 8px;}
.sub-write .submit {border-radius:10px; width:300px; height:50px; font-size:16px; font-weight:700;}
@media (max-width:991px){
.sub-write .submit {width:100%;}
}

/* sub-list-history */
.sub-list-history table {table-layout:fixed; width:100%;}
.sub-list-history table thead tr th {border:1px solid rgba(255,255,255,0.08); border-width:1px 0; padding:12px 0; font-size:14px; font-weight:700; color:#fff; text-align:left;}
.sub-list-history table tbody tr td {padding:12px 0; border-bottom:1px solid rgba(255,255,255,0.08); font-size:14px; color:#fff; text-align:left;}
@media (max-width:991px){
.sub-list-history table thead {display:none;}
.sub-list-history table tbody tr td {display:none; border-bottom:0;}
.sub-list-history table tbody tr td.is-m {display:table-cell !important;}
.sub-list-history table tbody tr td .history-wrap {background:rgba(255, 255, 255, 0.04); border-radius:12px; padding:8px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul {display:flex; flex-wrap:wrap; margin:0 0 -15px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li {margin-right:15px; margin-bottom:15px;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li:last-of-type {margin-right:0;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li span {display:block; font-size:12px; font-weight:600; color:rgba(255,255,255,0.5);}
.sub-list-history table tbody tr td .history-wrap .history-list ul li b {display:block; margin:8px 0 0; font-size:12px; font-weight:600; color:#fff; line-height:1.3;}
.sub-list-history table tbody tr td .history-wrap .history-list ul li a {color:#fff; font-size:12px; font-weight:600;padding: 5px;}
.sub-list-history table tbody tr td .history-wrap .history-state {margin:15px 0 0;}
.sub-list-history table tbody tr td .history-wrap .history-state b {font-size:12px; font-weight:600;}
}


/* sub-list-history */
.sub-list-chistory table {table-layout:fixed; width:100%;}
.sub-list-chistory table thead tr th {border:1px solid rgba(255,255,255,0.08); border-width:1px 0; padding:5px 0; font-size:14px; font-weight:700; color:#fff; text-align:left;}
.sub-list-chistory table tbody tr td {padding:1px 0; border-bottom:1px solid rgba(255,255,255,0.08); font-size:14px; color:#fff; text-align:left;}
@media (max-width:991px){
.sub-list-chistory table thead {display:none;}
.sub-list-chistory table tbody tr td {display:none; border-bottom:0;}
.sub-list-chistory table tbody tr td.is-m {display:table-cell !important;}
.sub-list-chistory table tbody tr td .history-wrap {background:rgba(255, 255, 255, 0.04); border-radius:12px; padding:8px;}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul {display:flex; flex-wrap:wrap; margin:0 0 -15px;}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul li {margin-right:15px; margin-bottom:15px;}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul li:last-of-type {margin-right:0;}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul li span {display:block; font-size:12px; font-weight:600; color:rgba(255,255,255,0.5);}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul li b {display:block; margin:8px 0 0; font-size:12px; font-weight:600; color:#fff; line-height:1.3;}
.sub-list-chistory table tbody tr td .history-wrap .history-list ul li a {color:#fff; font-size:12px; font-weight:600;padding: 5px;}
.sub-list-chistory table tbody tr td .history-wrap .history-state {margin:15px 0 0;}
.sub-list-chistory table tbody tr td .history-wrap .history-state b {font-size:12px; font-weight:600;}
}


/* sub-list-table */
.sub-list-table table {table-layout:fixed; width:100%;}
.sub-list-table table thead tr th {border:1px solid #4DB2FE; border-width:1px 0; padding:16px; font-size:14px; font-weight:500; color:#4DB2FE; text-align:left;}
.sub-list-table table thead tr th:first-of-type {border-left:1px solid #4DB2FE;border-radius:8px 0 0 8px;/* width: 20%; */}
.sub-list-table table thead tr th:last-of-type {border-right:1px solid #4DB2FE; border-radius:0 8px 8px 0;}
.sub-list-table table tbody tr td {border-bottom:1px solid rgba(255,255,255,0.08); padding:16px; font-size:14px; font-weight:500; color:#fff; text-align:left;}
.sub-list-table table tbody tr td:first-of-type {border-radius:6px 0 0 6px;}
.sub-list-table table tbody tr td:last-of-type {border-radius:0 6px 6px 0;}
.sub-list-table table tbody tr td a.subject {width:100%; max-width:385px; display:block; font-size:14px; font-weight:500; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-list-table table tbody tr td a.subject1 {width:100%; max-width:385px; display:block; font-size:14px; font-weight:500; color:#FFFF00; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-list-table table tbody tr td span {font-size:14px; font-weight:500; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr:hover td {background:rgba(25, 145, 235, 0.1);}
@media (max-width:991px){
.sub-list-table {margin:0 -16px;}
.sub-list-table table thead {display:none;}
.sub-list-table table tbody tr td {display:none;}
.sub-list-table table tbody tr td a.subject {max-width:100%; font-size:16px; margin:0 0 12px;}
.sub-list-table table tbody tr td a.subject1 {max-width:100%; font-size:16px; margin:0 0 12px;}
.sub-list-table table tbody tr td.allshow {display:table-cell; border-radius:0;}
.sub-list-table table tbody tr td.allshow .category {margin:0 0 8px;}
.sub-list-table table tbody tr td.allshow .category b {font-size:12px; font-weight:500; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr td.allshow .infomation dl {display:flex; flex-wrap:wrap; align-items:center;}
.sub-list-table table tbody tr td.allshow .infomation dl dd {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-list-table table tbody tr td.allshow .infomation dl dd:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px; position:relative; top:1px; font-weight:300;}
.sub-list-table table tbody tr td.allshow .infomation dl dd:last-of-type:after {display:none;}
}
@media (max-width:1130px){
.sub-list-table {display:block; overflow-x:auto; overflow-y:hidden; whiteps-space:nowrap;}
}

/* sub-list-notable */
.sub-list-notable ul li {display:table; table-layout:fixed; width:100%;}
.sub-list-notable ul li > div {display:table-cell;}
.sub-list-notable ul li.list-head > div {border:1px solid #4DB2FE; border-width:1px 0; padding:16px; font-size:14px; font-weight:500; color:#4DB2FE; text-align:left;}
.sub-list-notable ul li.list-head > div:first-of-type {border-left:1px solid #4DB2FE; border-radius:8px 0 0 8px;}
.sub-list-notable ul li.list-head > div:last-of-type {border-right:1px solid #4DB2FE; border-radius:0 8px 8px 0;}
.sub-list-notable ul li.list-body .list-body-box {display:table; table-layout:fixed; width:100%;}
.sub-list-notable ul li.list-body .list-body-box > div {vertical-align:middle; display:table-cell; border-bottom:1px solid rgba(255,255,255,0.08); padding:16px; font-size:14px; font-weight:500; color:#fff; text-align:left;}
.sub-list-notable ul li.list-body .list-body-box > div:first-of-type {border-radius:6px 0 0 6px;}
.sub-list-notable ul li.list-body .list-body-box > div:last-of-type {border-radius:0 6px 6px 0;}
.sub-list-notable ul li.list-body .list-body-box > div span {display:none;}
.sub-list-notable ul li.list-body .list-body-box > div a.btn {width:58px; height:30px; border-radius:6px; font-size:12px; font-weight:600;}
.sub-list-notable ul li.list-body .list-body-box > div a.more {width:30px; height:30px; font-size:0; background:url('../images/icon_more_2.svg') no-repeat center / 16px 16px;}
.sub-list-notable ul li.list-body.active .list-body-box > div a.more {transform:rotate(180deg);}
@media (max-width:1130px){
.sub-list-notable {display:block; overflow-x:auto; overflow-y:hidden; whiteps-space:nowrap;}
}
@media (max-width:991px){
.sub-list-notable ul li.list-head {display:none;}
.sub-list-notable ul li.list-body {border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; padding:20px 24px; margin:0 0 15px;}
.sub-list-notable ul li.list-body:last-of-type {margin:0;}
.sub-list-notable ul li.list-body .list-body-box {display:flex; flex-wrap:wrap;}
.sub-list-notable ul li.list-body .list-body-box > div {display:block; border:0; width:33.33% !important; padding:0; margin:0 0 20px;}
.sub-list-notable ul li.list-body .list-body-box > div:last-of-type {margin:0 -12px 0 0; width:calc(100% + 12px) !important;}
.sub-list-notable ul li.list-body .list-body-box > div span {display:block; font-size:12px; color:rgba(255,255,255,0.5); font-weight:500; margin:0 0 5px;}
.sub-list-notable ul li.list-body .list-body-box > div a.btn {width:auto; flex:1; height:47px; font-size:16px;}
.sub-list-notable ul li.list-body .list-body-box > div a.more {width:47px; height:47px; background-size:24px 24px; margin-left:12px;}
}

/* sub-list-gallery */
.sub-list-gallery ul {display:flex; flex-wrap:wrap; /*margin:0 -8px -16px;*/}
.sub-list-gallery ul li {width:calc(16.66% - 16px); margin:0 8px 16px;}
.sub-list-gallery ul li a {display:block;}
.sub-list-gallery ul li .list-image {position:relative; background-repeat:no-repeat; border:1px solid rgba(255,255,255,0.08); background-size:100%; background-position:center; transition:all ease 0.5s;height: 20vw;}
.sub-list-gallery ul li .list-image:after {display:block; content:""; padding-bottom:56.5%;}
.sub-list-gallery ul li .list-image:hover {background-size:140%;}
.sub-list-gallery ul li .list-image:hover .hover-lay {opacity:1;}
.sub-list-gallery ul li .list-content {margin:8px 0 0;}
.sub-list-gallery ul li .list-content b {font-size:14px; color:#fff; font-weight:500; display:block; margin:0 0 8px;}
.sub-list-gallery ul li .list-content dl {display:flex; flex-wrap:wrap; align-items:center;}
.sub-list-gallery ul li .list-content dl dd {font-size:12px; color:#bcbcbc;}
.sub-list-gallery ul li .list-content .subject {display:flex; margin:0 0 8px;}
.sub-list-gallery ul li .list-content .subject strong {font-size:14px; color:#fff; font-weight:500; text-align:left; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-list-gallery ul li .list-content .subject span {font-size:14px; color:#4DB2FE; font-weight:500; margin-left:3px;}
@media (max-width:991px){
.sub-list-gallery ul li .list-content dl dd.is-m {display:none !important;}
}
@media (max-width:767px){
.sub-list-gallery ul li {width:calc(50% - 16px);}
.sub-list-gallery ul li .list-image {height: 60vw;}
}
@media (max-width:500px){
.sub-list-gallery ul {margin:0;}
/* .sub-list-gallery ul li {width:100%; margin:0 0 20px;}
.sub-list-gallery ul li .list-image {height: 160vw;} */
.sub-list-gallery ul li:last-of-type {margin:0;}
.sub-list-gallery ul li .list-content dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.sub-list-gallery ul li .list-content dl dd.is-m {display:flex !important;}
.sub-list-gallery ul li .list-content dl dd:after {display:inline-block; content:"|"; font-size:10px; margin:0 5px; font-weight:300;}
.sub-list-gallery ul li .list-content dl dd:last-of-type:after {display:none;}
}

/* sub-view */
.sub-view .view-head h3 {background:#4DB2FE; border-radius:8px; padding:16px;}
.sub-view .view-head h3 span {font-size:18px; font-weight:600; color:rgba(255, 255, 255, 0.72); margin-right:2px;}
.sub-view .view-head h3 b {font-size:18px; font-weight:700; color:#fff;}
.sub-view .view-head .view-head-info {padding:16px; border-bottom:1px solid #4DB2FE;}
.sub-view .view-head .view-head-info time {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-view .view-head .view-head-info dl {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-head .view-head-info dl dd {display:flex; flex-wrap:wrap; align-items:center;}
.sub-view .view-head .view-head-info dl dd:after {display:inline-block; content:"|"; margin:0 5px; font-size:10px; color:rgba(255,255,255,0.16);}
.sub-view .view-head .view-head-info dl dd:last-of-type:after {display:none;}
.sub-view .view-head .view-head-info dl dd strong {font-size:14px; font-weight:500; color:#fff;}
.sub-view .view-head .view-head-info dl dd span {font-size:12px; color:rgba(255,255,255,0.5); margin-right:3px;}
.sub-view .view-head .view-head-info dl dd b {font-size:12px; color:#fff;}
.sub-view .view-head .view-head-info dl dd > *:last-of-type {margin-left:5px;}
.sub-view .view-head .view-head-info dl dd > *:first-of-type {margin-left:0;}
.sub-view .view-body {padding:16px; margin:0 0 90px;}
.sub-view .view-body p {font-size:14px; line-height:1.5; color:#fff;}
.sub-view .view-body img {display:block; max-width:100%; margin:0 auto;}
@media (max-width:991px){
.sub-view .view-head h3 span {display:block; font-size:12px; margin:0 0 8px;}
.sub-view .view-head .view-head-info time {font-size:12px;}
.sub-view .view-head .view-head-info dl dd strong {font-size:12px;}
.sub-view .view-body {padding:12px 0; margin:0 0 80px;}
}

/* sub-reply */
.sub-reply strong {display:flex; flex-wrap:wrap; align-items:center; font-size:18px; font-weight:500; color:#fff; padding:0 0 5px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-reply strong b {font-size:18px; font-weight:500;}
.sub-reply .sub-reply-none p {text-align:center; padding:70px 0; font-size:14px; font-weight:500; color:rgba(255,255,255,0.5); line-height:1.5;}
.sub-reply form {background:rgba(255,255,255,0.04); border-radius:6px; border:1px solid rgba(255,255,255,0.08); padding:16px;}
.sub-reply form textarea {width:100%; height:95px; background:none; font-size:14px; color:#fff; line-height:1.3;}
.sub-reply form textarea::placeholder {color:rgba(255,255,255,0.72);}
.sub-reply form b {font-size:12px; color:#fff;}
.sub-reply form b span {font-size:12px; color:rgba(255,255,255,0.16); margin-left:2px;}
.sub-reply form .submit {width:45px; height:30px; font-size:12px; font-weight:500; margin-left:10px; border-radius:3px;}
@media (max-width:991px){
.sub-reply .sub-reply-none p {padding:40px 0;}
.sub-reply form textarea {height:130px;}
}

/* sub-reply-list */
.sub-reply-list ul li {border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:15px 0; display:flex; flex-wrap:wrap;}
.sub-reply-list ul li:last-of-type {border-bottom:0;}
.sub-reply-list ul li .reply-image img {width:46px; height:46px; border-radius:50%; object-fit:cover;}
.sub-reply-list ul li .reply-content {flex:1; min-width:0; padding-left:8px;}
.sub-reply-list ul li .reply-content b {font-size:14px; color:#fff; font-weight:500;}
.sub-reply-list ul li .reply-content time {margin-left:2px; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-reply-list ul li .reply-content p {margin:6px 0 10px; font-size:14px; font-weight:500; color:#fff; line-height:1.3; word-break:keep-all;}
.sub-reply-list ul li .reply-content .reply-form {display:none;}
.sub-reply-list ul li .reply-content .reply-form form {margin:12px 0 10px; display:flex; flex-wrap:wrap; align-items:center; background:none; border:0; padding:0;}
.sub-reply-list ul li .reply-content .reply-form form img {width:26px; height:26px; border-radius:50%; object-fit:cover;}
.sub-reply-list ul li .reply-content .reply-form form input {flex:1; min-width:0; background:none; margin-left:8px; height:18px; border-bottom:1px solid rgba(255,255,255,0.08); font-size:12px; color:#fff;}
.sub-reply-list ul li .reply-content .reply-form form input::placeholder {color:#555;}
.sub-reply-list ul li .reply-content .reply-form a {width:53px; height:28px; border-radius:6px; font-size:12px; font-weight:500;}
.sub-reply-list ul li .reply-content .reply-inner-list {margin-left:-56px;}
.sub-reply-list ul li .reply-content .reply-inner-list ul li:before {display:inline-block; content:""; width:9px; height:10.56px; background:url('../images/icon_reply_arrow.svg') no-repeat center / cover; margin-right:13px;}
@media (max-width:991px){
}

/* sub-related */
.sub-related {margin:45px 0 0;}
.sub-related .related-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 12px;}
.sub-related .related-head a {height:37px; padding:0 15px; font-size:14px; font-weight:500; border-radius:4px;}
.sub-related .related-body ul li {border-top:1px solid rgba(255,255,255,0.08);}
.sub-related .related-body ul li a {display:flex; flex-wrap:wrap; padding:16px 0;}
.sub-related .related-body ul li a span {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-related .related-body ul li a time {font-size:14px; color:rgba(255,255,255,0.5);}
.sub-related .related-body ul li a p {flex:1; padding:0 30px; min-width:0; display:flex;}
.sub-related .related-body ul li a p b {min-iwdth:0; font-size:14px; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.sub-related .related-body ul li a p strong {font-size:14px; color:#4DB2FE; margin-left:3px;}
@media (max-width:991px){
.sub-related .related-body ul li a p {padding:0 15px;}
}

/* sub-sport */
.sub-sport > ul > li {border:1px solid rgba(255,255,255,0.08); border-radius:8px; overflow:hidden; margin:0 0 14px;}
.sub-sport > ul > li:last-of-type {margin:0;}
.sub-sport > ul > li .list-head {background:rgba(255,255,255,0.05); border-bottom:1px solid rgba(255,255,255,0.08); padding:15px 25px;}
.sub-sport > ul > li .list-head strong {font-size:18px; font-weight:700; color:#fff;}
.sub-sport > ul > li .list-body {padding: 0 10px;}
.sub-sport > ul > li .list-body .list-body-box {display:flex;flex-wrap:wrap;padding: 10px 0;border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-sport > ul > li .list-body .list-body-box:last-of-type {/* border:0; */}
.sub-sport > ul > li .list-body .list-body-box .sport-time strong {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; font-weight:600; color:#4DB2FE; margin:0 0 4px;}
.sub-sport > ul > li .list-body .list-body-box .sport-time strong b {font-size:16px; font-weight:600; color:#4DB2FE; margin-left:5px;}
.sub-sport > ul > li .list-body .list-body-box .sport-time span {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; color:#fff;}
.sub-sport > ul > li .list-body .list-body-box .sport-time span small {font-size:12px; color:rgba(255,255,255,0.5); margin-left:5px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info {flex:1;min-width:0;padding-left: 20px;display:flex;flex-wrap:wrap;align-items:flex-start;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select {flex:1; min-width:0; padding-right:12px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select .select-type {display:block; font-size:12px; color:#fff; font-weight:600; margin:0 0 8px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info a.select-toggle {position:relative; top:2px;}
@media (max-width:991px){
.sub-sport > ul > li .list-head {padding:15px;}
.sub-sport > ul > li .list-body {padding: 0 5px;}
.sub-sport > ul > li .list-body .list-body-box .sport-time {width:100%; padding:0 0 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.08);}
.sub-sport > ul > li .list-body .list-body-box .sport-info {position:relative;min-width:100%;width:100%;padding: 10px 0 0;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select {flex:none; width:93%; padding-right:0;}
.sub-sport > ul > li .list-body .list-body-box .sport-info .info-select .select-type {margin:0 0 13px;}
.sub-sport > ul > li .list-body .list-body-box .sport-info a.select-toggle {position:absolute; right:0; top:12px;}
}

/* sub-sport selet-list */
.select-list dl dd {margin:5px 0 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.select-list dl dd.hide {display:none;}
.select-list dl dd:first-of-type {margin:0;}
.select-list dl dd:last-of-type {margin:0;}

.select-list dl dd > div {width: calc(44% - 8px);position: relative;}

.select-list dl dd > div:nth-of-type(2) {width:65px; flex:none;}
.select-list dl dd > div input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.select-list dl dd > div label {padding:8px 15px; display:flex; align-items:center; justify-content:space-between; overflow:hidden; border:1px solid rgba(255,255,255,0.08); border-radius:8px;}
.select-list dl dd > div label span {display:flex; flex-wrap:wrap; align-items:center; font-size:11px; color:#fff;}
.select-list dl dd > div label span.tit {flex:1;min-width:0;display:block;overflow:hidden;white-space:nowrap;/* text-overflow:ellipsis; */}

.select-list dl dd > div label span.tit1 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: left;}
.select-list dl dd > div label span.tit2 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: right;}
.select-list dl dd > div label span.tit3 {flex:1; min-width:0; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;text-align: center;}

.select-list dl dd > div:first-of-type label span.tit {padding-right:10px;}
.select-list dl dd > div:last-of-type label span.tit {padding-left:10px; text-align:right;}
.select-list dl dd > div input:checked ~ label {border-color: #4DB2FE; background: #4DB2FE;}
.select-list dl dd > div input:checked ~ label span {color:#ffffff;}
.select-list dl dd sub {width:calc(33.33% - 8px); padding:8px 15px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:12px; color:#fff; font-weight:500; border:1px solid rgba(255,255,255,0.08); border-radius:8px;}
.select-list.lg dl dd > div label {padding: 10px 10px;}
.select-list.lg dl dd > div label span {font-size:14px;}
.list-body-box.active .select-list dl dd.hide {display:flex;}
@media (max-width:991px){

.select-list dl dd {margin: 0 0 10px;}
.select-list dl dd:not(.hide) {margin:0;}
.select-list dl dd > div {flex:2;}
.select-list dl dd > div label {padding:8px 5px;}
.select-list dl dd > div:nth-of-type(2) {width: 35px !important;;font-size: 10px;margin: 0 5px;flex: unset !important;}
.select-list dl dd > sub {width:30px; font-size:10px; margin:0 5px;}				   
.select-list.lg dl {margin:0 0 -11px;}
.select-list.lg dl dd > div {width:calc(33.33% - 11px); margin:0 0 11px; !important;}
.select-list.lg dl dd > div label span {font-size:11px !important;}
.list-body-box.active .select-list dl dd:not(.hide) {margin: 0 0 10px;}
}

/* sub-time */
.sub-time {position:relative; overflow:hidden; border-radius:6px; border:1px solid rgba(255,255,255,0.08); height:50px;}
.sub-time .gauge {position:absolute; left:0; top:0; height:100%; background:#4DB2FE;}
.sub-time b {position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; text-align:center; color:rgba(255, 255, 255, 0.88); font-size:16px; font-weight:500; z-index:2;}
@media (max-width:991px){
.sub-time {height:38px;}
.sub-time b {font-size:12px;}
}

/* sub-time-sm */
.sub-time-sm {position:relative; overflow:hidden; border-radius:6px; border:1px solid rgba(255,255,255,0.08); height:43px; background:rgba(255, 255, 255, 0.04);}
.sub-time-sm .gauge {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size:16px; font-weight:500; position:absolute; left:0; top:0; height:100%; background:#4DB2FE;}
.sub-time-sm span {color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 20px; width:100%; text-align:right; color:rgba(255, 255, 255, 0.88); font-size:16px; font-weight:500; z-index:2;}
@media (max-width:991px){
.sub-time-sm {height:38px;}
.sub-time-sm .gauge {font-size:12px;}
.sub-time-sm span {font-size:12px;}
.sub-time-sm .title_text {font-size:12px;color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); padding:0 20px; width:100%; text-align:left; color:rgba(255, 255, 255, 0.88); font-size:12px; font-weight:500; z-index:2;}

}

/* sub-mini-list */
.sub-mini-list ul li {padding:24px; margin:0 0 24px; background:rgba(255, 255, 255, 0.02); border:1px solid rgba(255, 255, 255, 0.08); box-shadow:0px 6px 8px rgba(0, 0, 0, 0.33); border-radius:6px;}
.sub-mini-list ul li:last-of-type {margin:0;}
.sub-mini-list ul li strong {font-size:24px; font-weight:700; color:#fff; display:block; margin:0 0 20px;}
@media (max-width:991px){
.sub-mini-list ul li {padding:15px; margin:0 0 15px;}
.sub-mini-list ul li strong {display:block; text-align:center; font-size:16px; margin:0 0 15px;}
}

/* sub-mini-info */
.sub-mini-info dl dd {margin:20px 0 0; padding:10px 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.sub-mini-info dl dd.bg {background:rgba(255, 255, 255, 0.02);}
.sub-mini-info dl dd span {font-size:14px; font-weight:500; color:#fff;}
@media (max-width:991px){
.sub-mini-info dl dd {margin:12px 0 0;}
}

/* sub-mini-price */
.sub-mini-price dl {display:flex; flex-wrap:wrap; margin:0 -4px -8px;}
.sub-mini-price dl dd {margin:0 4px 8px;}
.sub-mini-price dl dd a {padding:6px 12px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:rgba(255,255,255,0.8); font-size:16px; font-weight:500; background:rgba(255, 255, 255, 0.08); border-radius:8px;}
@media (max-width:991px){
.sub-mini-price dl dd a {font-size:12px;}
}

/* sub-result */
.sub-result > ul.nation-list > li {margin:0 0 40px;}
.sub-result > ul.nation-list > li:last-of-type {margin:0;}
.sub-result > ul.nation-list > li .result-nation {border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; background:rgba(255,255,255,0.08); padding:18px 28px;}
.sub-result > ul.nation-list > li .result-nation img {width:16px; height:16px; object-fit:cover; margin-right:4px;}
.sub-result > ul.nation-list > li .result-nation b {font-size:18px; font-weight:700; color:#fff;}
.sub-result > ul.nation-list > li .result-info li {margin:15px 0 0;}
.sub-result > ul.nation-list > li .result-info li dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 -10px;}
.sub-result > ul.nation-list > li .result-info li dl dd {margin:0 10px;}
.sub-result > ul.nation-list > li .result-info li dl dd.active {flex:1; min-width:0;}
.sub-result > ul.nation-list > li .result-info li dl dd > b {display:none;}
.sub-result > ul.nation-list > li .result-info li dl dd > span {font-size:12px ;color:#fff; font-weight:500;}
.sub-result > ul.nation-list > li .result-info .result-list {display:flex; flex-wrap:wrap; align-items:center;}
.sub-result > ul.nation-list > li .result-info .result-list div {padding:0 15px; width:calc(50% - 34px); display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; height:30px;}
.sub-result > ul.nation-list > li .result-info .result-list div span {font-size:12px; color:#fff; font-weight:500;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) {flex:none; justify-content:center; width:48px; margin:0 10px; padding:0;}
.sub-result > ul.nation-list > li .result-info .result-list div:first-of-type span:first-of-type {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;}
.sub-result > ul.nation-list > li .result-info .result-list div:last-of-type span:last-of-type {overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:10px; text-align:right;}
.sub-result > ul.nation-list > li .result-info .result-list div.active {background:#4DB2FE; border-color:#4DB2FE;}
.sub-result > ul.nation-list > li .result-info .result-list div.active span {color:#fff;}
@media (max-width:991px){
.sub-result > ul.nation-list > li {background:rgba(255,255,255,0.05); border-radius:8px; padding:15px; margin:0 0 20px;}
.sub-result > ul.nation-list > li:last-of-type {margin:0;}
.sub-result > ul.nation-list > li .result-nation {border-radius:0; background:none; padding:0; margin:0 0 15px;}
.sub-result > ul.nation-list > li .result-info li {padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-result > ul.nation-list > li .result-info li:last-of-type {padding-bottom:0; border-bottom:0;}
.sub-result > ul.nation-list > li .result-info li dl {margin:0; margin:0 -10px -10px;}
.sub-result > ul.nation-list > li .result-info li dl dd {margin:0 10px 10px; width:auto; display:flex; flex-wrap:wrap;}
.sub-result > ul.nation-list > li .result-info li dl dd.active {flex:auto; width:calc(100% - 20px); min-width:auto; order:3;}
.sub-result > ul.nation-list > li .result-info li dl dd:last-of-type {order:2;}
.sub-result > ul.nation-list > li .result-info li dl dd > b {display:block; font-size:12px; color:rgba(255,255,255,0.5); font-weight:600; margin-right:8px;}
.sub-result > ul.nation-list > li .result-info .result-list {width:100%;}
.sub-result > ul.nation-list > li .result-info .result-list div {flex:auto; width:calc(50% - 34px); padding:0 5px;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) {width:30px; margin:0 5px;}
.sub-result > ul.nation-list > li .result-info .result-list div:nth-of-type(2) span {font-size:10px;}
}

/* sub-result-list */
.sub-result-list {display:none !important; width:100% !important;}
.sub-result-list ul li {background:rgba(255, 255, 255, 0.04); border-radius:6px; margin:0 0 8px; padding:15px; display:flex; flex-wrap:wrap;}
.sub-result-list ul li:last-of-type {margin:0;}
.sub-result-list ul li .result-head {flex:1; min-width:0; padding-right:15px;}
.sub-result-list ul li .result-head strong {display:block; font-size:14px; font-weight:600; color:#4DB2FE; margin:0 0 5px;}
.sub-result-list ul li .result-head b {display:block; font-size:14px; font-weight:500; color:#fff; margin:0 0 13px;}
.sub-result-list ul li .result-head time {display:block; font-size:12px; color:rgba(255,255,255,0.5);}
.sub-result-list ul li .result-body {display:flex; flex-wrap:wrap; align-items:center;}
.sub-result-list ul li .result-body .result-body-box {margin:0 8px 0 0; padding:14px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(255, 255, 255, 0.02); border:1px solid rgba(255, 255, 255, 0.04); border-radius:6px;}
.sub-result-list ul li .result-body .result-body-box b {display:block; text-align:center; width:100%; font-size:12px; color:#fff; font-weight:600; margin:0 0 8px;}
.sub-result-list ul li .result-body .result-body-box strong {display:flex; flex-wrap:wrap; align-items:center; font-size:12px; font-weight:600; color:#4DB2FE;}
.sub-result-list ul li .result-body .result-body-box strong span {font-size:12px; font-weight:600; color:rgba(255,255,255,0.5);}
.sub-result-list ul li .result-body .result-body-btn a {width:125px; height:30px; border-radius:6px; font-size:12px; font-weight:500; margin:0 0 4px;}
.sub-result-list ul li .result-body .result-body-btn a:last-of-type {margin:0;}
.list-body.active .sub-result-list {display:block !important;}
@media (max-width:991px){
.sub-result-list {margin:10px 0 0;}
.sub-result-list ul li .result-head {width:100%; flex:none; margin:0 0 10px;}
.sub-result-list ul li .result-body {width:100%;}
.sub-result-list ul li .result-body .result-body-box {margin:0;}
.sub-result-list ul li .result-body .result-body-box:first-of-type {flex:1; min-width:0; margin-right:10px;}
.sub-result-list ul li .result-body .result-body-btn {width:100%; margin:10px 0 0;}
.sub-result-list ul li .result-body .result-body-btn a {width:100%; margin:0 0 8px;}
}

/* sub-my-result */
.sub-my-result ul li {background:rgba(255, 255, 255, 0.02); margin:0 0 20px; padding:20px;}
.sub-my-result ul li:last-of-type {margin:0;}
.sub-my-result ul li .info {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-my-result ul li .info > div {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .info > div span {font-size:12px; color:rgba(255,255,255,0.5); margin-right:5px;}
.sub-my-result ul li .info > div span:last-of-type {margin-right:0;}
.sub-my-result ul li .result-box {margin:0 0 20px;}
.sub-my-result ul li .result-box .result {margin:10px 0 0; display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-box .result .result-score {flex:1; min-width:0; margin-right:5px;}
.sub-my-result ul li .result-box .result .result-score dl {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-my-result ul li .result-box .result .result-score dl dd {padding:8px; height:44px; border:1px solid rgba(255, 255, 255, 0.08); border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between;}
.sub-my-result ul li .result-box .result .result-score dl dd span {font-size:13px; color:#fff; font-weight:500;}
.sub-my-result ul li .result-box .result .result-score dl dd span.tit {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:first-of-type {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:first-of-type span.tit {padding-right:10px;}
.sub-my-result ul li .result-box .result .result-score dl dd:nth-of-type(2) {margin:0 4px;}
.sub-my-result ul li .result-box .result .result-score dl dd:last-of-type {flex:1;}
.sub-my-result ul li .result-box .result .result-score dl dd:last-of-type span.tit {text-align:right; padding-left:10px;}
.sub-my-result ul li .result-box .result .result-score dl dd.active {background:#4DB2FE; border-color:#4DB2FE;}
.sub-my-result ul li .result-box .result .result-score dl dd.active span {color:#000;}
.sub-my-result ul li .result-box .result .result-state {border-radius:8px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; align-content:center; width:44px; height:44px;}
.sub-my-result ul li .result-box .result .result-state b {width:100%; font-size:12px; font-weight:500; color:#fff; text-align:center; margin:0 0 4px;}
.sub-my-result ul li .result-box .result .result-state span {font-size:12px; font-weight:500; color:#000;}
.sub-my-result ul li .result-total {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-total .total-info {flex:1; min-width:0; margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl {display:flex; flex-wrap:wrap;}
.sub-my-result ul li .result-total .total-info dl dd {margin-right:10px;}
.sub-my-result ul li .result-total .total-info dl dd:last-of-type {margin-right:0;}
.sub-my-result ul li .result-total .total-info dl dd span {font-size:12px; color:#fff; opacity:0.5; display:block; margin:0 0 5px;}
.sub-my-result ul li .result-total .total-info dl dd p {display:flex; flex-wrap:wrap; align-items:center;}
.sub-my-result ul li .result-total .total-info dl dd p b {font-size:12px; color:rgba(255,255,255,0.5); margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl dd p b:last-of-type {margin-right:0;}
.sub-my-result ul li .result-total .total-result b {font-size:15px; font-weight:600; color:#eac410;}
.sub-my-result ul li .result-form {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:20px 0 0;}
.sub-my-result ul li .result-form a {width:108px !important; height:32px; font-size:13px; border-radius:6px; font-weight:500;}
.aside-list {margin:0 0 30px;}
.aside-list .sub-my-result ul li {display:flex; flex-wrap:wrap; align-items:center; padding:10px; margin:0 0 5px;}
.aside-list .sub-my-result ul li:last-of-type {margin:0;}
.aside-list .sub-my-result ul li .result-box {flex:1; min-width:0; order:2; margin:0;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd {display:flex; align-items:center; color:rgba(255, 255, 255, 0.7); font-size:13px; margin:0 0 5px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd:last-of-type {margin:0;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd b {font-size:13px; margin-left:3px; color:#EAC410; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.aside-list .sub-my-result ul li .result-form {margin:0; order:1; margin-right:10px;}
.aside-list .sub-my-result ul li .result-form a {font-size:0; width:32px !important;} 
@media (max-width:991px){
.sub-my-result ul li {margin:0 0 15px; padding:15px;}
.sub-my-result ul li .info > div span {font-size:11px;}
.sub-my-result ul li .result-box .result .result-score dl {align-items:inherit;}
.sub-my-result ul li .result-box .result .result-score dl dd {padding:5px; height:auto; min-height:30px;}
.sub-my-result ul li .result-box .result .result-score dl dd span {font-size: 9px;}
.sub-my-result ul li .result-box .result .result-state {width:33px; height:33px;}
.sub-my-result ul li .result-box .result .result-state b {margin:0 0 2px;}
.sub-my-result ul li .result-box .result .result-state span {font-size:10px;}
.sub-my-result ul li .result-total .total-info dl dd {margin-right:5px;}
.sub-my-result ul li .result-total .total-info dl dd span {font-size:10px;}
.sub-my-result ul li .result-total .total-info dl dd p b {font-size:10px;}
.sub-my-result ul li .result-total .total-result b {font-size:13px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd {font-size:12px;}
.aside-list .sub-my-result ul li .result-box .result .result-info dl dd b {font-size:12px;}
}

/* sub-write */
.sub-write {margin:0 0 70px;}
.sub-write .form-group {display:flex; flex-wrap:wrap; padding:0 0 15px; margin:0 0 15px; border-bottom:1px solid rgba(255,255,255,0.08);justify-content: end;}
.sub-write .form-group.block {display:block;}
.sub-write .form-group:last-of-type {padding:0; border:0;}
.sub-write .form-group b {line-height:1.3; font-size:14px; font-weight:500; color:#fff;}
.sub-write .form-group .tit {width:74px;}
.sub-write .form-group input {flex:1; min-width:0; height:41px; border:1px solid rgba(255,255,255,0.08); border-radius:6px; padding:0 16px; font-size:14px; color:#fff; background:none; margin-right:12px;width: 25vw;}
.sub-write .form-group .btn {width:76px; height:41px; border-radius:6px; font-size:14px; font-weight:600;}
.sub-write .form-group label {position:relative; overflow:hidden;}
.sub-write .form-group label input {position:absolute; left:0; top:0; width:100%; height:100%; opacity:0; cursor:pointer;}
.sub-write .form-group p {margin:10px 0 0; font-size:12px; line-height:1.3; color:rgba(255,255,255,0.24);}
.sub-write .form-group p.txt {margin:0; font-size:14px; color:#fff; line-height:1.3;}
@media (max-width:991px){
.sub-write {margin:0 0 35px;}
.sub-write .form-group input {width: 100%;}
}

/* sub-user */
.sub-user {width:50px;}
.sub-user img {width:50px; height:50px; border-radius:50%; object-fit:cover; margin:0 0 8px;}
.sub-user a {font-size:12px;}
.sub-user a.update {color:rgba(255,255,255,0.32);}
.sub-user a.delete {color:#FF003D;}

/* sub-notice */
.sub-notice {background:rgba(255,255,255,0.06); padding:16px;}
.sub-notice strong {display:block; font-size:15px; color:#fff; font-weight:600; margin:0 0 15px;}
.sub-notice ul {padding-left:5px;}
.sub-notice ul li {position:relative; font-size:12px; line-height:1.3; color:rgba(255,255,255,0.5); padding-left:10px; margin:0 0 5px;}
.sub-notice ul li:last-of-type {margin:0;}
.sub-notice ul li:before {position:absolute; left:0; top:5px; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,0.5); content:"";}
@media (max-width:991px){
.sub-notice ul {padding-left:0;}
}

/* sub-price */
.sub-price ul {display:flex; flex-wrap:wrap; align-items:center; margin:0 -4px -8px;}
.sub-price ul li {margin:0 4px 8px; width: calc(16.66666% - 8px);}
.sub-price ul li a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:3rem; background:rgba(255,255,255,0.08); border-radius:8px; font-size:12px; font-weight:500; color:rgba(255,255,255,0.8);}
@media (max-width:991px){
.sub-price ul {margin:0 -2px -4px;}
.sub-price ul li {margin:0 2px 4px;width: calc(33.3333% - 8px);}
.sub-price ul li a {font-size:20px;}
}

/* sub-wallet */
.sub-wallet {border-top:1px solid rgba(255,255,255,0.08); padding:24px 0 0; margin:40px 0 0;animation: rightIn .4s; animation-fill-mode: forwards;}
.sub-wallet h3 {font-size:20px; font-weight:700; color:#fff; margin:0 0 20px;}
.sub-wallet .my-wallet {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 12px;}
.sub-wallet .my-wallet b {font-size:16px; font-weight:600; color:#fff;}
.sub-wallet .my-wallet a {width:58px; height:28px; border-radius:8px; font-size:12px; font-weight:600;}
.sub-wallet .my-wallet input {max-width:200px; height:28px; text-align:right; padding:0 10px; color:#fff; font-weight:600; font-size:16px; background:none;}
.sub-wallet .my-wallet input::placeholder {color:#fff;}
.sub-wallet .my-list > ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-wallet .my-list > ul > li {width:calc(50% - 15px);}
.sub-wallet .my-list > ul > li b {display:block; font-size:16px; font-weight:600; color:#fff; line-height:1.3; margin:0 0 10px;}
.sub-wallet .my-list > ul > li .my-list-charge {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.sub-wallet .my-list > ul > li .my-list-charge input {flex:1; min-width:0; height:26px; background:rgba(255,255,255,0.04); border-radius:8px; text-align:right; padding:0 10px; font-size:12px; color:#fff !important; font-weight:600;}
.sub-wallet .my-list > ul > li .my-list-charge strong {font-size:12px; color:#fff; font-weight:600; margin:0 15px 0 5px;}
.sub-wallet .my-list > ul > li .my-list-charge a {height:26px; font-size:12px; padding:0 10px; font-weight:600; border-radius:8px;}
@media (max-width:991px){
.sub-wallet .my-wallet input {flex:1; max-width:100%; min-width:0;}
.sub-wallet .my-list > ul > li {width:100%; margin:0 0 30px;}
.sub-wallet .my-list > ul > li:last-of-type {margin:0;}
}

/* memo */
.memo {display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); z-index:9999;}
.memo.fixed {display:block;}
.memo .box {width:586px; background:#1E202D; border-radius:12px; box-shadow:0 0 10px rgba(0,0,0,0.3);}
.memo .box .memo-head {display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:15px 20px;}
.memo .box .memo-head strong {font-size:20px; color:#fff; font-weight:700;}
.memo .box .memo-head a {width:30px; height:30px; font-size:0; background:url('../images/icon_close.svg') no-repeat center / 12px 12px;}
.memo .box .memo-body {padding:15px 20px;}
.memo .box .memo-body .memo-total {display:flex; flex-wrap:wrap; align-items:center; font-size:16px; color:#fff; font-weight:500; margin:0 0 10px;}
.memo .box .memo-body .memo-total b {font-size:16px; color:#fff; font-weight:600; color:#1991EB; margin-left:5px;}
.memo .box .memo-body .memo-list ul li {margin:0 -20px; padding:8px 20px; display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid rgba(255, 255, 255, 0.08);}
.memo .box .memo-body .memo-list ul li .name {width:100px;}
.memo .box .memo-body .memo-list ul li .name > div {display:flex; flex-wrap:wrap; align-items:center;}
.memo .box .memo-body .memo-list ul li .name > div img {width:20px; height:20px; border-radius:50%; object-fit:cover; margin-right:4px;}
.memo .box .memo-body .memo-list ul li .name > div b {font-size:14px; font-weight:500; color:#fff; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.memo .box .memo-body .memo-list ul li .name a {display:none;}
.memo .box .memo-body .memo-list ul li .subject {flex:1; min-width:0; margin-right:20px;}
.memo .box .memo-body .memo-list ul li .subject a {font-size:14px; color:#fff; font-weight:500; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:block;}
.memo .box .memo-body .memo-list ul li .date {width:90px;}
.memo .box .memo-body .memo-list ul li .date time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300;}
.memo .box .memo-body .memo-list ul li .link {width:40px; text-align:right;}
.memo .box .memo-body .memo-list ul li .link a {font-size:12px; color:#FB6868;}
.memo .box .memo-body .memo-list-view {margin:15px 0 0;}
.memo .box .memo-body .memo-list-view .name {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.memo .box .memo-body .memo-list-view .name > div {display:flex; flex-wrap:wrap; align-items:center;}
.memo .box .memo-body .memo-list-view .name > div img {width:32px; height:32px; border-radius:50%; object-fit:cover; margin-right:8px;}
.memo .box .memo-body .memo-list-view .name > div b {font-size:16px; font-weight:500; color:#fff;}
.memo .box .memo-body .memo-list-view .name > div time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300; margin-right:10px;}
.memo .box .memo-body .memo-list-view .name a {font-size:12px; color:#fb6868;}
.memo .box .memo-body .memo-list-view .subject {font-size:14px; font-weight:400; line-height:1.3; color:#fff; border:1px solid rgba(255, 255, 255, 0.08); border-width:1px 0; margin:0 -15px; padding:15px;}
.memo .box .memo-body .memo-list-view .date {display:none;}
.memo .box .memo-body .memo-button a {display:block; text-align:center; padding:20px 0 5px; font-size:18px; font-weight:500; color:#4DB2FE;}
@media (max-width:991px){
.memo {width:100%; height:100%; left:0; top:0; transform:none;}
.memo .box {width:100%; height:100%; border-radius:0;}
.memo .box .memo-head {padding:15px;}
.memo .box .memo-head a {background-size:20px 20px;}
.memo .box .memo-body {padding:15px;}
.memo .box .memo-body {height:calc(100% - 61px); overflow-x:hidden; overflow-y:auto;}
.memo .box .memo-body .memo-list ul li {margin:0 -15px; padding:0 15px; border:0; margin:0 -15px 15px;}
.memo .box .memo-body .memo-list ul li:last-of-type {margin:0 -15px;}
.memo .box .memo-body .memo-list ul li .name {width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; margin:0 0 10px;}
.memo .box .memo-body .memo-list ul li .name > div img {width:27px; height:27px;}
.memo .box .memo-body .memo-list ul li .name a {display:block; font-size:12px; color:#fb6868;}
.memo .box .memo-body .memo-list ul li .subject {flex:none; min-width:100%; margin-right:0; width:100%;}
.memo .box .memo-body .memo-list ul li .subject a {display:-webkit-box; word-wrap:break-word; white-space:normal; line-height:1.3; max-height:35px; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.memo .box .memo-body .memo-list ul li .link {display:none;}
.memo .box .memo-body .memo-list ul li .date {margin:15px 0 0;}
.memo .box .memo-body .memo-list-view {border-bottom:1px solid rgba(255,255,255,0.08); padding:0 0 20px;}
.memo .box .memo-body .memo-list-view .name > div time {display:none;}
.memo .box .memo-body .memo-list-view .subject {border:0; padding:0; margin:0;}
.memo .box .memo-body .memo-list-view .date {display:block; margin:20px 0 0;}
.memo .box .memo-body .memo-list-view .date time {font-size:12px; color:rgba(255,255,255,0.5); font-weight:300;}
}

/* sub-money */
.sub-money .total {border-bottom:1px solid rgba(255, 255, 255, 0.08); padding:0 0 20px; margin:0 0 20px;}
.sub-money .total h3 {font-size:20px; font-weight:600; color:#fff;}
.sub-money .total a {width:200px; height:40px; border-radius:5px; margin:15px 0 0; font-size:18px; font-weight:600;}
.sub-money .list {border-bottom:1px solid rgba(255,255,255,0.08); padding:0 0 20px;}
.sub-money .list ul {display:flex; flex-wrap:wrap; justify-content:space-between;}
.sub-money .list ul li {width:calc(50% - 15px);}
.sub-money .list ul li h4 {font-size:17px; font-weight:500; color:#fff; margin:0 0 15px;}
.sub-money .list ul li .list-button {display:flex; flex-wrap:wrap; align-items:center;}
.sub-money .list ul li .list-button a {margin-right:3px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; color:#fff; background:#3D466A; font-size:12px; padding:7px 0; width:54px; font-weight:600;}
.sub-money .list ul li .list-button a:last-of-type {margin-right:0;}
.sub-money .list ul li .list-input {background:rgba(0,0,0,0.08); border:1px solid rgba(0,0,0,0.3); display:flex; flex-wrap:wrap; align-items:center; margin:15px 0; padding:0 10px;}
.sub-money .list ul li .list-input input {flex:1; min-width:0; padding:0 10px; height:35px; text-align:right; background:none; color:#fff;}
.sub-money .list ul li .list-input input::placeholder {color:#fff;}
.sub-money .list ul li .list-input em {color:#fff;}
.sub-money .list ul li .list-submit a {height:50px; font-size:20px; font-weight:600; border-radius:5px; color:#000;}
@media (max-width:991px){
.sub-money {margin:40px 0 0;}
.sub-money .total h3 {font-size:22px; margin:0 0 5px;}
.sub-money .total a {width:100%; font-size:16px; height:45px; border-radius:0; margin:10px 0 0;}
.sub-money .list {border-bottom:0; padding:0;}
.sub-money .list ul li {width:100%; margin:0 0 25px; padding:0 0 25px; border-bottom:1px solid rgba(255,255,255,0.08);}
.sub-money .list ul li .list-button {width:100%; justify-content:space-between;}
.sub-money .list ul li .list-button a {width:calc(14.28% - 4px);}
.sub-money .list ul li .list-input input {height:45px;}
.sub-money .list ul li .list-submit a {border-radius:0; height:45px; font-size:16px;}
}

.hover-lay {
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background-color:rgba(26,37,67,.8);
	background:-webkit-gradient(linear,left bottom,left top,from(rgba(26,37,67,.5)),to(rgba(76,106,195,.5)));
	background:linear-gradient(0deg,rgba(26,37,67,.5),rgba(76,106,195,.5));
	opacity:0;
	-webkit-transition:.35s;
	transition:.35s;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center
}
.hover-lay:before {
	position:absolute;
	top:50%;
	left:50%;
	width:60px;
	height:60px;
	border:1px solid #a7dfff;
	content:"";
	opacity:1;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	transition:opacity .35s,transform .35s,-webkit-transform .35s;
	-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg) scale3d(0,0,1);
	transform:translate3d(-50%,-50%,0) rotate(-45deg) scale3d(0,0,1);
	-webkit-transform-origin:50%;
	transform-origin:50%
}
.sub-list-gallery ul li .list-image:hover .hover-lay:before {
	opacity:1;
	-webkit-transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1);
	transform:translate3d(-50%,-50%,0) rotate(-45deg) scaleX(1)
}
.hover-lay p {
	color:#fff;
	font-size:14px;
	margin:0
}

/*side menu */

.left-side {
    position: absolute;
    width: 200px;
    /*top: 0;*/
	background: #2D3552;
    border-right: none;
    border-radius: 10px;
    margin-top: 20px;
	margin-left: 5px;
	z-index: 20000;
}

.left-side.collapse {
	width:70px;
}
.right-side {
    margin-left: 210px;
	/*background: #757575;*/
	min-height: 1210px;
}

/*Give content full width on xs screens*/
@media screen and (max-width: 992px) {
    .right-side {
        margin-left: 0;
		min-height: unset;
    }
	.left-side {
		display:none;
	}
}


.sidebar {
    display: block;
    float: left;
}

.sidebar {
    margin-bottom: 5px;
}

.logo {text-align: center;}
.logo a img {width: 150px;}
.side-menu {
	height: 100%;
    padding: 10px;
	width: 200px;
}
.side-menu li {
	   margin: 5px 0px;
}
.collapse .side-menu {width: 70px;}
.side-menu li:hover {
	background: #10121a;
    border-radius: 10px;
}
.side-menu .active {   background: #10121a;border-radius: 10px;}
.side-menu li a {
	padding:12px;
}
.side-menu li a {display: flex;}
.side-menu li a img {height: 18px;    margin-right: 10px;}
.title { 
	display:inline-block;
	color: white;
    font-size: 15px;
    vertical-align: bottom;
}

.collapse .title {display:none;}

/*custom css*/
.sub-list-gallery ul li:hover {
	border: 1px solid var(--bdColor038_h);
    filter: drop-shadow(0px 0px 20px #00a3ff);
}
/*
.select-list dl dd > div input:hover ~ label span {border-color:#4DB2FE; background: #4DB2FE}
.select-list dl dd > div input:hover ~ label span {color:#77f4c8;}*/

.sub-list-gallery ul li.slot-item {
    width: calc(25% - 16px);
    margin: 0 8px 16px;
	overflow: hidden;
	border-radius: 20px;
	border: 2px solid #606060;
    box-shadow: 5px 5px 0.5px 0.5px #00000094;
}

.sub-list-gallery ul li.slot-item .list-image { height:100%; border: unset;}
.sub-list-gallery ul li.slot-item:hover .list-image {  transform: scale(1.25);}
.sub-list-gallery ul li.slot-item:hover .list-image .hover-lay { transform: scale(0.8);;}
.sub-list-gallery ul li.slot-item:hover {border: 2px solid #4fb3fb;}

@media (max-width:767px){
.sub-list-gallery ul li.slot-item {width:calc(50% - 16px);}
}

.line:before {
    content: "";
    width: 8px;
    height: 8px;
    background-color: #4DB2FE;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}
.sub-title {
	font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: start;
    width: 18.5vw;
    transform: translateZ(0);
    margin-right: 1vw;
	padding-left: 10px;
}
.line {
	height: 2px;
    width: 74vw;
    background-color: #4DB2FE;
    position: relative;
    /* vertical-align: bottom; */
    margin: 28px 0 20px;
}
.title {
	width: 100%;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
}

@keyframes leftIn {
    0% {
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -o-transform: translateX(50%);
        transform: translate(50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes rightIn {
    0% {
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translate(-50%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translate(0);
        opacity: 1
    }
}

@keyframes topIn {
    0% {
        -webkit-transform: translateY(-300%);
        -moz-transform: translateY(-300%);
        -o-transform: translateY(-300%);
        transform: translateY(-300%);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.txt {
    margin-bottom: 27px;
    animation: leftIn .4s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.txt h2 {
    color: #4DB2FE;
    font-size: 1.5vw;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 20px;
}

.sub-mini-list-custom {
	animation: leftIn .4s;
    animation-fill-mode: forwards;
    opacity: 0;
    min-height: 560px;
}

.sub-mini-list-custom ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sub-mini-list-custom ul li.casinoFrame {
    width: 48.5%;
    height: 185px;
    border: 2px solid #304059;
    border-radius: 10px;
    padding-bottom: 23px;
    margin-bottom: 21px;
    background: #21273a;
    background: linear-gradient(180deg, #21273a 0%, #0b0f11 100%);
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 1%;
    transition: .4s;
}
.sub-mini-list-custom ul li .logo {
    background-repeat: no-repeat;
    background-size: cover;
    width: 53%;
    height: 0px;
    transition: .3s ease-out;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -68%);
}

.sub-mini-list-custom ul li.casino01 .logoA {
    background-image: url(/asset/images/mini/mini01-BF8JhXTO.png);
    padding-bottom: 34%;
    width: 40%;
}
.sub-mini-list-custom ul li .txt01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: absolute;
    bottom: 13px;
}
.sub-mini-list-custom ul li .txt01 h2 {
    font-size: 1.35vw;
    color: #00a8ea;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 93%;
    text-align: center;
}

.sub-mini-list-custom ul li .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/asset/images/mini/vitbg-BhlYG3G4.svg);
    border-radius: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-out;
    opacity: 0;
    background-size: cover;
}
.sub-mini-list-custom ul li .mask .inner {
    width: 100%;
    height: 100%;
    background-image: url(/asset/images/mini/vitbg-BhlYG3G4.svg);
    background-size: 100%;
    background-position: center;
    border-radius: 8px;
    z-index: 1;
    display: none;
    transition: .4s ease-out;
    opacity: 0;
}

.sub-mini-list-custom ul li:hover {
    border: 2px solid #4fcdff;
    filter: drop-shadow(0px 0px 20px #00a3ff);
}
.sub-mini-list-custom ul li:hover .logo {
    background-position-y: 5px;
}

.sub-mini-list-custom ul li:hover .txt01 h2, .sub-mini-list-custom ul li:hover .txt01 span {
    color: #ffffff;
}
.sub-mini-list-custom ul li:hover .mask, .sub-mini-list-custom ul li:hover .inner {
    opacity: 1;
}

.sub-mini-list-custom ul li.casino04 .logoA {
    background-image: url(/asset/images/mini/download.png);
    padding-bottom: 33%;
    width: 48%;
}
.sub-mini-list-custom ul li.casino02 .logoA {
    background-image: url(/asset/images/mini/mini02-nevlKkig.png);
    padding-bottom: 34%;
    width: 34%;
}
.sub-mini-list-custom ul li.casino03 .logoA {
    background-image: url(/asset/images/mini/mini03-BGXD_NmE.png);
    padding-bottom: 34%;
    width: 43%;
}
.sub-virtual-list-custom ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sub-virtual-list-custom ul li.casinoFrame {
    width: 31.5%;
    height: 130px;
    border: 2px solid #304059;
    border-radius: 10px;
    padding-bottom: 23px;
    margin-bottom: 21px;
    background: #21273a;
    background: linear-gradient(180deg, #21273a 0%, #0b0f11 100%);
    position: relative;
    cursor: pointer;
    overflow: hidden;
    margin-right: 1%;
    transition: .4s;
}
.sub-virtual-list-custom ul li .txt01 {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 2;
    position: absolute;
    bottom: 7%;
}
.sub-virtual-list-custom ul li .txt01 h2 {
    font-size: .9vw;
    color: #00a8ea;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 94%;
    text-align: center;
}
.sub-virtual-list-custom ul li .logo {
    background-repeat: no-repeat;
    background-size: cover;
    transition: .3s ease-out;
    position: absolute;
    z-index: 2;
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -75%);
}
.sub-virtual-list-custom ul li .logo span {
    color: #00a8ea;
    font-size: 3.2vw;
    position: relative;
    transition: .4s ease-out;
}
.sub-virtual-list-custom ul li:hover {
    border: 2px solid #4fcdff;
    filter: drop-shadow(0px 0px 20px #00a3ff);
}
.sub-virtual-list-custom ul li:hover .logo span {
    color: #ffffff;
}
.sub-virtual-list-custom ul li .mask {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/asset/images/mini/vitbg-BhlYG3G4.svg);
    border-radius: 8px;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s ease-out;
    opacity: 0;
    background-size: cover;
}
.sub-virtual-list-custom ul li .mask .inner {
    width: 100%;
    height: 100%;
    background-image: url(/asset/images/mini/vitbg-BhlYG3G4.svg);
    background-size: 100%;
    background-position: center;
    border-radius: 8px;
    z-index: 1;
    display: none;
    transition: .4s ease-out;
    opacity: 0;
}
.sub-virtual-list-custom ul li:hover .txt01 h2, .sub-virtual-list-custom ul li:hover .txt01 span {
    color: #ffffff;
}
.sub-virtual-list-custom ul li:hover .logo span {
    -webkit-animation: aniLogoViru .7s infinite;
    animation: aniLogoViru .7s infinite
}
.sub-virtual-list-custom ul li:hover .mask, .sub-virtual-list-custom ul li:hover .inner {
    opacity: 1;
}
@keyframes aniLogoViru {
    0% {
        font-size: 3.2vw
    }

    50% {
        font-size: 3.4vw
    }

    to {
        font-size: 3.2vw
    }
}

.txt p {color: yellow;}
@font-face {
    font-family: icomoon;
    src: url(../../asset/font/icomoon-CXNOqCGo.eot?xazc8n);
    src: url(../../asset/font/icomoon-CXNOqCGo.eot?xazc8n#iefix) format("embedded-opentype"),url(../../asset/font/icomoon-CR0vAR9h.ttf?v=1) format("truetype"),url(../../asset/font/icomoon-LNIX3gX_.woff?xazc8n) format("woff"),url(../../asset/font/icomoon-RrTb9FOA.svg?xazc8n#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}
.sidebar ul li a span[class^=icon-] {
    background: linear-gradient(353.95deg, #fff0, #ffffffbf 97.43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #ffffff;
    font-size: 24px;
    margin-right: 25px;
    transition: .2s ease-out;
}
[class^=icon-],[class*=" icon-"] {
    font-family: icomoon!important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.sidebar ul li:hover a span[class^=icon-], .sidebar ul li.active a span[class^=icon-] {
    background: linear-gradient(353.95deg, #1094df00, #1094df 50.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #152350;
    opacity: 1 !important;
    transform: rotate(-30deg) translateZ(0);
    font-size: 32px;
    margin: -4px 21px -4px -4px;
}

.sidebar ul li:hover .title, .sidebar ul li.active .title{
    color: #00a8ea;
}
.icon-BetradarVFAS:before{content:""}
.icon-BetradarVFNC:before{content:""}
.icon-BetradarVFWC:before{content:""}
.icon-BetradarVFEC:before{content:""}
.icon-BetradarVFLM:before{content:""}
.icon-BetradarVFCC:before{content:""}
.icon-BetradarVBL:before{content:""}
.icon-BetradarVHK:before{content:""}
.icon-BetradarVDK:before{content:""}
.icon-BetradarVTI:before{content:""}
.icon-BetradarVBI:before{content:""}
.icon-icconMGP:before{content:""}
.icon-icconPRG:before{content:""}
.icon-icconPG1:before{content:""}
.icon-icconDownload:before {
    content: ""
}

.icon-icconGoOutLink:before {
    content: ""
}

.icon-icconCookie:before {
    content: ""
}

.icon-icconADLINK:before {
    content: ""
}

.icon-icconCOPY:before {
    content: ""
}

.icon-icconREFLASH:before {
    content: ""
}

.icon-icconCopy:before {
    content: ""
}

.icon-icconwheelRecord:before {
    content: ""
}

.icon-icconWheelLimite:before {
    content: ""
}

.icon-icconWheelSave:before {
    content: ""
}

.icon-icconWheelDay:before {
    content: ""
}

.icon-icconWheelRegist:before {
    content: ""
}

.icon-icconCOUPONBOX:before {
    content: ""
}

.icon-icconSHOP:before {
    content: ""
}

.icon-icconTELEGRAM:before {
    content: ""
}

.icon-icconYX:before {
    content: ""
}

.icon-icconRANK:before {
    content: ""
}

.icon-iconFootball:before {
    content: ""
}

.icon-iconGift:before {
    content: ""
}

.icon-icconVIVO:before {
    content: ""
}

.icon-icconGPI:before {
    content: ""
}

.icon-iconWheel:before {
    content: ""
}

.icon-icconCQ9:before {
    content: ""
}

.icon-icconLADYLUCK01:before {
    content: ""
}

.icon-icconYGGDRASIL:before {
    content: ""
}

.icon-icconWOOHOO:before {
    content: ""
}

.icon-icconWAZDAN:before {
    content: ""
}

.icon-icconTHUNDERKICK:before {
    content: ""
}

.icon-icconSPEARHEAD:before {
    content: ""
}

.icon-icconSLOTMILL:before {
    content: ""
}

.icon-icconSKYWIND:before {
    content: ""
}

.icon-icconRTG:before {
    content: ""
}

.icon-icconREVOLVER:before {
    content: ""
}

.icon-icconRELAX:before {
    content: ""
}

.icon-icconQUICKSPIN:before {
    content: ""
}

.icon-icconPUSH:before {
    content: ""
}

.icon-icconPP1:before {
    content: ""
}

.icon-icconNETGAME:before {
    content: ""
}

.icon-icconONETOUCH:before {
    content: ""
}

.icon-icconMOBILIOTS:before {
    content: ""
}

.icon-icconNOLIMIT:before {
    content: ""
}

.icon-icconMAVERICK:before {
    content: ""
}

.icon-icconLADYLUCK:before {
    content: ""
}

.icon-icconKALAMBA:before {
    content: ""
}

.icon-icconIRONDOG:before {
    content: ""
}

.icon-icconHACKSAW:before {
    content: ""
}

.icon-icconGAMEZIX:before {
    content: ""
}

.icon-icconGAMEFISH:before {
    content: ""
}

.icon-icconGAMEART:before {
    content: ""
}

.icon-icconUGASO:before {
    content: ""
}

.icon-icconFANTASMA:before {
    content: ""
}

.icon-icconELK:before {
    content: ""
}

.icon-icconDRAGON:before {
    content: ""
}

.icon-icconBOOONGO:before {
    content: ""
}

.icon-icconBLUEPRINT:before {
    content: ""
}

.icon-iccon1x2:before {
    content: ""
}

.icon-icconARROW:before {
    content: ""
}

.icon-icconTPG:before {
    content: ""
}

.icon-icconAMEBA:before {
    content: ""
}

.icon-icconJDB:before {
    content: ""
}

.icon-icconReferral:before {
    content: ""
}

.icon-icconSafe:before {
    content: ""
}

.icon-icconPOINT:before {
    content: ""
}

.icon-icconSignBonus:before {
    content: ""
}

.icon-icconBBIN:before {
    content: ""
}

.icon-icconEVO:before {
    content: ""
}

.icon-icconEvo:before {
    content: ""
}

.icon-icconBbin:before {
    content: ""
}

.icon-icconMemberAsk:before {
    content: ""
}

.icon-icconAE:before {
    content: ""
}

.icon-icconJILI:before {
    content: ""
}

.icon-icconSG:before {
    content: ""
}

.icon-icconMore:before {
    content: ""
}

.icon-icon-icconQM01:before {
    content: ""
}

.icon-icon-icconLink:before {
    content: ""
}

.icon-icon-icconReferral:before {
    content: ""
}

.icon-icon-icconBG:before {
    content: ""
}

.icon-icon-icconFailed:before {
    content: ""
}

.icon-icon-icconExclamation02:before {
    content: ""
}

.icon-icon-icconSearch:before {
    content: ""
}

.icon-icon-icconGPL:before {
    content: ""
}

.icon-icon-icconGROUND00:before {
    content: ""
}

.icon-icon-icconCoin:before {
    content: ""
}

.icon-icon-icconGendar:before {
    content: ""
}

.icon-icon-icconGROUND07:before {
    content: ""
}

.icon-icon-icconNO:before {
    content: ""
}

.icon-icon-icconGROUND06:before {
    content: ""
}

.icon-icon-icconGROUND05:before {
    content: ""
}

.icon-icon-icconPLAY01:before {
    content: ""
}

.icon-icon-icconGROUND04:before {
    content: ""
}

.icon-icon-icconGROUND03:before {
    content: ""
}

.icon-icon-icconGROUND02:before {
    content: ""
}

.icon-icon-icconGROUND01:before {
    content: ""
}

.icon-icon-icconBALL04:before {
    content: ""
}

.icon-icon-icconBALL03:before {
    content: ""
}

.icon-icon-icconBALL02:before {
    content: ""
}

.icon-icon-icconBALL01:before {
    content: ""
}

.icon-icon-icconIDN01:before {
    content: ""
}

.icon-icconEDIT:before {
    content: ""
}

.icon-icconWARNING:before {
    content: ""
}

.icon-icconSET:before {
    content: ""
}

.icon-fa-star1:before {
    content: ""
}

.icon-fa-star-o1:before {
    content: ""
}

.icon-icconMoneyKOREA:before {
    content: ""
}

.icon-icconEV:before {
    content: ""
}

.icon-icconAB:before {
    content: ""
}

.icon-icconOG:before {
    content: ""
}

.icon-icconDG:before {
    content: ""
}

.icon-icconWM:before {
    content: ""
}

.icon-icconSPORT:before {
    content: ""
}

.icon-icconVR1:before {
    content: ""
}

.icon-icconAAROWup:before {
    content: ""
}

.icon-icconAAROWdown:before {
    content: ""
}

.icon-icconLIVE:before {
    content: ""
}

.icon-icconJUMP:before {
    content: ""
}

.icon-icconLIVEA:before {
    content: ""
}

.icon-icconMEGA:before {
    content: ""
}

.icon-icconMENU:before {
    content: ""
}

.icon-icconPOKER01:before {
    content: ""
}

.icon-icconPOKER02:before {
    content: ""
}

.icon-icconPOKER03:before {
    content: ""
}

.icon-icconPOKER04:before {
    content: ""
}

.icon-icon-iconTime:before {
    content: ""
}

.icon-icconVERIFI:before {
    content: ""
}

.icon-icconRECOMMEND:before {
    content: ""
}

.icon-icconMan:before {
    content: ""
}

.icon-icconMan01:before {
    content: ""
}

.icon-icconPW:before {
    content: ""
}

.icon-icconPW011:before {
    content: ""
}

.icon-icconCALENDAR:before {
    content: ""
}

.icon-icconMOBILE1:before {
    content: ""
}

.icon-icconPARTNER:before {
    content: ""
}

.icon-icconBANK1:before {
    content: ""
}

.icon-icconCHECK:before {
    content: ""
}

.icon-icconPC:before {
    content: ""
}

.icon-icconMailoPEN:before {
    content: ""
}

.icon-icconPlay:before {
    content: ""
}

.icon-icconFAQ:before {
    content: ""
}

.icon-icconPW01:before {
    content: ""
}

.icon-icconPW02:before {
    content: ""
}

.icon-icconPW03:before {
    content: ""
}

.icon-icconMOBILE:before {
    content: ""
}

.icon-icconCARRIER:before {
    content: ""
}

.icon-icconACCOUNT:before {
    content: ""
}

.icon-icconBANK:before {
    content: ""
}

.icon-icconCARD:before {
    content: ""
}

.icon-icconSubscript:before {
    content: ""
}

.icon-iconExclamation01:before {
    content: ""
}

.icon-icconInfo02:before {
    content: ""
}

.icon-icconMailList01:before {
    content: ""
}

.icon-icconMailCheck01:before {
    content: ""
}

.icon-icconMail01a:before {
    content: ""
}

.icon-icconMail02a:before {
    content: ""
}

.icon-icconArrow02:before {
    content: ""
}

.icon-icconX02:before {
    content: ""
}

.icon-icconCheck01:before {
    content: ""
}

.icon-icconCheck02:before {
    content: ""
}

.icon-icconDbonus:before {
    content: ""
}

.icon-icconVip:before {
    content: ""
}

.icon-icconChecking:before {
    content: ""
}

.icon-icconALLnew:before {
    content: ""
}

.icon-BetradarVFAS:before {
    content: ""
}

.icon-BetradarVFNC:before {
    content: ""
}

.icon-BetradarVFWC:before {
    content: ""
}

.icon-BetradarVFEC:before {
    content: ""
}

.icon-BetradarVFLM:before {
    content: ""
}

.icon-BetradarVFCC:before {
    content: ""
}

.icon-BetradarVBL:before {
    content: ""
}

.icon-BetradarVHK:before {
    content: ""
}

.icon-BetradarVDK:before {
    content: ""
}

.icon-BetradarVTI:before {
    content: ""
}

.icon-BetradarVBI:before {
    content: ""
}

.icon-icconMGP:before {
    content: ""
}

.icon-icconPRG:before {
    content: ""
}

.icon-icconPG1:before {
    content: ""
}

.icon-icconPT3:before {
    content: ""
}

.icon-icconIDN:before {
    content: ""
}

.icon-icconService01:before {
    content: ""
}

.icon-icconAPP:before {
    content: ""
}

.icon-icconCooperation:before {
    content: ""
}

.icon-icconMaintain:before {
    content: ""
}

.icon-icconMailList:before {
    content: ""
}

.icon-icconMailCheck:before {
    content: ""
}

.icon-icconMailDelete:before {
    content: ""
}

.icon-icconMail01:before {
    content: ""
}

.icon-icconInfo01:before {
    content: ""
}

.icon-icconV01:before {
    content: ""
}

.icon-icconV02:before {
    content: ""
}

.icon-icconV03:before {
    content: ""
}

.icon-icconV04:before {
    content: ""
}

.icon-icconV05:before {
    content: ""
}

.icon-icconV06:before {
    content: ""
}

.icon-icconV07:before {
    content: ""
}

.icon-icconV08:before {
    content: ""
}

.icon-icconLOAD:before {
    content: ""
}

.icon-icconCD:before {
    content: ""
}

.icon-icconMoney:before {
    content: ""
}

.icon-icconVIP:before {
    content: ""
}

.icon-icconBonus:before {
    content: ""
}

.icon-icconVR:before {
    content: ""
}

.icon-icconHint:before {
    content: ""
}

.icon-icconFavor:before {
    content: ""
}

.icon-icconFavorFull:before {
    content: ""
}

.icon-icconALL:before {
    content: ""
}

.icon-icconMG:before {
    content: ""
}

.icon-icconAG:before {
    content: ""
}

.icon-icconHABA:before {
    content: ""
}

.icon-icconPP:before {
    content: ""
}

.icon-icconPG:before {
    content: ""
}

.icon-icconlogin:before {
    content: ""
}

.icon-icconReg:before {
    content: ""
}

.icon-iiconLogoA:before {
    content: ""
}

.icon-iiconLogoB:before {
    content: ""
}

.icon-iiconDice:before {
    content: ""
}

.icon-iiconSlote:before {
    content: ""
}

.icon-iiconGame:before {
    content: ""
}

.icon-iiconPoker:before {
    content: ""
}

.icon-iiconSpeaker:before {
    content: ""
}

.icon-iiconRing:before {
    content: ""
}

.icon-iiconPolicy:before {
    content: ""
}

.icon-iiconGood:before {
    content: ""
}

.icon-iiconMail:before {
    content: ""
}

.icon-iiconMember:before {
    content: ""
}

.icon-iiconDeposit:before {
    content: ""
}

.icon-iiconWithdraw:before {
    content: ""
}

.icon-iiconListA:before {
    content: ""
}

.icon-iiconListB:before {
    content: ""
}

.icon-iiconService:before {
    content: ""
}

.icon-iiconCell:before {
    content: ""
}

.icon-iiconDownload:before {
    content: ""
}

.icon-iiconFriend:before {
    content: ""
}

.icon-iconLockB:before {
    content: ""
}

.icon-iconARupB:before {
    content: ""
}

.icon-iconARdownB:before {
    content: ""
}

.icon-iconTrash:before {
    content: ""
}

.icon-iconCalendar:before {
    content: ""
}

.icon-iconSand:before {
    content: ""
}

.icon-iconPorkA:before {
    content: ""
}

.icon-iconPorkB:before {
    content: ""
}

.icon-iconPorkC:before {
    content: ""
}

.icon-iconPorkD:before {
    content: ""
}

.icon-fa-star:before {
    content: ""
}

.icon-fa-star-o:before {
    content: ""
}

.icon-iconARleftA:before {
    content: ""
}

.icon-iconPlay:before {
    content: ""
}

.icon-iconGo:before {
    content: ""
}

.icon-iconStar:before {
    content: ""
}

.icon-iconARupA:before {
    content: ""
}

.icon-iconARdownA:before {
    content: ""
}

.icon-iconLive:before {
    content: ""
}

.icon-iconJump:before {
    content: ""
}

.icon-iconReloadA:before {
    content: ""
}

.icon-iconARup01:before {
    content: ""
}

.icon-iconARdown01:before {
    content: ""
}

.icon-iconPlus:before {
    content: ""
}

.icon-iconLock1:before {
    content: ""
}

.icon-iconInformation:before {
    content: ""
}

.icon-iconMessage:before {
    content: ""
}

.icon-iconARup:before {
    content: ""
}

.icon-iconARdown:before {
    content: ""
}

.icon-iconTime:before {
    content: ""
}

.icon-iconMoney:before {
    content: ""
}

.icon-fa-heart:before {
    content: ""
}

.icon-fa-heart-o:before {
    content: ""
}

.icon-iconBank:before {
    content: ""
}

.icon-iconMobile:before {
    content: ""
}

.icon-iconComputer:before {
    content: ""
}

.icon-iconExclamation:before {
    content: ""
}

.icon-iconCheck:before {
    content: ""
}

.icon-iconCross:before {
    content: ""
}

.icon-iconUser:before {
    content: ""
}

.icon-iconLock:before {
    content: ""
}

.icon-iconArrowL:before {
    content: ""
}

.icon-iconArrowR:before {
    content: ""
}

.infoZone {
    width: 100%;
    /*margin-top: 25px;*/
    display: flex;
    justify-content: space-between;
	/*max-width: 85%;
    padding-right: 100px;
    padding-left: 100px; */
    padding-bottom: 50px;
	animation: rightIn .4s; animation-fill-mode: forwards;
}
.infoZone .info01 {
    width: 49%;
    border: 1px solid #304059;
    background-color: #2e3135;
    border-radius: 10px;
    padding: 23px;
    margin-top: 25px;
	margin:20px;
}
.infoZone .info01 .title {
    color: #828282;
    font-size: 18px;
    font-weight: 700;
}
.infoZone .info01 .listFrame {
    overflow: hidden;
}
.infoZone .info01 .list {
    margin-top: 14px;
    animation-duration: 1s;
    background-position: -15px -13px;
    animation-iteration-count: infinite;
    animation-timing-function: step-start;
    animation-play-state: running;
}
.infoZone .info01 .list .listA {
    width: 100%;
    display: flex;
    height: 40px;
    align-items: center;
    border-bottom: 1px solid #485160;
    cursor: pointer;
    justify-content: space-between;
    transition: .4s ease-out;
    padding: 0 9px;
    background-color: #2e3135;
}
.infoZone .info01 .list .listA .message {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    transition: .4s ease-out;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 286px;
}
.infoZone .info01 .list .listA .time {
    font-size: 12px;
    text-align: left;
    color: #ffffff;
    transition: .4s ease-out;
}
@media (max-width:991px){
	.main-wrap2 {padding:0px;}
	.infoZone {
		margin: 10px 10px;
		width: unset;
		display:block;
	}
	.infoZone .info01 { width:100%}
}
.marquee {
  overflow: hidden;
  position: relative;
  height: 30px;
}

.marquee div {
  display: block;
  width: 200%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  animation: marquee 10s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
  font-size: 30px;
  padding: 10px 0px;
  color: #ffffff;
}

@keyframes marquee {
  0% { left: 0; }
  100% { left: -100%; }
}
.noticeIcon {float:left;margin-right: 10px;}
.btnN {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    padding: 11px 15px;
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    margin-left: 15px;
    white-space: nowrap;
    min-width: 110px;
}
.redB {
    background-color: #00a8ea;
    transition: .3s ease-out;
}

.BettingMobileBtn{
	height:50px;border-radius:10px;font-size:14px;font-weight:700;width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;width: 51px;height: 34px;border-radius:8px;font-size: 21px;font-weight:600;line-height: 1px;min-width: 160px;
}
.blueB {
    background-color: #f0ab05 !important;
    transition: .3s ease-out;
}
.btnN.loginIcon, .btnN.signupIcon {
    width: auto;
    min-width: 104px;
}
.btnN:nth-child(2) {
    color: #000000 !important;
}
.btn_p {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffffff;
    color: #ffffff !important;
    padding: 11px 15px;
    border-radius: 50px;
    font-size: 12px;
    cursor: pointer;
    margin-left: 15px;
    white-space: nowrap;
    transition: .3s ease-out;
    min-width: 110px;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@-webkit-keyframes popUp {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes popUp {
    0% {
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.animate__fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.animate_popup {
	 -webkit-animation-name: popUp;
    animation-name: popUp;
}

.swiper-slide img{height: 100%; width:100%;}
footer .swiper-slide img{height: 25px; max-width:120px;}
/*
.wrapper {background: #757575;}
*/
.sub-title-container {
	padding: 20px;
    background: #161616;
    margin-bottom: 20px;
	margin-top: 10px;
}
.sub-wallet {
	background: #161616;
	padding: 11px 12px 10px 15px;
	margin-bottom: 150px;
	min-height: 250px;
}

.list-container {
	background: #000000;
	/* padding: 20px; */
    margin-top: 20px;
    border-radius: 10px;
}
.sub-desc {
	font-size: 16px;
    color: white;
}
.sub-tab ul li a.tab-item {
    display: block;
    padding: 16px;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    border: 1px solid #4DB2FE;
	border-radius: 0px;
}
.sub-tab ul li.active a.tab-item, .sub-tab ul li:hover a.tab-item {
	background: #4DB2FE;
}
.tab-pane {display:none;}
.tab-pane.show {display:block;}

.radio-input {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.radio-label {
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    height: 50px;
}

.radio-container {
	position: relative;
	/* width: calc(20% - 16px); */
    padding: 8px;
	color: #ffffff;
}

@media (max-width:991px){
	.radio-container {
		
	/* width: calc(50% - 6px); */
		padding: 3px;
	}
}

.radio-input:checked ~ label {
    border-color: #4DB2FE;
    background: #4DB2FE;
}
.sub-wrap .sub-menu {
	width: 250px;
    margin-right: 30px;
}
.sub-menu ul li:hover .title, .sub-menu ul li.active .title {
    color: #00a8ea;
}

.title small{color: red;}

.popup {
	position: absolute;
    z-index: 2000;
	display:none;
	width: 800px;
    max-width: 800px;
    left: calc(50% - 400px);
}

@media (max-width: 820px) {
	.popup {
		left: 0px;
		/* right: 10px; */
		max-width: 100%;
	}
}

.close-button {
	position: absolute;
    top: 10px;
    right: 10px;
	cursor:pointer;
}

.popup.show {display:block;}

#casino_list {
	background: #161616;
    padding: 18px 20px;
}


.game-betting-contents {
	width: calc(60% - 8px);
    /* height: 25vw; */
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-left: 8px;
	position: relative;
    z-index: 1;
	animation: leftIn .4s;
    animation-fill-mode: forwards;
}

.game-contents {
	width: calc(40% - 8px);
	/* height: 25vw; */
    border: 1px solid rgba(255, 255, 255, 0.08);
    margin-right: 8px;
}
.countdown-bar {
	border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 5px;
}
.progress-bar {
	background: #4DB2FE;
    height: 30px;
	/*padding-top: 7px;
    padding-left: 10px;*/
	color: white;
	border-radius: 5px;
}

.game-round-number {
	display: flex;
    justify-content: space-between;
	color: white;
    position: relative;
    top: -23px;
}
.game-round-number span {
	font-size: 17px;
    font-weight: 700;
    padding-right: 10px;
}

.progress-label {
	color: white;
    padding-left: 10px;
    font-size: 17px;
    font-weight: 700;
}
.mask{
	display:block;
	position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
}
.mask.hidden{display: none;}

.sub-list-gallery.comm-list ul li {
	border: 1px solid #525252;
    padding: 8px;
}

.sub-list-gallery.comm-list ul li .list-image {
	height: unset;
	border:unset;
}

.sub-list-history tr td .result-list {
	display: flex;
    flex-wrap: wrap;
    align-items: center;
	padding-right: 10px;
}

.sub-list-history tr td .result-list div.active {
	background: #4DB2FE;
    border-color: #4DB2FE;
}

.sub-list-history tr td .result-list div {
    padding: 0 15px;
    width: calc(50% - 34px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    height: 30px;
}

.sub-list-history tr td .result-list div:first-of-type span:first-of-type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 10px;
}

.sub-list-history tr td .result-list div.active span {
    color: #fff;
}

.sub-list-history tr td .result-list div span {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

.sub-list-history tr td .result-list div:nth-of-type(2) {
    flex: none;
    justify-content: center;
    width: 48px;
    margin: 0 10px;
    padding: 0;
}

.sub-list-history tr td .result-list div:last-of-type span:last-of-type {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 10px;
    text-align: right;
}
.betting-area {
	display:flex;
	flex-wrap: wrap;
}
.first-contents {
	flex: 3;
	padding: 10px;
}
.second-contents {
	flex: 2;
	padding: 10px;
}

.game-betting-contents span {
    font-size: 17px;
    font-weight: 700;
    padding-right: 10px;
	color: #fff;
}

.select-item-container {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
	width: 100%;
}
.select-item-button {
	width: calc(25% - 10px);
	/* height: 120px; */ 
	color: #fff;
	display: flex;
    flex-direction: column;
    align-items: center;
	cursor: pointer;
}
.select-item-button p {
	font-size: 18px;
    font-weight: 700;
    padding: 5px 0px;
}
.bg-blue {background: #00A8FF;}
.bg-red {background: #ff6060;}
.bg-green {background: #44d58b; width: calc(30% - 10px);}
.bg-point {background: #626262; width: calc(33% - 10px);height: unset;}
.circle-button{
	width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	margin-bottom: 10px;
}
.circle-button span{padding: 0px; font-size: 20px;}
.bg-blue-circle{background: #0957b9;}
.bg-red-circle {background: #bf383a;}
.bg-green-circle {background: #107c4a;}

.second-contents > div{
	padding: 10px;
	margin-top: 25px;
    background: #939393;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.second-contents > div > p {
	font-size: 20px;
    font-weight: 700;
    color: #fff;
}
.betting-button {
	background: #626262;
    padding: 15px 100px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
}

.marquee.is-m span {
	width: 100%;
}
.marquee.is-m {
	margin-top: 20px;
}
footer.is-m {
	position: fixed;
    width: 100vw;
	height: 7vw;
    bottom: 0;
    z-index: 1000;
    color: #54728e;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center top;
    -o-background-size: cover;
    background-size: cover;
    font-family: Microsoft JhengHei, sans-serif;
    -moz-transform: translate3d(0px, 0, 0);
    transform: translateZ(0);
    -webkit-transform: translate3d(0px, 0, 0);
    -ms-transform: translate3d(0px, 0, 0);
    -o-transform: translate3d(0px, 0, 0);
}
footer.is-m ul {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /* margin-top: 4vw; */
}
footer.is-m ul li {
    width: 20vw;
}
footer.is-m ul li a {
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #ffffff;
    font-size: .72rem;
}
footer.is-m ul li a span:first-child {
    background: -webkit-linear-gradient(96.05deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .75) 97.43%);
    background: -moz-linear-gradient(96.05deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .75) 97.43%);
    background: -o-linear-gradient(96.05deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .75) 97.43%);
    background: linear-gradient(353.95deg, #fff0, #ffffffbf 97.43%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 1.5rem;
    margin-bottom: .5vw;
}
footer.is-m ul li a div {
    text-align: center;
    font-family: Microsoft JhengHei, sans-serif;
    /* -webkit-transform: scale(.92);
    -moz-transform: scale(.92);
    -ms-transform: scale(.92);
    -o-transform: scale(.92);
    transform: scale(.92); */
}
@media (max-width: 991px) {
	
	.home-navigation {display: flex;}
	.tab-type {padding: 10px;}
	.tab-type li {
		width: 70px;
		height: 70px;
		background: linear-gradient(to bottom, #000000 0%, #545454 100%);
		color: #fff;
		margin: 10px 0px;
	}
	.tab-type li a {
		text-align: center;
		width: 100%;
		color: white;
	}
	.tab-type li.active a {color: #1094df;}
	.tab-type li a div {height: 50px;}
	#tab-maingame {
		width: 100vw;
		max-height: 570px;
		overflow-y: scroll;
		background: #161616;
        border: solid 20px #161616;
	}
	.snb-category span[class^=icon-], .snb-category span[class*=" icon-"] {
        font-size: 23px;
    }
	span[class^=icon-],span[class*=" icon-"] {font-size: 32px;}
	#tab-maingame .sub-list-gallery ul li .list-image {
        height: 39vw;
    }
	#tab-maingame .sub-list-gallery ul li {
        width: calc(50% - 17px);
		margin: 0 8px 17px;
		height: 39vw;
		
    }
	#casino_list {padding: 0px;}
	.infoZone {display:none !important;}
	.m-banner {
		display: flex !important;
		flex-wrap: wrap;
		padding-bottom: 14vw;
		justify-content: space-evenly;
		animation: leftIn .4s;
	}
	.m-banner img {
		width: calc(50% - 10px);
		padding: 5px;
	}

	.menu a span {padding-right: 10px;}
	.game-betting-contents {
		width: 100%;
		margin: 0px;
		animation: leftIn .4s;
        animation-fill-mode: forwards;
	}

	.game-contents {
		width: 100%;
		height: 55vw;
		margin-bottom: 20px;
	}
	.first-contents { flex: unset; width: 100%;}
	.second-contents {flex: unset; width: 100%;}
	.select-item-button p { font-size: 17px;}
	.select-item-container { padding: 10px 0px;}
	.sub-title {width: 50vw;}
	header .top > a.my {
        width: 24px;
        height: 24px;
        font-size: 0;
        background: url(../images/icon_my.png) no-repeat center / cover;
    }
	header .snb.fixed.menu .snb-user {
        display: none;
    }
	header .snb.fixed.my .snb-category {
		display: none;
    }

	.tit {font-size: 20px;}

	.sub-list-gallery {animation: leftIn .4s;}
}
.snb-user {
    padding: 0 12px 24px;
}
.snb-user .user-thumb {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		border-bottom: 1px solid #fff;
		padding: 12px 10px;
	}
	.snb-user .user-thumb img {
		width: 22px !important;
		height: 22px !important;
		border-radius: 50%;
		object-fit: cover;
	}
.snb-user .user-thumb p {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 8px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
	line-height: 1;
    font-family: 'Pretendard', sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.snb-user .user-info {
    border-bottom: 1px solid #fff;
}
.snb-user .user-info dl dd {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.snb-user .user-info dl dd a {
    padding: 12px 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.snb-user .user-info dl dd a b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
}
.snb-user .user-info dl dd:nth-of-type(1) a b:before {
    background-image: url(../images/icon_snb_user_01.png?1);
}
.snb-user .user-info dl dd:nth-of-type(2) a b:before {
    background-image: url(../images/icon_snb_user_02.png?1);
}
.snb-user .user-info dl dd:nth-of-type(3) a b:before {
    background-image: url(../images/icon_snb_user_03.png?1);
}
.snb-user .user-info dl dd a b:before {
    display: inline-block;
    content: "";
    width: 24px;
    height: 24px;
    margin: 0 3px 0 0;
    background-size: cover;
    background-position: center;
}
.snb-user .user-info dl dd a strong {
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}
.snb-user .user-button {
    margin: 20px 0 0;
}
.snb-user .user-button ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
}
.snb-user .user-button ul li {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
}
.snb-user .user-button ul li:nth-of-type(1) a {
    background: #FCEF71;
    border-color: #FCEF71;
    color: #333;
}
.snb-user .user-button ul li:nth-of-type(2) a {
    background: #353535;
    border-color: #353535;
    color: #ADCDFF;
}
.snb-user .user-button ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    font-weight: 600;
    color: rgba(217, 217, 217, 0.6);
}
.snb-category {
    padding: 24px 12px;
}
.snb-category ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -5px -10px;
}
.snb-category ul li {
    width: calc(50% - 10px);
    margin: 0 5px 10px;
}
.snb-category ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 35px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.snb-banner ul li {
    margin: 0 0 4px;
}
.snb-banner ul li a {
    display: block;
}
.snb-banner ul li a img {
    display: block;
    width: 100%;
}
.gameZoneA .tabZone {
    animation: topIn.4s;
    animation-fill-mode: forwards;
    opacity: 0;
}
.gameZoneA .tabZone ul {
    display: flex;
}
.gameZoneA .tabZone ul li.active, .gameZoneA .tabZone ul li:hover {
    background: linear-gradient(107.82deg, #5ce4f7 2.47%, #448fb9 40.06%, #0c72ab 76.13%);
}
.gameZoneA .tabZone ul li.active h4 {color: #ffffff;}
.gameZoneA .tabZone ul li h4 {
	color: #ffffff;
    font-size: 14px;
    transition: .4s ease-out;
    font-weight: 700;
    cursor: pointer;
}
.gameZoneA .tabZone ul li {
    height: 58px;
    width: 20%;
    background: linear-gradient(180deg, #21273a 0%, #0b0f11 100%);
    box-shadow: inset 0 4px #019ad4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .4s ease-out;
    position: relative;
    border: 1px solid #304059;
    margin-left: -1px;
}
.firstFrame {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.inputFrame {
    display: flex;
    align-items: center;
	flex: 2;
}
.inputFrame .input_content {
    /* width: 226px; */
    height: 40px;
    position: relative;
}
.input_content {
    background-color: #0b0b11;
    border: 1px solid #4b4b4b;
    color: #b6b6b6;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 5px;
}
.inputFrame .input_content select {
    display: block;
    border: none;
    background: none !important;
    padding: 0;
    height: 40px;
}
.numZone {
    display: flex;
    align-items: center;
    justify-content: center;
}
.numZone .noCoupon, .numZone .noCoupon:hover {
    background: #232323 !important;
    color: #b6b6b6;
    cursor: auto;
    border: 1px solid #232323 !important;
}
.numZone .btnT {
    width: 121px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
    transition: .4s ease-out;
    margin-left: 20px;
    border: 0px;
    background-color: #225b70;
    color: #bbbbbb;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: ko-regular !important;
    background: #00a8ea;
    color: #ffffff;
}
select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}
button, select {
    text-transform: none;
}
select {
    background-color: #ffffffe6;
    width: 100%;
    padding: 5px;
    border: 1px solid #f2f2f2;
    border-radius: 2px;
    height: 3rem;
}
.gameZoneA {
    padding-bottom: 20px;
}
.roulette {
	display: flex;
    justify-content: center;
}