#visual {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    background: url(https://i.imgur.com/LZNDooP.jpg) no-repeat center;
    background-size: cover;
}
#visual.pop::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.3);}
#visual video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media (min-aspect-ratio: 16/9) {
    #visual video {
        height: 308%;
        top: -103%;
    }
}

@media (max-aspect-ratio: 16/9) {
    #visual video {
        width: 303%;
        left: -100%;
    }
}

body.login{background:url(https://i.imgur.com/LZNDooP.jpg) no-repeat 50% 0;background-size:cover;background-attachment:fixed;}
/*body.login #footer{margin-top:67px}*/
/*
.minigame{overflow-x:scroll; width:100%; overflow-y:hidden; }
.minigame > ul {display: inline;white-space: nowrap;font-size: 0;}
.minigame > ul > li{display: inline-block;width: 100px;}
.minigame > ul > li .img{border-right:1px solid #454545;}
*/
.mini-live-tmenu {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 1%;
    height: 50px;
    vertical-align: middle;
    
}

.mini-live-tmenu:hover {
    background: #300306;
}



.t-line1 {
    border-top: 1px solid #c21161;
    border-right: 1px solid #444444;
}



.t-line2 {
    border-top: 1px solid #d40000;
    border-right: 1px solid #444444;
}



.t-line3 {
    border-top: 1px solid #5c861b;
    border-right: 1px solid #444444;
}



.t-line4 {
    border-top: 1px solid #206725;
    border-right: 1px solid #444444;
}



.t-line5 {
    border-top: 1px solid #c21161;
    border-right: 1px solid #444444;
}



.t-line6 {
    border-top: 1px solid #008fe8;
    border-right: 1px solid #444444;
}



.t-line7 {
    border-top: 1px solid #ff9000;
    border-right: 1px solid #444444
}



.t-line8 {
    border-top: 1px solid #5d871b;
    border-right: 1px solid #444444
}



.t-line9 {
    border-top: 1px solid #206825;
    border-right: 1px solid #444444
}



.t-line10 {
    border-top: 1px solid #93f;
	border-right: 1px solid #444444;
}

.t-line11 {
    border-top: 1px solid #709aef;
	border-right: 1px solid #444444;
}

.t-line12 {
    border-top: 1px solid #70dfef;
	border-right: 1px solid #444444;
}

.t-line13 {
    border-top: 1px solid #55e377;
	border-right: 1px solid #444444;
}

.t-line14 {
    border-top: 1px solid #c7e355;
	border-right: 1px solid #444444;
}

.t-line15 {
    border-top: 1px solid #5c8610;
	border-right: 1px solid #444444;
}

.t-line16 {
    border-top: 1px solid #d40300;
	border-right: 1px solid #444444;
}

.live-tmenu-countdown{ color: #f50 !important; margin-top: 3px;}

.pop-mode{transform: translate(0, 0);transition: all 0.3s ease;top: 0;left:0;right:0;bottom: 0;z-index: 101;width: 100%;/* height: 80%; *//* overflow: hidden; */}
.pop-mode.pop-show{transform: translate(0, 50px);}

.pop-login{width:100%}

.login-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000201;}
.login-bg img{position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;animation:animar_fondo 20s linear infinite alternate;}

@keyframes animar_fondo {
	from {transform: scale(1) translate(0px);}
	to {transform: scale(1.2) translate(50px);}
}



.login-wraper{position:relative}
.login-wraper .mark-youth{position:absolute;top:10px;right:10px;width:48px;height:auto}

.login-box.join {padding:0;/*padding:20px 10px 75px;*/}
.login-box{padding:50px 30px;}
.login-cont{/* max-width: 293px; */margin:0 auto;/* padding: 32px 0 30px; */text-align: center; position:relative; padding-top:108px; }
.login-cont .tit{ position:absolute; top:0; width:100%; text-align:center; z-index:111; }
.login-cont .tit p{font-size:16px;color:#fff;margin-top: 15px;}
.login-cont .tit a{position:relative;vertical-align: middle;}
.login-cont .tit img{width:136px;height:auto}
.login-cont p.p1{font-size:38px;color:#fff;}
.login-cont p.p2{font-size:22px;font-weight:300;color:#fff;margin: 15px 0 20px;}
.login-cont .cont{position: relative;padding:40px 20px 25px;border:3px solid;border-image:linear-gradient(to top, #00157e, #005aff) 1 / 1 / 0 stretch;background:rgba(255,255,255,.8);}
.login-cont .cont p.ipt{margin:0 0 6px;position: relative;/* border-radius: 5px; */}
.login-cont .cont p.ipt::before{display: none;content:"";position:absolute;top: calc(50% - 13px);left: 60px;width:1px;height:25px;background: #4a4f54;}
.login-cont .cont p.ipt i.iconfont{position:absolute;top:calc(50% - 11px);left:0;font-size:22px;color: #000;width:45px;}
.login-cont .cont p.ipt:first-child i.iconfont{font-weight:600}
/* .login-cont .cont p.ipt:nth-child(2) i.iconfont{font-size:18px; padding-left:16px;} */
.login-cont .cont p.ipt input{height:38px;font-family:'jal';font-size: 12px;box-sizing: border-box;width: 100%;background:#e8f0fe;color:#000;padding:0 20px 0 45px;outline:0;border-radius:5px;border:1px solid #a6baef;}
.login-cont .cont p.ipt input:focus{/*border-color:#2eff00;background:#162d0e;*/}
.login-cont .cont p.ipt input::placeholder{font-family:'jal';font-size:12px;color:#72798c}
.login-cont .cont p.ipt.on input{border:1px solid #c9b274;box-shadow:0px 0px 10px #c9b274;}
.login-cont .cont p.ipt.on i.iconfont{color: #c9b274;border-radius: 50%;overflow: hidden;}
.login-cont .cont p.ipt input:first-child{margin-top:0;}
.login-cont .cont p.remember-id{padding:6px 15px 12px;text-align:left}
.login-cont .cont p.remember-id label{display:flex;align-items:center;color:#72798c;}
.login-cont .cont p input[type=checkbox]{display:none}
.login-cont .cont p input[type=checkbox] + label i{display:inline-block;width:14px;height:14px;margin-right:6px;background:url(https://i.imgur.com/TB7TS1B.png) no-repeat;background-size:14px 14px}
.login-cont .cont p input[type=checkbox]:checked + label i{background:url(https://i.imgur.com/c5U1YUP.png) no-repeat;background-size:14px 14px}
.login-cont .cont div.ipt-rt{text-align:right;margin-bottom: 30px;}
.login-cont .cont div.ipt-rt a{color:#325745;}
.login-cont .cont div.ipt-rt label{font-size:14px;color:#acabab;margin-left:5px;}

.login-cont .cont p.ipt2{margin: 0 0 10px;position: relative;/* border-radius: 5px; */}
.login-cont .cont p.ipt2 span.checking{position:absolute;top:0;left: 0; height:50px;}
.login-cont .cont p.ipt2 span.checking img{width: 100%; height: 100%}
.login-cont .cont p.ipt2 input{height: 52px;border:0;font-size: 14px;box-sizing: border-box;padding: 0;width: 100%;background: #1d2329;border: 1px solid #4a4f54;color: #fff;padding-left: 0;padding: 0 20px 0 150px;outline:0;/* text-align: center; */}

.login-cont .btn-log{overflow: hidden;}
.login-cont .btn-log .btn-tp a.apply-btn{margin-top:5px; }
.login-cont .btn-log .btn-tp{display:flex;align-items:center;justify-content:center;width:100%;padding:20px 0;font-family:'jal';color:#000}
.login-cont .btn-log .btn-tp a{color:#004de7}
.login-cont .btn-log .btn-bt{overflow:hidden;margin-bottom:20px}
.login-cont .btn-log .btn-bt a{float:left;width: calc(100% / 2 - 3.5px);height:40px;line-height:40px;border-radius:5px;background:#121836;font-family:'jal';font-size:12px;color:#eaeaea}
.login-cont .btn-log .btn-bt a:last-child{margin-left:7px}
.login-cont .btn-log .btn-bt a.btn.grey{color: #000 !important;float: right;padding: 0;background: linear-gradient(to right,#ffa800, #ffc600);font-size: 16px;border-radius: 5px;}

a.tel { background:none; }
.login-cont .btn-log a.white-btn{width: 100%;display: block;height: 45px;line-height: 45px;font-size: 16px;color: #fff;border-radius:5px;background:linear-gradient(to top,#001681,#0058fc);font-family:'jal'}
.login-cont .btn-log a:hover{color: #fff;opacity:0.9;}
/* .login-cont .btn-log a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);} */
.login-cont .btn-log a:first-child::after{display:none;}
.login-cont .btn-log a.apply-btn{display:inline-block;width:100%;height:40px;line-height:40px;border-radius:5px;font-family:'jal';font-size:14px;margin-top:5px;color:#fff;background:#121836;text-align:center}
.login-cont .btn-log a.apply-btn:active{box-shadow: none}
.login-cont .btn-log .tel a { background:none; }
.login-cont .smile-img {position:absolute;bottom:-55px;left:-25px;z-index:111;display: none;}
.login-cont .smile-img img { width:70px; }
/* 20210623 */
/* .login-cont .btn-log a.discuss-btn{color: #333;float: left;font-size: 16px;color: #000 !important;background: linear-gradient(to right,#ffa800, #ffc600);border-radius: 5px;}
.login-cont .btn-log a.discuss-btn:active{box-shadow: none} */
/* //20210623 */
.login-cont .p3{color: #8c8c8c;text-align: center;margin: 25px 0 15px;}
.login-cont .p3 a{color: #fff;font-size: 14px;}
.login-cont .p3 a:hover{color: #006bfc;}
.login-cont .login-twi{text-align:center;margin-top: 30px;margin: 30px -30px 0;}
.login-cont .login-twi > ul > li{display:inline-block;text-align: left;}
.login-cont .login-twi > ul > li:first-child{margin-right: 10px;}
.login-cont .login-twi > ul > li span{color: #8c8c8c;font-size: 14px;display: inline-block;vertical-align: middle;}
.login-cont .login-twi > ul > li span strong{color:#fffefe;display: block;}
.login-cont .login-twi > ul > li span:first-child{margin: 0 5px;}
.login-cont .login-twi > ul > li i.iconfont{display:inline-block;/* width:40px; */height:40px;/* background:#fff; *//* line-height: 40px; */font-size: 36px;border-radius: 50%;/* background-image: -webkit-linear-gradient(top right,#4469db, #1f8bdc); *//* -webkit-background-clip: text; *//* -webkit-text-fill-color: transparent; */}
.login-cont .login-twi > ul > li:first-child i.iconfont{/* background:#ffdd00; */color: #ff5500;}
.login-cont .login-twi > ul > li:last-child i.iconfont{/* background: #ff5500; *//* font-size: 18px; */color: #ff5500;}

.login-cont .login-twi p{display:inline-block;color: #fff;}
.login-cont .login-twi p:last-child{text-align:left;margin-left:10px;line-height:1.5;vertical-align: middle;}
.login-cont .login-twi p span{display:block;font-size: 14px;color: #a3a3a3;}
.login-cont .login-twi p strong{display:block;font-size: 22px;color: #fff;}

.login-copy{color: #6c6d74;margin-top: 30px;text-align: center;}

.login-cont input::-webkit-input-placeholder { /* WebKit browsers */
  color: #8c8c8c;
}
.login-cont input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #8c8c8c;
}
.login-cont input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #8c8c8c;
}

/*
.loginPopup{position:absolute;top:0;left:0;width:100%}
.loginPopup .popTitle{display:flex;align-items:center;justify-content:center;height:45px;background:#15173e;}
.loginPopup .popTitle img{height:33px;}
.loginPopup .popTitle .iconfont{position:absolute;top:0;right:0;width:45px;height:45px;font-size:26px;text-align:center;line-height:45px}
.loginPopup .popImage{width:100%;height:auto}
.loginPopup .popBtn{display:flex;align-items:center;justify-content:center;height:50px;background:#06091d}
.loginPopup .popBtn a{height:30px;line-height:30px;padding:0 27px;border-radius:15px;background:#2e314b;font-size:13px}
*/

.popup {
    display: none;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    position: absolute;
	padding:0 15px;
	border-radius:0;
	border:3px solid;
	border-image:linear-gradient(to top, #00157e, #005aff) 1 / 1 / 0 stretch;
	background:rgba(255,255,255,.8)
}
.popup .b-close, .popup_1 .b-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    color: #fff;
}
.popup.isAsk .answer,
.popup.isAnswer .ask  { display:none; }
.popup.isAnswer .answer { display:block; }
.popup.isAnswer .answer.btn { display:inline-block; } 
.popup.isAsk #resReply { display:none !important; }
.popup.isAnswer #resReply { display:none; }

.popup .gidbx_tb table tr th{
    background-color:#70c2fe;
}
.popup .gidbx_tb table tr td {
    height: auto;
    padding: 10px 10px;
    background-color: #fff;
    color: #888;
    font-size: 13px;
    text-align: left;
}
.popup .gidbx_tb table tr td input{background:#fff;color: #333;}
.popup .gidbx_tb table tr td em {
    display: block;
    margin: 8px 0 0 0;
    color: #ffba00;
}

.popup .gidbx_tb table tr td p {
    display: block;
    margin: 8px 0 0 0;
    font-size: 11px;
    color: #999;
    text-align: left;
}

.popup .gidbx_tb table tr td > div {
    padding: 5px 0;
}

.popup h2 {
	margin:0 -20px;
    padding: 0 0 0 20px;
    height:45px;
    line-height:45px;
	font-family:'jal';
    font-size: 16px;
    color: #000;
    
    border-bottom: 3px solid #0054f5;
    text-align:left;
 }
 .popup h2 span { font-weight:500; }
.popup .b-close { position:absolute;top:0;right:0;width:45px;height:45px;font-size:28px;color:#121836;text-align:center;line-height:42px }
.popup .b-close img { width:22px; }
/* .popup .gidbx_tb ul { padding:0 0px 10px;} */
.popup .gidbx_tb { padding:15px 0; }
.popup .gidbx_tb ul li {
    overflow: hidden;
    margin-bottom: 4px;
    position: relative;
}
.popup .gidbx_tb ul li .pth {
	font-family:'jal';
    font-size: 15px;
    margin:10px 0 0;
    color: #191919;
    text-align: left;
}
.popup .gidbx_tb .second { text-align:left; }
.popup .gidbx_tb .third { margin:5px 0 0 0; text-align:left; color:#bbbbbb; font-size: 12px; }
.popup .gidbx_tb ul li input, 
.popup .gidbx_tb ul li select{
	text-align:left;
    background-color:#e8f0fe;
	border-radius:5px;
    border:1px solid #a6baef;
    font-size: 14px;
    color: #000;
    outline: none;
    padding:0 15px;
	height:38px;
	width:100%;
}
.popup .gidbx_tb ul li input::placeholder,.popup .gidbx_tb ul li textarea::placeholder{font-family:'jal';font-size:12px;color:#a1a6b6}
.popup .gidbx_tb ul li input:focus, 
.popup .gidbx_tb ul li select:focus,
.popup .gidbx_tb ul li textArea:focus { /*border:1px solid #3f3f3f;*/ }
.popup .gidbx_tb ul li textarea { border-radius:5px;border:1px solid #a6baef;background-color:#e8f0fe; resize:none; color:#000; padding:10px; width:100%; height:265px;outline:0; }
.dimed { 
    display: none;
    background: rgba(0,0,0,0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 101;
    backdrop-filter:blur(20px);
 }

.popup .gidbx_tb ul li #notice_view {
	text-align:left;
    background-color:#e8f0fe;
	border-radius:5px;
    border:1px solid #a6baef;
    font-size: 14px;
    color: #000;
    outline: none;
    padding: 15px;
	height:120px;
	width:100%;
    overflow-y:auto;
}

.btn_warp.btn-log a {
    display: block;
    margin: 0 0 5px;
    height: 45px;
    line-height: 45px;
    box-sizing: border-box;
    background:linear-gradient(to top,#001681,#0058fc);
	font-family:'jal';
    font-size: 14px;
    color: #ffffff;
    border-radius: 5px;
	text-align:center;
}
.btn_warp.btn-log a.cancel{height:40px;line-height:40px;border-radius:5px;background:#121836;font-family:'jal';font-size:14px;color:#fff;text-align:center}

.color-red{font-size:12px;color: #ffd300;}
.color-black{font-size:12px;color: #ffd300;}

.black-btn a{display:block;height: 52px;line-height: 52px;border:2px solid #f9c71e; background:linear-gradient(#f9bb1c, #fe8816);text-align:center;font-size: 22px;color: #fff; border-radius: 5px;}
.white-btn{float: left;}
.white-btn a{display:block;height: 52px;line-height: 52px;background: none;color: #fff;text-align:center;font-size: 22px;border: 1px solid #fff;border-radius: 5px;}
.white-btn a:active{box-shadow: none !important;}
.join-btn .white-btn a { background:linear-gradient(#828282,#bfbfbf); border-radius:5px; border:2px solid #a8a8a8; }

.pop-join{max-width: 580px;width: 100%;height: 84%;border-radius: 10px;margin: 0 auto;top: 0;bottom: auto;/* border: 1px solid #2a3d40; */transform: none;}
.pop-join .pop-close{position:absolute;top: -38px;right: -32px;font-size: 22px;color: #fff;}
.pop-join .img{text-align:center;font-size: 38px;color: #fff;margin-bottom: 25px;}
.pop-join .img img{width: 141px;margin-right: 5px;}
.join-box{margin: 0 auto;box-sizing: border-box;position: relative;height: calc(100% - 105px);}
.join-v{margin:0px auto; position:relative; /*padding-top:80px;*/ }
.join-v .tit{font-size: 36px;color: #fff; text-align: center; position:absolute; top:0; width:100%; z-index:111; }
.join-v .tit a{position:relative;vertical-align: middle;}
.join-v .tit img{width: 200px;}
.join-v .repeat-box{position:relative;}
.join-v .repeat-btn{
    position: absolute;
    top: 0px;
    right: 0;
    width:90px;
    height: 45px;
    line-height:45px;
    text-align: center;
    font-size: 14px;
    
    color: #fff;
	border-radius:5px;
    background:linear-gradient(#64bfd0,#5a8eba);
}
.join-v .cont{background: rgb(255,255,255,.8);padding:17px 18px 20px;position: relative;border: 3px solid;border-image: linear-gradient(to top, #00157e, #005aff) 1 / 1 / 0 stretch;text-align:center}
.join-v .cont h3{margin-bottom:10px;font-family:'jal';font-weight:normal;font-size:16px;color:#000}
.join-v .cont h3 strong{color:#004de7}
.join-v .cont h3 i{display:inline-block;margin:0 10px;font-family:'a2';font-size:16px;color:#858c9e}
.join-v .cont ul{/* padding-bottom:10px; */}
.join-v .cont li{overflow:hidden;display:flex;align-items:center;justify-content:space-between;height:39px;margin-bottom:4px;border-radius:5px;border:1px solid #a6baef;background:#e8f0fe;text-align:left/* position:relative; */}
.join-v .cont li .first{flex:0 0 43px;display:flex;align-items:center;justify-content:center;width:43px;height:39px;border-right:1px solid #a6baef}
.join-v .cont li .first .iconfont{font-size:20px;color:#000}
.join-v .cont li.on .first{color:#f8bc1c;}
.join-v .cont li.abled .first{position:relative;}
.join-v .cont li.abled .first::after{display: none;content:"\e6c7";position:absolute;top:0;right:0;color: #ff0000;font-family: "iconfont" !important;font-size: 16px;}
.join-v .cont li.ok .first::after{display: none;content:"\e680";position:absolute;top:0;right: -3px;color: #fccc14;font-family: "iconfont" !important;font-weight: normal;font-size: 23px;}
.join-v .cont li.abled .second input{border: 1px solid #ff0000;}
.join-v .cont li.abled .second .txt{color:#ff0000;}
.join-v .cont li .first i{font-size:16px;color:#c41e1e;margin-left:5px;}
.join-v .cont li .second{flex:1;position: relative;/* padding-bottom: 20px; */}
.join-v .cont li .second .txt{/* position:absolute; */bottom: 7px;color: #8d8d8d;font-size: 12px;/*  */margin-top: 5px;}
.join-v .cont .grey{margin-left:10px;font-size:15px;color:#b1b1b1;}
.join-v .cont .white{margin:0 6px;font-size:16px;color:#fff;}
.join-v .cont input,
.join-v .cont select{width:100%;height:39px;padding:0 10px;background:inherit;font-size:13px;color:#000;outline:none;border:0;vertical-align:middle;box-sizing:border-box}
.join-v .cont select{font-family:'jal';font-size:12px;color:#121836}
.join-v .cont select option { font-family:'jal';font-size:12px;color:#000!important; }
.join-v .cont input::placeholder{font-size:12px;color:#a1a6b6}
/* .join-v .cont input,
.join-v .cont select{padding-left: 15px;}
.join-v .cont select{color: #7d7d7d;} */
.join-v .cont input.iptD2{width: calc(100% - 60px);}/* 20210620 */
/* .join-v .cont input:focus, .join-v .cont select:focus{border: 1px solid #0096ff;} */
.join-v .cont li .first.c-blue {color:#009eff;}
/* .join-v .cont li .second .second-box { border:1px solid #cbcbcb; height:45px; line-height:45px; border-radius:5px; margin-bottom:5px; background:#fff; }
.join-v .cont li .second .second-box label { color:#4c4c4c; font-size:14px; margin-left:17px; }
.join-v .cont li .second .second-box label:first-child { margin-left:7px; } */
.join-v .smile-img {position:absolute;bottom:-26px;left:-12px;z-index:111;display: None;}
.join-v .smile-img img { width:58px; }

.join-v .cont p.red{height:40px;line-height:40px;font-family:'jal';font-size:12px;color:#f44f55!important}

@media screen and (max-width:374px){
.join-v .cont li .second .second-box label { margin-left:2px; }
.join-v .cont li .second .second-box label:first-child { margin-left:3px; }

}

.join-phone{overflow:hidden;}
.join-phone input,
.join-phone span,
.join-phone select{float:left;}
.join-phone span{margin:0 3px;line-height: 45px;width: calc(3% - 6px);text-align: center;}
.ipt91{width: 33%;height: 44px;}
.ipt111{width: 31%;height: 35px;}
.ipt101{width: 33%;height: 35px;}
.iptD{width: 50%;height:43px;}
/* .iptD2{height:43px;} */
.iptC{width: 100%;height:43px;}
.seleC{width: 100% !important;height: 35px;}
.seleD{width: 50%;height:43px;}
.join-btn{overflow:hidden;/*margin-top: 20px;*/}
.join-btn .black-btn{/*float: left;width: 49%;*/position:relative;overflow:hidden; }
.join-btn .white-btn{/*float:right; width: 49%;*/float:none;position:relative; overflow:hidden; }
.join-btn .black-btn a {display:block;width:100%;background:linear-gradient(to top,#001681,#0058fc);border:0;height:45px;line-height:45px;font-family:'jal';font-size:14px;border-radius:5px;}
.join-btn .white-btn a {display:block;width:100%;background:#121836;border:0;height:40px;line-height:40px;margin-top:5px;font-family:'jal';font-size:14px;border-radius:5px;}
.join-btn .white-btn a:hover,
.join-btn .black-btn a:hover{opacity:0.9;}
.join-btn .white-btn a:active,
.join-btn .black-btn a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.chk-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 60px;
    height: 29px;
    line-height: 29px;
    text-align: center;
	font-family:'jal';
    font-size: 12px;
	border-radius:3px;
    color: #fff;
    background:#121836;
}/* 20210620 */
.chk-btn:hover{opacity:0.9;}
/* .chk-btn:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);} */


.bank-box{font-size:0;/*margin-bottom: 5px;*/}
.bank-box .seleD{margin-right: 10px;width: calc(50% - 10px);background:transparent url(https://i.imgur.com/hUlKcIF.png) no-repeat right 10px center !important;}

.bank-box select {
  -webkit-appearance: none;  /* */
  -moz-appearance: none;
  appearance: none; 
}
/* IE 10, 11 */
.bank-box select::-ms-expand { 
  display: none;
}

.join-v .cont input::-webkit-input-placeholder { /* WebKit browsers */
  color: #7d7d7d;
}
.join-v .cont input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #7d7d7d;
}
.join-v .cont input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #7d7d7d;
}

.pop-code{max-width: 347px;border-radius:10px;background: rgba(33, 43, 49, 0.8);width: 100%;position: absolute;margin: 12% auto 0;max-height: 450px;border: 2px solid #047f5b;}

.sub-container{/*padding-top:100px;background: #000;*/}
.sub-container-wrap{margin: 0px auto;/* overflow: hidden; */}
.sub-container-wrap::after{content:"";clear:both;display:block;}
.sub-container-wrap .content-box{width:100%;padding-bottom:65px;}


.sub-tab1 {text-align: center;overflow: hidden;}
.sub-tab1 ul {}
.sub-tab1 ul li {float: left;width: calc(100% / 3);border-left: 1px solid #454545;}
.sub-tab1 ul.grid1 li { width:100%; }
.sub-tab1 ul.grid2 li { width:calc(100% / 2); }
.sub-tab1 ul.grid4 li { width:calc(100% / 4); }
.sub-tab1 ul.grid5 li { width:calc(100% / 5); }
.sub-tab1 ul.grid7 li { width:calc(100% / 4); }
.sub-tab1 ul li:first-child {border-left: none;}
.sub-tab1 ul li a {position: relative;display: block; font-size: 12px;color: #b8b9bd;background:linear-gradient(180deg,#35353f,#161622); padding-top:8px; padding-bottom:8px; }
.sub-tab1 ul li a.on { color:#ffdb00; }
.sub-tab1 ul li a p { color:#b8b9bd !important; }

.sub-tab1 ul.noTime li a { padding:0; line-height:45px; }
.sub-tab1 ul.noTime li a p { display:none; }

.sub-tab4 {text-align: center;overflow: hidden; }
.sub-tab4 ul { margin-bottom:10px; }
.sub-tab4 ul.grid2 li { width:50%; }
.sub-tab4 ul.grid4 li { width:25%; }
.sub-tab4 ul.grid2 li {float: left; width:calc(100% / 2); }
.sub-tab4 ul.grid3 li {float: left; width:calc(100% / 3); }
.sub-tab4 ul.grid4 li {float: left; width:calc(100% / 4); }
.sub-tab4 ul.grid5 li {float: left; width:calc(100% / 5); }
.sub-tab4 ul.grid6 li {float: left; width:calc(100% / 6); }
.sub-tab4 ul.grid7 li {float: left; width:calc(100% / 7); }
.sub-tab4 ul.grid8 li {float: left; width:calc(100% / 8); }
.sub-tab4 ul.grid9 li {float: left; width:calc(100% / 9); }
.sub-tab4 ul li:first-child { border-left:1px solid #171c22; }
.sub-tab4 ul li a {display:flex;align-items:center;justify-content:center;height:38px;font-family:'jal';font-size: 12px;color:#fff;background: #000;border-top: 1px solid #40030b;border-right: 1px solid #40030b;border-bottom: 1px solid #f5d06f;}
.sub-tab4 ul li a.on,
.sub-tab4 ul li a:hover {color: #f6d254;border-top: 2px solid #f5d06f;border-right: 1px solid #f5d06f;border-left: 1px solid #f5d06f;border-bottom: 1px solid #000;}
.sub-tab4 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}



.game_cate {margin:10px 0;overflow-x: auto;overflow-y: hidden;}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul {white-space: nowrap;font-size: 0;}
.game_cate ul li{display:inline-block;position:relative;width:75px;height:56px;vertical-align:middle;border-top: 1px solid #4a060a;border-bottom: 1px solid #4a060a;text-align: center;background: #300306;border-left: 1px solid #4a060a;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li:last-child{border-right: 1px solid #2e333d;}
.game_cate ul li::after{display:block;position:absolute;top:9px;left:0;width:1px;height:38px;background: #232661;content:'';display: none;}
.game_cate ul li:first-child::after{display:none}
.game_cate ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;color: #a39d9d;font-size:12px;width:100%;height:56px;margin-top:-2px}
.game_cate ul li a:hover,
.game_cate ul li a.on {color: #f3cf6f;}
.game_cate ul li a:hover span,
.game_cate ul li a.on span {color: #fff;}
.game_cate ul li a .iconfont{display:flex;align-items:center;width:20px;height:20px;margin-bottom:4px;font-size:20px;}

.game_cate.cate-list ul.grid3 li { height:40px; width:calc(100% / 3); }
.game_cate.cate-list ul li { height:40px; width:25%; }
.game_cate.cate-list ul li a { height:40px; line-height:40px; padding:0; }

.game_w { width:100%; position:relative; height:100%;}
.game_w:after { display:block; content:''; clear:both;}
.game_w .game_l {float:left;width:calc(50% - 5px);/*overflow-y:scroll;height: 820px;color: #2a2a2a;border: 1px solid #2e333d;*/}
.game_w .game_r {float:right;width:calc(50% - 5px);overflow-y:scroll;height: 820px;border: 1px solid #2e333d;}

/* .bet_w {background:rgba(0, 0, 0, 0.07);border: 1px solid #2e333d;border-top:none;border-bottom:none;}
.bet_w .leagueinfo {background: #1d2329;height: 43px;padding:0 10px;overflow:hidden;border-top: 1px solid #2e333d;}
.bet_w .leagueinfo span {line-height: 43px;height: 43px;display:inline-block;font-size: 15px;color: #fff;}
.bet_w .leagueinfo i {float:left;position:relative;top: calc(50% - 9px);margin-right:8px;}
.bet_w .leagueinfo .lg_t2 {float:right;font-weight:normal;font-size: 14px;color: #a6a6a6;letter-spacing:normal;} */
.bet_w .bet_list {/*border-top:1px solid rgba(255, 255, 255, 0.1);*//* border-bottom: 1px solid #2e333d; */overflow:hidden;position: relative;padding: 0 10px;}
.bet_w .bet_list:hover {background:rgba(0, 0, 0, 0.1);}
.bet_w .bet_list li {float:left;height: 40px;line-height: 40px;border: 1px solid #20374f;border-radius:3px;text-align:center;/* box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */background: #07203b;color: #fff;font-size:12px;cursor:pointer;margin:6px 0;}
.bet_w .bet_list .in_team {line-height: 40px;width:calc(100% - 60px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;}
.bet_w .bet_list .in_rate {line-height: 40px;width: 60px;font-size: 13px;}
.bet_w .bet_list .in_rate.change { color:#00FFFF;}
.bet_w .bet_list .in_rate.change .i-arrow-up { color:#FF0000;}
.bet_w .bet_list .in_rate.change .i-arrow-down { color:#00CC00;}
.bet_w .bet_list .b_title {margin:0;background:none;width: calc(100% - 0px);text-align:left;border:none;box-shadow:none;cursor:default;padding: 6px 0 3px 0;padding-right: 150px;height: 33px;line-height: 33px;position:relative;}
.bet_w .bet_list .b_title span {display: inline-block;color: #ff5500;font-size: 13px;width: calc(50% - 28px);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bet_w .bet_list .b_title b {display: inline-block;color: #868686;font-weight:normal;padding:0 5px;font-size: 14px;vertical-align: top;}
.bet_w .bet_list .b_title .score { position:absolute; top:5px; right:10px; text-align:right; }
/* .bet_w .bet_list .b_title .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 5px;font-family:verdana; font-weight:bold; font-size:11px; color:#f1cc45;} */
.bet_w .bet_list .b_title .gametime {position:absolute;top:5px;right: 70px;text-align:right;font-size: 13px;letter-spacing:normal;color: #a6a6a6;}
.bet_w .bet_list .b_one { float:left;overflow:hidden; width:calc(100% - 118px); margin-left:3px; cursor:default; text-align:left;  }
.bet_w .bet_list .b_one span { padding-left:10px;}
.bet_w .bet_list .b_time { float:left; width:85px; text-align:center; font-size:11px; color:rgba(255, 255, 255, 0.5); border:none;box-shadow:none; background-image:none; cursor:default;}
.bet_w .bet_list .b_home {float:left;border-radius:3px 0 0 3px;overflow:hidden;width: calc(50% - 30px);margin-left: 0;}
.bet_w .bet_list .b_home .in_team { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_home .in_rate { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_vs {float:left;width: 60px;/*border-right:none;border-left:none;border-radius:0 0;*/}
.bet_w .bet_list .b_away {float:left;border-radius:0 3px 3px 0;overflow:hidden;width: calc(50% - 30px);}
.bet_w .bet_list .b_away .in_rate { float:left; text-align:left; padding-left:10px;}
.bet_w .bet_list .b_away .in_team { float:right; text-align:right; padding-right:10px;}
.bet_w .bet_list .b_grh { float:left; width:50px; background-image:linear-gradient(to bottom, #444444, #363636);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05);margin-left:4px;}
.bet_w .bet_list .b_grh .i-grh { font-size:20px; position:relative; top:4px;}
.bet_w .bet_list .b_more {position: absolute !important;top: 0;right: 0;float:left;width: 50px;height: 30px;line-height: 28px;/*background: #07203b;*//* box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */margin-left:4px;font-weight:bold;margin-right: 10px;color: #ff5500;}
.bet_w .bet_list .b_home:hover, 
.bet_w .bet_list .b_vs:hover,
.bet_w .bet_list .b_away:hover {background: #2e333d;}
.bet_w .bet_list .b_grh:hover,
.bet_w .bet_list .b_more:hover {background: #2e333d;} 
.bet_w .bet_list .select {background-image:linear-gradient(to bottom, #3b3b3b, #323232);}
.bet_w .bet_list .select span,  .bet_w .bet_list .select {color: #f50;}
.bet_w .bet_list .b_more.select {/*background: #11191f!important;*//* box-shadow: 0 1px #424242; *//* border: 2px solid #f50; */position: relative;}
.bet_w .bet_list .b_more.select::before{content:"";position:absolute;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);--border: 2px solid #f50;box-sizing: border-box;border-radius: 3px;}
.bet_w .bet_list.select .b_title span {color: #f50;}
.bet_list.bet_off .b_home,
.bet_list.bet_off .b_vs,
.bet_list.bet_off .b_away,
.bet_list.bet_off .b_one {opacity:0.3; cursor:default;}
.bet_w .bet_list.two .b_home,  .bet_w .bet_list.two .b_away {width:calc(50% - 60px)!important;}
.bet_w .bet_list.two .b_away { margin-left:0; border-left:none;}
	
.game_l .bet_w .bet_list li.on{}
.game_w .bet_w .bet_list li.on.b_home, 
.game_w .bet_w .bet_list li.on.b_vs, 
.game_w .bet_w .bet_list li.on.b_away {background: #11191f;color: #f50;}
.game_w .bet_w .bet_list li.on.b_home span, 
.game_w .bet_w .bet_list li.on.b_vs span, 
.game_w .bet_w .bet_list li.on.b_away span{color: #f50;}

.game_w .game_l .bet_w .bet_list .b_more{width: 50px;}
.game_w .game_l .bet_w .bet_list .b_vs{width:54px;margin-left:2px;}
.game_w .game_l .bet_w .bet_list .b_home,
.game_w .game_l .bet_w .bet_list .b_away{width: calc(50% - 67px);}

.default_type {}
.default_type .bet_w {/* width:80%; */margin:0 auto;}
.default_in {padding: 0px 20px 10px;}
.default_in + .bet_list{/* border-top:0; */}
.default_in .bet_screen { margin-bottom:0;}

.sub_bet {background: #11191f;border: 1px solid #2e333d;border-top:none;}
.sub_bet .sb_tit {background: #1d2329 url(../images/sub/sb_tit_on.png) no-repeat right 10px center;height: 43px;line-height: 43px;padding: 0 30px 10px 10px;border-top: 1px solid #2e333d;cursor:pointer;position:relative;}
.sub_bet .sb_tit.active{background: #1d2329 url(../images/sub/sb_tit_off.png) no-repeat right 10px center;}
.sub_bet .sb_tit .i-ar { font-size:20px;  display:inline-block; line-height:37px; position:relative; -webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.sub_bet .sb_tit .sb_tit_txt {display:inline-block;width: calc(100% - 5px);/*text-align:center;*/font-family:'jal';font-size: 12px;/* position:relative; *//* top:-3px; */color: #a2a7bf;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.sub_bet .sb_tit .score {position:absolute; top:8px; right:5px; text-align:right; }
.sub_bet .sb_tit .score span {display: inline-block;border: 1px solid rgba(0, 0, 0, 0.5);box-shadow: 0 1px rgba(255, 255, 255, 0.1);background: rgba(0, 0, 0, 0.2);text-align: center;order-radius: 3px; padding: 0 5px;font-family:verdana; font-weight:bold; font-size:11px; color:#f1cc45;}
.sub_bet .sb_list { padding:7px 7px 2px 7px; overflow:hidden;}
.sub_bet .sb_list .sb_in {width: calc(50% - 0px);overflow:hidden;height: 40px;overflow:hidden;border: 1px solid #20374f;border-radius:3px;/* box-shadow:inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05); */background: #07203b;font-size:12px;cursor:pointer;float:left;padding:0 10px;margin-bottom:4px;}
.sub_bet .sb_list .sb_in .in_team, .sub_bet .sb_list .sb_in .in_rate {line-height: 40px;font-size: 13px;color: #fff;}
.sub_bet .sb_list .sb_in .in_team {float:left;width: calc(100% - 40px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_bet .sb_list .sb_in .in_rate { float:right; text-align:right; width:40px;}
.sub_bet .sb_list .sb_in .in_rate.change { color:#00FFFF;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-up { color:#FF0000;}
.sub_bet .sb_list .sb_in .in_rate .i-arrow-down { color:#00CC00;}
.sub_bet .sb_list .sb_in:nth-child(odd) {/* border-right:none; */border-radius:3px 0 0 3px;}
.sub_bet .sb_list .sb_in:nth-child(even) {  border-radius:0 3px 3px 0;}
.sub_bet .sb_list .sb_in:hover, .sub_bet .sb_list .select {background: #11191f;}
.sub_bet .sb_list .select .in_team, .sub_bet .sb_list .select .in_rate {color: #f50;}
.sub_bet .sb_list .sb_in.bet_off {opacity:0.3; cursor:default;}
.bet_w .bet_list li.bet_off      {opacity:0.3; cursor:default;}

.sub_bet .sb3 .sb_in {width: calc(33.3% - 0px);}
.sub_bet .sb3 .sb_in:nth-child(3n-1) { border-left:none; border-right:none; border-radius:0;}
.sub_bet .sb3 .sb_in:nth-child(3n-2) { /*border-right:1px solid #323232;*/ border-radius:3px 0 0 3px;}

.sub_bet .sb3 .sb_in:nth-child(3n) {  border-radius:0 3px 3px 0;}

.sub_bet.opened .sb_tit .sb_tit_txt {color: #f50;}
.sub_bet .sb_tit:hover .sb_tit_txt {/* color: #fff; */}


.game_tab {overflow-x: auto;overflow-y: hidden;white-space: nowrap;font-size: 0;margin-top: 5px;margin-bottom:10px;background: #10171d;}
.game_tab li {float: none;display: inline;width: 85px;}
.game_tab li span {display: inline-block;width: 85px;height: 35px;line-height: 35px;text-align:center;border-bottom: 1px solid #f50;font-size: 13px;color: #a5a5ad;cursor:pointer;background: #1d2329;position:relative;}
.game_tab li span:after {content:'';width:1px;height:13px;background: #474b54;position:absolute;top: calc(50% - 6px);right:0;}
.game_tab li:last-child span:after { display:none;}
.game_tab li span:hover { color:#fff;}
.game_tab .tabcheck-select span {border: 1px solid #f50;border-bottom: 0;font-weight:bold;color: #f50;background: #11191f;}

.color-sky{color: #0ce8fc;}

.cart{position:fixed;bottom: 241px;right: 10px;z-index: 2000000;width: 50px;height: 50px;line-height: 50px;text-align:center;/* background: linear-gradient(#1d8fd6, #5f46f1); */border-radius: 50%;}
.cart a{color: #fff;}
.cart a img{display:block;}
.cart .cart-num{position:absolute;top: -5px;right: 0px;width: 20px;height: 20px;line-height: 20px;text-align:center;font-size: 13px;background: #ef2950;border-radius: 50%;color: #fff;}


.cart-info{display:none;position: fixed;bottom: 0;left: 0;z-index: 8;width: 100%;height: 50px;line-height: 50px;padding: 0 15px;border-top: 1px solid #ffdb00;background: #121b20;box-shadow: 0px -6px 10px rgb(236 255 0 / 22%);}
.cart-info .cart-icon{color: #bdbdbd;font-size: 21px;vertical-align: middle;}
.cart-info .cart-icon::before{font-size: 19px;font-weight: normal;margin-right: 7px;vertical-align: middle;}
.cart-info .cart-icon i{display:inline-block;/* width:31px; */height:19px;line-height:19px;text-align:center;font-size: 16px;color: #fff;vertical-align: middle;border-radius: 10px;}
.cart-info .cart-txt{float: right;margin-left:15px;vertical-align: middle;font-size: 13px;color: #404654;}
.cart-info .cart-txt i{font-size: 14px;color: #f4ca38 !important;}

.cart-close{position: absolute;top: 5px;right: 10px;color:#fff;font-size: 12px;width: 91px;height: 25px;line-height:25px;border-radius: 5px;background: #fff;text-align: center;}
.cart-close img{margin-right: 7px;vertical-align: -3px;}
.cart-close i.iconfont{font-size:20px;vertical-align:middle;margin-left:5px;}


.realtimebet{margin:0 10px;overflow:hidden;}
.realtimebet > .tit{height: 30px;line-height: 30px;text-align:center;/* border-bottom:1px solid #2c2f31; */font-size: 14px;color: #fff;background: #2e333d;/* border-radius: 5px; */}
.realtimebet > .cont{padding:15px 0 12px;margin-top: -10px;margin-left: -10px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.realtimebet > .cont > a{margin-left: 10px;margin-top: 10px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;width: calc(100% / 2 - 10px);}
.realtimebet > .cont > a span{position:relative; display:inline-block;border: 2px solid #333343;overflow:hidden;}
.realtimebet > .cont > a:hover span{border: 2px solid #f50;}
.realtimebet > .cont > a span:last-child{display:block;border:0;font-size: 16px;color: #c4c4c7;margin-top: 10px;}
.realtimebet > .cont > a:hover span:last-child{border:0;}

.realtimebet > .cont > a img{max-width:100%;}
.realtimebet > .cont > a i.cover { position:absolute; font-size:18px; display:flex; justify-content:center; align-items:center; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); color:#df4442; }

.power-box{display:flex;align-items:center;justify-content:space-between;background: #300306;border: 1px solid #40030b;height:38px;padding: 0 10px;overflow: hidden;}
.power-box .left{float:left;position: relative;}
.power-box .left > li{color: #fff;font-family:'jal';font-size:12px;}
.power-box .left > li:first-child span{color: #f5d06f !important;}
/* .power-box .left > li:first-child i{font-size: 14px;color: #fff;}
.power-box .left > li:first-child span i{color: #ffdb00;}  */
/* Reset */
.flip-clock-wrapper{zoom:80%;}
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
    cursor: pointer;
}

.flip-clock-wrapper a:hover {
    color: #fff;
}

.flip-clock-wrapper ul {
    list-style: none;
}

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
    content: " ";
    display: table;
}

.flip-clock-wrapper.clearfix:after {
    clear: both;
}

.flip-clock-wrapper.clearfix {
    *zoom: 1;
}

/* Main */
.flip-clock-wrapper {
    font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
    -webkit-user-select: none;
}

.flip-clock-meridium {
    background: none !important;
    box-shadow: 0 0 0 !important;
    font-size: 36px !important;
}

.flip-clock-meridium a {
    color: #313333;
}

.flip-clock-wrapper {float: right;/*margin-top: 12px;*/}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
    position: relative;
    float: left;
    margin: 0 2px;
    width: 28px;
    height: 32px;
    border-radius: 10px;
    background: linear-gradient(#453f29, #312d1d, #201d13);
}

.flip-clock-wrapper ul li {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 52px;
    text-decoration: none !important;
    box-shadow: -1px -1px 1px #1e1c12;
    border-radius: 4px;
}

.flip-clock-wrapper ul li:first-child {
    z-index: 2;
}

.flip-clock-wrapper ul li a {
    display: block;
    height: 100%;
    -webkit-perspective: 200px;
    -moz-perspective: 200px;
    perspective: 200px;
}

.flip-clock-wrapper ul li a div {
    z-index: 1;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: hidden;
    outline: 1px solid transparent;
    font-size: 34px;
    font-family: "Arial";
}

.flip-clock-wrapper ul li a div .shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.flip-clock-wrapper ul li a div.up {
    -webkit-transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    top: 0;
}

.flip-clock-wrapper ul li a div.down {
    -webkit-transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    transform-origin: 50% 0;
    bottom: 0px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top: 1px solid #502a2c;
}

.flip-clock-wrapper ul li a div.up::before{content:"";position:absolute;bottom: 0px;left:0;z-index: 2;width:100%;height: 13px;background:url(../images/sub/clock.png) no-repeat;}
.flip-clock-wrapper ul li a div.down::before{content:"";position:absolute;top: -7px;left:0;z-index: 2;width:100%;height:13px;background:url(../images/sub/clock.png) no-repeat;}

.flip-clock-wrapper ul li a div div.inn {
    position: absolute;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 200%;
    color: #dfdfe5;
    text-align: center;
    background: #593437;
    border-radius: 3px;
    font-size: 20px;
    line-height: 32px;
    box-shadow: inset 2px 1px 1px #49211b;
    font-family: "Arial";
    text-shadow: #522d2f 1px 0 0, #522d2f 0 1px 0, #522d2f -1px 0 0, #522d2f 0 -1px 0;
}

.flip-clock-wrapper ul li a div.up div.inn {
    top: 0;
}

.flip-clock-wrapper ul li a div.down div.inn {
    bottom: 0;
}

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
    z-index: 3;
}

.flip-clock-wrapper .flip {
}

.flip-clock-wrapper ul.play li.flip-clock-active {
    -webkit-animation: asd 0.5s 0.5s linear both;
    -moz-animation: asd 0.5s 0.5s linear both;
    animation: asd 0.5s 0.5s linear both;
    z-index: 5;
}

.flip-clock-divider {
    float: left;
    display: inline-block;
    position: relative;
    width: 17px;
    height: 32px;
}

.flip-clock-divider:first-child {
    width: 0;
}

.flip-clock-dot {
    display: block;
    background: #b4a29e;
    width: 4px;
    height: 4px;
    position: absolute;
    left: 7px;
    border-radius: 50%;
}

.flip-clock-divider.minutes .flip-clock-label {
    color: #fafafa;
    right: -88px;
    display: none;
}

.flip-clock-divider.seconds .flip-clock-label {
    color: #fafafa;
    right: -91px;
    display: none;
}

.flip-clock-dot.topx {
    top: 8px;
    display: block !important;
}

.flip-clock-dot.bottom {
    bottom: 8px;
}

@-webkit-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-moz-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@-o-keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

@keyframes asd {
    0% {
        z-index: 2;
    }

    20% {
        z-index: 4;
    }

    100% {
        z-index: 4;
    }
}

.flip-clock-wrapper ul.play li.flip-clock-active .down {
    z-index: 2;
    -webkit-animation: turn 0.5s 0.5s linear both;
    -moz-animation: turn 0.5s 0.5s linear both;
    animation: turn 0.5s 0.5s linear both;
}

@-webkit-keyframes turn {
    0% {
        -webkit-transform: rotateX(90deg);
    }

    100% {
        -webkit-transform: rotateX(0deg);
    }
}

@-moz-keyframes turn {
    0% {
        -moz-transform: rotateX(90deg);
    }

    100% {
        -moz-transform: rotateX(0deg);
    }
}

@-o-keyframes turn {
    0% {
        -o-transform: rotateX(90deg);
    }

    100% {
        -o-transform: rotateX(0deg);
    }
}

@keyframes turn {
    0% {
        transform: rotateX(90deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.flip-clock-wrapper ul.play li.flip-clock-before .up {
    z-index: 2;
    -webkit-animation: turn2 0.5s linear both;
    -moz-animation: turn2 0.5s linear both;
    animation: turn2 0.5s linear both;
}

@-webkit-keyframes turn2 {
    0% {
        -webkit-transform: rotateX(0deg);
    }

    100% {
        -webkit-transform: rotateX(-90deg);
    }
}

@-moz-keyframes turn2 {
    0% {
        -moz-transform: rotateX(0deg);
    }

    100% {
        -moz-transform: rotateX(-90deg);
    }
}


@-o-keyframes turn2 {
    0% {
        -o-transform: rotateX(0deg);
    }

    100% {
        -o-transform: rotateX(-90deg);
    }
}

@keyframes turn2 {
    0% {
        transform: rotateX(0deg);
    }

    100% {
        transform: rotateX(-90deg);
    }
}

.flip-clock-wrapper ul li.flip-clock-active {
    z-index: 3;
}

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
    background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
    background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.3s linear both;
}

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: show 0.5s linear both;
    -moz-animation: show 0.5s linear both;
    animation: show 0.5s linear both;
}

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
    background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
    background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
    -webkit-animation: hide 0.5s 0.3s linear both;
    -moz-animation: hide 0.5s 0.3s linear both;
    animation: hide 0.5s 0.2s linear both;
}

@-webkit-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes show {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-moz-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-o-keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes hide {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.small-tit{margin-top:10px;font-size:12px;color: #9c9696 !important;}
.small-tit:first-of-type{margin-top:0;}
.small-tit span{color: #9c9696 !important;}
.small-tit span:first-child { color:#ffde5c !important; }
.small-tit span.yellow{color:#dbbc53;}
.small-tit i{font-size:16px;color: #deb829;margin-right:5px;vertical-align: middle;}

.game-select-box-cont1{padding:10px}
.game-select-box-cont1 .cont{/* overflow:hidden; */}
.game-select-box-cont1 .cont ul{/* overflow: visible; */display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px;}
.game-select-box-cont1 .cont ul li{height:45px;/*background:linear-gradient(#0c1038, #07357f);border: 1px solid #0f3783;*/text-align: center;/* border-radius: 5px; */}
.game-select-box-cont1 .cont ul li div{display:flex;align-items:center;justify-content:center;height:100%;border-radius:10px;color:#fff}
.game-select-box-cont1 .cont ul li div p{font-family:'jal';font-size:13px;}
.game-select-box-cont1 .cont ul li div p i,
.game-select-box-cont1 .cont ul li div p em,
.game-select-box-cont1 .cont ul li div p span{font-style:normal;color:#fff!important}
.game-select-box-cont1 .cont ul li div p span{display:block;font-family:'a2';font-size:12px;}
.game-select-box-cont1 .cont ul li div.blue-box{border: 2px solid #161b87;background: linear-gradient(#272dab,#090d55);}
.game-select-box-cont1 .cont ul li div.red-box{border: 2px solid #52050a;background: linear-gradient(#990a1e,#360307);}
.game-select-box-cont1 .cont ul li div.green-box{border: 2px solid #0b260d;background: linear-gradient(#146410,#0b260d);}
.game-select-box-cont1 .cont ul li.select div{border: 2px solid #e6af52;background: linear-gradient(#f4ce6d,#c08433);box-shadow: 0px 0px 10px #edc566;border-radius: 10px;}
.game-select-box-cont1 .cont ul li.select div p,
.game-select-box-cont1 .cont ul li.select div p span,
.game-select-box-cont1 .cont ul li.select div p i,
.game-select-box-cont1 .cont ul li.select div p em{color:#06091d!important}
.game-select-box-cont1 .cont ul::after{content:unset!important}
.game-select-box-cont1 .cont ul.cols3{grid-template-columns:1fr 1fr 1fr;}
/* .game-select-box-cont1 .cont ul li.on{background: linear-gradient(#f33434, #ff5501);border: transparent;}
.game-select-box-cont1 .cont ul li.on .game-ctrl p{color: #fff;}
.game-select-box-cont1 .cont ul li.on .game-ctrl p span{color: #fff;}
.game-select-box-cont1 .cont ul li.on .game-ctrl p i,
.game-select-box-cont1 .cont ul li.on .game-ctrl p em{color: #121920 !important;} */

/* .game-select-box-cont1 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont1 .cont ul.ul2{ margin-top:5px; }
.game-select-box-cont1 .cont ul.ul2 li{width: calc(100% / 3 - 4px);}
.game-select-box-cont1 .cont ul.ul3:first-child{margin-top:0;}
.game-select-box-cont1 .cont ul.ul3{margin-top:5px;}
.game-select-box-cont1 .cont ul.ul3 li{width: calc(100% / 2 - 4px);} */
/* .game-select-box-cont1 .cont ul li.select {background:linear-gradient(90deg,#ffdb00 0,#ffb700);border: transparent;}
.game-select-box-cont1 .cont ul li.select .game-ctrl p{color: #000;}
.game-select-box-cont1 .cont ul li.select .game-ctrl p span{color: #000;}
.game-select-box-cont1 .cont ul li.select .game-ctrl p i,
.game-select-box-cont1 .cont ul li.select .game-ctrl p em{color: #121920 !important;} */

.game-select-box-cont2 { position:relative;}
.game-select-box-cont2 .cont{overflow:hidden;}
.game-select-box-cont2 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont2 .cont ul li{cursor:pointer;float:left;width: calc(100% / 4 - 4px);margin-left: 4px;height: 49px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont2 .cont ul li:hover{background:linear-gradient(#07213b, #0c2e47);}
.game-select-box-cont2 .cont ul li.on{background: linear-gradient(#ffae00, #bc8000);border: transparent;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p{color: #121920;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p span{color:#121920;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p i,
.game-select-box-cont2 .cont ul li.on .game-ctrl p em{color: #121920 !important;}
.game-select-box-cont2 .cont ul.ul2:first-child{margin-top:0;}
.game-select-box-cont2 .cont ul.ul2{margin-top:5px;}
.game-select-box-cont2 .cont ul.ul2 li{width: calc(100% / 3 - 4px);}

.game-select-box-cont3 {position:relative;margin-bottom: 10px;overflow: hidden;}
.game-select-box-cont3 .cont{overflow:hidden;}
.game-select-box-cont3 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont3 .cont ul li{cursor:pointer;float:left;width: calc(100% / 2 - 4px);margin-left: 4px;height: 49px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont3 .cont ul li:hover{background:linear-gradient(#07213b, #0c2e47);}
.game-select-box-cont3 .cont ul li.on{background: linear-gradient(#ffae00, #bc8000);border: transparent;}
.game-select-box-cont3 .cont ul li.on .game-ctrl p{color: #121920;}
.game-select-box-cont3 .cont ul li.on .game-ctrl p span{color:#121920;}
.game-select-box-cont3 .cont ul li.on .game-ctrl p i,
.game-select-box-cont3 .cont ul li.on .game-ctrl p em{color: #121920 !important;}

.game-select-box-cont4 { position:relative;}
.game-select-box-cont4 .cont{overflow:hidden;}
.game-select-box-cont4 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont4 .cont ul li{cursor:pointer;float:left;width: calc(100% / 3 - 4px);margin-left: 4px;height: 49px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont4 .cont ul li:hover{background:linear-gradient(#07213b, #0c2e47);}
.game-select-box-cont4 .cont ul li.on{background: linear-gradient(#ffae00, #bc8000);border: transparent;}
.game-select-box-cont4 .cont ul li.on .game-ctrl p{color: #121920;}
.game-select-box-cont4 .cont ul li.on .game-ctrl p span{color:#121920;}
.game-select-box-cont4 .cont ul li.on .game-ctrl p i,
.game-select-box-cont4 .cont ul li.on .game-ctrl p em{color: #121920 !important;}

.game-select-box-cont5 { position:relative;}
.game-select-box-cont5 .cont{overflow:hidden;}
.game-select-box-cont5 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont5 .cont ul li{cursor:pointer;float:left;width: calc(100% / 6 - 4px);margin-left: 4px;height: 49px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont5 .cont ul li:hover{background:linear-gradient(#07213b, #0c2e47);}
.game-select-box-cont5 .cont ul li.on{background: linear-gradient(#ffae00, #bc8000);border: transparent;}
.game-select-box-cont5 .cont ul li.on .game-ctrl p{color: #121920;}
.game-select-box-cont5 .cont ul li.on .game-ctrl p span{color:#121920;}
.game-select-box-cont5 .cont ul li.on .game-ctrl p i,
.game-select-box-cont5 .cont ul li.on .game-ctrl p em{color: #121920 !important;}

.betting_lock,.betting_stop {
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    border: 1px solid #4a060a;
    background: rgba(0,0,0, 0.8);
    z-index:2;
}
/* .betting_lock::after{position:absolute;top:0;right:0;bottom:0;left:0;content:'';border:1px solid #1c1e4d;z-index:3} */
.line-center {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    font-family:'jal';
    font-size:18px;
    color: #fff;
}
/* .line-center::before{margin-bottom:3px;font-family:"iconfont" !important;font-size:50px;font-style:normal;color:#f13131;-webkit-font-smoothing:antialiased; --content:""} */
.line-center .iconfont{margin-bottom:3px;font-size:50px;color:#f13131}

/* .blue-box{display: inline-block;font-size: 18px;color:#fff;}
.blue-box p{width: 1%;height: 49px;display:table-cell;vertical-align:middle;color: #1dcbf6;font-size: 18px;}
.blue-box p span{display:block;font-size: 12px;color: #fff;margin-top: 4px;}
.red-box{display:inline-block;width: 70px;height: 70px;font-size: 18px;color:#fff;}
.red-box p{width: 1%;height: 49px;display:table-cell;vertical-align:middle;color: #e73b54;}
.red-box p span{display:block;font-size:13px;color: #fff;margin-top: 6px;}
.orange-box{display:inline-block;width:70px;height:70px;background:linear-gradient(#e99267, #d74601);font-size:30px;color:#fff;}
.orange-box p{width: 1%;height:49px;display:table-cell;vertical-align:middle;}
.orange-box p span{display:block;font-size:13px;}
.green-box{display: inline-block;width: 70px;height: 70px;font-size: 18px;color:#fff;}
.green-box p{width: 1%;height: 49px;display:table-cell;vertical-align:middle;color: #44d631;}
.green-box p span{display:block;font-size:13px;color: #fff;margin-top: 6px;}
.yellow-box{display: inline-block;width: 70px;height: 70px;font-size: 18px;color:#fff;}
.yellow-box p{width: 1%;height: 49px;display:table-cell;vertical-align:middle;color: #A7A450;}
.yellow-box p span{display:block;font-size:13px;color: #fff;margin-top: 6px;}
.black-box{display: inline-block;width: 70px;height: 70px;font-size: 18px;color:#fff;}
.black-box p{width: 1%;height: 49px;display:table-cell;vertical-align:middle;color: #6C6868;}
.black-box p span{display:block;font-size:13px;color: #fff;margin-top: 6px;} */

/* .game-ctrl .red{color: #e73b54 !important;}
.game-ctrl .blue{color: #1dcbf6 !important;}
.game-ctrl .green{color:#44d631 !important;}
.game-ctrl .yellow{color:#A7A450 !important;}
.game-ctrl .black{color:#6C6868 !important;}
.game-ctrl i{}
.game-ctrl em{color:#dadae0;font-style:normal;} */

/* .square p{width: 1%;height: 49px;display: table-cell;vertical-align: middle; color: #1dcbf6; font-size: 18px;}
.square span{display:block;font-size: 13px;margin-top: 8px;} */

.square{position:relative;border-radius:5px;cursor:pointer;background: none;/* padding: 10px 0; */width: auto;}
.round{position:relative;border-radius:50%;cursor:pointer;}
.square:hover::before, 
.round:hover::before,
.square.on::before, 
.round.on::before{display: none;content:"";position:absolute;top:-3px;left:-3px;width:100%;height:100%;border:3px solid #defb18;border-radius:5px;box-shadow: inset 5px 15px 10px 0px rgba(0, 0, 0, 0.5);}
.round:hover::before,
.round.on::before{border-radius:50%;}

.game-select-box-cont1 {/* padding:15px; *//*margin-top: 20px;*/overflow:hidden;}
.betting_lock + .game-select-box-cont1{margin-top:0;}
.game-select-box-cont1 > div.left,
.game-select-box-cont1 > div.right{float:left;width:calc(50% - 30px);margin-left:30px;}


.game-iframe-close{width: calc(100% - 20px);height: 35px;line-height: 35px;text-align:center;background: #404654;/* border-radius: 5px; */border:0;color: #323b4b;margin: 0px 10px 20px;}
.game-iframe-close.on{color: #9d9d9d;}
.game-iframe-close:hover{background: #404654;color: #fff;}
.game-iframe{border: 1px solid #40030b;}
.game-iframe .minigame_screen div { text-align: center; }

.game-select-box-cont1{
	position: relative;
}
.hidden99 {
	display: none!important
}
.poweron {
	/* background: #39a227 linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0.2) 100%) !important; */
	box-shadow: 0px 4px 8px 0 rgba(0, 0, 0, 0.2), 0 -6px -20px 0 rgba(0, 0, 0, 0.19) !important;
	text-shadow: -1px -1px #222 !important;
	border: 3px solid #fff !important;
}
.bet-disable {
	background-color: rgba(0, 0, 0, .8);
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	padding-top: 0;
	font-size: 1.8em;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}
.minigame_screen {
	overflow-y: hidden;
	overflow-x: hidden;
	position: relative;
	width: 100%;
	height: 640px;
	margin: 0;
	background: #000;
}
.minigame_screen>div {
	position: absolute;
	width: 800px;
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.minigame_screen>div>iframe {
	width: 900px;
	height: 700px;
	margin: 0;
}
@media screen and (max-width:1024px) {
	.minigame_screen {
		position: relative;
		height:891px;
		background: #000;
		overflow: hidden
	}
	.minigame_screen>div {
		width: 1024px;
		/* top: 0; */
		/* left: 0; */
		/* margin: 0; */
		position: relative;
		height: 800px;
	}
	.minigame_screen>div>iframe {
		width: 1204px;
		height:850px;
		transform: scale(calc(880/690));
		transform-origin: left top;
	}
}
@media screen and (max-width:912px) {
	.minigame_screen {
		position: relative;
		height: 765px;
		background: #000;
		overflow: hidden;
	}
	.minigame_screen>div {
		width: 100%;
		position: relative;
		height: 578px;
	}
	.minigame_screen>div>iframe {
		width: 900px;
		/* height: 570px; */
		transform: scale(calc(1044 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width:820px) {
	.minigame_screen {
		position: relative;
		height: 700px;
		background: #000;
		overflow: hidden;
	}
	.minigame_screen>div {
		width: 100%;
		position: relative;
		height: 578px;
	}
	.minigame_screen>div>iframe {
		width: 868px;
		/* height: 570px; */
		transform: scale(calc(936 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width:768px) {
	.minigame_screen {
		position: relative;
		height:665px;
		background: #000;
		overflow: hidden;
	}
	.minigame_screen>div {
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		position: relative;
		height:800px;
	}
	.minigame_screen>div>iframe {
		width: 830px;
		height: 850px;
		transform: scale(calc(880 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width:540px) {
	.minigame_screen {
		position: relative;
		height:467px;
		background: #000;
		overflow: hidden;
	}
	.minigame_screen>div {
		width: 100%;
		top: 0;
		left: 0;
		margin: 0;
		position: relative;
		height: 400px;
	}
	.minigame_screen>div>iframe {
		width: 830px;
		height:800px;
		transform: scale(calc(620 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width:480px) {
	.minigame_screen {
		position: relative;
		height:358px;
		background: #000;
		overflow: hidden
	}
	.minigame_screen>div {
		/*width: 395px;*/
		/* top: 0; */
		/* left: 0; */
		margin: 0 auto;
		position: relative;
		height: 320px;
	}
	.minigame_screen>div>iframe {
		width: 830px;
		height:800px;
		transform: scale(calc(475 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width: 411px) {
	.minigame_screen>div>iframe {
		width: 830px;
		height:800px;
		transform: scale(calc(446 / 830));
		transform-origin: left top;
	}
	.minigame_screen {
		height: 355px;
	}
}
@media screen and (max-width: 390px) {
	.minigame_screen {
		position: relative;
		height: 290px;
		background: #000;
		overflow: hidden
	}
	.minigame_screen>div>iframe {
		width: 830px;
		height: 600px;
		transform: scale(calc(440 / 830));
		transform-origin: left top;
	}
}
@media screen and (max-width: 375px) {
	.minigame_screen>div>iframe {
		width: 830px;
		height:830px;
		transform: scale(calc(430 / 830));
		transform-origin: left top;
	}
	.minigame_screen {
		height:320px;
	}
}
@media screen and (max-width: 360px) {
	.minigame_screen>div>iframe {
		transform: scale(calc(408 / 830));
	}
	.minigame_screen {
		height:308px;
	}
}

@media screen and (max-width: 320px) {
	.minigame_screen>div {
		top:0;
	}
	.minigame_screen>div>iframe {
		transform: scale(calc(299 / 760));
	}
	.minigame_screen {
		height: 275px;
	}
}

@media screen and (max-width: 280px){
	.minigame_screen>div>iframe {
		transform: scale(calc(360 / 830));
	}
	.minigame_screen {
		height:240px;
	}
}

/**
.game-iframe{background: #11191f;position: relative;border: 0;overflow-x: hidden;overflow: auto;overflow-y: hidden;width: 320px;min-height: 337px;margin: 10px auto 0;}
.game-iframe-cont{text-align:center;min-height: 260px;}
**/
.section-box{overflow: hidden;position:relative;margin: 0 10px 10px;}
.section-box-tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-family:'jal';font-size:14px;color:#fff;}
.section-box-tit span{color: #aeaeae;font-size:13px;font-weight: 500;}
.section-box-tit .all-del{float:right;background:#b0005b;padding:0 10px;height:22px;line-height:22px;color:#fff;border-radius: 3px;margin-top: 9px;}
.section-box-tit .all-del:hover{background:#ff0081;}
.section-box-tit i{margin-right:10px;}
.section-box-tit a{font-family:'a2';font-size:13px;color: #a39d9d;}


.table-style2 table{border-collapse:separate;border-spacing:0}
.table-style2 table thead th{height:38px;border-top: 2px solid #4a060a;border-bottom: 2px solid #4a060a;font-size: 12px;color: #757575;background: #000;}
.table-style2 table thead th:first-child{border-left: 2px solid #4a060a;}
.table-style2 table thead th:last-child{border-right: 2px solid #4a060a;}
.table-style2 table tbody td{height:40px;font-size: 12px;color: #f1f1f1;text-align:center;border-left: 1px solid #252525;border-bottom: 1px solid #252525;}
.table-style2 table tbody tr.top-three td{background:#492624;border-left:1px solid #5c3c3a;border-bottom:1px solid #5c3c3a;}
.table-style2 table tbody tr td.left{text-align:left;padding-left: 15px;}
.table-style2 table tbody tr td:first-child{border-left:0;}
.table-style2 table tbody tr:nth-of-type(odd) td{background: #1a1919;}
.table-style2 table tbody td .badge2{font-family:'jal';font-size:12px;}
.table-style2 table tbody .icon-s{margin-right:5px;}
.table-style2 table tbody .badge-ing{color:#fff;}
.table-style2 table tbody .badge-red{color: #ff5401;}
.table-style2 table tbody .badge-green{color:#2fd9b7;}

.table-style2 table tbody .font-white{color:#fff !important;}
.table-style2 table tbody .font-red{color: #ff5401 !important;}
.table-style2 table tbody .font-orange{color:#2fd9b7 !important;}

.board-tb table{table-layout:fixed;}
.board-tb table thead th{background: #000;}
.board-tb table thead th:first-child{border-radius:0;border-left:0;}
.board-tb table thead th:last-child{border-radius:0;border-right:0;}
.board-tb table tbody tr td .event-style{display: inline-block;height:26px;padding:0 10px;background: linear-gradient(#f5d06f,#b9792a);color: #000000;font-family:'jal';font-size: 12px;border-radius:5px;line-height: 28px;}
.board-tb table tbody tr.notice-tr td.left a{font-family:'jal';font-size: 12px;color: #fff;position: relative;}

.board-tb table tbody tr td{height:50px;border-left:0;color: #a39d9d;}
.board-tb table tbody tr td.num{font-size:12px;color:#7d7e84}
.board-tb table tbody tr td.left{display:flex;align-items:center;padding-left:0;}
.board-tb table tbody tr td.left a{overflow:hidden;font-size:13px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.board-tb table tbody tr td.left .ask{color: #ffdb00 !important;}
.board-tb table tbody tr td.left .t_violet{color: #f6d254;}
.board-tb table tbody tr td.lv-td{color:#c0c0c0;text-align: left;padding: 0 10px;}
.board-tb table tbody tr td span.date{color:#898989;}


.GST{font-weight:800}

.f14{font-size: 12px !important;}
.f14.font-white *{font-size: 12px;}
.font-red{color:#e73b54;}
.font-red2{color:#f54d65;}
.font-orange{color:#dc9f1d;}
.font-white{color: #333 !important;}
.font-yellow{color: #ffdb00;}
.font-blue{color: #1dcbf6;}
.font-green{color:#44d631;}

.tx_red{color: #9c0a1f;}
.tx_red2{color:#f54d65;}
.tx_orange{color:#dc9f1d;}
.tx_white{color: #333 !important;}
.tx_yellow{color: #ffdb00;}
.tx_blue{color: #9b8f90;}
.tx_home{color: #ffde5c;}
.tx_green{color:#44d631;}

.search{height:38px;border-radius:10px;border: 1px solid #343232;margin:10px;background: #1a1919;overflow: hidden;}
.search::after {content: ''; display: block; clear: both;}
.search p{overflow: hidden;width: 100%;}
.search p:last-child span:first-child{width: calc(100% - 104px);}
.search p:last-child span:last-child{width: 98px;}
.search span {float: left;width: calc(100% / 3 - 3px);margin-left: 3px;}
.search span.w50per { width:calc(50% - 3px) !important; }
.search span:first-child{width:calc(28% - 3px);}
.search span:nth-child(2){width:calc(42% - 3px);}
.search span:nth-child(3){width:calc(30% - 3px);}
.search span a{width:100%;padding: 12px 0;text-align: center;margin: 0;height: 40px;border-radius: 0;font-size: 16px;}
.search .sch_left {color: #999;}
.search .sch_right {float: right;}
.search span input {width: 110px;width: 100% !important;font-weight: 500;}
.search .btn-bsearch{display:flex;align-items:center;justify-content:center;width:40px;height:38px;font-size:16px;color: #fff;}
/********************************************************
selectbox : 
********************************************************/
.select_st {
 padding: 10px 59px 10px 10px;
 border: 1px solid #ccc;
 background: url(../images/sub/select_down.png?v=2) no-repeat calc(100% 
- 10px) 50%;
 cursor: pointer;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
 width: 100%;
 }
.select_st2 {padding:0 30px 0 10px;/*border: 1px solid #2f333e;*/border:0;background: #1a1919 url(../images/sub/select_down.png?v=2) no-repeat right 10px center;cursor: pointer;height: 38px;-webkit-appearance: none;-moz-appearance: none;appearance: none;width: 100%;color: #fff;}
.select_st::-ms-expand {display: none;}
.coupon_select {padding: 5px 50px 5px 13px; border: 1px solid #4f6083; background: #1d222c url(../images/sub/select_down.png?v=2) no-repeat 90% 50%; color: #999; cursor: pointer;vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.coupon_select::-ms-expand {display: none;}
/********************************************************
 input :  
********************************************************/
.input_st {padding: 10px 10px 10px 10px;border: 1px solid #ccc;}
.input_ip {border: 1px solid #111; background-color: #aaa; color: #000; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}



/********************************************************
 selectbox : 
********************************************************/
.select_st {padding: 8px 30px 8px 10px;border: 1px solid #ffdb00;background: #11191f url(../images/sub/select_down.png?v=2) no-repeat right 10px center;color: #fff;cursor: pointer;height: 40px;margin: 0;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
.select_st::-ms-expand {display: none;}
.coupon_select {padding: 5px 50px 5px 13px; border: 1px solid #4f6083; background: #1d222c url(../images/sub/sub/select_down.png?v=2) no-repeat 90% 50%; color: #999; cursor: pointer;vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.coupon_select::-ms-expand {display: none;}

/********************************************************
 input :  
********************************************************/
.input_st {padding: 10px 10px 9px 10px;background:transparent;border:0;font-size:13px;color: #fff;height:38px;outline:none}
.input_ip {border: 1px solid #111; background-color: #aaa; color: #000; resize: none; font-size: 13px; letter-spacing: -0.5px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2) inset;}

/********************************************************
 botton : 
********************************************************/
.btn_st_n {display: inline-block;line-height: 1;padding: 12px 14px;margin: 0 2px;background-color: #215991;color: #ddd;cursor: pointer;vertical-align: middle;border-radius: 3px;}
.btn_st_s {display: inline-block; line-height: 1; padding: 9px 14px 10px 14px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; }
.btn_st_xs {display: inline-block;line-height: 1;padding: 6px 14px 7px 14px;margin: 0 2px;background-color: #215991;color: #ddd;cursor: pointer;vertical-align: middle;border-radius: 3px;}
.btn_st_xxs {display: inline-block; line-height: 1; padding: 8px 10px 9px 10px; margin: 0 2px; background-color: #215991; color: #ddd; cursor: pointer; vertical-align: middle; border-radius: 3px; }
.btn_st_l {display: inline-block; line-height: 1; padding: 15px 30px; margin: 0 5px; background-color: #4E7EC4; color: #fff; cursor: pointer; vertical-align: middle; text-align: center; border-radius: 3px; }
.btn_st_re {display: inline-block; width: 86px; line-height: 1; padding: 30px 0; background-color: #4E7EC4; color: #fff; cursor: pointer; vertical-align: middle; text-align: center;}

.btst_r {background-color: #b0005b;color: #fff;} /*  */
.btst_dr {color: #e73b54 !important;background: #1f1f25;border: white;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 13px;} /*  */
.btst_dr2 {background-color: #8f9194;color: #fff !important;border: 1px solid #8f9194;} /*  */
.btst_b {background-color: #0050bd;color: #fff;} /*  */
.btst_bv {background-color: #1e3572; color: #fff;} /*  */
.btst_o {background-color: #ffba00;color: #000 !important;} /*  */
.btst_br {border: 1px solid #253981;background-color: #253981;color: #fff;} /*  */
.btst_y {background-color: #bca101;color: #2A313E;} /*  */
.btst_g {background-color: #02a89e;color: #fff;} /*  */
.btst_bg {background-color: #006465; color: #fff;} /*  */
.btst_p {background-color: #6f0e86; color: #fff;} /*  */
.btst_yg {background:linear-gradient(90deg,#404e59 0,#111a1f);color:#ffdb00 !important; border:1px solid #2f333e; } /*  */

.btn_bx, .btn_bx20, .btn_row40 {content: ''; clear: both; display: block; overflow: hidden;}
.btn_bx {padding: 10px 0 0 0;}
.btn_bx210 {padding: 20px 10px 10px 10px;}
.btn_bx20 {padding: 20px 10px 20px 10px;}
.btn_row30 {padding: 30px 0;}
.btn_row40 {padding: 40px 0;}
.btn_row20 {padding: 20px 0;}

.game_mbt_info {/*padding: 1px;margin: 0px 1px 1px 1px;*//* background-color: #151517; */border: 1px solid #343232;/*border-left: 0;border-right: 0;*/}
.game_mbt_info ul {display: table;width: 100%;box-sizing: border-box;}
.game_mbt_info ul li {display: table-cell;height: 49px;font-size: 12px;line-height: 18px;letter-spacing: 0;color: #818181;vertical-align: middle;text-align: center;border-left: 1px solid #343232;background: #000;}
.game_mbt_info ul li:first-child {border-left: 0}
.game_mbt_info ul li p {display: block;}
.game_mbt_info ul li p font{color:#c6c6c6;}
.game_mbt_info ul li p .yellow{color: #f6ee0a !important;}
.game_mbt_info ul li span {color: #fff;}
.game_mbt_info ul li span font{color:#c6c6c6;}

a.del2{color: #737479 !important;background: none;border: 0;font-size: 22px;padding: 0;margin: 0;}
a.del2:hover{color:#e73b54 !important;}
 
/* .qna-tb table tbody td.left a span{font-size:13px;} */
.qna-tb table{table-layout:fixed;}
.qna-tb table tbody td.left{padding-left:10px!important;}
.qna-tb table tbody td.left a{font-family:'jal';font-size:12px!important;}
.qna-tb table tbody td.date{font-size:12px;color: #a39d9d;}
.qna-tb table tbody td .state_on,
.qna-tb table tbody td .state_off{font-family:'jal';font-size:12px!important;color: #a39d9d !important;line-height:13px}
.qna-tb table tbody td .state_on{color: #f6d254 !important;}

.charge_notice.point_wrap{/* background: #353542; */margin: 10px 0;}
.charge_notice.point_wrap .txt5-cont{background: #fff;}

.mypage{margin:0 10px; padding-top:0; }
.mypage .join-v { padding-top:0; }
.mypage .cont{padding:5px 15px 7px;background:#000;border: 1px solid #4a060a;}
.mypage .cont li{display:block;height:inherit;margin:0;padding: 15px 0 15px;border-radius:0;border:0;border-top: 1px solid #282626;background:none}
.mypage .cont li:first-child{border:0;}
.mypage .cont li .first{border:0;width:100%;height:inherit;margin-bottom:6px;justify-content:flex-start;font-family:'jal';font-size:12px;color:#fff;}
.mypage .cont input, 
.mypage .cont select{background: #1a1919;border: 1px solid #343232;color: #fff;border-radius: 5px;outline:none;outline: 0;}
.mypage .cont input::placeholder{color:#818181}
.mypage .cont input:focus,
.mypage .cont select:focus {/* border:1px solid #fff; */}
.mypage .join-info .btn-log a{display: block;background: linear-gradient(90deg,#ffdb00,#ffb700);display: block;height: 46px;line-height: 46px;font-size: 16px;border-radius:0px;color: #000;margin: 0 auto;float: none;text-align: center;width: 134px;}
.mypage .cont li .second .txt {margin-top:9px;color: #5f5f5f;}


.bok-box{border: 1px solid #40030b; background: url(https://i.imgur.com/qReDdVy.png) no-repeat 50% 0;background-size:cover;text-align: center;padding:20px 0;}
.bok-txt img { height:60px; }
.bokgun-floor1{border:3px solid #a12c49;max-width: 345px;margin: -70px auto 0;overflow: hidden;position: relative;}
.bokgun-floor1 img{max-width:100%;}
.bokgun-floor2{background-size:cover;padding-top: 0;box-sizing: border-box;}
.bokgun-floor2-tp{text-align:center; margin:10px 0 0; }
.bokgun-floor2-tp span{font-size: 22px;color:#fff;}
.bokgun-floor2-tp span::before{font-size:35px;font-weight: 400;vertical-align:middle;}
.bokgun-floor2-tp span i.num{display:inline-flex;align-items:center;justify-content:center;width:53px;height:38px;margin:0 8px 0 14px;border-radius:5px;background:#fff;font-size:22px;color:#000;}
.bokgun-floor2-btn{display:flex;align-items:center;justify-content:center;margin-top:15px;text-align:center;}
.bokgun-floor2-btn a{display:inline-flex;align-items:center;justify-content:center;width:157px;height:46px;border-radius:23px;font-family:'jal';font-size:16px;}
.bokgun-floor2-btn a.yellow{background: linear-gradient(#ffda00, #ffba00);color: #06091d !important;}
.bokgun-floor2-btn a.green{margin-left:10px;background: linear-gradient(#ed346d,#bb0b2c);color: #fff !important;}
/* .bokgun-floor2-btn a.green::after{    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 23px;
    background: rgb(0 0 0 / 50%)} */

.bok-txt img{height:60px;}
.box-lottery-box{width:335px;height:335px;margin: 10px auto 0;position: relative;overflow: hidden;}
.box-lottery-box .box-lottery{transform: scale(0.54) translate(-50%, -50%);position: absolute;top: 18px;left: 8%;}

/* .bok-box.normal { background:url(https://i.imgur.com/XP97Wls.jpg) no-repeat center bottom; } */
.bok-box.normal .box-lottery { background:url(https://i.imgur.com/IqlbGcj.png) center no-repeat; background-size:100%; }
.bok-box.normal .lottery-wrap { background:url(https://i.imgur.com/IRF2fhl.png) center no-repeat; background-size:calc(100% - 54px); }
.bok-box.normal .lottery-wrap i { color:#000; }
.bok-box.normal .lottery-btn i { background:url(https://i.imgur.com/YLnPZZF.png) center no-repeat; }
.bok-box.normal .lottery-btn:after { background:url(https://i.imgur.com/4a0D8H9.png) center no-repeat; }
.bok-box.normal .bokgun-floor2-btn a { position:relative; }
.bok-box.normal .bokgun-floor2-btn a.red:after,.bok-box.normal .bokgun-floor2-btn a.green:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:23px; background:rgb(0 0 0 / 50%) }
.bok-box.normal .bokgun-floor2-btn a.yellow {background: linear-gradient(#e8bd60, #b8792a);color:#000 !important;}
.bok-box.normal .bokgun-floor2-btn a.red { background:linear-gradient(#fe2b2b, #9c0000); color:#fff !important; }
.bok-box.normal .bokgun-floor2-tp span i.num { background:#fff; color:#000; }

.bok-box.revenge {border: 1px solid #40030b; background:url(https://i.imgur.com/qReDdVy.png) no-repeat center bottom; }
.bok-box.revenge .box-lottery { background:url(https://i.imgur.com/Lqehpfo.png) center no-repeat; background-size:100%; }
.bok-box.revenge .lottery-wrap { background:url(https://i.imgur.com/ToqxJ1w.png) center no-repeat; background-size:calc(100% - 54px); }
.bok-box.revenge .lottery-wrap i { color:#fff; }
.bok-box.revenge .lottery-btn i { background:url(https://i.imgur.com/rfdJ55x.png) center no-repeat; }
.bok-box.revenge .lottery-btn:after { background:url(https://i.imgur.com/fdpB7Tp.png) center no-repeat; }
.bok-box.revenge .bokgun-floor2-btn a { position:relative; }
.bok-box.revenge .bokgun-floor2-btn a.yellow:after { content:""; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:23px; background:rgb(0 0 0 / 50%) }
.bok-box.revenge .bokgun-floor2-btn a.yellow { background:linear-gradient(#fff72b, #f1a000); color:#000 !important; }
.bok-box.revenge .bokgun-floor2-btn a.red { background:linear-gradient(#fe2b2b, #9c0000); color:#fff !important; }
.bok-box.revenge .bokgun-floor2-tp span i.num { background:#fff; color:#000; }

/* .attendance-txt{font-size: 18px;color: #8c92a0;ext-align: center;padding-top: 15px;line-height: 1.5;padding-bottom: 10px;}
.attendance-txt p{margin-top: 5px;}
.attendance-txt span{color: #00aeef;} */

/* date */
#date_layer {
	padding:10px;
	border: 1px solid #40030b;
}
#date_layer *{/* font-family:"ns" */}
#date_layer > table { border-bottom:1px solid #323030; }
#date_layer td table{width:auto;}

#date_layer #box {
	width: 100%%;
}

#date_layer #box .top {
	float: left;
}

#date_layer #box .day {
	float: left;
}

#date_layer .w {
	line-height: 20px;
	color: #f6d254;
	font-family:'jal';
	font-size: 16px;
	padding: 6px 20px;
}

#date_layer .title {
	color: #fff;
	font-size: 12px;
	background: #300306;
	font-family: 'jal';
}

#date_layer .title1 {
	color: #199bcb;
	font-size: 12px;
	background: #300306;
	font-family: 'jal';
}

#date_layer .title2 {
	color: #c03737;
	font-size: 12px;
	padding: 0 0 0 0;
	background: #300306;
}

#date_layer .sun1 {
	color: #fff;
	font-size: 12px;
	float: left;
}

#date_layer .sat1 {
	color: #fff;
	font-size: 12px;
	float: left;
}

/* #date_layer .day1 {
	color: #ffffff;
	font-size: 12px;
	float: left;
} */

#date_layer .sun2 {
	font-weight: bold;
	line-height: 20px;
	color: #FE7676;
	font-size: 16px;
	float: left;
}

#date_layer .sat2 {
	font-weight: bold;
	line-height: 20px;
	color: #82D4FF;
	font-size: 16px;
	float: left;
}

/* #date_layer .day2 {
	font-weight: bold;
	line-height: 20px;
	color: #FF9933;
	font-size: 16px;
	float: left;
} */

#date_layer .sun3 {
	color: #ffbebe;
	font-size: 11px;
}

#date_layer .sat3 {
	color: #b8b8ff;
	font-size: 11px;
}

/* #date_layer .day3 {
	color: #dcdcdc999;
	font-size: 11px;
} */

#date_layer .dot {
	color: #000000;
	font-size: 12px;
}
#date_layer .dot img{width:26px;}
#date_layer .check {
	color: #126420;
	font-size: 11px;
}

#date_layer .check2 {
	color: #dcdcdc999;
	font-size: 11px;
}
#date_layer .rowTbl td{position:relative;background: #141414;border-top: 1px solid #323030;border-left: 1px solid #323030;}
#date_layer .rowTbl td img{width:38px;}
#date_layer .rowTbl:first-child td { border-top:0 !important; }
#date_layer .rowTbl td .day-s{position:absolute;top:3px; left:3px; width:18px;height:18px;line-height:18px; text-align:center;background:rgb(20 20 20 / 75%); border-radius: 3px; z-index: 5;}
#date_layer .rowTbl td .day-s .sun1{color: #c03737;}
#date_layer .rowTbl td .day-s .sat1{color: #199bcb;}
#date_layer .rowTbl td .day-s.nowday{/* border: 1px solid #00aeef; *//* padding:2px 3px; */border-radius: 5px;}
#date_layer .rowTbl td .day-s.nowday .day1{color: #f6d254;}
#date_layer .rowTbl td .check-s{position:absolute;right: 5px;bottom: 5px;}
#date_layer .rowTbl td .day-s.nowday a span{color: #00aeef;}
#date_layer .rowTbl td.noday .check-s img{/* opacity:0.4; */}
#date_layer tr td:first-child{border-left:0 !important;font-family: 'jal';}
#date_layer .rowTbl td .stamp{ position: absolute; bottom: 5px; right: 5px; }


.attendance-txt{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;height:140px;margin-bottom:10px;background: url(https://i.imgur.com/pxUvk1n.png) no-repeat 50% 0;background-size:100%;font-family:'jal';line-height:20px;}
.attendance-txt img{width:auto;height:50px;}
.attendance-txt p{margin:0!important;font-size:13px;color:#fff;text-align:center}
.attendance-txt strong{font-weight:normal;font-size:12px;color: #b6b6b6;}
.attendance-txt span{color: #f6d254;}

.vsoccer .g_day{width: calc(13% - 2px);}
.vsoccer .g_home{width: calc(40% - 2px);}
.vsoccer .g_odd{width: calc(20% - 2px);}
.vsoccer .g_away{width: calc(40% - 2px);}
.vsoccer .g_more.list{width: calc(12% - 2px);}
.vsoccer .g_more.list span{color:#9595aa !important;}
.vsoccer .g_more.list .g_odd_h{color:#5c5c66 !important;}
.vsoccer .right-head span.vs-bet{background: #f7f8fa;border: 1px solid #bfcfda;color: #9595aa;display:inline-block;width: 57px;height: 28px;margin-left: 1px;text-align: center;color: #9595aa !important;}


.mt40{margin-top:40px !important;}
.mt30{margin-top:30px !important;}
.mt20{margin-top:20px !important;}
.mt15{margin-top:15px !important;}
.mt10{margin-top:10px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mt5{margin-top:5px !important;}
.ml10{margin-left: 5px !important;}
.mr10{margin-right: 5px !important;}
.mlf2{margin-left:2px !important;margin-right:2px !important;}
.mlf10{margin-left:10px !important;margin-right:10px !important;}

.pdb0{padding-bottom:0 !important;}
.pdlf10{padding:0 10px !important;}
.pdl10{padding-left: 10px !important;}
.pl0{padding-left:0 !important;}


.table-tit{}
.table-style1-div{background: #000;border: 2px solid #40030b;position: relative;padding:5px 15px;margin:10px;}
.table-style1-div:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #333436;border-radius: 13px;}
.table-style1-div > .box{position: relative;z-index:2;}
.table-style1-div > .box > dl + dl{border-top: 1px solid #40030b;}
.table-style1-div > .box > dl > dt{font-family:'jal';font-size:12px;color:#fff;padding:12px 0 10px;line-height: 1.2;}
.table-style1-div > .box > dl > dd{font-size:12px;color:#6d6d6d;padding-bottom:10px;line-height: 1.5;}
.table-style1-div > .box > dl > dd > span{font-size:13px;}
.table-style1-div > .box > dl > dd > span.check-bg { display:inline-block; margin:0 3px 0 0; }
.table-style1-div > .box > dl > dd > span.check-bg label {padding:0 10px; background: linear-gradient(90deg,#ffdb00 0,#ffb700);color: #000 !important;border-radius: 10px;display: inline-block;min-width: 94px;height: 40px;line-height: 40px;text-align: center;font-size: 14px;  }

.table-style1-div > .box > dl > dd input, 
.table-style1-div > .box > dl > dd select{width:193px;}
.table-style1-div > .box > dl > dd input{border:1px solid #404447;background: #1d2329;padding: 10px 15px;line-height:25px;height:45px;color:#fff;font-size:13px;}
/* .table-style1-div > .box > dl > dd input:focus{border:1px solid #ffdb00;outline:none;box-shadow: 0 0 5px #ffdb00;} */
.table-style1-div > .box > dl > dd input.orange{color: #ff5500 !important;}
.table-style1-div > .box > dl > dd input.w100p{width:100%;}
.box > dl > dd select{background: url(../images/common/select-bg.gif) no-repeat right 15px center #1d2329;border:1px solid #404447;border-radius:8px;padding: 10px 15px;line-height:25px;height:45px;color:#fff;font-size:13px;}

.table-style1-div > .box > dl > dd p.money{margin-top:-5px;font-family:'jal';font-size:16px;color: #f6d254;display:inline-block;margin-right:5px;}
.table-style1-div > .box > dl > dd p.money > span{color: #fff;font-family:'jal';font-size:12px;}
.table-style1-div > .box > dl > dd a.h31{height:31px;line-height:31px;width:73px;}
.table-style1-div > .box > dl > dd a.h40{height:40px;line-height:40px;width:113px;}
.table-style1-div > .box > dl > dd a.pink > span{font-size:14px;font-weight:bold;}
.table-style1-div > .box > dl > dd a.h44 > span{font-size:14px;}
.table-style1-div > .box > dl > dd p.txt{font-size:12px;color: #6f6c6c;margin-top:8px;}
.table-style1-div > .box > dl > dd.deposit-name > input{width:calc(100% - 80px);margin:0;}
.table-style1-div > .box > dl > dd.deposit-name.w100-per > input{ width:100%; }

/* .table-style1-div > .box > dl > dd .btn-all{margin-top: 0;margin-left:-5px;}
.table-style1-div > .box > dl > dd .btn-all > a{background: #535355;color:#fff;font-size:14px;margin-left:5px;width:calc(25% - 5px);float:left;line-height:45px;text-align:center;border-radius:8px;margin-top: 5px;}
.table-style1-div > .box > dl > dd .btn-all > a:hover{background:#3b3e47;} */
.table-style1-div > .box > dl > dd a.first{color:#fff;font-size:14px;width:75px;line-height:45px;text-align:center;background:#3b3e47;color:#b5b5b5;float:right;}
.table-style1-div > .box > dl > dd a.first:hover{color:#fff;}
.table-style1-div > .box > dl > dd .btn-all.grid3 > a { width:calc((100% / 3) - 5px); }
.table-style1-div > .box > dl > dd .btn{display: inline-block;height:30px;padding:0 15px;font-family:'jal';font-size:12px;color:#fff;text-align: center;}
.table-style1-div > .box > dl > dd .btn.blue{background: linear-gradient(#427cd8,#1b60cf);}
.table-style1-div > .box > dl > dd .btn.yellow{background:linear-gradient(#ffd900,#ffb900);color:#06091d!important}
.table-style1-div > .box > dl > dd .btn-radio input[type=radio]{display:none}
.table-style1-div > .box > dl > dd .btn-radio input[type=radio]:checked + label{background: #000;color: #f6d254 !important;border: 2px solid #f5d06f;vertical-align: top;line-height: 28px;}
.table-style1-div > .box > dl > dd .btn-radio label{display: inline-block;height:30px;margin-bottom:5px;padding:0 15px;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);font-family:'jal';font-size:12px;color: #000000;line-height: 32px;}
.table-style1-div > .box > dl > dd .input-n-button{display:flex;justify-content:space-between;}
.table-style1-div > .box > dl > dd input{width:100%;height:35px;border-color: #242222;background: #111010;box-sizing:border-box;outline:none}
.table-style1-div > .box > dl > dd input::placeholder{color:#44454d}
.table-style1-div > .box > dl > dd .input-n-button input{flex:0 0 80%;}
.table-style1-div > .box > dl > dd .input-n-button a,
.table-style1-div > .box > dl > dd .btn-all a{display: inline-block;flex:0 0 calc(20% - 3px);width:100%;height:35px;margin-left:3px;background: #300306;font-family:'jal';font-size:12px;color:#fff;text-align: center;line-height: 35px;}
.table-style1-div > .box > dl > dd .btn-all{display:flex;justify-content:space-between;margin-top:3px}
.table-style1-div > .box > dl > dd .btn-all a{background: #53080d;color: #fff;}
.btn-cash{display: inline-block;height:35px;padding:0 15px;border-radius: 5px;font-family:'jal';font-size:14px;color:#06091d!important;line-height: 37px;}
.btn-cash.yellow{background: #9c0a1f;color: #fff !important;}
.btn-cash.green{background: #9c0a1f;color: #fff !important;}
.btn-cash.blue{background: #9c0a1f;color:#fff!important}

h4.sub-tit{margin-bottom:4px;font-family:'jal';font-size:14px;color:#fff}
h4.sub-tit span{font-size:12px;color:#989aa6}
h4.sub-tit span.tp2{font-family:'a2';}
.table-style2 p.tit{padding:0 10px;text-align:left}
.table-style2 .progress-result{font-family:'jal';font-size:12px;line-height:12px;color:#fff}
.table-style2 .progress-result.yellow{color: #f6d254!important;}
.table-style2 .progress-result.red{color: #c03737!important;}

.table-style1{}
.table-style1 table thead th{font-size: 12px;color: #a39d9d;height:34px;line-height:34px;border-top: 2px solid #4a060a;border-bottom: 2px solid #4a060a;background: #000;}
.table-style1 table thead tr th:first-child{border-left:0;}
.table-style1 table tbody th{background: #323637;color:#fff;text-align:left;height: 39px;}
.table-style1 table tbody th font{color:#fff;}
.table-style1 table tbody td{text-align:center;font-family:"tahoma";color:#fff;background: #000;padding: 2px;}
.table-style1 table tbody td .tbg{position:relative;border: 1px solid #474747;overflow:hidden;line-height:37px;padding: 0 10px;margin: 0px 0;}
.table-style1 table tbody td .tbg::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;/* border-top:1px solid #646464; *//* border-left:1px solid #646464; *//* border-radius:4px; */}
.table-style1 table tbody td .tbg:hover,
.table-style1 table tbody td .tbg.on{border: 1px solid #10bbff;}
.table-style1 table tbody td .tbg:hover::before,
.table-style1 table tbody td .tbg.on::before{/* border-top:1px solid #564c4c; *//* border-left:1px solid #564c4c; */}
.table-style1 table tbody td .vs{font-weight:bold;}

.table-style1-div > .box > dl > dd .casino-btn-all > a{letter-spacing: -1px;}


/********************************************************
 game css : 
********************************************************/
/* game -  */
.game_data {/*border-top: 2px solid #ffdb00;margin-top: 10px;*/}
.game_row {display: block;/* font-family: 'Nanum Gothic',dotum,sans-serif; */}

/* game -  */
.game_head {overflow: hidden;margin-bottom: 10px;}
.game_head table {width: 100%;table-layout: fixed;background-color: #020202;}
.game_head table thead th {height: 36px;color: #fff;font-size: 12px;letter-spacing: -1px;font-weight: normal;}

/* game -   */
.g_head {clear: both;overflow: hidden;height: 35px;line-height: 35px;/* margin: 10px 0 2px 0; */background-color: transparent;text-align: left;letter-spacing: -1px;font-size: 13px;padding-left: 0;}
/*.g_head.bg {height: 36px; line-height: 36px; background-color: #EFF0F1;}*/
.g_head img {/*width: 22px;*/margin: -3px 0 0 7px;vertical-align: middle;}
.g_head span {font-size: 12px;margin-left: 8px;/*  */color: #dddfe2 !important;}
.g_head i.iconfont{color: #969696;display: inline-block;vertical-align: middle;width: 21px;font-size: 21px;}
.g_head em {text-decoration: none;color: #8e8e98;font-weight: normal;font-style: normal;}
.g_head em strong {color: #8e8e98;font-weight: normal;}
.g_head::after{display:block;clear:both;content:''}

/* game -   */
.g_league_1 {color: #969696;/*font-weight: bold;*/}
.g_league_2 {color: #f8376b;}
.g_league_3 {color: #e649fa;}
.g_league_4 {color: #fa7949;}
.g_league_5 {color: #00d3db;}
.g_league_6 {color: #00c45b;}
/* game -   */
.game_sub {display: none;}
.game_sub.on {display: block}

/* game -   */
.g_item {overflow: hidden; display: block;/*padding-left:1px*/}
.g_item a{display:block;}
.g_item::after {content: ''; display: block; clear: both;}
.g_item li {float: left;height: 33px !important;line-height: 33px !important;/*margin-bottom: 1px;*/padding:0 5px;letter-spacing: 0px;margin-left: 1px;background: #1a1919;border: 1px solid #343232;}
.g_item li:first-child{margin-left:0;}
.g_item li img {display: inline-block;vertical-align: -10px;}
.g_item li.last-over{background:transparent!important;color: #5f5f5f;border: 1px solid #232121;}
.g_item li.last-over *{color: #555 !important;}
.g_item li.last-over img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
 
.g_day {width: calc(10% - 2px);text-align: center;color: #a5a5a5;font-size: 13px;font-weight: bold;}
.g_day span {color: #a5a5a5;}
/* game -    */
.g_home {width: calc(39% - 2px);margin-right: 1px;padding: 0 1px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_odd {width: calc(12% - 2px);margin-right: 1px;text-align: center;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_away {width: calc(39% - 2px);padding: 0 1px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.game_data.v2 .g_home{width:calc(40% - 2px);}
.game_data.v2 .g_odd{width:calc(20% - 2px);}
.game_data.v2 .g_away{width:calc(40% - 2px);}
.game_data.v2 .g_head span.yellow{display:none}
.game_data.v2 .g_head span:last-child{margin-right:10px;color:#95979e!important}

/* game -    */
.g_home_h_s {width: calc(33% - 2px); margin-right: 1px; padding: 0 1px; cursor: pointer; font-weight: bold;}
.g_odd_h_s {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_h_s {width: calc(33% - 2px); padding: 0 1px; cursor: pointer; font-weight: bold;}

/* game -    */
.g_home_sc {width: calc(33% - 2px); margin-right: 1px; padding: 0 1px; cursor: pointer; font-weight: bold;}
.g_odd_sc {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_sc {width: calc(33% - 2px); padding: 0 1px; cursor: pointer; font-weight: bold;}

.g_home_ed {width: calc(33% - 2px);margin-right: 1px;padding: 0 1px;cursor: pointer;font-weight: bold;}
.g_odd_ed {width: calc(12% - 2px); margin-right: 1px; text-align: center; cursor: pointer; font-weight: bold;}
.g_away_ed {width: calc(33% - 2px); padding: 0 1px; cursor: pointer; font-weight: bold;}

/* game -    */
.g_home_n, .g_home_o, .g_home_d {width: calc(100% - 40px);float: left;/*white-space: nowrap; text-overflow: ellipsis;*/overflow: hidden;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;}
.g_away_n, .g_away_o, .g_away_d  {width: calc(100% - 40px);float: right;/*white-space: nowrap;text-overflow: ellipsis;*/overflow: hidden;font-weight: 500;white-space: nowrap;text-overflow: ellipsis;}
.g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 40px;float: right;position: relative;letter-spacing: 0px;white-space: nowrap;padding-right:2px;font-weight: 500;}
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 40px;float: left;position: relative;letter-spacing: 0;/*  */white-space: nowrap;padding: 0 2px;font-weight: 500;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block;font-weight: 500;}

.g_home_n {color: white;text-align: left;font-size: 12px;}
.g_home_odd_n {color: white;text-align: right;font-size: 12px;}
.g_odd_n {color: white;text-align: center;font-size: 12px;}
.g_away_odd_n {color: white;text-align: left;font-size: 12px;}
.g_away_n {color: white;text-align: right;font-size: 12px;}

.g_home_o {color: #fff;text-align: left;font-size: 12px;}
.g_home_odd_o {color: #fff;text-align: right;font-size: 12px;}
.g_odd_o {color: #fde601;text-align: center;font-size: 12px;}
.g_away_odd_o {color: #fde601;text-align: left;font-size: 12px;}
.g_away_o {color: white;text-align: right;font-size: 12px;}
.g_home_o span, .g_away_o span {color: #fff!important;}

.g_home_d {color: #999; text-align: left; font-size: 13px;}
.g_home_odd_d {color: #999; text-align: right; font-size: 13px;}
.g_odd_d {color: #fff;text-align: center;font-size: 12px;}
.g_away_odd_d {color: #999; text-align: left; font-size: 13px;}
.g_away_d {color: #999; text-align: right; font-size: 13px;}

.g_odd_h {color: #d3d3d3;text-align: center;}

.g_home_odd_n .hot, 
.g_home_odd_o .hot,
.g_home_odd_d .hot,
.g_away_odd_n .hot,
.g_away_odd_o .hot, 
.g_away_odd_d .hot{font-size: 12px;font-weight: 500;color:#47e73b;margin: 0 1px;}

.g_gr_c .g_home_odd_o .hot, 
.g_gr_c .g_away_odd_o .hot{color: #fff;}

.g_gr_o .g_home_odd_o .hot, 
.g_gr_o .g_away_odd_o .hot{color: #47e73b;}

.divd2.name.white{color:#fff;}

/* game -    */
.g_more {text-align: center; font-size: 13px;}
.g_more img {vertical-align: middle;}
.g_more.list {width: calc(6% - 2px);}
.g_more.icon {width: calc(6% - 2px);}
.g_more.bet {width: calc(6% - 2px);}
.g_more.bet .mrbt {color: #aaa;}
.g_more.bet .mred {color: #777;}
.g_more.scr {width: calc(6% - 2px);color: #737373;}
.g_more.win {width: calc(6% - 2px);color: #aaa;}

/* game -    */
.g_gr_nt {background-color: #2f4657;}
.g_gr_nto {background-color: #2fb3ed;}
.g_gr_n {background-color: #151517;/* border: 1px solid #2d2d2f; */}
.g_gr_o {border: 1px solid #f4ce6d !important;background: #000000 !important;}
.g_gr_o span,
.g_gr_o .divd{color: #f4ce6d !important;}
.g_gr_c {background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a) !important;border: 0 !important;color: #100f0e;}

.g_gr_d {background-color: #090723;border: 1px solid #2e2c44;}
.g_gr_sc {background-color: #3b3331;}

.g_gr_o .divd{color: #fff;}
.g_gr_c .name{color: #000 !important;}
.g_gr_o .divd2.name{color: white;}
.g_gr_c .divd2.name{color: #000 !important;}
.g_gr_c .divd{color: #000;}
.g_gr_c .name{color: #000 !important;}

/* game -    */
.g_list_hold {display:flex!important;align-items:center;justify-content:center;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border: 2px solid #f5d06f;font-family:'jal';font-size:12px;color:#fff}
.g_list_hold span {color: #ea3fd3;}
.g_list_hold em {color: #fff;}
.g_list_view {font-family:'jal';font-size:12px;color: #ffde5c;}
.g_list_view span {color: #ffc600;}
.g_list_view em {color: #008fe8;}

.g_list_hold, .g_list_view {}
.g_list_hold span, .g_list_view span {display: inline-block;font-size: 12px;margin: 0 5px 0 0;}
.g_list_hold em, .g_list_view em {display: inline-block;font-size: 12px;font-weight:bold;font-style: normal;}


/* game -  //   */
.g_evt {width: 40px; height: 36px; line-height: 36px; text-align: center;}
.g_evt img {vertical-align: middle;}
.g_lg {width: calc(14% - 2px);height: 36px;line-height: 36px;text-align: left;vertical-align: middle;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.g_lg img {width: 26px; height: 16px; margin: -2px 0 0 5px; vertical-align: middle;}
.g_lg span {color: #fff;}

/* game -  //  */
.g_info {padding: 2px;margin-top: 5px;}
.g_info ul {display: table;border: 1px solid #2e2c44;color: #fff;}
.g_info ul li {display: table-cell; width: 1%; height: 34px; line-height: 34px; text-align: center;}
.g_info ul li input[type="checkbox"] {vertical-align: middle; height: 34px; line-height: 34px;}

.sports-result{/* padding:0 15px; */margin: 0 2px;}
.sports-result .g_head{/*border-top:0;*/}
.sports-result .g_head em{color: #818181;font-style: normal;padding-left: 10px;vertical-align: middle;}
.sports-result .g_head em strong{color: #818181;/* margin-left: 5px; */}
.sports-result .g_head b{font-weight:400;color: #f50;/*  */}
.sports-result .g_head > span{margin-left: 15px;color: #fff !important;width: calc(100% - 180px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;vertical-align: middle;}
.sports-result .g_item li{padding: 0 3px;}
.sports-result .g_item li.g_day{width:calc(11% - 2px);}
.sports-result .g_item li.g_lg{padding-left:10px;}
.sports-result .g_item li.g_home{width:calc(33% - 2px);}
.sports-result .g_item li.g_home_ed{width: calc(35%  - 2px);}
.sports-result .g_item li.g_odd{width:81px;}
.sports-result .g_item li.g_odd_ed{width: calc(15% - 2px);}
.sports-result .g_item li.g_away{width:calc(33% - 2px);}
.sports-result .g_item li.g_away_ed{width: calc(35% - 2px);}
.sports-result .g_item li.g_more.win{width: calc(15% - 2px);}
.sports-result .g_item li.g_more.win span { font-family:"jal"; font-size:12px; }
.sports-result .g_item li.g_more.win .red{color: #f50 !important;}
.sports-result .g_head + .g_item{/* border-top:1px solid #ccc; */}
.sports-result .g_item{margin:0 0 2px;}
.sports-result .g_away_odd_n, 
.sports-result .g_away_odd_o, 
.sports-result .g_away_odd_d{padding:0;color: #fff;}
.sports-result .g_home_odd_n, 
.sports-result .g_home_odd_o, 
.sports-result .g_home_odd_d{padding:0;color: #fff;}

.sports-result .g_gr_c .g_away_odd_n, 
.sports-result .g_gr_c .g_away_odd_o, 
.sports-result .g_gr_c .g_away_odd_d{color: #fff;}
.sports-result .g_gr_c .g_home_odd_n, 
.sports-result .g_gr_c .g_home_odd_o, 
.sports-result .g_gr_c .g_home_odd_d{color: #fff;}

.sports-result .g_gr_c .g_away_n{color: #fff;}
.sports-result .g_gr_c .hot{color:#fff;}


.sports-result .g_item .g_odd_d{color: #fff !important;}
.sports-result .g_item .g_gr_c .g_odd_d{color:#fff !important;}
.sports-result .g_item .g_gr_c .g_home_o{color:#fff !important;}
.sports-result .g_item .g_gr_c .g_away_o{color:#fff !important;}
.sports-result .g_item .g_gr_c .g_odd_h{color: #fff !important;}


.sports-result.__mini .g_item li.g_home_ed{width: 100%;padding: 0 10px; position:relative; }
.sports-result.__mini .g_item li.g_lg.g_lg{text-align:center;/* padding-left:0; */}

.right-head{display:flex;align-items:center;float:right;padding-right:2px;color:#fff;/*width: 137px;*/}
.right-head span.date{/*padding:0 2px; background: #fff; */margin-right:8px;color: #818181 !important;font-size: 12px;/*border-radius: 3px;vertical-align: middle;*/}
.right-head a.more-date {display:inline-flex;align-items:center;justify-content:center;height:21px;background:#06091d;border:2px solid #ffbc00;color: #fff;font-family:'jal';font-size: 12px;width:50px;}
.right-head a.more-date i{font-size:12px;font-weight:500;}
.right-head a.more-date em{font-size:11px;}
.right-head a.more-date.g_list_hold:hover,
.right-head a.more-date.g_list_hold{display:inline-flex;align-items:center;justify-content:center;width:50px;height:23px;border-radius:0!important;border:1px solid #1e2056;background:linear-gradient(#141637,#06091d);font-family:'jal';font-size:12px;color:#ffd700;}
.right-head a.more-date.g_list_hold:hover i,
.right-head a.more-date.g_list_hold i{}
.right-head span.last-over{background: #fff;border: 1px solid #dfe2e4;color: #656565 !important;display:inline-block;width: 57px;height: 28px;margin-left: 3px;text-align: center;}




.betting-list{border-top:0;}
/* .betting-list .game_row:first-child{border-top:2px solid #ffdb00;} */
.betting-list .game_row{/*border-top: 2px solid #6a6b70;*/margin-top:5px;margin-bottom:20px;}
.betting-list .game_row:first-of-type{margin-top:0;}
.betting-list .white{color: #1c2835;}
.betting-list .grey{color: #636363 !important;}
.betting-list .red{color:#fff !important;}
.betting-list .blue{color: #fff !important;}
.betting-list .green{color:#fff !important;font-size: 14px;}
.betting-list .f14{font-size:14px;}
.betting-list .f15{font-size:15px;}

.betting-list .g_gr_c .blue{color: #fff !important;}

.betting-list .game_head{margin-bottom:0;}
.betting-list .game_data .game_row:first-child .g_head{margin-top:0;}
.betting-list .g_day{width:calc(12% - 2px);}
.betting-list .g_home{width: 100%;}
.betting-list .g_odd{width: 50px;}
.betting-list .g_away{width: 100%;}
.betting-list .g_more.list{width:calc(12% - 2px);}
.betting-list .g_more.list span{}
.betting-list .g_head{/* margin-top:0; */}
.betting-list .g_head > span{margin-left:5px;}

.betting-list .g_item li.g_home_ed{width:calc(40%);}
.betting-list .g_item li.g_odd_ed{width:calc(20% - 2px);}
.betting-list .g_item li.g_away_ed{width:calc(40% - 2px);}

.betting-list .league_h .right-head{flex-grow:1;position:relative;height:25px}
.betting-list .right-head{width:auto;}
.betting-list .right-head span{color:#fff;margin-left: 3px;}
.betting-list .right-head span.tx_red{color: #f90e2e !important;}
.betting-list .league_h .right-head .betting-box{display:flex;align-items:center;justify-content:center;position:absolute;top:0;right:0;width:52px;height:25px;border-radius:5px;background: #9b8f90;font-size:12px;color: #000000;font-family: 'jal';}
.betting-list .league_h .right-head .betting-box.yellow{background: #ffde5c;color: #000000 !important;}
.betting-list .league_h .right-head .betting-box.red{background: #9c0a1f;color:#fff!important;}
.betting-list .league_h .right-head .betting-box.green{background: #2bf816;color:#06091d!important}
.betting-list .league_h .right-head .betting-box.cancel{background: #818181;color:#fff!important}
.betting-list .league_h .right-head .bet-no{background:#891212;}
.betting-list .league_h .right-head .bet-ok{background:#f6cc35;color:#11191f;}
.betting-list .right-head .betting-box.win{color:#ffd300;}
.betting-list .right-head .betting-box.lose{color:#c60f47;}
.betting-list .right-head .betting-box.state{}
.betting-list .right-head .betting-box{display:inline-block;width:57px;height:28px;text-align: center;}
.betting-list .g_head .right-head .betting-box{width:auto;height:auto;margin-right:8px;font-size:12px!important;color:#95979e!important;}
.betting-list .g_head .right-head .betting-box.yellow{color: #f6d254 !important;}
.betting-list .g_head .right-head .betting-box.red{color: #9c0a1f !important;}
.betting-list .g_head .right-head .betting-box.green{color: #2bf816 !important;}

/* .betting-list .g_item{border: 1px solid #427cd8;background:#111333;} */
/* .betting-list .g_item:last-of-type{border-bottom:0;padding-bottom: 0;} */


.betting-list .bet-info{position:relative;padding: 0px 5px 5px 30px;font-size: 12px;color: #6b6767;line-height: 18px;border: 1px solid #b8bcc4;border-left: 0;border-right: 0;background: #edf0f4;border-top: 0;}
.betting-list .bet-info input{position:absolute;top: 50%;left: 10px;margin-top: -11px;}
.betting-list .bet-info i{color: #4a4a4a;margin: 0 3px 0 6px;}
.betting-list .bet-info .bet-state{display: inline-block;width: 47px;height: 23px;line-height: 23px;text-align: center;color: #fff;font-size: 13px;border-radius: 5px;}
.betting-list .bet-info strong{display:inline-block;margin-right: 20px;}
.betting-list .bet-info strong:last-of-type{margin-right:10px;}
.betting-list .bet-info strong font{}

.betting-list .league_h{display:flex;align-items:center;height:35px;margin-bottom:0;padding:0 5px;color: #fff;/*  */}
.betting-list .league_h span{display:inline-block;margin-left:6px;font-size: 12px;}
.betting-list .league_h span.lg_day{color: #818181;}
.betting-list .league_h + .g_head{margin-top:0; /*padding-right:10px;*/}
.betting-list .league_h.tp2{height:35px;border-bottom: 1px solid #343232;}
.betting-list.__mini .league_h{border-bottom:0;}
.betting-list.__mini .league_h span i{color:#fff;}
.betting-list.__mini .league_h span i.tx_red{color:#f50;}

.bet-right{float:right;color: #a5a5a5;}
.bet-right span{display:inline-block;color: #1c2835;margin-left: 0;}
.bet-right span.sp2{color: #1c2835;margin-left: 3px;}
.bet-right span.sp3{/* background:#101011; */color: #1c2835;/* width:52px; */height:24px;line-height:24px;text-align: center;border-radius: 3px;}

.search.betting-search p.bet-last input{font-weight:700}
.search.betting-search p.bet-last span:nth-of-type(1){width:calc((100% - 74px) / 2);margin-left: 0;}
.search.betting-search p.bet-last span:nth-of-type(2){width:calc((100% - 74px) / 2);margin-left: 0;}
.search.betting-search p.bet-last span:last-child{float:right;width:40px;}
.search.betting-search p.bet-last i{float:left;width:14px;text-align:center;line-height:38px;color: #7d7e84;}

h5.tit-small{display:flex;align-items:center;height:34px;padding:0 10px;border-top: 2px solid #4a060a;border-bottom: 2px solid #4a060a;font-size:12px;color:#7d7e84}

.game-result .white{color: #1c2835;}
.game-result .grey{color: #636363 !important;}
.game-result .red{color:#ff3131 !important;}
.game-result .blue{color: #1b91d5 !important;}
.game-result .green{color:#00d99b !important;}
.game-result .f14{font-size:14px;}
.game-result .f15{font-size:15px;}

.game-result .game_head{margin-bottom:0;}
.game-result .game_data .game_row:first-child .g_head{margin-top:0;}
.game-result .g_day{width:calc(12% - 2px);}
.game-result .g_home{width: 100%;}
.game-result .g_odd{width: 50px;}
.game-result .g_away{width: 100%;}
.game-result .g_more.list{width:calc(12% - 2px);}
.game-result .g_more.list span{}
.game-result .g_head{margin-top: 4px;}

.game-result .bet-info{position:relative;padding: 0px 5px 5px 30px;font-size: 12px;color: #6b6767;line-height: 18px;border: 1px solid #b8bcc4;border-left: 0;border-right: 0;background: #edf0f4;border-top: 0;}
.game-result .bet-info input{position:absolute;top: 50%;left: 10px;margin-top: -11px;}
.game-result .bet-info i{color: #4a4a4a;margin: 0 3px 0 6px;}
.game-result .bet-info .bet-state{display: inline-block;width: 47px;height: 23px;line-height: 23px;text-align: center;color: #fff;font-size: 13px;border-radius: 5px;}
.game-result .bet-info strong{display:inline-block;margin-right: 20px;}
.game-result .bet-info strong:last-of-type{margin-right:10px;}
.game-result .bet-info strong font{}


.lr-box .btn-left .bet-ipt{display:inline-block;margin-top:10px;font-size: 12px;color: #fff;/*  */}
.lr-box .btn-left .bet-ipt input{margin-right:5px;}

/* paging */
.paging{display: table;margin: 0 auto;text-align: center;}
.paging a{position:relative;float:left;display:flex;align-items:center;justify-content:center;width:37px;height:37px;margin: 5px 1.7px;background: #1a1919;font-size:14px;color: #fff}
.paging a .iconfont{color: #999393;}
.paging a.on{color: #f6d254;background: #200204;text-decoration:underline;}
.paging a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.paging a.on::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border: 2px solid #4a060a;box-sizing: border-box;}

.btn-bottom{display: inline-block;height:30px;padding:0 15px;border-radius: 5px;background: #f6d254;font-family:'jal';font-size:12px;color:#06091d;line-height: 32px;}
.btn-bottom.red{background: #9c0a1f;color:#fff!important;}
.btn-bottom.blue{background: #1a42ee;color:#fff!important;}

.prematchBtnSearch.btn-bottom.red{background: #300306;color:#fff!important;border: 1px solid #4a060a;border-radius: 5px;}

.txt-ct{text-align: center !important;margin-top:20px;}
.txt-rt{text-align:right;margin-top:10px;}

.lr-box{margin: 10px 10px 0;position:relative;min-height:32px;}
.lr-box .btn-left{position:absolute;top: 0;left:0;}
.lr-box .btn-right{position:absolute;top: 0px;right:0;}

.lr-box2{overflow:hidden;}
.lr-box2 .btn-left{float:left;}
.lr-box2 .btn-right{float:right;}
.lr-box2.pgs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top:10px!important;
    border-top: 2px solid #343232;
    border-bottom: 2px solid #343232;
}
.lr-box2.pgs div {
    flex: 0 0 50%;
    overflow: hidden;
}
.lr-box2.pgs div a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 39px;
}
.lr-box2.pgs div a em {
    flex: 0 0 68px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 27px;
    color: #7d7e84;
    font-style: normal;
}
.lr-box2.pgs div a span {
    flex-grow: 1;
    overflow: hidden;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    visibility: hidden;
}
.lr-box2.pgs div.btn-left a em {
    border-right: 1px solid #343232;
}
.lr-box2.pgs div.btn-right a span {
    text-align:right;
}
.lr-box2.pgs div.btn-right a em {
    border-left: 1px solid #343232;
}

.btnArea.center{position:relative;margin:20px 0!important;text-align:center}
.btnArea a{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 17px;border-radius: 5px;font-family:'jal';margin-left: 3px;}
.btnArea a.btnList{background: #ffde5c;color: #06091d;font-size: 12px;}
.btnArea a.btnWrite{background: #9c0a1f;color:#fff;font-size: 12px;}
.btnArea a.btnDelete{background: #9c0a1f;color:#fff}
.btnArea.fix .btnDelete{position:absolute;top:0;left:10px;}
.btnArea.fix .btnWrite{position:absolute;top:0;right:10px;}

a.btn{min-width: 94px;height: 34px;line-height:34px;font-size: 14px;color:#fff;text-align:center;padding: 0 14px;/* border-radius: 5px; */}
a.btn img{margin-right:5px;}
a.btn.small{padding: 0 15px;min-width: auto;}
a.btn:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
a.btn.black{background: #2e333d;}
a.btn.grey{background: #69727d;color: #fff !important;}
a.btn.green{background:linear-gradient(180deg,#21a42f,#108118);color: #fff !important;}
a.btn.green2{background: linear-gradient(90deg,#ffdb00,#ffb700);color: #000 !important;}
a.btn.red{background: #df4442;color: #fff !important;}
a.btn.btn-red{background: #373737;color: #fff;width: 45px;height: 23px;line-height: 23px;font-size: 12px;min-width: auto;padding: 0;}
a.btn.red2{background:linear-gradient(90deg,#ffdb00,#ffb700);color: #000 !important;}/* 20210620 */
a.btn.btn-grey{background: #300306;color: #fff;width: 45px;height: 23px;line-height: 23px;min-width: auto;font-size: 12px;padding: 0;}
a.btn.btn-orange{background: #178e21;color:#eb2629;width: 113px;height: 40px;line-height: 40px;padding: 0;border-radius: 10px;color: #fff;font-size: 14px; }
a.btn.btn-orange2{background:linear-gradient(to right,#feda00, #feb600);color:#000;width: 100px;height: 44px;line-height: 44px;padding: 0;}
a.btn.blue{background:#2ca3d6;color: #fff !important; }
a.btn.blue i { margin-right:5px; vertical-align:middle; }

.betting-close{position:absolute;top:0;bottom:0;left:0;right:0;z-index: 1;background:rgba(32, 42, 51, 0.9);}
.betting-close span{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:110px;margin:auto;padding-top: 80px;text-align:center;font-size:30px;color:#fff;background: url(../images/sub/betting_close.png) no-repeat center top;}

h3.sub-tit{margin-bottom: 15px;color: #feda00;font-size:18px;padding-left: 10px;}
h3.sub-tit > span{display:inline-block;margin-left:5px;color: #767676;font-size:12px;}

h3.sub-title{padding-bottom: 5px;border-bottom: 1px solid #40030b;font-family:'jal';font-size:14px;color: #fff;}
h3.sub-title > span{display:inline-block;margin-left: 10px;color: #767676;font-size: 12px;}
h3.sub-title br{display:none;}
h3.sub-title.nb{padding:0;border:0}
p.sub-txt{font-size:12px;color:#767676;margin-bottom:10px;line-height:20px;margin: 0 10px;}
a.notandum{display:inline-block;padding:0 10px;margin: 10px;line-height:35px;background: #1d2329;border: 1px solid #313641;color:#feda00;font-size:14px;}
a.notandum > span{vertical-align: middle;}

.table-dl{padding: 0 10px;}
.table-dl > ul > li{background: #2e333d;border-radius: 5px;position: relative;}
.table-dl > ul > li + li{margin-top: 10px;}
.table-dl > ul > li > .box{padding: 10px 10px;display:block;}
.table-dl > ul > li > .box dt{display:table;width:100%;border-bottom: 1px solid #4a4f54;margin-bottom:10px;padding-bottom: 10px;table-layout:fixed;}
.table-dl > ul > li > .box dt > *{display:table-cell;vertical-align:middle;/* height:35px; */font-size:14px;}
.table-dl > ul > li > .box dt .notice-tit{width: 54px;border-radius:5px;height:23px;line-height: 23px;border: 1px solid #ff5500;text-align: center;}
.table-dl > ul > li > .box dt .notice-tit > span{display:block;font-size:12px;color: #ff5500;border-radius:5px;}
.table-dl > ul > li > .box dt > .progress-result{width:60px;text-align:right;font-weight:400;}
.table-dl > ul > li > .box dt > .point-money{width: 130px;}
.table-dl > ul > li > .box dt > .notice-style{width: 65px;}
.table-dl > ul > li > .box dt > .notice-style > span{display:inline-block;height:23px;line-height:21px;border: 1px solid #ff5500;width:55px;text-align:center;color: #ff5500 !important;font-size:12px;border-radius:5px;}
.table-dl > ul > li > .box dt > .notice-style > span.white{border:1px solid #fff;color: #fff !important;}
.table-dl > ul > li > .box dt > .question + .notice-style{width:55px;}
.table-dl > ul > li > .box dt > p.title > a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.table-dl > ul > li > .box dd > *{float:left;}
.table-dl > ul > li > .box dd > .day-box{color: #a0a09f;font-size:12px;margin-top: 2px;}
.table-dl > ul > li > .box dd > .day{width:calc(50% - 10px);padding-right:5px;color: #a0a09f;font-size:12px;}
.table-dl > ul > li > .box dd > .del{/* width:15px; */float:right;margin-top: -5px;}
.table-dl > ul > li > .box dd > .del > a > span{font-size: 20px;color: #626262;}
.table-dl > ul > li > .box dt .yellow{color:#f6cc35 !important;}
.table-dl > ul > li > .box dt .red{color:#f50 !important;}
.table-dl > ul > li > .box > .answer{border-top: 1px solid #4a4f54;padding: 20px 0 0;text-align:center;line-height:20px;margin-top:10px;display:none;}
.table-dl > ul > li > .box > .answer .memo-close{margin-top: 15px;margin-bottom: 10px;}
.table-dl > ul > li > .box > .answer .memo-close > a.close-btn{background: #2e333d;width:70px;height:27px;line-height:27px;color: #f6cc35;font-size:14px;border-radius:10px;}
.table-dl > ul > li.memo-on{border: 1px solid #ff5500;background: #1d2329;/* border-bottom: 3px solid #641607; */}
.table-dl > ul > li.memo-on > .box dt > p.title > a{color: #ff5500;text-decoration: underline;}
.table-dl.q-a > ul > li.memo-on > .box dd > .del{display:block;}


.table-view{background: #2e333d;border-radius:8px;position: relative;margin: 0 10px;}
.table-view .box{position: relative;z-index:2;padding: 15px;}
.table-view .box *{color:#fefefe;}
.table-view .box span{font-size:14px;font-weight:400;}
.table-view .box > dl{border-bottom: 1px solid #585c64;padding-bottom:10px;}
.table-view .box > dl > dt{font-size:22px;}
.table-view .box > dl > dt > .notice-tit{width:60px;border-radius:5px;height:23px;line-height: 23px;border: 1px solid #ff5500;text-align: center;}
.table-view .box > dl > dt > .notice-tit > span{display:block;font-size:12px;color: #ff5500;border-radius:5px;}
.table-view .box > dl > dt > p.tit{margin-top:10px;color:#fff;font-size:14px;}
.table-view .box > dl > dd{color:#adadad;font-size:12px;margin-top:10px;}
.table-view .txt-box{line-height: 1.5;font-size:14px;color:#fefefe;padding:20px 0;}


.board_write-box{/*margin: 0px 2px 0;*/}
.board_write-box li{overflow:hidden;margin-bottom: 10px;}
.board_write-box li:last-child{margin-bottom:10px;}
.board_write-box li .first{font-size: 14px;color: #666;position: relative;margin-bottom: 10px;padding: 0 10px;}
.board_write-box li .first span{color: #2b50ff;vertical-align: middle;margin-right: 3px;}
.board_write-box li .first span.red{color: #ee2a4d !important;}
.board_write-box li .first i{font-size: 14px;color: #ee2a4d;margin-left:5px;}

.board_write-box li .first .txt-num{position:absolute;top:0;right: 10px;color: #666;}
.board_write-box li .first .txt-num i{color: #f02955;}

/* .board_write-box li .second{border: 1px solid #313641;background: #1d2329;} */
.board_write-box input,
.board_write-box textarea,
.board_write-box select{background: #1d2329;border: 0;font-size: 13px;color: #fff;/*  */outline: none;padding-left: 15px;transition: all 0.3s ease;}
.board_write-box textarea{width:100%;height:236px;padding: 15px 12px;border-top: 2px solid #343232;border-bottom: 2px solid #343232;background:transparent;font-size: 13px;color: #fff;line-height: 1.5;resize: none;vertical-align: middle;outline:0;}
/* .board_write-box input:focus,
.board_write-box select:focus,
.board_write-box textarea:focus{border:1px solid #fff;} */
.board_write-box .iptC{width: 100%;height:39px;padding:0 10px;background: #1a1919;font-size:12px;font-family:'jal';color:#fff}
.board_write-box .iptC::placeholder{font-size:12px;font-family:'jal';color:#a39d9d}
.board_write-box .btn_black{float: right;width:153px;height:49px;line-height:49px;padding:0;vertical-align: middle;background: #2b50ff;border: 0;border-radius: 0;font-size: 14px;}
.board_write-box .btn_black i.iconfont{font-size: 26px;vertical-align: middle;margin-right: 5px;}


.board_write-box input::-webkit-input-placeholder { /* WebKit browsers */
  color: #5d5b5b;
}
.board_write-box input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #5d5b5b;
}
.board_write-box input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #5d5b5b;
}
.board_write-box textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #5d5b5b;
}
.board_write-box textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #5d5b5b;
}
.board_write-box textarea:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #5d5b5b;
}

.board_write-box-o{overflow:hidden;}
.board_write-box-o .red{float:left;color: #f02955 !important;}
.board_write-box-o .txt-num{float:right;color:#a2a2a2;}
.board_write-box-o .txt-num i{color:#ff2525;}


.customer-service-view{background: #2e333d;border-radius: 5px;box-shadow:0px 0px 17px #000;position: relative;margin: 0 10px;}
.customer-service-view:before{content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #313335;border-radius: 13px;}
.customer-service-view + .customer-service-view{margin-top:15px;}
.customer-service-view .box{position: relative;z-index:2;padding:20px;}
.customer-service-view .box *{color:#fefefe;font-size:14px;line-height:20px;}
.customer-service-view .box dl > dt{border-bottom: 1px solid #585c64;padding-bottom:10px;}
.customer-service-view .box dl > dt.tit > h3{color:#fefefe;font-size:14px;margin-bottom:5px;}
.customer-service-view .box dl > dt.tit2 > h3{color: #fefefe;font-size:16px;}
.customer-service-view .box dl > dt.tit > span.day{color: #9d9b93;font-size:12px;}
.customer-service-view .box dl > dd{padding-top:20px;}

#notandum > .popup-box h3.tit{color: #ffdb00;font-size:18px;padding-bottom:15px;border-bottom: 1px solid #313641;margin-bottom:20px;}
#notandum > .popup-box .popup-txt{/*padding-left: 15px;*/max-height: 300px;overflow-y: auto;}
#notandum > .popup-box .popup-txt *{color:#d2d2d2;font-size:13px;line-height:25px;/*text-indent: -15px;*/}
#notandum > .popup-box .pop-btn > a{width: 121px;margin:0 auto;}
.popup-bg{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 100;top:0;left:0;display:none;}
.popup-bg .popup-box{padding: 20px 20px 30px;margin:110px 10px;background: #1d2329;border: 1px solid #313641;/* border-radius:8px; */box-shadow:0px 0px 17px #000;position: relative;max-width:100%;}
.popup-bg .popup-box:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #333436;border-radius: 13px;}
.popup-bg .popup-box > .box{position: relative;z-index:2;}
.popup-bg .popup-box > .box > a.popup-close{position:absolute;top:0;right:0;color:#616161;font-size:17px;}
.popup-bg .popup-box > .box > h4.tit{margin:20px 0 10px 10px;font-size:13px;font-size:13px;color:#d2d2d2;}
.popup-bg .popup-box > .box input{width:100%;}
.popup-bg .popup-box > .box > .pop-btn{margin-top:20px;text-align:center;}
.popup-bg .popup-box > .box > .pop-btn > a{width:100%;height:45px;line-height:45px;}
.popup-bg .popup-box > .box > .pop-btn > a span{font-size:16px;}
.popup-bg .popup-box > .box > p.txt{margin-top:20px;text-align:center;color:#6d6d6d;font-size:13px;}
.popup-bg .popup-box > .box > p.txt > a{color:#fcd47a;text-decoration: underline;}

.pan_type {overflow:hidden;text-align: center;margin: 20px 0;}
.pan_type li {display: inline-block;width: 115px;height: 40px;line-height: 40px;cursor:pointer;background: #2e333d;border: 1px solid #2e333d;}
.pan_type li span {font-size: 14px;color: #b0b0b7;vertical-align: middle;}
.pan_type li i {font-size: 26px;color: #b0b0b7;vertical-align: middle;margin-right: 5px;}
.pan_type li:hover {border: 1px solid #ff5500;}
.pan_type .select {border: 1px solid #ff5500;}
.pan_type .select span {color: #fff;}
.pan_type .select i {color: #ff5500;}


.table-thead{background: #2e333d;position: relative;}
.table-thead:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #4a473c;border-radius: 13px;}
.table-thead th{height: 45px;color:#ffffff;font-size: 14px;}
.table-tbody{margin-bottom: 10px;}
.table-tbody table{table-layout:fixed;}
.table-tbody td{text-align:center;color: #adadad;font-size: 12px;height:50px;border-bottom:1px solid #404447; }
.table-tbody tbody td{text-align:center;color: #adadad;font-size: 12px;height:50px;border-bottom:1px solid #404447; }
.table-tbody tfoot td{text-align:center;color: #adadad;font-size: 12px;height:50px; border-bottom: none;}
.table-tbody tbody tr td:first-child{border-left:0;}
.table-tbody td.left{text-align:left;padding-left:20px;}
.table-tbody td p.money{color: #f6cc35;font-size:14px;}
.table-tbody td p.money > span{color:#ffffff;font-size:14px;}
.table-tbody td span.orange{color: #f6cc35 !important;}
.table-tbody td span.red{color:#f50 !important;}
.table-tbody td a.del-btn > span{color:#585858;font-size: 22px;}
.table-tbody td a.del-btn:hover > span{color: #f50;}
.table-tbody td span.notice-tit{display:inline-block;height:27px;line-height:25px;border: 1px solid #ff5500;padding:0 10px;color: #ff5500;font-size:14px;border-radius:5px;}
.table-tbody td a.tit{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fefefe;font-size:14px;}
.table-tbody .notice-tr td .tit{color: #f50;}
.table-tbody td a.tit span{margin:0 5px;}
.table-tbody td.lv-td{text-align:left;padding-left: 40px;}
.table-tbody td .lv{margin-right:5px;}


/* 20210620 */
.anser-tit{font-size: 16px;color: #fff;margin-top:15px;margin: 0 2px;}
.anser-tit i.iconfont{font-size: 27px;vertical-align: middle;}
.anser-tit img{margin-right:5px;}
.anser-write{padding:10px;}
.anser-write table td{padding:0;border:0;}
.anser-write textarea{border: 0;background: #1a1919;padding:10px 12px;width: calc(100%);height:42px;vertical-align: top;color: #fff;resize: none;line-height: 1.5;outline: 0;}
.anser-write textarea::placeholder{font-size:12px;color:#818181;}
.anser-write .anser-write-btn{display:flex;align-items:center;justify-content:center;width:52px;height:42px;line-height:13px;background: #1a1919;font-family:'jal';font-size:12px;color: #fff;}

.anser-cont{border-top: 1px solid #343232;}
.anser-cont > ul > li{overflow:hidden;border-bottom: 1px solid #343232;padding:0 10px;position: relative;display: table;width: 100%;table-layout: fixed;}
.anser-cont > ul > li > p.tit{display: table-cell;height:40px;width:102px;overflow: hidden;font-size: 12px;vertical-align: middle;}
.anser-cont > ul > li > p.tit .left{/* float:left; */color: #b4b4b4;}
.anser-cont > ul > li > p.tit .left i{margin-right:5px;}
.anser-cont > ul > li > p.tit .left .lv{background:none;width:auto;height:auto;line-height: 100%;border-radius: 0;}
.anser-cont > ul > li > p.tit .left strong{display: inline-block;font-weight:normal;font-size:12px;color: #7d7e84;/* max-width: 46px; */overflow: hidden;vertical-align: middle;}
.anser-cont > ul > li > p.tit .right{color: #666;}
.anser-cont > ul > li > p.cont{display: table-cell;padding:12px 0 13px;font-size: 12px;color: #fff;vertical-align: middle;}
.anser-cont > ul > li p.cont a.icon-shanchu{display:none;position:absolute;top: calc(50% - 12px);right: 5px;font-size: 18px;color: #4a4a4a;}
.anser-cont > ul > li > p.cont a.icon-shanchu:hover{color: #1a93d5;}
.anser-cont > ul > li:hover p.cont a.icon-shanchu{/*display:block;*/}
.anser-cont2{margin:5px 10px 0 10px;padding: 12px 10px;background: #1a1919;color: #9f9f9f;font-size: 13px;}
h4.qa-tit{margin-left:10px;font-family:'jal';font-size:14px;color: #e6c568;}

/* //20210620 */


/* 20210623 */
.discuss-box{max-width: 523px;left: 0;right: 0;top: 60px;position: absolute;margin: 0 auto;padding:0 30px 45px;background:#fff; border-radius:5px; }
.discuss-box.show .btn_warp a:last-child{display:none;}
.discuss-box.show2 .btn_warp a:first-child{display:none;}

.discuss-box ul li{overflow:hidden;margin-bottom: 10px;position:relative;}
.discuss-box ul li .first{font-size: 15px !important;margin-bottom: 8px;color: #dcdcdc;position: relative;text-align: left;}
.discuss-box ul li .second{position: relative;/* padding-bottom: 20px; */}
.discuss-box ul li .second .txt{/* position:absolute; */bottom: 7px;color: #8d8d8d;font-size: 12px;/*  */margin-top: 5px;}
.discuss-box ul li input,
.discuss-box ul li select,
.discuss-box ul li textarea{background-color: #1d2329 !important;font-size: 14px;color: #fff;outline: none;border: 1px solid #4a4f54;/* border-radius: 5px; */margin-bottom: 4px;padding: 0 15px;}
.discuss-box ul li textarea{width:100%;height:100px;resize: none;padding: 15px;}
.discuss-box .btn_warp a{display:block;height: 52px;line-height: 52px;margin-top:10px;font-size: 22px;border-radius: 0;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;color: #333 !important;}
.discuss-box .btn_warp a:last-child{background: none;border: 1px solid #fff;color: #fff !important;}
.discuss-close{position:absolute;top: 15px;right: 15px;}
.discuss-close a{font-size:35px;color:#fff;}

.discuss-box h2 { font-size:18px; font-weight:600; color:#3c3e43; text-align:left; padding:20px 30px; border-bottom:1px solid #bebebe; margin:0 -30px; }

.discuss-ans .tit{text-align:left;font-size:18px;color: #f8bc1c;border-bottom: 1px solid #f8bc1c;margin-bottom: 15px;padding-bottom: 15px;}
.discuss-ans .cont{text-align:left;font-size:15px;color:#dcdcdc;background: none;padding: 0 0 40px;line-height: 1.5;}


.discuss-ans .btn_warp a{display:block;height: 52px;line-height: 52px;margin-top:10px;font-size: 22px;border-radius: 5px;background: linear-gradient(#f8c71e, #ff7a15);color: #333 !important;}
.discuss-ans{max-width: 523px;left: 0;right: 0;top: -30px;position: absolute;margin: 0 auto;padding: 50px 30px 45px;background: rgb(0 0 0 / 85%);border: 1px solid #f8bc1c;}
.discuss-ans-close{position:absolute;top: 15px;right: 15px;}
.discuss-ans-close a{font-size:35px;color:#fff;}
/* //20210623 */








@media screen and (max-width:374px){
    a.btn{padding: 0 10px;min-width:auto;}
    a.btn.btn-orange2{width:auto;padding: 0 10px;}
    .ct_bet-tp > li{letter-spacing: -1px;}
    .betting-list .bet-info strong{margin-right:5px;}
    .paging a{width: 35px;height: 35px;line-height: 35px;margin: 5px 1px;}
    .paging a span{display:block;}
    .paging a img{max-width:100%;vertical-align: top;}
    .paging a.img{margin: 0 2px !important;}
    .paging a.img img{max-width:100%;}
	.charge_notice.cash_wrap2 .txt5-cont span{padding-right:0;}

	.g_item li{letter-spacing:-1px;}
	.power-box .left > li:first-child{font-size:13px;letter-spacing:-1px;}
	.power-box .left > li:first-child i{font-size:13px;}

	.table-style1 table thead th{letter-spacing:-1px;}

	.betting-list .right-head .betting-box{width: 40px;letter-spacing: -1px;font-size: 12px;}

    .event-list > ul > li > a p.tit,
    .event-list > ul > li > a p.cont{height:auto;}
    .event-list > ul > li{padding-bottom:50px;height:auto;}
}

.bonus-tit{font-size:12px;color: #545252;margin: 10px 0 10px;}
.bonus-tit span.blue{font-size:13px;color: #db00ef !important;vertical-align: middle;}
.bonus-tit span.yellow{color: #fff !important;}
.bonus-tit span.small{font-weight:500;word-spacing: -1px;}
.bonus_folder{overflow:hidden;}

.bonus_folder .red{color:#ff4200 !important;}
.bonus_folder .green{color:#0ab60e !important;}
.bonus_folder .violet{color:#b512de !important;}

.bonus_folder .g_gr_c .red{color:#fff !important;}
.bonus_folder .g_gr_c .green{color:#000 !important;}
.bonus_folder .g_gr_c .violet{color:#fff !important;}

.bonus_folder > ul{margin-right:1px;overflow: hidden;}
.bonus_folder > ul > li{float:left;width: calc(100% / 3 - 1px);margin-left:1px;}
.bonus_folder.num1 > ul > li{float:left;width:100%;}
.bonus_folder > ul > li > a{display:block;background: #1a1919;border: 1px solid #343232;height:33px;line-height:33px;padding:0 5px;font-size:12px;color: #ffde5c;width:100%;}
.bonus_folder > ul > li > a .lf{float:left;width: calc(100% - 30px);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 12px;}
.bonus_folder > ul > li > a .rt{float: right;text-align: center;font-size: 12px;font-weight: 300;color: #fff;}
.bonus_folder > ul > li > a.g_gr_c .lf{color: #100f0e;}
.bonus_folder > ul > li > a.g_gr_c .orange{color: #141c22 !important;}
.bonus_folder > ul > li > a.g_gr_c .rt{color: #100f0e;}

.content-info-cont{margin:0 10px;padding: 5px 0 10px;}
.content-info-cont > ul{margin-top:-5px;}
.content-info-cont > ul > li{position:relative;width:100%;font-size:12px;background:#0e0912;border:1px solid #3e3a41;color: #a4a2a2;border-radius:5px;padding: 12px;/* padding-right: 90px; */margin-top: 5px;line-height: 1.5;}
.content-info-cont > ul > li p{margin-top: 3px;}
.content-info-cont > ul > li p:first-of-type{margin-top:0;}
.content-info-cont > ul > li p .blue{color:#00fce4 !important;}
.content-info-cont > ul > li p .blue2{color:#32adf4 !important;}
.content-info-cont > ul > li p .red{color:#f32849 !important;}
.content-info-cont > ul > li .btn-grey{width:71px;height:31px;line-height:31px;text-align:center;background:#515253;border:1px solid #77777a;border-radius:5px;}
.content-info-cont > ul > li .btn-red{width:71px;height:31px;line-height: 27px;text-align:center;background:#390c1f;border:2px solid #de0160;border-radius:5px;}
.content-info-cont > ul > li .btn-position{position:absolute;top:calc(50% - 15px);right:10px;}

.content-info-cont > ul > li p.customer-class span{margin-left: 3px;padding-left: 6px;display: inline-block;position: relative;}
.content-info-cont > ul > li p.customer-class span::before{content:"";position:absolute;top: calc(50% - 4px);left:0;width:1px;height:9px;background: #646464;}
.content-info-cont > ul > li p.customer-class span:first-child{margin-left:0;padding-left:0;}
.content-info-cont > ul > li p.customer-class span:first-child::before{display:none;}

.content-info-cont > ul > li .content-info-cont-tp{position: relative;top: -12px;left: -12px;width: calc(100% + 24px);height: 25px;line-height: 25px;background: #373950;padding: 0 15px;border-top-left-radius: 5px;border-top-right-radius: 5px;margin-bottom: 0px;}
.content-info-cont > ul > li .content-info-cont-tp .num{float:left;color: #c4c4c4;}
.content-info-cont > ul > li .content-info-cont-tp .num input{margin-right:5px;vertical-align: -2px;}
.content-info-cont > ul > li .content-info-cont-tp .result{float:right;font-size: 12px;}
.content-info-cont > ul > li .content-info-cont-tp .result.win{color:#00fce4;}
.content-info-cont > ul > li .content-info-cont-tp .result.lose{color:#f73636;}

.vfootball-btn{text-align:center;margin: 5px 0 8px;padding-bottom: 15px;}
.vfootball-btn a{border-radius:5px;width:calc(100%/4 - 5px);height:32px;line-height: 35px;color: #fff !important;}
.vfootball-btn a.red{background: linear-gradient(#e53b53, #9d283a);}
.vfootball-btn a.green{background: linear-gradient(#08bc9a, #088d74);}
.vfootball-btn a.blue{background: linear-gradient(#277ce6, #1861b3);}
.vfootball-btn a.black{background: linear-gradient(#898989, #444);}

.vfootball-btn2{text-align:center;margin: 5px 0 8px;padding-bottom: 15px;}
.vfootball-btn2 a{border-radius:5px;width:calc(100%/3 - 5px);height:32px;line-height: 35px;color: #fff !important;}
.vfootball-btn2 a.red{background: linear-gradient(#e53b53, #9d283a);}
.vfootball-btn2 a.green{background: linear-gradient(#08bc9a, #088d74);}
.vfootball-btn2 a.blue{background: linear-gradient(#277ce6, #1861b3);}
.vfootball-btn2 a.black{background: linear-gradient(#898989, #444);}

.vfootball-btn3{text-align:center;margin: 5px 0 8px;padding-bottom: 15px;}
.vfootball-btn3 a{border-radius:5px;width:calc(100%/2 - 5px);height:32px;line-height: 35px;color: #fff !important;}
.vfootball-btn3 a.red{background: linear-gradient(#e53b53, #9d283a);}
.vfootball-btn3 a.green{background: linear-gradient(#08bc9a, #088d74);}
.vfootball-btn3 a.blue{background: linear-gradient(#277ce6, #1861b3);}
.vfootball-btn3 a.black{background: linear-gradient(#898989, #444);}


.game_row .win{color:#e7c93b !important;}
.game_row .lose{color:#f73636 !important;}
.game_row .cancel{color:#E4C16A !important;}
.game_row .bet{color:#fff !important;}




.minigame-tab-brand{overflow:hidden;overflow-x: scroll; }
.minigame-tab-brand > ul{display: inline;font-size: 0;}
.minigame-tab-brand > ul > li{display:inline-block; width:calc(100% / 4); }
.minigame-tab-brand > ul > li > a{border-left: 1px solid #404654;background: #2e333d;height:45px;line-height:45px;display: block;text-align: center;font-size: 13px;color: #b8b9bd;padding: 0 10px;}
/*
.minigame-tab-brand > ul{display: inline;white-space: nowrap;font-size: 0;}
.minigame-tab-brand > ul > li{display:inline-block;}
.minigame-tab-brand > ul > li > a{border-left: 1px solid #404654;background: #2e333d;height:45px;line-height:45px;display: block;text-align: center;font-size: 16px;color: #b8b9bd;padding: 0 10px;}
*/
.minigame-tab-brand > ul > li > a img{margin-right:5px;}
.minigame-tab-brand > ul > li:first-child > a{border-left:0;}
.minigame-tab-brand > ul > li > a:hover,
.minigame-tab-brand > ul > li > a.on{color:#fff;background:#ff5500;}

.minigame-tab-brand-cont{height: 54px;/* line-height:61px; */border:2px solid #ff5500;background:#07203b;}
.minigame-tab-brand-cont > ul{display:none;width: 100%;}
.minigame-tab-brand-cont > ul > li{display:table-cell;width: calc(50%);}
.minigame-tab-brand-cont > ul.ul3 > li{width: calc(100% / 3);}
.minigame-tab-brand-cont > ul.ul4 > li{width: calc(100% / 4);}
.minigame-tab-brand-cont > ul.ul6 > li{width: calc(100% / 6);}
.minigame-tab-brand-cont > ul > li .mini-live-tmenu{background:transparent;border-top:0;border-right: 1px solid #404654;}
.minigame-tab-brand-cont > ul > li.on { background: #404654;}
/*
.minigame-tab-brand-cont > ul.ul6 { font-size:0; white-space:nowrap; width:100%; overflow-x:scroll; overflow-y:hidden; }
.minigame-tab-brand-cont > ul.ul6 > li{ display:inline-block !important; width:30%; border-right: 1px solid #404654; }
.minigame-tab-brand-cont > ul.ul6 > li .mini-live-tmenu{ border-right:0; }
*/

.event-box {padding: 10px 10px 20px;margin-top: -20px;margin-left: -10px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.event-box  > a{margin-left: 10px;margin-top: 20px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;float: left;width: calc(100% / 2 - 10px);}
.event-box  > a span{display: inline-block;border: 2px solid #2e333d;overflow:hidden;}
.event-box  > a span.img{position: relative;display: block;padding-top: 127.33%;overflow: hidden;}
.event-box  > a:hover span{border: 2px solid #ff5500;}
.event-box  > a span:last-child{display:block;border:0;font-size: 16px;color: #c4c4c7;margin-top: 10px; line-height: 16px; height: 32px;}
.event-box  > a:hover span:last-child{border:0;}
.event-box  > a img{max-width:100%;position: absolute;bottom: -9999px;left: -9999px;right: -9999px;top: -9999px;width: 100%;height: 100%;margin: auto;}


.cashin-current { margin:16px 10px 10px; }
.cashin-current .section-box-tit {margin:0;font-size:14px;color: #fff;}
.cashin-current li { padding:0 0 10px 0; }
.cashin-current li .thumb {position:relative;overflow:hidden;background:#000;border: 2px solid #40030b;}
.cashin-current li .thumb h3 {display:flex;align-items:center;justify-content:center;height:44px;color: #fff;font-family:'jal';font-size:14px;background: #200204;}
.cashin-current li .thumb .ctInner { display:flex;align-items:center;justify-content:center;height:59px;/*position:relative; padding:20px 20px 20px 35%;*/ }
.cashin-current li .thumb .ctInner .rate {flex:0 0 70px;display:flex;align-items:center;justify-content:center;font-family:'jal';font-size:24px;color: #fff;}
.cashin-current li .thumb .ctInner .rate span{display:inline-block;margin-top:5px;font-size:16px}
.cashin-current li .thumb .ctInner .help {flex-grow:1;font-size:12px;color: #787474; line-height: 170%; text-align: right; padding-right: 5px;}
.cashin-current li .thumb .ctInner .help strong {font-size:14px;color: #f6d254;}
.cashin-current .tit-help {color: #787373;padding:2px 0 10px;line-height:18px;font-family:'jal';font-size:12px;}
.cashin-current .cashout-info {text-align:center;background:#000;line-height:18px;color: #fff;font-family:'jal';font-size:12px;padding:15px 0;border: 2px solid #40030b;}
.cashin-current .cashout-info i{margin-bottom:8px;font-size:22px;color:#ffd900}

.minichild { margin-bottom:10px; }
.minichild ul { display:none; }
.game-iframe-close { display:none; }

.board-box{margin: 0 2px;background: #2f2f38;}
.board-tit{position:relative;font-size: 14px;color: #fff;padding:5px 10px 0 10px;font-family: 'jal';}
.board-tit .class-name{width: 65px;height: 23px;line-height: 25px;text-align:center;font-size: 12px;color:#000;background:linear-gradient(90deg,#ffdb00,#ffb700);display: inline-block;border-radius: 5px;margin-right: 20px;margin-bottom: 10px;}
.board-tit .author{position:absolute;top:0;right:20px;font-family: 'ns';font-size: 14px;color: #333;}
.board-tit font { color:#fe009b !important; }
.board-info{overflow:hidden;border-bottom: 1px solid #1a1a1a;height: 42px;line-height: 42px;padding: 0 20px;}
.board-info > div.left{float:left;}
.board-info > div.right{float:right;}
.board-info > div.left span{margin-right:5px;}
.board-info > div.right span{margin-left: 30px;}
.board-info > div.right span.icon-denglu1::before{font-size: 20px;vertical-align: -2px;}
.board-info > div.right span.icon-liuyan::before{font-size: 20px;vertical-align: -2px;}
.board-info > div span{font-size:14px;color: #808080;}
.board-info > div span::before{font-size:17px;vertical-align: -1px;margin-right:5px;}
.board_view_info {overflow: hidden;display: block;border-bottom: 2px solid #353535;padding:10px 10px 7px 10px;font-size:12px;color:#fff}
.board_view_info span.nickname{display:inline-block;margin: 0 5px 0 4px;font-size: 12px;color: #818181;}
.board_view_info dl {width: 100%;display: table;color: #c0c0c0;border-bottom: 1px solid #3e3f46;}
.board_view_info dl dt {display: table-cell;height: 40px;line-height: 40px;padding: 0 10px;font-size: 12px;}
.board_view_name {width: 50%;font-size: 13px !important;}
.board_view_name span {color: #c0c0c0;}
.board_view_name img {vertical-align: middle; margin: -1px 5px 0 5px;}
.board_view_day {width: 50%; text-align: right;}
.board_view_day span {font-size: 12px;color: #c0c0c0;}
.board_view_day em {display: inline-block; padding: 0 10px; font-style: none;}
.board_view_data {padding: 30px 20px;color: #fff;line-height: 1.8;font-size: 13px;border-bottom: 1px solid #726550;}
.board_view_data img {max-width: 1000px; height: auto; margin: 0 auto;}
.view-cont{text-align:center;font-size: 14px;font-family: 'ns';color: #9b9b9b;padding: 20px 10px;/* line-height: 1.5; */margin-top: 0;border-bottom: 1px solid #3e3f46;}
.view-cont .red{color: #f81010 !important;}
.view-cont2{text-align:left;font-size:14px;color: #ffffff;padding:20px 10px;line-height:1.5;border-bottom: 2px solid #353535;min-height: 120px;}

.event-list{overflow:hidden;margin: 10px;}
.event-list > ul{margin-left: -10px;}
.event-list > ul > li{ float:left; width:calc(50% - 10px); height:205px; overflow:hidden; margin-left: 10px;margin-top: 10px; position: relative; }
.event-list > ul > li .thumbnail { height: 177px; overflow:hidden; border:2px solid #2b343b; }
.event-list > ul > li > a{display:block;text-align: center;}
.event-list > ul > li:hover{/*background: #1b1b25;*/}
.event-list > ul > li > a p.class-name{
     height: 41px;
     line-height: 44px;
     font-size: 16px;
     
     color: #c9364d;
     border-bottom: 1px solid #c9364d;
     }
.event-list > ul > li > a p.tit{font-size: 14px; color: #fff; padding-top:6px; width:100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.event-list > ul > li > a p.tit span{ color:#8b8b91;}
.event-list > ul > li > a p.cont{font-size: 14px;color: #a7a7a7;line-height: 1.5;height: 60px;overflow: hidden;font-family: 'ns';}
.event-list > ul > li > a p.event-info{
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 40px;
         line-height: 46px;
         overflow:hidden;
         color: #555555;
         padding: 0 20px;
         border-top: 1px solid #3e3f46;
         }
.event-list > ul > li > a p.event-info span{font-size: 13px; padding-left: 24px; color: #808080;}
.event-list > ul > li > a p.event-info span::before{margin-right:5px;}

.board-tb table tbody td .state_on{display:inline-block;color: #f6ef23;font-size: 14px;}
.board-tb table tbody td .state_off{display:inline-block; color: #e73b54;font-size: 14px;}
.board-tb table tbody td .state_no{display:inline-block;color: #fff;font-size: 14px;}

.note-list{overflow:hidden;}
.note-list ul li{margin-top:10px;padding:12px 10px;background: #1a1919;border: 1px solid #272525;}
.note-list ul li a{overflow:hidden;display:block;font-family:'jal'!important;font-size:13px;color:#fff;white-space:nowrap;text-overflow:ellipsis}
.note-list ul li a.on{color: #f6d254;}
.note-list ul li a font{font-family:'jal'!important;}
.note-list ul li p{display:flex;align-items:center;justify-content:space-between;font-size:12px;color: #a39d9d;}
.note-list ul li p span.memo-no{font-family:'jal';}
.note-list ul li p span.memo-no.on{color: #f6d254;}
.note-list ul li div{margin-top:10px;padding-top:10px;border-top: 1px solid #353535;text-align: left;color: #ffffff;}
/* .memo-no{display: inline-block;width: 49px;height: 26px;line-height:26px;text-align:center;background: #e73b54;color: #fff;font-size: 13px;border-radius: 5px;}
.memo-ok{color:#fff;} */

.worldBanner { margin:0 0 10px; }
.worldList { margin:0 10px 30px; }
.worldList ul { margin-left:-10px; }
.worldList ul li { float:left; width:calc(100% / 2 - 10px); margin:0 0 10px 10px; }
.worldList ul li img { max-width:100%; }
.widthSmile { text-align: center; }
.widthSmile > span { display:inline-block; padding:5px 10px; border:1px solid #67656d; border-radius:5px; color:#fff; }

.worldHistory { margin:10px 0; }
.worldHistory .yellow2 { color:#f6cc35; }
.worldHistory .helpArea { padding: 10px 12px; border:1px solid #3a3a3a;; background:#090909; color:#727272; font-size:12px; }
.worldHistory .helpArea h3.title { font-size: 14px; color:#a8a8a8; margin: 0 0 5px; padding: 0;}
.worldHistory .helpArea h3.title span { margin-left:0; }
.worldHistory .helpArea ul li { margin: 2px 0 0; font-size: 12px; color:#727272;}
.worldHistory .helpArea ul li:first-child { margin:0; }
.worldHistory .table-thead th { height:38px; font-size:12px; }
.worldHistory .table-tbody td { height:45px; font-size:12px;}

.cashHelp {
    display:block;
    padding:15px;
    margin:0 10px;
    line-height:23px;
    background: #200204;
    border: 2px solid #40030b;
}
.cashHelp .tit {display:flex;align-items:center;padding-bottom:10px;border-bottom: 2px solid #40030b;font-family:'jal';font-size:15px;color:#fff}
.cashHelp .tit .icon {margin-right:8px;font-size:22px;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.cashHelp p {
	padding-top:7px;
	color: #b2a8a8;
	font-size: 12px;
}

.scroll_text {
    text-align: center;
    font-size:12px;
    color: #5c5354;
    margin:10px 0;
}

.popupCoin { z-index:999; position:fixed; left:0; right:0; bottom:0; top:0; background:rgb(0,0,0,0.6); }
.popupCoin .popCoinInner {position:relative;top:50%;left:20px;right:20px;width:calc(100% - 40px);transform: translateY(-50%);background: #000;padding:15px 20px 20px 20px;border: 1px solid #9c0a1f;}
.popupCoin .popCoinInner .popTitle {padding-bottom:10px;border-bottom: 1px solid #9c0a1f;font-family:'jal';font-size:16px;color:#fff;}
.popupCoin .popCoinInner ul{margin-top:10px;}
.popupCoin .popCoinInner ul li { line-height:20px; color:#fff; font-size:12px; }
.popupCoin .popCoinInner .b-close { position:absolute; right:20px; top:15px; color:#fff; }
.popupCoin .popCoinInner ul li.yellow {font-family:'jal';font-size:14px;color: #f6d254 !important;}
.popupCoin .popCoinInner ul li span{color: #f6d254;}
.popupCoin .popCoinInner .b-close .iconfont { font-size:18px; }

a.btn.btnRed { background:linear-gradient(180deg,#b72323,#761717); }

.faqBtnArea {  position:relative; }
.faqBtnArea a { display:inline-flex;align-items:center;height:30px;padding:0 15px;border-radius:5px;font-family:'jal';font-size:12px;vertical-align:top }
.faqBtnArea a.btnTele{background: #28a4e3;color:#fff}
.faqBtnArea a.btnTele i{font-size:13px;}
.faqBtnArea a.btnAsk{background: #f6d254;color: #000000;}
.faqBtnArea a.btnQuick{position:absolute;top:0;right:10px;background: #7e1aa6;color: #fff;}

#ui-datepicker-div select,
#ui-datepicker-div select option { color:#000; }

#ui-datepicker-div .ui-datepicker-calendar span { color:#000; }

.sports-result .g_head .orange {color: #fff !important;}

/*  */
/* .btn-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;position:fixed;right:10px;bottom:10px;width:54px;height:54px;border-radius:50%;border: 2px solid #f5d06f;background: linear-gradient(#300306, #000000);background-origin:border-box;background-clip:content-box,border-box;z-index:9999}
.btn-cart span{overflow:hidden;width:40px;padding:1px 0 3px;border-bottom: 1px solid #610c11;font-size:12px}
.btn-cart strong{padding-top:2px;font-weight:normal;font-size:13px;color: #f6d254;}
.btn-cart em{display:flex;align-items:center;position:absolute;top:-4px;right:-4px;height:18px;padding:0 5px;border-radius:9px;background:#fff;font-style:normal;color: #06091d;}
button { border:0; }
.bet_box {position:fixed;left:0;bottom:0;margin:0 auto;width: 100%; z-index:7777;}
.bet_box img,
.bet_pop img { width:68px; }
.bet_box .bottom {padding: 10px;position: static;border-top: 1px solid #b9792a;background: #000000;/* color: #857b6d; * /}
.bet_box .bottom.on { border-top: 1px solid #343232; }
.bet_box .up-btn { text-align:center; }
.bet_box .bottom div span {font-weight:500;color: #5f5f5f;}
.bet_box .bottom div a {color: #5f5f5f;font-family: "jal";}
.bet_box .pull-left { line-height:30px; }
.bet_box .pull-left .txt1 {margin-right:10px;font-size:12px;}
.bet_box .pull-left .txt1 i {color: #c1b5a4;}
.bet_box .pull-left .txt2 { font-size:12px; }
.bet_box .pull-left .txt2 i {color: #f6d254;}
.bet_box .cart-btn1 {width:83px;height:30px;text-align:center;line-height: 28px;background: #000000;font-size: 12px;border: 1px solid #343232;}
.bet_box .cart-btn2 {width:83px;height:30px;text-align:center;line-height: 28px;background: #000;font-size: 12px;border: 2px solid #f5d06f;}
.bet_box .bottom div a.cart-btn2 {color: #fff;line-height: 26px;}
.bet_box .pull-left { float:left; }
.bet_box .pull-right { float:right; }
.bet_up { text-align:center; }
@media screen and (max-width: 374px){
.bet_box .cart-btn1 {width:63px; height:30px; font-size:12px; }
.bet_box .cart-btn2 {width:63px; height:30px; font-size:12px; }
} */

/* */
/* .bet_pop {position:fixed;bottom:-100%;left:0px;right:0px;padding:0 0 50px;z-index:6666; }
.bet_pop .cart-top{border-bottom: 0;background: #000000;border-top: 1px solid #ddb57f;}
.bet_pop .bet_down{ text-align: center; }
.bet_pop .ct_bet {overflow: hidden;text-align: left;font-size: 13px;margin: 0px 10px 0;/* border-bottom: 1px solid #262626; * /}
.bet_pop .ct_bet-tp{overflow:hidden;/*margin-top: -10px;* /border-bottom: 1px solid #40030b;padding: 0 0px 10px;}
.bet_pop .ct_bet-tp > li{float:left;width:calc(50%);color: #555555;font-weight:500;font-size: 13px;margin: 7px 0 0px;}
.bet_pop .ct_bet-tp > li strong i{font-weight:700;color: #dfa63b;}
.bet_pop .ct_bet-tp > li span,
.bet_pop .ct_bet-tp > li strong{font-weight:500;}
.bet_pop .ct_bet-tp > li span.bet_ipt { display:inline-block; margin:0 0 0 15px;}
.bet_pop .ct_bet-tp > li.last { line-height:23px; text-align:right; }
.bet_pop .ct_bet-tp > li.last #TotalBenefit { color:#fff; }

.bet_pop .ct_bet-tp .bet_ipt input {width:88px;height:23px;background: #300306;color:#fff;font-size:12px;line-height:23px;padding:0 6px 0 0;box-sizing:border-box;border:0;outline:0;text-align:right;}
.bet_pop .ct_betbt {clear: both;overflow: hidden;padding: 8px 10px 0;/*margin:0 0 6px;* //* border-top: 1px solid #262626; * /border-bottom: 0;}
.bet_pop .ct_betbt > div {display: block;font-size: 0;margin-bottom: 3px;margin-left: -3px;}
.bet_pop .ct_betbt > div .betbt {
    display: inline-block;
    width: calc(100% / 6 - 3px);
    margin-left: 3px;
    margin-top: 3px;
    height: 25px;
    line-height: 25px;
    background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);
    border: 0;
    color: #000000;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-family: "a3";
}

.bet_pop .ct_foot {clear: both;overflow: hidden;padding: 0 10px 10px;margin-left:-3px;/* border: 1px solid #2e2c44; * /border-top: 0; font-size:0; }
.bet_pop .ct_foot.first .betbt {width: calc(100% / 6 - 3px);font-size:12px;margin-left: 3px;height: 30px;line-height: 30px;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);color: #000000;font-family: "a3";vertical-align: top;}
.bet_pop .ct_foot.first button.betbt_now {width:calc(50% - 3px);margin-left:3px;color: #fff;padding: 1px 0px 0;font-size: 13px;font-family: "jal";background: #9c0a1f;}
.bet_pop .ct_foot .betbt_now {height: 30px;line-height: 19px;width: 100%;text-align: center;background: #000000;border: 0;font-size:15px;}
.bet_pop .ct_foot .betbt_now.second { background: #03805b; box-shadow: 2px 2px 0 #135d47;}
.bet_pop .ctBottom {padding:0 12px 13px;color: #555555;font-size:12px;}
.bet_pop .ctBottom .left { float:left; }
.bet_pop .ctBottom .right {float:right;color: #807669;}
.bet_pop .ct_list { overflow-y:scroll; max-height:95px; }
.bet_pop .ct_list.mini_bet .crt_gm p { font-size:16px; }
.bet_pop .ct_list.mini_bet .crt_gm p span { color:#ddb57f !important; }
.bet_pop .ct_list .crt_gm {position: relative;border-bottom: 1px solid #40030b;margin:0px 10px;padding:0 0 5px;}
.bet_pop .ct_list .crt_gm:after { content:""; position:absolute; left:0; right:0; bottom:0px; border-bottom:1px solid #000; }
.bet_pop .ct_list .crt_gm .topInfo { padding:5px 45px 5px 0px; font-size:12px; line-height:16px; }
.bet_pop .ct_list .crt_gm .topInfo > * { font-weight:500; }
.bet_pop .ct_list .crt_gm .topInfo font { color:inherit !important; font-weight:inherit !important; }
.bet_pop .ct_list .crt_gm:hover p a.del{color:#fff;}
.bet_pop .ct_list .crt_gm p {display:inline-block;margin:0 5px 0 0;/* padding: 2px 0; * /vertical-align: top;width:auto;font-size:12px;}
.bet_pop .ct_list .crt_gm p.lastInfo {display:block;margin:0;color: #9b8f90;font-size:12px;}
.bet_pop .ct_list .crt_gm p.line-tit{color:#b0b0b0;font-size:12px;}
.bet_pop .ct_list .crt_gm p .tm {display: block; /* line-height: 1.5; * /color: #c3b203;font-size: 12px;letter-spacing: -0.5px;}
.bet_pop .ct_list .crt_gm p .tm.cho {display: inline-block;width: 150px;color: #cfcfcf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bet_pop .ct_list .crt_gm p .odd {float: right;color: #fff !important;font-size: 13px;}
.bet_pop .ct_list .crt_gm p .odd .wol{color: #fb2534;margin-right:2px;font-size: 12px;}
.bet_pop .ct_list .topInfo a {position: absolute;right: -4px;top:5px;width: 20px;}
.bet_pop .ct_list .topInfo a.del {background: none;font-size: 19px;color: #7f7668;}
.bet_pop .ct_list .no-game{height:46px;line-height:46px;text-align:center;font-size: 12px;color: #fff;}
.mini_cart .bet_pop .ct_list .crt_gm { padding:10px 0; }
.mini_cart .bet_pop .ct_list .crt_gm p { font-size:16px; } 
*/

.sportsEvent h3.eTitle {font-size:13px;color:#fff;margin: 15px 0 10px;padding: 0 5px;}
.sportsEvent h3.eTitle span {color:#a4a7aa;display: block;margin: 5px 0 0 0px; font-size:12px;}
.sportsEvent h3.eTitle .iconfont {color:#ffd500;margin: 0 0px 0 0;}

.sportsEvent .g_item li { margin-bottom:4px; font-size:12px; }
.sportsEvent .g_item .g_day { width:calc(13% - 2px); }
.sportsEvent .g_item .g_home { width:calc(74% - 2px); }
.sportsEvent .eveBetting .g_item .g_day { width:calc(23% - 2px); }
.sportsEvent .eveBetting .g_item .g_home { width:calc(46% - 2px); }
.sportsEvent .eveBetting .g_item .money { width:calc(18% - 2px); }
.sportsEvent .g_item .status { width:calc(13% - 2px); }
.sportsEvent .g_item .status span { color:#ffc600; }
.sportsEvent .sporsData .g_item li.g_home:hover {/* background: #2e333d !important; *//* border: 1px solid #2d2d31 !important; */}
.sportsEvent .help { font-size:13px; color:#a4a7aa; margin:10px 0 0 5px }
.sportsEvent .help li { margin:0 0 5px; font-size:12px; }

.sportsEvent .sporsData { margin:0 0 30px; }
.sportsEvent .eveBetting .game_head { margin:0 0 4px; }
.sportsEvent .eveBetting .g_item .status span { color:#fff; }
.sportsEvent .eveBetting .table-style1 { margin:0 0 5px; }
.sportsEvent .eveBetting .tx_red { color:#df4442!important; }

.sporsData .g_item li { margin:0 0 2px 2px!important;line-height:31px !important; }
.sporsData .g_item li img { vertical-align: middle; }
.sporsData .cate{margin:15px 10px 5px 10px;font-size:12px;font-family:'jal';color: #f6d254;}
.sporsData .cate span{font-family:'a2';color: #a39d9d;}
.sportsWrap{padding-right:2px;}
.sportsEvent .sporsData .g_item li.g_home:hover {/* background: #000; *//* border: 1px solid red; */}
.sportsEvent .sporsData .g_item li{margin-bottom:2px;}
.sportsEvent .g_item .status span{color: #ffde5c;font-family: 'jal';}

#pop_game_list {
    z-index: 511;
    height: 570px;
    display: none;
    background: #221c11;
    position: fixed;
    top: 10px;
    left: 10px;
    right: 10px;
    border: 3px solid #937529;
    overflow: hidden;
}


#pop_game_list .slotTitle {position:relative;height: 50px;line-height: 50px;border-bottom: 3px solid #937529;background: linear-gradient(#ffdb00, #ffb700);background-size:cover;text-align: left;}
#pop_game_list .slotTitle .img { margin:0 10px; }
#pop_game_list .slotTitle .img img {max-height: 47px;vertical-align: middle;}
#pop_game_list .slotTitle .text {position:relative;display:inline-block;padding: 0 0 0 10px;margin:0 0 0 0;color: #000;font-size: 14px;}
#pop_game_list .slotTitle .slotClose {position:absolute;right: 0;top: 0;line-height: 0;width: 47px;height: 47px;text-align: center;line-height: 47px;border-left: 1px solid #111422;}
#pop_game_list .slotTitle .slotClose .iconfont { font-size:33px; color:#000; }
#pop_game_list >.list{height: 515px;padding: 0 10px;margin-top: 0px;margin-left: -10px;font-size:0;overflow-y: auto;box-sizing: border-box;}
#pop_game_list >.list > a{position:relative;margin-left: 10px;margin-top: 10px;text-align:center;color:#ccc;font-size: 0;float: left;width: calc(100% / 3 - 10px);height: 85px;}
#pop_game_list >.list > a span{display:inline-block;border: 2px solid #484035;overflow:hidden;border-radius: 12px;height: 65px;}
#pop_game_list >.list > a:hover:before { content:""; z-index:2; position:absolute; left:0; right:0; height:160px; top:0; background:rgb(0,0,0,0.5); border-radius: 12px; }
#pop_game_list >.list > a:hover:after { content:""; z-index:2; position:absolute; left:50%; top:calc(50% - 15px); background:url(https://i.imgur.com/HQ0LwBZ.png) no-repeat; width:42px; height:41px; transform: translate(-50% , -50%); }
/* #pop_game_list >.list > a:hover span{border: 2px solid #8d660d; } */
#pop_game_list >.list > a span:last-child{display:block;border:0;font-size: 12px;font-weight: 500;color: #cac1ad;margin-top: 5px;line-height: 12px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;height: auto;}
#pop_game_list >.list > a:hover span:last-child{border:0;color:#fff; }
#pop_game_list .slotTitle .text.slot:before {content:"";position:absolute;left:0;top: 9px;width:1px;height: 30px;background:#111422}
#pop_game_list >.list > a img{max-width:100%;}
.dimed {display:none; z-index:288; position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);}

.rank-visual{position:relative;height:153px;padding:25px 15px 0;background: url(https://i.imgur.com/cwvT0If.png) no-repeat;background-size:100% 100%;box-sizing:border-box}
.rank-visual strong{font-family:'jal';font-weight:normal;font-size:13px;color:#fff}
.rank-visual strong span{color:#ffd900}
.rank-visual p{padding-top:10px;font-size:12px;color:#989aa6;line-height:18px;}
.rank-btn{display:flex;position:relative;align-items:center;justify-content:center;height:53px;}
.rank-btn a{display: inline-block;position:absolute;align-items:center;justify-content:center;width:90px;height:30px;border-radius:15px;border:2px solid transparent;/*background-origin:border-box;background-clip:content-box, border-box;*/font-family:'jal';font-size:12px;text-align: center;line-height: 28px;}
.rank-btn a.a1{left:0;background: #f5d06f;color: #000000;}
.rank-btn a.a2{right:0;background: #9c0a1f;color:#fff}
.rank-btn span{font-family:'jal';font-size:16px;color: #fff;}
.rank-tit{display:flex;align-items:center;height:53px;border: 1px solid #4a060a;background: #300306;font-weight:normal}
.rank-tit .iconfont{flex:0 0 53px;display:flex;justify-content:center;background: linear-gradient(#b8792a, #f5d06f 54%, #b9792a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:28px;}
.rank-tit p{font-size:12px;color: #767676;}
.rank-tit p span{font-family:'jal';font-size:13px;color:#fff}
.rank-table{margin:10px 0 30px;}
.rank-table table thead th{background: #000000;}
.rank-table table tbody td{padding:6px 0;font-size:12px;}
.rank-table table tbody td.left a{display:flex;align-items:center}
.rank-table table tbody td.left .iconfont{display:inline-flex;align-items:center;justify-content:center;width:27px;height:22px;margin-right:8px;border-radius:3px;background: #2c2c2c;font-size:18px;color:#fff;}
.rank-table table tbody tr.active td.left .iconfont{background: linear-gradient(to right, #f1cf78, #e4c568 28%, #fff9cb 62%, #f2ce78);color:#15130c;}
.rank-table table tbody td.detailTd{height:initial;padding:0;border-bottom:0;}
.rank-table table tbody tr:nth-of-type(even) td{background:transparent}
.rank-table table tbody tr.active td{background: #200204;}
.rank-table .detailArea{display:none}
.rank-table .detailArea thead th{border-top:0;background: #200204;color: #757575;border-bottom: 1px solid #252525;}
.rank-table .detailArea thead th:first-child{border-radius:0;border-left:0;}
.rank-table .detailArea thead th:last-child{border-radius:0;border-right:0;}
.rank-table .detailArea tbody td.left{padding:0 10px}
.rank-table .detailArea tbody td.subTotal{padding:8px 10px;text-align:left;color: #757575;line-height:18px;}
.rank-table .detailArea tbody td.subTotal .yellow { color:#fff !important; }
.rank-table .detailArea tbody td span.status{display: inline-block;align-items:center;width:37px;height:27px;border-radius:3px;background: #e6c568;font-size:12px;color:#06091d;justify-content: center;font-family: 'jal';text-align: center;line-height: 29px;}

.recom table thead th:first-child{border-radius:0;border-left:0;}
.recom table thead th:last-child{border-radius:0;border-right:0;}
.recom table tbody td span{color:#ffd900}

@media screen and (min-width: 768px) {
	body.login{background-position:center}
	.pop-login{width:315px;margin:0 auto}
	/* .loginPopup{left:50%!important;width:295px;transform:translateX(-50%)} */
	.popup{overflow:hidden;position:absolute;top:0;left:50%;width:315px;transform:translateX(-50%)}
}

#picklist .crt_gm img { width:auto; }