.header-tit{position:relative;font-size: 16px;color: #afafaf;height: 30px;padding: 0 10px;}
.header-tit .more-btn{position:absolute;top: 3px;right: 10px;font-size: 13px;color: #646464;}
.header-tab{padding:0 10px;margin: 0px 0 10px;overflow: hidden;}
.header-tab > ul{background: #3a3b42;overflow: hidden;}
.header-tab > ul > li{float:left;width: calc(100% / 3);border-left: 1px solid #404654;}
.header-tab > ul > li:first-child{border-left:0;}
.header-tab > ul > li > a{display:block;height: 40px;line-height: 40px;text-align:center;background: #2e333d;font-size: 13px;font-weight: 800;color: #b0b0b7;position: relative;}
.header-tab > ul > li > a:hover,
.header-tab > ul > li > a.on{color: #ffffff;}
.header-tab > ul > li > a:hover::before,
.header-tab > ul > li > a.on::before{content:"";position:absolute;top:0;left:0;bottom: 0;right: 0;width:100%;height:100%;border: 1px solid #ff5500;box-sizing: border-box;}
.header-tab-cont{height:auto;overflow: auto; border:1px solid #000; }
.header-tab-cont .header-tab-cont-tab2,
.header-tab-cont .header-tab-cont-tab3{display:none;}
.header-tab-cont > div{padding: 0 10px 0;max-height: 800px;}
.header-tab-cont > div > ul > li{position: relative;color: #cbcbcb; border-top: 1px solid #333333;}
.header-tab-cont > div > ul > li > a{height: 40px;line-height: 40px;overflow: hidden;display: block;}
.header-tab-cont > div > ul > li > a:hover .iconfont,
.header-tab-cont > div > ul > li > a.on .iconfont{color: #d4d4d4;}
.header-tab-cont > div > ul > li > a:hover .tit,
.header-tab-cont > div > ul > li > a.on .tit{color: #d1ed2d;text-decoration: underline;}
.header-tab-cont > div > ul > li > a:hover .count,
.header-tab-cont > div > ul > li > a.on .count{color: #fcae31;}
.header-tab-cont > div > ul > li:first-child{ margin-top:0px; border-top:none; }
.header-tab-cont > div > ul > li img{position: absolute;left: 10px;top: calc(50% - 11px);font-size: 20px;/* background: #1a1a3a; */width: 20px;z-index: 1;vertical-align: middle;}
.header-tab-cont > div > ul > li .tit{ white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: 700;color: #fff;}/* 20210623 */
.header-tab-cont > div > ul > li .tit.hover{overflow: inherit;text-overflow: inherit;transform: translateX(calc(-100% + 130px));padding-right: 0;transition: all 5s ease;/* width: calc(100% + 100%); */position: relative;right: 0;display: inline-block;width: auto;}
.header-tab-cont > div > ul > li .count{position: absolute;right: 0;top: calc(50% - 11px);width: 36px;height: 21px;line-height: 21px;text-align: center;background: #2e333d;border-radius: 5px;font-size: 13px;font-weight: 700;color: #fcae31;}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(5) > i.iconfont{font-size: 25px;padding-left: 7px;}
.header-tab-cont > div.header-tab-cont-tab1 > ul > li:nth-child(14) > i.iconfont{font-size: 17px;}

.header-tab-cont > div > ul > li i.iconfont { vertical-align:-2px; color:#d1ed2d; margin-right:3px; }
.header-tab-cont > div > ul > li:nth-child(1) i.iconfont { font-size:19px; }

.hd-cont-depth2{display:none;margin: 0 -12px;padding: 5px 0;border-top: 1px solid #3e3f46;}
.hd-cont-depth2 > ul > li{}
.hd-cont-depth2 > ul > li:first-child{border-top:0;}
.hd-cont-depth2 > ul > li > a{display: block;height: 31px;line-height: 31px;font-size: 14px;font-weight: 700;color: #b2b2ba;padding: 0 20px;}
.hd-cont-depth2 > ul > li > a:hover,
.hd-cont-depth2 > ul > li > a.on{color:#fff;text-decoration: underline;}
.hd-cont-depth2 > ul > li > a img{margin-right: 10px;}
.hd-cont-depth3{display:none;}
.hd-cont-depth3 > ul > li{background: #232323;border-top: 1px solid #353535;}
.hd-cont-depth3 > ul > li a{display:block;padding-left: 42px;padding: 10px 10px 10px 42px;}
.hd-cont-depth3 > ul > li a:hover,
.hd-cont-depth3 > ul > li > a.on{background: #1d1d1d;color:#f8dd1c;}

.tx_red{font-weight:700;color:#ff002a !important;}
.tx_blue{font-weight:700;color:#00a8ff !important;}
.tx_green{font-weight:700;color:#D7C35C !important;}
.font-orange{font-weight:700;color:#D0810E !important;}
.font-red2{font-weight:700;color:#df4442 !important;}

#visual {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 0;
    background: url('/images/hg/login-bg.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%;
    }
}





.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{max-width:500px;border-radius:10px;/* background: rgba(33, 43, 49, 0.8); */width: 100%;position: absolute;margin:0 auto 0; /* border: 2px solid #047f5b; */}

/*.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;}*/

/*로그인*/
.hg-login-box { padding:65px 30px; width:500px; }
.hg-login-box .ipt .pull-left { width:316px; }
.hg-login-box .ipt .pull-left input { width:100%; height:60px; border-radius:5px; border:1px solid #383c3a; background:#1b1b1b; font-size:18px; text-align:center; color:#fff; }
.hg-login-box .ipt .pull-left input:focus { outline:none; box-shadow:0 0 10px #d4e843; }
.hg-login-box .ipt .pull-right .login-btn { width:116px; height:60px; border-radius:5px; background:linear-gradient(#daec49,#9cc00b); line-height:60px; font-size:22px; font-weight:800; }
.hg-login-box .ipt + .ipt { margin-top:10px; }
.hg-login-bottom { width:442px; height:80px; background:url('/images/hg/login-bottom-bg.gif') no-repeat top center / 100% 100%; margin-top:25px;}
.hg-login-bottom a { display:block; height:80px; }
.hg-login-bottom .pull-left { padding-left:94px; }
.hg-login-bottom .pull-left .top { font-size:18px; color:#1b1b1b; font-weight:600; padding-top:10px; }
.hg-login-bottom .pull-left .bottom { font-size:32px; font-weight:800; color:#fff; padding-top:5px; text-shadow:2px 0px 4px #08374f; }
.hg-login-bottom .pull-right { padding:25px 27px; color:#fff; font-weight:600; }
.hg-login-top { text-align:center; }

/**추천코드**/
.hg-code-box { padding:65px 0; width:548px; margin:0 -28px; }
.hg-code-box .ipt .pull-left { width:316px; }
.hg-code-box .ipt .pull-left input { width:100%; height:60px; border-radius:5px; border:1px solid #383c3a; background:#1b1b1b; font-size:18px; text-align:center; color:#fff; }
.hg-code-box .ipt .pull-left input:focus { outline:none; box-shadow:0 0 10px #d4e843; }
.hg-code-box .ipt .pull-right .login-btn { width:116px; height:60px; border-radius:5px; background:linear-gradient(#daec49,#9cc00b); line-height:60px; font-size:22px; font-weight:800; }
.hg-code-box .ipt .pull-right .code-btn { width:96px; height:60px; border-radius:5px; background:linear-gradient(#daec49,#9cc00b); line-height:60px; font-size:22px; font-weight:800; margin-left:5px; }

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


.minigame{overflow:hidden;border-bottom: 1px solid #505765;border-left:1px solid #454545;}
.minigame > ul > li{float:left;width: calc(100% / 10);}
.minigame > ul > li .img{border-right:1px solid #454545;}
.minigame2 > ul > li{width:calc(100% / 2);}
.minigame2 > ul > li .mini-live-tmenu{width:1%;}
.minigame3 > ul > li{width:calc(100% / 2);line-height:45px;}
.minigame3 > ul > li .mini-live-tmenu{width:1%;}

.mini-live-tmenu {
    cursor: pointer;
    text-align: center;
    display: table-cell;
    width: 1%;
    height: 60px;
    vertical-align: middle;
    color: #fff;
    font-weight: 700;
    background: #07203b;
}

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

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

.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;
}


.login-box{ padding:0; }
.login-cont{/* max-width: 293px; */margin:0 auto;/* padding: 32px 0 30px; */text-align: center;}
.login-cont .tit{margin-bottom: 35px;text-align: center;}/* 20210623 */
.login-cont .tit p{font-size:16px;font-family: 'ns';color:#fff;margin-top: 15px;}
.login-cont .tit a{position:relative;vertical-align: middle;}
.login-cont p.p1{font-size:38px;font-weight:700;color:#fff;}
.login-cont p.p2{font-size:22px;font-weight:300;color:#fff;margin: 15px 0 20px;}
.login-cont .cont{/* margin: 0 13px; *//* background: rgba(7, 32, 59, 0.8); *//* padding: 60px 55px 40px; */position: relative;}
.login-cont .cont p.ipt{margin: 0 0 10px;position: relative;/* border-radius: 5px; */}
.login-cont .cont p.ipt::before{display: none;content:"";position:absolute;top: calc(50% - 13px);left: 68px;width:1px;height:25px;background: #4a4f54;}
.login-cont .cont p.ipt i.iconfont{position:absolute;top: calc(50% - 14px);left: 0;font-size: 28px;color: #d87f52;width: 67px;text-align: center;}
.login-cont .cont p.ipt:nth-child(2) i.iconfont{font-size: 26px;}
.login-cont .cont p.ipt input{height: 62px;border:0;font-size: 14px;box-sizing: border-box;padding: 0;width: 100%;background: #4c2c6c;border: 1px solid #4a4f54;color: #fff;padding-left: 0;padding: 0 20px 0 68px;outline:0;/* text-align: center; */border-radius: 5px;}
.login-cont .cont p.ipt input:focus{/*border-color:#2eff00;background:#162d0e;*/}
.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 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;font-weight:700;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;width: 75px;height:58px;}
.login-cont .cont p.ipt2 span.checking img{width: 100%; height: 100%}
.login-cont .cont p.ipt2 input{height: 58px;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 88px;outline:0;/* text-align: center; */}

.login-cont .btn-log{margin-top: 20px;overflow: hidden;}

.login-cont .btn-log .btn-tp a{float:left;width: calc(100% / 2 - 2px);}
.login-cont .btn-log .btn-tp a.apply-btn{margin-top:0;}
.login-cont .btn-log .btn-tp{overflow:hidden;}
.login-cont .btn-log .btn-bt{margin-top: 5px;overflow:hidden;}
.login-cont .btn-log .btn-bt a{float:left;width: calc(100% / 2 - 2px);}
.login-cont .btn-log .btn-bt a.btn.grey{color: #333 !important;float: right;padding: 0;}

.login-cont .btn-log a{width: 100%;display: block;height: 62px;line-height: 62px;font-size: 22px;font-weight: 700;color: #333;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;}
.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{background: none;color: #333;float: right;font-size: 22px;margin-top: 10px;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;}
.login-cont .btn-log a.apply-btn:active{box-shadow: none}





/* 20210623 */
.login-cont .btn-log a.discuss-btn{background: none;color: #333;float: left;font-size: 22px;/* margin-top: 10px; *//* border: 1px solid #fff; */background: linear-gradient(#f8c71e, #ff7a15);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;font-weight: 700;}
.login-cont .p3 a:hover{color: #006bfc;}
.login-cont .login-twi{text-align:center;margin-top: 30px;}
.login-cont .login-twi > ul > li{display:inline-block;font-family: 'ns';}
.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;}
.login-cont .login-twi > ul > li span:first-child{margin: 0 10px;}
.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%;}
.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:#6a6a6a;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;
}


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

.black-btn a{display:block;height: 62px;line-height: 62px;background: linear-gradient(#f8c71e, #ff7a15);border-radius: 5px;text-align:center;font-size: 22px;font-weight: 700;color: #333;}
.white-btn{float: left;}
.white-btn a{display:block;height: 62px;line-height: 62px;background: none;color: #fff;text-align:center;font-size: 22px;font-weight: 700;border: 1px solid #fff;border-radius: 5px;}
.white-btn a:active{box-shadow: none !important;}

.pop-join{max-width:415px;width: 100%;height: 84%;/* padding: 35px 40px 40px; */border-radius: 10px;margin: 0 auto;top: 5%;bottom: 10%;/* 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;font-weight: 700;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;}
.join-v .tit{font-size: 36px;color: #fff;margin-bottom: 25px;text-align: center;}
.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: 0;
    right: 0;
    width: 95px;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size:16px;
    color: #1b1b1b;
	border-radius:5px;
    background:linear-gradient(#daec49,#9cc00b);
	font-weight:600;
}
.join-v .cont{ padding:0 0 50px;position: relative;}
.join-v .cont ul{/* padding-bottom:10px; */}
.join-v .cont li{ margin-bottom: 15px;/* position:relative; */}
.join-v .cont li .first{font-size: 14px !important;font-weight: 700;margin-bottom: 8px;color: #cbcbcc;position: relative;}
.join-v .cont li.on .first{color:#d7ea46;}
.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{position: relative;/* padding-bottom: 20px; */}
.join-v .cont li .second .txt{/* position:absolute; */bottom: 7px;color: #bababa;font-size: 12px;/* font-family: 'ns'; */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{background-color: #1b1b1b !important;font-size: 14px;color: #fff;outline: none;border: 1px solid #383c3a; border-radius:5px; /* border-radius: 5px; */margin-bottom: 4px;}
.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% - 100px);}
.join-v .cont input:focus, .join-v .cont select:focus{ box-shadow:0 0 10px #d4e843;}
.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: 52px;}
.iptD2{height: 50px;}
.iptC{width: 100%;height: 52px;}
.seleC{width: 100%;height: 35px;}
.seleD{width: 50%;height: 52px;}
.join-v .iptC { height:50px; }

.join-btn{overflow:hidden;margin-top: 30px; text-align:center; }
.join-btn a {
    width: 146px;
    height: 60px;
    border-radius: 5px;
    background: linear-gradient(#daec49,#9cc00b);
    line-height: 60px;
    font-size: 22px;
    font-weight: 800;
	text-align:center;
	margin:0 4px;
}
.join-btn .black-btn{/* float: left; *//* width: 49%; */position:relative;overflow:hidden;}
.join-btn .white-btn{float: none;/* width: 49%; */position:relative;margin-top: 10px;overflow:hidden;}
.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: 0;
    right: 0;
    width: 95px;
    height:50px;
    line-height:50px;
    text-align: center;
    font-size:16px;
    color: #1b1b1b;
	border-radius:5px;
    background:linear-gradient(#daec49,#9cc00b);
	font-weight:600;
}
.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: #fff url('/images/hg/sele.png') no-repeat right 15px center !important;}

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

.hg-sports-type { height:50px; width:100%; background:#1b1b1b; border:1px solid #383c3a; border-radius:5px; line-height:50px; padding-left:10px; }

.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{min-height:750px; background: #000;background-attachment: fixed; }
.sub-container .notice-container { padding-top:0; }
.sub-banner{height:240px;background-position:center top;background-repeat:no-repeat;background-size:cover;padding-top:142px;line-height: 105px;text-align:center;font-size:40px;font-weight:700;color:#fff;/* text-shadow: 2px 1px 0px #39ab1e; */}
.bg1{background-image:url(../images/sub/bg1.jpg);}
.bg2{background-image:url(../images/sub/bg2.jpg);}
.bg3{background-image:url(../images/sub/bg3.jpg);}
.bg4{background-image:url(../images/sub/bg4.jpg);}
.bg5{background-image:url(../images/sub/bg5.jpg);}
.bg6{background-image:url(../images/sub/bg6.jpg);}
.bg7{background-image:url(../images/sub/bg7.jpg);}
.bg8{background-image:url(../images/sub/bg8.jpg);}
.bg9{background-image:url(../images/sub/bg9.jpg);}
.bg10{background-image:url(../images/sub/bg10.jpg);}
.bg11{background-image:url(../images/sub/bg11.jpg);}
.bg12{background-image:url(../images/sub/bg12.jpg);}
.bg13{background-image:url(../images/sub/bg13.jpg);}
.bg14{background-image:url(../images/sub/bg14.jpg);}
.bg15{background-image:url(../images/sub/bg15.jpg);}
.bg16{background-image:url(../images/sub/bg16.jpg);}
.bg17{background-image:url(../images/sub/bg17.jpg);}
.bg18{background-image:url(../images/sub/bg18.jpg);}
.bg19{background-image:url(../images/sub/bg19.jpg);}
.bg20{background-image:url(../images/sub/bg20.jpg);}


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

.sub-lfrt .content-box{float:left;width:calc(100% - 250px);}
.sub-lfrt .right-box{float:right;width:235px;position: relative;}

.sub-lfctrt .left-box{float:left;width:175px;}
.sub-lfctrt .content-box{float:left;width:calc(100% - 440px);margin:0 15px;}
.sub-lfctrt .right-box{float:right;width:235px;position: relative;z-index: 1;}

/* 20210623 */
.sub-lfctrt2{padding: 0 15px;max-width: 1890px; }
.sub-lfctrt2 #content_left{float:left;width: 290px;position: static;height: auto;}
.sub-lfctrt2 #content_left .cont{height:auto;max-height: none;}
.sub-lfctrt2 .left-box{/* float:left; */ width:100%; background: #1b1b1b;border: 1px solid #2e333d; }
.sub-lfctrt2 .content-box{float:left;width: calc(100% - 610px);margin: 0 15px; }
.sub-lfctrt2 .right-box{float:right;width:290px;position: relative;z-index: 1;}
/* //20210623 */
.sub-lfctrt2 .content-box2{float:right;width: calc(100% - 255px);margin-left:20px;}

.sub-tab1 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab1 ul {}
.sub-tab1 ul li {float: left;width: calc(100% / 3);border-left: 1px solid #404654;}
.sub-tab1 ul li:first-child {border-left: none;}
.sub-tab1 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #2e333d;}
.sub-tab1 ul li a.on, 
.sub-tab1 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab1 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab1 ul li a.on::before, 
.sub-tab1 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#f50;}

.sub-tab2 {text-align: center;overflow: hidden;/* border: 1px solid #b8bcc4; */border-radius: 5px;}
.sub-tab2 ul {}
.sub-tab2 ul li {float: left;width: calc(100% / 2);border-left: 1px solid #b8bcc4;}
.sub-tab2 ul li:first-child {border-left: none;}
.sub-tab2 ul li a {display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #191923;background: linear-gradient(#fff, #dadbdc);}
.sub-tab2 ul li a.on, 
.sub-tab2 ul li a:hover {background: linear-gradient(#e73b54, #9b2739);color: #fff;}
.sub-tab2 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab5 {text-align: center;overflow: hidden;border: 1px solid #b8bcc4;border-radius: 5px;}
.sub-tab5 ul {}
.sub-tab5 ul li {float: left;width: calc(100% / 5);border-left: 1px solid #b8bcc4;}
.sub-tab5 ul li:first-child {border-left: none;}
.sub-tab5 ul li a {display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #191923;background: linear-gradient(#fff, #dadbdc);}
.sub-tab5 ul li a.on, 
.sub-tab5 ul li a:hover {background: linear-gradient(#e73b54, #9b2739);color: #fff;}
.sub-tab5 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.sub-tab4 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab4 ul {}
.sub-tab4 ul li {float: left;width: calc(100% / 4);border-left: 1px solid #2b4c1a;}
.sub-tab4 ul li:first-child {border-left: none;}
.sub-tab4 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #222c11;}
.sub-tab4 ul li a.on, 
.sub-tab4 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab4 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.sub-tab4 ul li a.on::before, 
.sub-tab4 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#95bb0e;}

.sub-tab4.grid3 ul li { width:calc(100% / 3); }

.sub-tab6 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab6 ul {}
.sub-tab6 ul li {float: left;width: calc(100% / 6);border-left: 1px solid #2b4c1a;}
.sub-tab6 ul li:first-child {border-left: none;}
.sub-tab6 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #222c11;}
.sub-tab6 ul li a.on, 
.sub-tab6 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab6 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.sub-tab6 ul li a.on::before, 
.sub-tab6 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#95bb0e;}


.sub-tab8 {text-align: center;overflow: hidden;/* border-radius: 5px; */}
.sub-tab8 ul { font-size:0; }
.sub-tab8 ul li {display:inline-block; width: calc(100% / 4);border-left: 1px solid #404654;}
.sub-tab8 ul li:first-child {border-left: none;}
.sub-tab8 ul li a {position: relative;display: block;height: 45px;line-height: 45px;font-size: 16px;font-weight: 700;color: #b8b9bd;background: #313131;}
.sub-tab8 ul li a.on, 
.sub-tab8 ul li a:hover {/* background: #ffae00; */color: #fff;}
.sub-tab8 ul li a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.sub-tab8 ul li a.on::before, 
.sub-tab8 ul li a:hover::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:#95bb0e;}


.game_cate {margin-top: 5px;margin-bottom: 10px;text-align: center;/* border-radius: 5px; */background: #313131;}
.game_cate::after {content: ''; clear: both; display: block;}
.game_cate ul {}
.game_cate ul li {display: table-cell;width: 1%;height:45px;vertical-align:middle;border-left: 1px solid #464646;}
.game_cate ul li:first-child {border-left: none;}
.game_cate ul li a {vertical-align:middle;margin:0;color: #c4c4c4;font-size: 13px;font-weight:600;width: 100%;height: 45px;line-height: 1.5;padding: 13px 0px;}
.game_cate ul li a i.num{font-weight:700; margin-left:3px;}
.game_cate ul li a:hover,
.game_cate ul li a.on {color: #ceeb20;}
.game_cate ul li a span{font-weight: 700;}
.game_cate ul li em { vertical-align:middle; position:relative; top:-2px; margin-right:3px; font-size:19px; line-height:13px; }
.game_cate ul li:nth-child(2) em { font-size:20px; }

.game_cate.new ul li { height:60px; }
.game_cate.new ul li a { padding:9px 0;}

.sport-notice{background: #222c11;border:2px solid #2b4c1a;/* border-radius:5px; */padding:10px 15px; }
.sport-notice > ul > li{margin-top:5px;line-height:18px;color:#fff;}
.sport-notice > ul > li i{color:#e5bf22;margin-right: 5px;}
.sport-notice > ul > li:first-child{margin-top:0px;}
.sport-notice > ul > li:hover,
.sport-notice > ul > li.on{color: #e5bf22;}
.sport-notice > ul > li i{vertical-align:middle;display: inline-block;}
.sport-notice > ul > li .txt{font-weight:700;display: inline-block;}

.betting-close{ position:absolute;top:-3px;bottom:-3px;left:0;right:0;z-index: 11;background:rgba(0, 0, 0, 0.7); }
.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:26px;font-weight: 700;color:#fff;background: url(../images/hg/betting-close.png) no-repeat center top;}
.betting-close p {position:absolute;top:240px;bottom:0;left:0;right:0;width:100%; margin:auto; text-align:center;font-size:14px;font-weight: 700;color:#c1c1c1;}

.betslip_w {position: relative;width: 290px;/* border-radius: 10px; */overflow: hidden;padding-bottom: 0px;}
.betslip_w .cart-top {border:2px solid #325d1e; background: #1b1b1b;}
.betslip_w .bsp_top {overflow:hidden;height: 40px;line-height:40px;padding: 0 10px;border-bottom: 1px solid #2e2e2e;}
.betslip_w .bsp_top .tit {float:left;font-size: 16px;font-weight: 700;color: #fff;}
.betslip_w .bsp_top .tit .iconfont{display:inline-block;/* width: 32px; *//* height: 32px; */line-height: 32px;text-align: center;font-size: 20px;color: #ceec22;/* background: #ffae00; */border-radius: 10px;margin-right: 10px;vertical-align: middle;}
.betslip_w .bsp_top .tit span { color:#fff; font-size:15px;}
.betslip_w .bsp_top .move {float:right;/* border: 1px solid #664600; *//* border-radius: 3px; */margin-top: 11px;position: relative;}
.betslip_w .bsp_top .move span {float: left;width: 38px;height: 27px;line-height: 27px;text-align: center;cursor:pointer;color: #fff;font-size: 0;/* background: #212531; */font-family: 'ns';position: absolute;top: 2px;right: 0;z-index: 0;}
.betslip_w .bsp_top .move span i{font-size: 18px;}
.betslip_w .bsp_top .move span.active{z-index: 10;}

.betslip_w .bsp_top .move .on {/* background: #35404a; */z-index: 1;}
.betslip_w .bsp_top .move .off {/* border-right: 1px solid #664600; */color: #cce638;}
.betslip_w .bsp_betbtn.carat {background: linear-gradient(#9cc00b,#1b6845);text-align:center;height:45px;line-height:45px;color: #fff;font-weight: 800;font-size: 18px;cursor:pointer; margin: 0 10px;/* border-radius: 5px; */}
.betslip_w .bsp_betbtn.carat:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.betslip_w .bsp_betbtn.ruby {background:#ff7ef1; text-align:center; height:45px; line-height:45px; color:#000; font-weight:bold; font-size:20px; cursor:pointer;-webkit-transition-duration: 0.4s; transition-duration: 0.4s;}
.betslip_w .bsp_betbtn:hover {background:#9cc00b;color: #fff;}
.betslip_w .betslip { background:rgba(0, 0, 0, 0.07); min-height:100px;}
.betslip_w .betslip .line {border-top: 1px solid #1b1b1b;}
.betslip_w .betslip .line:hover {/* background:rgba(0, 0, 0, 0.1); */}
.betslip_w .betslip .line:after { content:''; display:block; clear:both;}
.betslip_w .betslip .rate {margin: 0 10px;line-height: 30px;height: 30px;background: #303030;padding: 0 10px;overflow: hidden;}
.betslip_w .betslip .rate dt {float:left;color: #fff;font-size: 12px;/* font-family: 'ns'; */}
.betslip_w .betslip .rate dd {width:65%;float:right;text-align:right;color: #aeafbd;font-weight: 700;line-height: 28px;font-size: 12px;}
.betslip_w .betslip .rate dd #TotalBenefit.white{margin-right: 5px;font-size: 12px;font-weight: 800;color:#fff;}
.betslip_w .betslip .rate dd .red{font-weight:700;color:#df4442;}
.betslip_w .betslip .rate dd .blue2{font-weight:700;color:#2ee2ed;}

.betslip_w .betslip .rate dd #totalprice{color: #f4ca38;font-weight: 700;font-size: 12px;}
.betslip_w .betslip .rate dd .reset {display: inline-block;width: 14px;height: 20px;line-height: 20px;font-size: 14px;vertical-align: middle;margin-right: 10px;color: #6262a0;}
.betslip_w .betslip .rate dd span.caratcolor {color: #e0fb3e;font-weight: 800;font-size: 12px;margin-right: 5px;}
.betslip_w .betslip .rate dd span.rubycolor {color:#ff7ef1;}
.betslip_w .betslip .rate dd span#bRto{font-size: 12px;color: #ffd800;font-weight: 800;margin-right: 5px;}
.betslip_w .betslip .bsp_item {position:relative;border-top: 0;border-bottom: 1px solid #5a563c;display: none;}
.betslip_w .betslip .bsp_item .btn2 {display:inline-block;border-radius: 5px;width: 70px;height: 26px;line-height: 26px;text-align: center;font-size: 13px;color: #000;font-weight: 700;background: #fcd50b;}
.betslip_w .betslip .bsp_item .bsp_item_w { position:absolute; background:rgba(0, 0, 0, 0.7); width:250px; left:0px; top:37px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul { padding:10px 10px 5px 10px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li { font-size:11px; padding-bottom:5px;}
.betslip_w .betslip .bsp_item .bsp_item_w ul li b { color:#f1cc45; font-size:11px;}
.betslip_w .betslip .bsp_item + .rate{border-top:0;}
.betslip_w .betslip .bsp_mybetmoney {width: 109px;height: 22px;background: #000;color: #fff;text-align:right;padding: 0 5px;border: 0;font-weight: 700;font-size: 12px;}
.betslip_w .betslip .bsp_money{padding:0 10px;margin: 7px 0 5px;}
.betslip_w .betslip .bsp_money ul {overflow:hidden;margin: -2px 0 0 -3px;/* border-radius: 5px; */}
.betslip_w .betslip .bsp_money ul li {float:left;width: calc(100% / 3 - 3px);margin-left: 3px;margin-top: 2px;color: #fff;}
.betslip_w .betslip .bsp_money ul li span {cursor:pointer;display:block; line-height: 26px;background: linear-gradient(#fdfdfd, #dddedf);/* border-radius: 5px; */color: #3a3b42;font-size: 12px;font-weight: 800;text-align: center;}
.betslip_w .betslip .bsp_money ul li span:hover{color: #792a03;}
.betslip_w .betslip .bsp_money ul li span:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.betslip_w .betslip .bsp_money ul li.reset span{background: #1d2c19;color:#fff;  border:2px transparent solid; border-image: linear-gradient(#8fb711, #34793a) 1 10; }
.betslip_w .betslip .bsp_money ul li.max span{background: #1d2c19;color:#fff;;  border:2px transparent solid; border-image: linear-gradient(#8fb711, #34793a) 1 10;}


.betslip_w .betslip .bsp_money ul li .i-refresh { font-size:16px;}
.betslip_w .betslip .bsp_max {text-align:center;font-size: 0;padding: 0 10px;margin: 6px 0 10px;}
.betslip_w .betslip .bsp_max a {width: calc(50% - 4px);display:inline-block;color:rgba(255, 255, 255, 0.5);}
.betslip_w .betslip .bsp_max a#betlistalldel{color: #a5a7ab;font-weight: 800;font-size: 12px;width: 100%;height: 28px;line-height: 28px;/* border-radius: 5px; */background: #303030;}
.betslip_w .betslip .bsp_max a#maxbetting{background: #202145;border: 1px solid #3c8770;color: #3ebf99;font-weight: 700;font-size: 13px;}

.betslip_w .betslip .bsp_event_w .bsp_event {border: 1px solid #363b45;/* border-radius:3px; */overflow:hidden;background: #313131;position:relative;margin-bottom: 5px;}
.betslip_w .betslip .bsp_event_w .bsp_event:hover {border: 1px solid #77a71c;}
.betslip_w .betslip .bsp_event_w .bsp_event dd {padding: 6px 30px 5px 10px;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span {display:block;color: #9fa3a6;font-size: 12px;line-height:20px;width:calc(100% - 25px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.betslip_w .betslip .bsp_event_w .bsp_event:hover dd span {overflow:visible;text-overflow:visible;white-space:normal;}
.betslip_w .betslip .bsp_event_w .bsp_event dd span .change { font-weight:normal; color:#FF0000; font-size:11px; padding-left:5px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt {background: #212121;height: 26px;line-height: 26px;padding: 0 10px;overflow:hidden;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam {width:calc(100% - 40px);float:left;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size: 13px;color: #ffffff;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam:hover {/* overflow:visible; */text-overflow:visible;/* white-space:normal; */}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkrate {font-size: 13px; color: #fcc60a;font-family:verdana;text-align:right;width:40px;float:right;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam .box{display:inline-block;width:38px;height:19px;line-height: 20px;font-size: 12px;color: #fff;text-align: center;background: #377965;border-radius: 10px;margin-right: 5px;}
.betslip_w .betslip .bsp_event_w .bsp_event dt .checkteam .red{color:#fb2960 !important;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove {position: absolute;top: 10px;right: 10px;width: 12px;height: 12px;cursor: pointer;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove i {font-size: 14px;color: #8d8d8d;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;}
.betslip_w .betslip .bsp_event_w .bsp_event .remove:hover i {transform:rotate(90deg);-webkit-transform:rotate(90deg);color: #8d8d8d;}
.betslip_w .betslip .betscroll {padding: 0px 10px 0;margin-top: 5px;max-height:250px;overflow-y:scroll;}

.bet-bt{margin-top: 10px; margin-bottom:10px; padding: 0 10px;}
.bet-bt > dl{overflow:hidden;line-height: 22px;}
.bet-bt > dl dt{position:relative;float:left;font-size: 13px;font-weight: 700;color: #737373;width:107px;}
.bet-bt > dl dd{float:right;font-size: 13px;font-weight: 700;color: #737373;}
.bet-bt > dl dd span{font-weight:700;}

/* 20210623 */
.betslip_bt{/* border: 1px solid #2e333d; *//* height: 167px; */text-align:center;margin-top: 10px;/* padding: 20px 0 25px; *//*background: url(../images/sub/betslip_bt.png) no-repeat;background-size: cover;*/}/* 20210623 */
.betslip_bt .img img{width: 92px;}
.betslip_bt .txt{font-size: 16px;font-weight: 800;color: #ffffff;margin: 11px 0 12px;line-height: 1.5;}
.betslip_bt .box{width: 198px;height: 46px;line-height: 44px;border: 1px solid #ff5500;background: rgba(0, 0, 0, 0.6);font-size: 18px;font-weight: 800;color: #ff5500;margin: 0 auto;}
/* //20210623 */
.hg-bg { background:url('/images/hg/cart-bottom.png') no-repeat top center / 100% 100%; width:100%; height:195px; }
.betslip_bt .src-tit { padding-top:88px; font-size:16px; color:#e4e4e4; letter-spacing:-1px; }
.betslip_bt .src { color:#cfec2c; font-size:26px; padding-top:23px; }
.betslip_bt .src a { font-weight:700; }

.notice-container { width:100%; margin:0 auto; padding-top:15px; padding-bottom:12px; display:table; table-layout: fixed; }
.notice-container .notice { width:110px; display:inline-block; color:#fffefe; vertical-align:middle; font-size:14px;}
.notice-container marquee { width:calc( 100% - 110px ); display:inline-block; vertical-align:middle; color:#fff;  }

.mt60{margin-top:60px !important;}
.mt50{margin-top:50px !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;}
.mt5{margin-top:5px !important;}
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.pl0{padding-left:0 !important;}


.btn_orange {
    background: #ff3131;
    color: #fff;
    padding: 5px 15px;
    border: 1px solid #ff3131;
    border-radius: 5px;
}
.btn_orange:hover {
    color: #FFF 
}

/* paging */
.paging{display: table;margin: 0 auto;text-align: center;}
.paging a{position: relative;float: left;display: block;width: 41px;height: 41px;line-height: 41px;margin:0 2px;background: #3e3e3e;font-size: 16px;font-weight: 700;color: #fff; /* border-radius: 5px; *//* overflow: hidden; */}
.paging a img,
.paging a span{position:relative;z-index:1;}
.paging a > img{vertical-align: 0;}
.paging a.on,
.paging a:hover{background:#000; border:2px solid #95bb0e; }
/*.paging a.on::before,
.paging a:hover::before{content:"";position:absolute;top: 0px;left: 0px;width:100%;height:100%;border: 2px solid #30430f;box-sizing: border-box;}*/
.paging a.img:hover{background: none;}
.paging a.img{background: none;border: 0;}
.paging a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}
.paging a.prev-btn ,.paging a.next-btn { background:#30430f; color:#fff; }
.paging a.prev-btn:hover,.paging a.next-btn:hover{border:none; }

.lr-box{margin-top: 20px;position:relative;min-height:32px;}
.lr-box .btn-left{position:absolute;top:-3px;left:0;}
.lr-box .btn-center{text-align:center;}
.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;}

a.btn{min-width: 114px;height: 46px;line-height: 46px;font-weight:700;color:#fff;text-align:center;font-size: 18px;font-weight: 700;font-family: 'Youandi_Modern';/* border-radius: 5px; */padding: 0 15px;}
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: #f6cc35;color: #1d2329 !important;}
a.btn.green2{background: #f6cc35;color: #1d2329 !important;border-radius: 0;}
a.btn.red{background: #df4442;color: #fff !important; }
a.btn.red2{background: #f50;color: #fff !important; }
a.btn.orange{background: #f50;color: #fff !important;font-size: 16px;border-radius: 10px;min-width: 145px;}

.sub-lfctrt2 .left-box .header-tit{font-size: 13px;font-weight: 800;color: #ff5500;padding: 15px 15px 10px;height: auto;}

.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li,
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab3 > ul > li{padding:0 15px;}
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a{background: url(../images/sub/nav-off.png) no-repeat right center;}
.sub-lfctrt2 .left-box .header-tab-cont > div.header-tab-cont-tab2 > ul > li > a.on{background:url(../images/sub/nav-on.png) no-repeat right center;}
.sub-lfctrt2 .left-box .header-tab-cont > div > ul > li .count{background: #2e333d;color: #c6c6c6;}


.betslip-tit{background: #303030;/* border-radius:5px; */text-align:center;height:32px;line-height:32px;font-size:12px;font-weight: 800;color: #a2a6ae;margin: 10px 10px 0;}

.bsp_event_w .ct_list {margin-top: 5px;font-size: 13px;}
.bsp_event_w .ct_list .crt_gm {position: relative;padding: 5px 10px;margin: 0 0 3px 0;border: 1px solid #5f5f5f;background-color: #313131;transition: 0.3s;/* border-radius: 5px; */}
.bsp_event_w .ct_list .crt_gm:hover{border: 1px solid #77a71c;}
.bsp_event_w .ct_list .crt_gm:hover p a.del{color: #ff5500 !important;}
.bsp_event_w .ct_list .crt_gm p {line-height: 17px;height: 17px;/* padding: 2px 0; */font-family: 'ns';}
.bsp_event_w .ct_list .crt_gm p.line-tit{color:#b0b0b0;font-size:12px;}
.bsp_event_w .ct_list .crt_gm p .tm {display: block;width: 180px;/* line-height: 1.5; */color: #dadbe5;font-size: 12px;letter-spacing: -0.5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.bsp_event_w .ct_list .crt_gm p .tm.cho {display: inline-block;width: 112px;color: #cfcfcf;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.bsp_event_w .ct_list .crt_gm p .odd {float: right;color: #fff;font-size: 12px;}
.bsp_event_w .ct_list .crt_gm p .odd .wol{color: #ffd800;margin-right:2px;font-size: 12px;}
.bsp_event_w .ct_list .crt_gm p a {position: absolute;right: 5px;top: 0px;width: 20px;/* height: 19px; *//* background-color: #a9a9a9; *//* text-indent: -99999px; */}
.bsp_event_w .ct_list .crt_gm p a.del {background: none;font-size: 14px;color: #7d8993 !important;}
.bsp_event_w .ct_list .no-game{height:46px;line-height:46px;text-align:center;font-size: 12px;color: #cfcfcf;border: 1px solid #2f2f2f;}


.table-tit{}
.table-style1{background: #000;border: 1px solid #313641;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;padding:0 40px;margin-top:10px; }
.table-style1: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 > .box{position: relative;z-index:2;}
.table-style1 > .box > dl{display:table;width:100%;}
.table-style1 > .box > dl + dl{border-top: 1px solid #34393f;}
.table-style1 > .box > dl > *{display:table-cell;vertical-align:middle;padding:10px 0;height: 70px;}
.table-style1 > .box > dl > dt{width:145px;font-family: "ns";font-size:14px;color:#d2d2d2;}
.table-style1 > .box > dl > dd{font-family: "ns";font-size:13px;color:#6d6d6d;}
.table-style1 > .box > dl > dd > span{font-family: "ns";font-size:13px;}
.table-style1 > .box > dl > dd > input, .table-style1 > .box > dl > dd > select{width:190px;margin-right:10px;border: 1px solid #404447;border-radius: 8px;background: #1d2329;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 13px;font-family: "ns";}
.table-style1 > .box > dl > dd > select{background: url(../images/common/select-bg.gif) no-repeat right 10px center #1d2329;}
.table-style1 > .box > dl > dd > input.orange{color: #f50 !important;}
.table-style1 > .box > dl > dd > input.w283{width:283px;}
.table-style1 > .box > dl > dd p.money{font-family: "Youandi_Modern";color: #f4d032;font-size:22px;font-weight:700;display:inline-block;margin-right:10px;}
.table-style1 > .box > dl > dd p.money > span{color:#bdbdbd;font-size:13px;font-weight:700;}
.table-style1 > .box > dl > dd a.h31{height:31px;line-height:31px;width:73px;}
.table-style1 > .box > dl > dd a.h45{height:45px;line-height:45px;width:143px;margin-right:10px;}
.table-style1 > .box > dl > dd a.h45 > span{font-weight:700;font-size:16px;font-family: "ns";}
.table-style1 > .box > dl > dd .btn-all > a{background: #535355;color:#fff;font-weight:700;font-size:14px;font-family: "ns";width:83px;line-height: 40px;text-align:center;border-radius: 10px;margin-right:2px;}
.table-style1 > .box > dl > dd .btn-all > a:hover{background:#3b3e47;}
.table-style1 > .box > dl > dd .btn-all > a.first{background:#3b3e47;color:#b5b5b5;}
.table-style1 > .box > dl > dd .btn-all > a.first:hover{color:#fff;}

.table-style1 > .box > dl.dl2 > dt{vertical-align:top;padding-top: 25px;}
.table-style1 > .box > dl.dl2 > dd input, 
.table-style1 > .box > dl.dl2 > dd select{width:190px;margin-right:10px;border: 1px solid #404447;border-radius: 8px;background: #1d2329;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 13px;font-family: "ns";}
.table-style1 > .box > dl.dl2 > dd p:last-child{margin-top:10px;padding-top:10px;border-top: 1px solid #34393f;}


.table-style1{}
.table-style1 table thead th{font-size: 13px;color: #fff;height: 36px;background: #000;}
.table-style1 table thead tr th:first-child{border-left:0;}
.table-style1 table tbody th{background: #323637;font-weight:700;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;}



.cont_row{position:relative;}
.cont_row *{/* font-family:'ns'; */}
.bonus-tit{font-size:12px;color: #a9a9a9;margin:10px 0 10px;}
.bonus-tit span.blue{font-size:14px;color: #fff !important;}
.bonus-tit span.yellow{font-size: 13px;font-weight: 700;color: #ff5b0b !important;font-family: 'Youandi_Modern';}
.bonus-tit span.small {font-family: 'Youandi_Modern';font-weight: 700;}
.bonus_folder{overflow:hidden;}
.bonus_folder > ul{margin-left: -6px;overflow: hidden;}
.bonus_folder > ul > li{float:left;width: calc(100% / 3 - 6px);margin-left: 6px;}
.bonus_folder.num1 > ul > li{float:left;width:100%;}
.bonus_folder > ul > li > a{display:block;background: #1b1b1b;border: 1px solid #3b3b3b;height: 35px;line-height: 35px;padding:0 10px;font-size:14px;color: #ffffff;}
.bonus_folder > ul > li > a:hover{}
.bonus_folder > ul > li > a .lf{float:left;}
/**
.bonus_folder > ul > li > a .lf .yellow{color:#dbc219 !important;}
.bonus_folder > ul > li > a .lf .red{color:#E84143 !important;}
.bonus_folder > ul > li > a .lf .green{color: #bcd71e !important;}
.bonus_folder > ul > li > a .lf .blue{color: #15ece4 !important;}
.bonus_folder > ul > li > a .lf .orange { color:#d9661a !important;}

.bonus_folder > ul > li > a.g_gr_c .lf .yellow,
.bonus_folder > ul > li > a.g_gr_c .lf .red,
.bonus_folder > ul > li > a.g_gr_c .lf .green,
.bonus_folder > ul > li > a.g_gr_c .lf .blue{ color:#fff !important;}
.bonus_folder > ul > li > a.g_gr_c .rt{color: #fff;}
***/

.bonus_folder > ul > li > a .rt{float:right;text-align:center;font-weight:bold;font-size: 14px;font-weight: 700; /**color: #bcd71e;**/}


/********************************************************
 game css : 
********************************************************/
/* game -  */
.game_data {/* font-family: 'Nanum Gothic',dotum,sans-serif; */ 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; border:1px solid #313131;}
.game_head table thead th {height: 36px;color: #a3a3a3;font-size: 13px;font-weight: 700;letter-spacing: -1px;}

/* game -   */
.g_head {clear: both;overflow: hidden;height: 36px;line-height: 36px;/* margin: 10px 0 2px 0; *//* background-color: #0d0d0d; */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: 0px 0 0 7px;vertical-align: middle;}
.g_head span {display: inline-block;margin-left: 8px;color: #dddfe2 !important;}
.g_head i.iconfont{color: #969696;display: inline-block;/* vertical-align: middle; */width: 20px;margin-right: 10px;/* font-size: 21px; */}
.g_head em {text-decoration: none;color: #dadada;font-weight: normal;font-style: normal;}
.g_head em strong {color: #dadada;font-weight: normal;}

/* 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;}
.g_item a{display:block;}
.g_item::after {content: '';/* display: block; *//* clear: both; */}
.g_item li {float: left;height: 35px !important;line-height: 35px !important;margin-bottom: 1px;letter-spacing: 0px;margin-left: 2px;font-weight: 700;background: #1b1b1b;border: 1px solid #3b3b3b;overflow: hidden;white-space: nowrap;}
.g_item li:first-child{margin-left:0;}
.g_item li img {display: inline-block;vertical-align: middle;}
.g_item li.last-over{background:#202022 !important;color:#656565;border:1px solid #2d2d2f !important;}
.g_item li.last-over *{color: #656565 !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(12% - 2px);text-align: center;color: #a5a5a5;font-size: 13px;font-weight: bold;}
.g_day span {color: #a4a7aa;}
/* game -    */
.g_home {width: calc(33% - 2px);margin-right: 1px;padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}
.g_odd {width: calc(10% - 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(33% - 2px);padding: 0 10px;cursor: pointer;-webkit-transition: 0.3s;transition: 0.3s;font-weight: bold;border: 1px solid #d1d2d3;}

/* game -    */
.g_home_h_s {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; 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 10px; cursor: pointer; font-weight: bold;}

/* game -    */
.g_home_sc {width: calc(33% - 2px); margin-right: 1px; padding: 0 10px; 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 10px; cursor: pointer; font-weight: bold;}

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

/* game -    */
.g_home_n, .g_home_o, .g_home_d {width: 82%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
.g_away_n, .g_away_o, .g_away_d  {width: 82%;float: right;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;font-weight: 700;}
.g_home_odd_n, .g_home_odd_o, .g_home_odd_d {width: 18%;float: right;position: relative;letter-spacing: -0.5px;font-family: 'Youandi_Modern';font-weight: 700;}
.g_away_odd_n, .g_away_odd_o, .g_away_odd_d {width: 18%;float: left;position: relative;letter-spacing: -0.5px;font-family: 'Youandi_Modern';font-weight: 700;}
.g_odd_n, .g_odd_o, .g_odd_d, .g_odd_h {display: block;font-family: 'Youandi_Modern';font-weight: 700;}

.g_home_odd_n .hot, 
.g_home_odd_d .hot,
.g_away_odd_n .hot,
.g_away_odd_d .hot{font-size: 13px;font-weight:700;color: #54ff00;margin: 0 2px;font-family: 'Youandi_Modern';}

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


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


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

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

.g_home_d {color: #838383;text-align: left;font-size: 13px;}
.g_home_odd_d {color: #838383;text-align: right;font-size: 13px;}
.g_odd_d {color: #838383 !important;text-align: center;font-size: 13px;}
.g_away_odd_d {color: #838383;text-align: left;font-size: 13px;}
.g_away_d {color: #838383;text-align: right;font-size: 13px;}

.g_odd_h {color: #fff !important;text-align: center;font-size: 13px;}

/* game -    */
.g_more {text-align: center; font-size: 13px;}
.g_more img {vertical-align: middle;}
.g_more.list {width: calc(6% - 2px);}
.g_more.list span{font-weight: 700;font-size: 13px;color: #a4a7aa;}
.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.scr b{color: #fff !important;font-size: 13px;}
.g_more.win {width: calc(6% - 2px); color: #aaa;}
.g_more.win b span{font-family:"Youandi_Modern";font-weight:700;}

/* 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 {background: #222c11 !important;/* border: 1px solid #2d2d31 !important; */}
.g_gr_c {background: #2b4c1a !important; border: 1px solid #91b810 !important; }
.g_gr_d {background-color: #000000; }
.g_gr_sc {background-color: #3b3331;}

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

/* game -    */
.g_list_hold {}
.g_list_hold span {color: #ea3fd3;}
.g_list_hold em {color: #95bb0e;}
.g_list_view {background: #11191f;}
.g_list_view span {color: #ffc600;}
.g_list_view em {color: #fff;}

.g_list_hold, .g_list_view {width: 100%;height: 35px;margin-left: 1px;line-height: 35px;display: inline-block;cursor: pointer;text-align: center;position: relative;}
.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-style: normal;font-family: 'Youandi_Modern';font-weight: 700;font-size: 13px;}

.g_list_view::before{content:"";position:absolute;top: -1px;left: -2px;width: calc(100% + 2px);height:100%;border: 3px solid #95bb0e;box-sizing: border-box;}

/* 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;}

.realtimebet{margin:0 10px;overflow:hidden;}
.realtimebet > .tit{height: 31px;line-height: 31px;text-align:center;/* border-bottom:1px solid #2c2f31; */font-size: 14px;font-weight:700;color: #fff;background: #1b1b1b;/* border-radius: 5px; */}
.realtimebet > .cont{padding: 10px 0 20px;margin-top: -10px;margin-left: -20px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.realtimebet > .cont > a{margin-left: 20px;margin-top: 10px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;float: left;width: calc(100% / 6 - 20px);}
.realtimebet > .cont > a span{display:inline-block;border: 2px solid #2e333d;overflow:hidden;}
.realtimebet > .cont > a:hover span{border: 2px solid #93ba0f;}
.realtimebet > .cont > a span:last-child{display:block;border:0;font-size: 16px;font-weight: 700;color: #c4c4c7;margin-top: 10px;}
.realtimebet > .cont > a:hover span:last-child{border:0;}

.realtimebet > .cont > a img{max-width:100%;}

.casino-tit{height: 31px;line-height: 31px;text-align:center;/* border-bottom:1px solid #2c2f31; */font-size: 14px;font-weight:700;color: #fff;background: #404654;/* border-radius: 5px; */margin-bottom: 10px;}
.casino-box{overflow:hidden;}
.casino-box > ul{margin-left: -33px;margin-top: -30px;}
.casino-box > ul > li{float:left;width: calc(100% / 4 - 33px);margin-left: 33px;margin-top: 30px;text-align:center;}
.casino-box > ul > li a{display:block;}
.casino-box > ul > li a span{display:block;}
.casino-box > ul > li a:hover span.img img{opacity:0.8;}
.casino-box > ul > li .img img{max-width:100%;}
.casino-box > ul > li .txt{margin-top:10px;font-size: 16px;font-weight:700;color: #c4c4c7;}


.power-box{background: #1b1b1b;border: 1px solid #2e2e2e; height: 50px;margin-top: 0;margin-bottom: 5px;padding: 0 20px;overflow: hidden;/* border-radius: 8px; */}
.power-box .left{float:left;position: relative;}
.power-box .left > li{color: #a1a8a9;font-size: 14px;}
.power-box .left > li:first-child{font-size:22px;font-weight:700;color:#fff;margin-bottom: 8px; line-height: 50px;}
.power-box .left > li:first-child span{font-weight: 700; }
.power-box .left > li:first-child i{font-size: 22px;font-weight: 700; }
.power-box .left > li:first-child span i{ } 
/* Reset */
.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: 4px;}

.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: 34px;
    height: 39px;
    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: 24px;
    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 #111;
}
/**
.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: #cacaca;
    text-align: center;
    background: #323232;
    border-radius: 3px;
    font-size: 24px;
    line-height: 39px;
    font-weight: 700;
    box-shadow: inset 2px 1px 1px #1a1810;
    font-family: "Arial";
    text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 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: 24px;
    height: 39px;
}

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

.flip-clock-dot {
    display: block;
    background: #a09f9a;
    width: 6px;
    height: 6px;
    position: absolute;
    left: 9px;
    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: 10px;
    display: block !important;
}

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

.flip-clock-tit { float:left; font-size:16px; color:#848484; line-height:39px; font-weight:600; letter-spacing:-1px; }

@-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{font-size: 13px;font-weight: 700;color: #d7d7d7;margin-top: 10px;margin-bottom: 10px;}
.small-tit span{color: #f72525;}
.small-tit span.blue{color:#1fc4fa;}
.small-tit span.yellow{color: #e4c249;}
.small-tit i{font-size:16px;color: #deb829;margin-right:5px;vertical-align: middle;}


.game-select-box-cont1 .cont{overflow:hidden;}
.game-select-box-cont1 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont1 .cont ul li{cursor:pointer;float:left;width: calc(100% / 4 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#313131, #1b1b1b);border:2px solid #4b4b4b;text-align: center;/* border-radius: 5px; */}
.game-select-box-cont1 .cont ul li:hover{background: linear-gradient(#1b1b1b, #313131);}
.game-select-box-cont1 .cont ul li.on{background: linear-gradient(#97bd0d, #226d42);border:2px solid #fff;}
.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: #fff !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.ul5:first-child{margin-top:0;}
.game-select-box-cont1 .cont ul.ul5{margin-top:5px;}
.game-select-box-cont1 .cont ul.ul5 li{width: calc(100% / 5 - 4px);}

.game-select-box-cont2 {position:relative;margin-left: -30px;}
.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: 70px;background: linear-gradient(#313131, #1b1b1b);border:2px solid #4b4b4b;text-align: center;/* border-radius: 5px; */}
.game-select-box-cont2 .cont ul li:hover{background:linear-gradient(#1b1b1b, #313131);}
.game-select-box-cont2 .cont ul li.on{background: linear-gradient(#97bd0d, #226d42);border:2px solid #fff;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p{color: #fff;}
.game-select-box-cont2 .cont ul li.on .game-ctrl p span{color: #fff;}
.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:#fff !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;margin-left: -30px;}
.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: 70px;background: linear-gradient(#313131, #1b1b1b);border:2px solid #4b4b4b;text-align: center;/* border-radius: 5px; */margin-top: 4px;}
.game-select-box-cont3 .cont ul li:hover{background: linear-gradient(#1b1b1b, #313131);}
.game-select-box-cont3 .cont ul li.on{background: linear-gradient(#97bd0d, #226d42);border:2px solid #fff;}
.game-select-box-cont3 .cont ul li.on .game-ctrl p{color:#fff;}
.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:#fff !important;}
.game-select-box-cont3 .cont ul.ul3 li {width: calc(100% / 3 - 4px);}

.game-select-box-cont3 .cont.grid6 { margin-left:-10px; }
.game-select-box-cont3 .cont ul.ul6 { float:left; width:calc( 100% / 3 - 10px ); margin-left:10px; }
.game-select-box-cont3 .cont ul.ul6 li {width: calc(100% / 2 - 4px);}

.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: 70px;background: linear-gradient(#0c2e47, #07203b);border: 1px solid #27405a;text-align: center;/* border-radius: 5px; */}
.game-select-box-cont4 .cont ul li:hover{background: linear-gradient(#07203b, #0c2e47);}
.game-select-box-cont4 .cont ul li.on{background: linear-gradient(#f33434, #ff5500);border: transparent;}
.game-select-box-cont4 .cont ul li.on .game-ctrl p{color: #fff;}
.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:#fff !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: 70px;background: linear-gradient(#404047, #2f2f38);text-align: center;border-radius: 5px;}
.game-select-box-cont5 .cont ul li:hover{background:#525357;}
.game-select-box-cont5 .cont ul li.on{background: linear-gradient(#e73b54, #982637);}
.game-select-box-cont5 .cont ul li.on .game-ctrl p{color:#fff;}
.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:#fff !important;}


.game-select-box-cont6 .cont{overflow:hidden;}
.game-select-box-cont6 .cont ul{margin-left: -4px;overflow: hidden;}
.game-select-box-cont6 .cont ul li{cursor:pointer;float:left;width: calc(100% / 2 - 4px);margin-left: 4px;height: 70px;background: linear-gradient(#313131, #1b1b1b);border:2px solid #4b4b4b;text-align: center;/* border-radius: 5px; */}
.game-select-box-cont6 .cont ul li:hover{background: linear-gradient(#1b1b1b, #313131);}
.game-select-box-cont6 .cont ul li.on{background: linear-gradient(#97bd0d, #226d42);border:2px solid #fff;}
.game-select-box-cont6 .cont ul li.on .game-ctrl p{color: #fff;}
.game-select-box-cont6 .cont ul li.on .game-ctrl p span{color: #fff;}
.game-select-box-cont6 .cont ul li.on .game-ctrl p i,
.game-select-box-cont6 .cont ul li.on .game-ctrl p em{color: #fff !important;}

.game-select-box-cont6 .cont ul li.select{background: linear-gradient(#97bd0d, #226d42);border:2px solid #fff;}
.game-select-box-cont6 .cont ul li.select .game-ctrl p{color: #fff;}
.game-select-box-cont6 .cont ul li.select .game-ctrl p span{color: #fff;}
.game-select-box-cont6 .cont ul li.select .game-ctrl p i,
.game-select-box-cont6 .cont ul li.select .game-ctrl p em{color: #fff !important;}


.betting_lock {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(26, 25, 33, 0.8);
    z-index: 2;
    border: 2px solid #2e333d;
    border-radius: 5px;
}
.line-center {
    top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 110px;
    margin: auto;
    padding-top: 80px;
    text-align: center;
    font-size: 23px;
    font-weight: bolder;
    color: #fff;
    background: url(../images/sub/betting_close.png) no-repeat center top;
}

.blue-box{display: inline-block;font-size: 18px;font-weight: 700;color:#fff;}
.blue-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #1dcbf6;font-size: 20px;}
.blue-box p span{display:block;font-size: 12px;font-weight: 700;color: #fff;margin-top: 6px;}
.red-box{display:inline-block;width: 70px;height: 70px;font-size: 18px;font-weight: 700;color:#fff;}
.red-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #f43631;}
.red-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.orange-box{display:inline-block;width:70px;height:70px;background:linear-gradient(#e99267, #d74601);font-size:30px;font-weight:700;color:#fff;}
.orange-box p{width: 1%;height:70px;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;font-weight: 700;color:#fff;}
.green-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #44d631;}
.green-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.yellow-box{display: inline-block;width: 70px;height: 70px;font-size: 18px;font-weight: 700;color:#fff;}
.yellow-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #A7A450;}
.yellow-box p span{display:block;font-size:13px;font-weight: 700;color: #fff;margin-top: 6px;}
.black-box{display: inline-block;width: 70px;height: 70px;font-size: 18px;font-weight: 700;color:#fff;}
.black-box p{width: 1%;height: 70px;display:table-cell;vertical-align:middle;font-weight: 700;color: #6C6868;}
.black-box p span{display:block;font-size:13px;font-weight: 700;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{font-weight: 800;}
.game-ctrl em{color:#dadae0;font-style:normal;font-weight: 800;}

.square p{width: 1%;height: 70px;display: table-cell;vertical-align: middle;font-weight: 700;/* color: #1dcbf6; */font-size: 20px;}
.square span{display:block;font-size: 13px;font-weight: 700;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-bottom: 10px;overflow:hidden;margin-left: -30px;}
.game-select-box-cont1 > div.left,
.game-select-box-cont1 > div.right{float:left;width:calc(50% - 30px);margin-left:30px;}
.game-select-box-cont1 > div{margin-left:30px;}
.game-select-box-cont2 > div{margin-left:30px;}
.game-select-box-cont3 > div{margin-left:30px;}

.game-select-box-cont6 {/* padding:15px; */margin-bottom: 10px;overflow:hidden;margin-left: -30px;}
.game-select-box-cont6 > div.left,
.game-select-box-cont6 > div.right{float:left;width:calc(50% - 30px);margin-left:30px;}

.line-three .cont{margin-left: -14px;}
.line-three .cont ul{width: calc(100% / 3 - 10px);float: left;margin-top: 0 !important;margin-left: 10px;}

.game-iframe-close{width:100%;height: 30px;line-height: 30px;text-align:center;background: #404654;/* border-radius: 5px; */border:0;color: #9b9b9d;/* margin-top: 5px; */margin-bottom: 30px;}
.game-iframe-close.on{color: #9b9b9d;}
.game-iframe-close:hover{background: #404654;}
.game-iframe{margin-top:1px;min-width: 835px;}
.game-iframe-cont{border: 1px solid #2e333d;text-align:center;}

.section-box{margin-bottom: 10px;overflow: hidden;position:relative;}
.section-box-tit{/* height:40px; *//* line-height:40px; */color:#fff;font-size: 18px;}
.section-box-tit span{color: #8d8d8d;font-size:13px;}
.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;}

.table-style2{ }
.table-style2 table thead th{padding: 13px 0;font-size: 14px;font-weight: 700;color: #fff;background: #2f2f2f;}
.table-style2 table thead th:first-child{border-left:0;}
.table-style2 table tbody td{padding: 4px 5px;height: 50px;font-size: 14px;font-weight: 700;color: #aeaeae;text-align:center;border-left: 1px solid #515151;border-bottom: 1px solid #515151;/* font-family: 'ns'; */line-height: 1.3;}
.table-style2 table tbody td *{/* font-family: 'ns'; */}
.table-style2 table tbody tr:hover td{background:rgba(255,255,255,0.05);}
.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: 20px;}
.table-style2 table tbody tr td:first-child{border-left:0;}
.table-style2 table tbody .icon-s{margin-right:5px;}
.table-style2 table tbody td .btn-grey{width: 60px;height:31px;line-height:31px;text-align:center;background:#515253;border:1px solid #77777a;border-radius:5px;}
.table-style2 table tbody td .btn-red{width: 60px;height:31px;line-height: 27px;text-align:center;background: #1d2329;border: 2px solid #ff5500;border-radius:5px;}
.table-style2 table tbody td .tx_green { color:#44d631 !important; }

.f14{font-size:14px !important;}
.f14.font-white *{font-size: 14px;}
.font-red{color: #f43631;}
.font-red2{color: #2fd9b7;}
.font-orange{color: #ff5401;}
.font-white{color: #ffffff !important;}
.font-yellow{color: #f1b31e;}
.font-blue{color: #1de4f6;}
.font-green{color: #2acc35;}
.font-green2{color: #29bc33;}

a.iconfont.del{color: #bababa;font-size: 18px;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 13px;color: #fff !important;background: #7e0d0d;border: 0;border-radius: 5px;}
a.iconfont.del2{color: #bababa;font-size: 18px;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 13px;color: #fff !important;background: #7e0d0d;border: 0;border-radius: 5px;}

.btn-box-grey{color: #bababa;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #fff !important;background: #585858;border: 0;border-radius: 3px;}
.btn-box-yell{color: #fff;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #fff !important;background: #ff5401;border: 0;border-radius: 3px;}
.btn-box-pink{color: #bababa;font-size: 18px;display: inline-block;width: 49px;height: 27px;padding: 0;line-height: 27px;font-size: 12px;color: #11191f !important;background: #2fd9b7;border: 0;border-radius: 3px;}

/********************************************************
 search : 
********************************************************/
.search {padding: 10px;margin-bottom: 10px;background-color: #313131; /* border-radius: 5px; */}
.search::after {content: ''; display: block; clear: both;}
.search span {display: inline-block;margin-right: 1px;}
.search .sch_left {float: left; color: #999;}
.search .sch_right {float: right;}
.search span input {width: 170px;}
@media screen and (max-width:1600px){
	.sports-result-search-last { margin-top:10px; }
}
@media screen and (max-width:1580px){
	.search .sch_right { margin-top:10px; }
}
/********************************************************
 selectbox : 
********************************************************/
.select_st {padding: 10px 59px 10px 10px;border: 1px solid #34641f;background: #000 url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 40px;font-weight: 700;color: #fff;}
.select_st2 {padding: 10px 67px 10px 10px;border: 1px solid #34641f;background: #000 url(../images/sub/select_down.png?v=2) no-repeat 90% 50%;color: #fff;cursor: pointer;-webkit-appearance: none;-moz-appearance: none;appearance: none;height: 40px;font-weight: 700;color: #fff;}
.select_st::-ms-expand {display: none;}
.select_st2::-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;}


/********************************************************
 icon_set : 
********************************************************/
.icon_set {background: url(../images/sub/icon_set.png?v=2) no-repeat;}

/********************************************************
 botton : 
********************************************************/
.btn_st_n {display: inline-block;line-height: 1;padding: 12px 14px;margin: 0 2px;background-color: #315b1d;color: #fff;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;}

.btn_st_n.btn-yellow-green { background:#7d790c; font-size:16px; font-weight:600; }
.btn_st_n.btn-orange { background:#bb570e; font-size:16px; font-weight:600; }
.btn_st_n.btn-green { background:#47832a; font-size:16px; font-weight:600; }
.btn_st_n.btn-search { background:#315b1d; font-size:16px; font-weight:600; border-radius:0; width:90px; margin-left:-4px; text-align:center; }
.btn_st_n.btn-gray { background:#313131; font-size:16px; font-weight:600; }
.btn_st_n.w90 { width:90px; text-align:center; }
.btn_st_n.w105 { width:105px; text-align:center; }

.btst_r {background-color: #b0005b;color: #fff;} /*  */
.btst_dr {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: #1796d3;color: #fff !important;border: 1px solid #1796d3;} /*  */
.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-color: #4f6083;color: #fff !important;} /*  */

.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;}


/********************************************************
 input :  
********************************************************/
.input_st {padding: 10px 10px 9px 10px;background-color: #000;border: 1px solid #315b1d; color: #fff;height: 40px;font-weight: 700;}
.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;}

/********************************************************
 font color : 
********************************************************/
.tx_red {color: #f50;}
.tx_blue {color: #00a8ff;}
.tx_green {color: #ae43fa;}
.tx_gray {color: #999;}
.tx_org {color: #ff6c00;}
.tx_white {color: #fff;}
.tx_yellow {color: #f6ef23;}
.tx_sky {color: #41e1ff;}
.tx_yell {color: #fff;font-weight: bold;}
.tx_blue_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #3190fd;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_red_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #fc3636;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_org_span {width: 50px;height:50px;line-height: 50px;text-align: center;background-color: #ffce00;font-size:15px;font-weight: bold;color: #fff;float: left;margin-top: 2px;font-size:0px;}
.tx_o_span {
    background: url(/images/sadari_betbut_01.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_e_span {
    background: url(/images/sadari_betbut_03.png?v=2) no-repeat;
    background-position: -30px -25px;
}
.tx_l_span {
    background: url(/images/sadari_betbut_05.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_r_span {
    background: url(/images/sadari_betbut_07.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_3_span {
    background: url(/images/sadari_betbut_16.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_4_span {
    background: url(/images/sadari_betbut_17.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_under_span {
    background: url(/images/power_betbut_31.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_over_span {
    background: url(/images/power_betbut_32.png?v=2) no-repeat;
    background-position: -39px -7px;
}
.tx_a_span {
    background: url(/images/sadari_betbut_09.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_b_span {
    background: url(/images/sadari_betbut_18.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_c_span {
    background: url(/images/sadari_betbut_11.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_d_span {
    background: url(/images/sadari_betbut_19.png?v=2) no-repeat;
    background-position: -20px -7px;
}
.tx_snail_span1 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px 5px;
}
.tx_snail_span2 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -170px -57px;
}
.tx_snail_span3 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px 5px;
}
.tx_snail_span4 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: -495px -57px;
}
.tx_snail_span5 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px 6px;
}
.tx_snail_span6 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -56px;
}
.tx_snail_span7 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -126px;
}
.tx_snail_span8 {
    background: url(/images/sp_race_player_new.png) no-repeat;
    background-position: 75px -196px;
}
.tx_s_span {
    background: url(/images/power_betbut_13.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_m_span {
    background: url(/images/power_betbut_15.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.tx_ll_span {
    background: url(/images/power_betbut_17.png?v=2) no-repeat;
    background-position: 0px 0px;
    background-size: 150%;
    width: 100%;
    height:50px;line-height: 50px;
}
.power_div {
    width: 100% !important;
    height: 25px;
    line-height: 25px;
    text-align: center !important;
}
.tx_powerbcap {
    background: url(/images/powerbca_p.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcab {
    background: url(/images/powerbca_b.png?v=2) no-repeat;
    background-position: -30px -22px;
    background-size: 190%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_powerbcat {
    background: url(/images/powerbca_t.png?v=2) no-repeat;
    background-position: -28px -20px;
    background-size: 185%;
    width: 100%;
    height: 70px;
    line-height: 70px;
}
.tx_o {font-weight: bold;height: 20px !important;line-height: 20px !important;}
.tx_box {width: 55px !important;height: 55px !important;line-height: 55px !important;margin-top:2px !important;}
.tx_box2 {width: 120px !important;height: 55px !important;line-height: 55px !important;margin-top:2px !important;}


.melti-wraper{/* padding: 10px 10px 40px; *//* background:#14171a; */overflow:hidden;}
.melti-v{/* height:45px; */line-height:45px;background: #1d2329;border: 1px solid #2e333d;border-top: 2px solid #ff5500;padding: 10px;overflow: hidden;}
.melti-v select{float:left;width:170px;height:45px;padding-left:15px;border: 0;background: #2e333d url(../images/sub/melti_icon1.gif) no-repeat 92% 15px;border: 1px solid #404654;border-radius: 5px;font-size:15px;font-weight:700;color:#fff;}
.melti-v select {
  -webkit-appearance: none;  
  -moz-appearance: none;
  appearance: none; 
}

.melti-v select::-ms-expand { 
  display: none;
}

.game-list{float:left;margin-left:5px;}
.game-list a{background: #404654 url(../images/sub/melti_icon2.gif) no-repeat 90% center;padding:0 30px 0 12px;margin-left:10px;height:29px;line-height:29px;font-size:15px;font-family: 'ns';font-weight:700;color:#fff;border: 1px solid #404040;border-radius:16px;}
.melti-v .none{float:left;margin-left:20px;color: #f50;font-weight: 700;}

.melti-v2{overflow:hidden;margin-top: 20px;margin-left: -20px;}
.game-box{float:left;width: 420px;margin-left: 20px;}
.melti-v2 .game-box2:first-child{}
.melti-v2 .game-box2:last-child{}
.game-box .game{height: 276px;overflow:hidden;}
.game-cont-floor0{background: #1d2329;}
.game-box-1{height:311px;overflow:hidden; position:relative;}
.game-box2-1{position:relative;}
.game-box-1 .game-tit,
.game-box2-1 .game-tit{line-height: 30px;text-align:center;font-size: 14px;font-weight:700;color: #d1d1d1;background: #2e333d;}

.game-btn{background: #1d2329;overflow:hidden;padding: 10px;transition: 0.3s;}
.game-btn a{background: linear-gradient(#0c2e47, #07203b);text-align:center;}
.game-btn a:hover{background: linear-gradient(#07203b, #0c2e47);}
.game-btn span{display:inline-block;font-weight:400;color:#fff;}
.game-btn span.ball{/* width:43px; *//* height:43px; *//* border-radius:50%; *//* box-shadow: inset 0px -1px 0px #ffffff57; */}
.game-btn span.b-pink{color: #da42b5;}
.game-btn span.b-blue{color: #1dcbf6;}
.game-btn span.b-green{color: #29bc33;}
.game-btn span.b-yellow{color: #f1b31e;}
.game-btn span.b-red{color: #e73b54;}
.game-btn span.b-cyan{color: #2fc0c3;}
.game-btn ul{/* overflow:hidden; */margin-top: 4px;}
.game-btn ul:first-child{margin-top:0;margin-top: -4px;}

.game-btn ul > li{font-size:0;float:left;margin-left:4px;margin-top: 4px;}
.game-btn ul > li > a{position:relative;border-radius:6px;overflow:hidden;display:table-cell;vertical-align:middle;border: 1px solid #27405a;width: 1%;height: 40px;}
.game-btn ul > li > a::before{display: none;content:"";position:absolute;top:0;left:1px;right:1px;width:calc(100% - 2px);height:1px;background:#646464;border-radius:6px;}
.game-btn ul > li > a:hover::before,
.game-btn ul > li > a.on{background: linear-gradient(#f33434, #ff5500);border: transparent;}
.game-btn ul > li > a.on span{color: #fff;}
.game-btn ul > li > a span{position:relative;font-weight: 700;}
.game-btn ul > li > a span .iconl{position:absolute;top:5px;left:-2px;line-height: 100%;}
.game-btn ul > li > a span .iconr{position:absolute;top:5px;right:-2px;line-height: 100%;}
.game-btn ul > li > a span .iconl.num{top:-2px;left:-8px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border-radius:50%;font-size:15px;font-weight:800;color:#000000;display: none;}
.game-btn ul > li > a span .iconr.num{top:-2px;right:-8px;width:17px;height:17px;line-height:17px;text-align:center;background:#fff;border-radius:50%;font-size:15px;font-weight:800;color:#000000;display: none;}
.game-btn ul > li .orange{color:#f1b31e;}
.game-btn ul > li .blue{color:#2b8fff;}
.game-btn ul > li .red{color:#e03d38;}
.game-btn ul > li .color1{color:#1ee5f1;}
.game-btn ul > li .color2{color:#f1b118;}
.game-btn ul > li .color3{color:#9ff11e;}
.game-btn ul > li .color4{color:#f425cb;}

.game-btn ul.two-btn1 > li{width:calc(50% - 4px);}
.game-btn ul.three-btn1 > li{width:calc(100% / 3 - 4px);}
.game-btn ul.four-btn1 > li{width:calc(100% / 4 - 4px);}
.game-btn ul.four-btn2 > li{width:calc(100% / 4 - 4px);}

.two-btn1{margin-left:-4px;}
.two-btn1 > li a{width: 1%;height:77px;}
.game-btn .two-btn1 > li a span{font-size:20px;font-weight: 700;/* width:50px; *//* height:50px; *//* line-height:50px; */}

.two-btn2{margin-left:-4px;}
.two-btn2 > li a{width: 186px;height: 54px;}
.game-btn .two-btn2 > li a span{font-size:20px;font-weight:800;width: 40px;height: 40px;line-height: 40px;}

.two-btn3{margin-left:-4px;margin-top: 9px;}
.two-btn3 > li a{width: 186px;height: 54px;}
.game-btn .two-btn3 > li a{font-size: 20px;font-weight:800;}

.three-btn1{margin-left:-4px;margin-top:4px;}
.three-btn1 > li a{width: 122px;height:41px;}
.game-btn .three-btn1 > li a{font-size: 20px;font-weight: 700;color:#f1b31e;}

.four-btn1{margin-left:-4px;margin-top:4px;}
.four-btn1 > li a{width: 91px;height:51px;}
.game-btn .four-btn1 > li a span{font-size: 20px;font-weight: 700;/* width:43px; *//* height:43px; *//* line-height:43px; */}

.four-btn2{margin-left:-4px;margin-top:4px;}
.four-btn2 > li a{width: 91px;height:51px;}
.game-btn .four-btn2 > li a span{font-size: 20px;font-weight: 700;/* width:43px; *//* height:43px; *//* line-height:43px; */}

.two-btn5{margin-left:-4px;margin-top: 9px;}
.two-btn5 > li a{width: 30%;height: 54px;}
.game-btn .two-btn3 > li a{font-size: 20px;font-weight:800;}

.game-cont{border-top: 2px solid #323e3f;padding: 15px 0 20px;background: #1d2329;}
.game-cont-floor1{margin-bottom:5px;padding: 0 10px;}
.game-cont-floor1 > li{height: 22px;line-height: 22px;}
.game-cont-floor1 > li .tit{float:left;font-size: 13px;font-weight:700;color: #a2a3a7;}
.game-cont-floor1 > li .num{float:right;font-size: 13px;font-weight:700;color: #f50;}
.game-cont-floor1 > li .num *{font-weight: 700;}
.game-cont-floor1 > li .num .white{color:#fff;}
.game-cont-floor1 > li .num span.red2{font-size: 18px;font-weight: 700;}
.game-cont-floor1 > li .num input[type="text"]{width:117px;height:25px;padding:0 6px;color:#fff;border:0 !important; background:#232529;text-align:right;}
.game-cont-floor1 > li .num #dp_benefit{color: #f4ca38 !important;}
.game-cont-floor1:first-child > li .tit{color: #ced7e0;}

.game-cont-floor0 > li{height: 40px;line-height: 40px;padding: 0 10px;overflow: hidden;}
.game-cont-floor0 > li *{font-family:"Youandi_Modern";font-weight: 700;}
.game-cont-floor0 > li .tit #game-no{color: #f50;}
.game-cont-floor0 > li .tit{float:left;font-size:15px;font-weight:700;color: #fff;}
.game-cont-floor0 > li .num{float:right;font-size: 13px;font-weight:700;color: #fff;}
.game-cont-floor0 > li .num #rest-time{font-size:15px;color: #fbe103;}
.game-cont-floor0 > li .num i{font-size:15px;color: #7a7a8a;}
.game-cont-floor0 > li .num span.red2{font-size: 18px;font-weight: 700;}
.game-cont-floor0 > li .num input[type="text"]{width:117px;height:25px;padding:0 6px;color:#fff;border:0 !important; background:#232529;text-align:right;}

.total{
    padding: 0 10px;
}
.total input[type="text"]{color: #181f26 !important;width:100%;height: 35px;line-height: 35px;text-align:center;font-size: 14px;font-weight: 700;border: 0;background: #ecf1f7 !important;}
.game-cont-floor2{overflow:hidden;margin-top: 4px;margin-left: -4px;padding: 0 10px;}
.game-cont-floor2 > li{float:left;width: calc(100% / 4 - 4px);margin-top:4px;margin-left: 4px;}
.game-cont-floor2 > li > a{display:block;height: 30px;line-height: 30px;text-align:center;font-size: 13px;font-weight: 800;color: #3a3b42;background: linear-gradient(#fdfdfd, #dddedf);border-radius: 3px;/* border: 1px solid #a8b6c4; */}
.game-cont-floor2 > li > a:hover{color: #792a03;}
.game-cont-floor2 > li.max > a{
    color: #fff;
    background: #792a03;
}
.game-cont-floor2 > li.max > a:hover{color: #000;background: #fff;}
.game-cont-floor2 > li.reset > a{color: #fff;background: #792a03;}
.game-cont-floor2 > li.reset > a:hover{color: #000;background: #fff;}

.game-cont-floor3{text-align:center;margin-top: 5px;margin-bottom: 15px;padding: 0 10px;}
.game-cont-floor3 a{display:block;height: 45px;line-height: 45px;font-size:22px;font-weight: 800;color: #fff;background: #ff5500;border-radius: 3px;}

.game-cont-floor4{overflow-y:auto;margin-top:10px;scrollbar-arrow-color: #8c8c8c;scrollbar-highlight-color: #4a4a4a;scrollbar-track-color: #696969;scrollbar-face-color: #696969;margin: 10px 10px 0;}
.game-cont-floor4 table{/* min-width:700px; */table-layout: fixed;}
.game-cont-floor4::-webkit-scrollbar{width: 16px;height: 16px;background-color: #4a4a4a;}
.game-cont-floor4::-webkit-scrollbar-track{background-color: #4a4a4a;}
.game-cont-floor4::-webkit-scrollbar-thumb{background-color: #696969;}
.game-cont-floor4::-webkit-scrollbar-button {background:#505050;}
.game-cont-floor4 table thead th{font-size: 12px;height: 44px;padding: 0;background: #404654;line-height: 1.3;}
.game-cont-floor4 table tbody td{font-size: 12px;height: 44px;}
.game-cont-floor4 table tbody td strong,
.game-cont-floor4 table tbody td strong b{font-size:12px !important;}

.game-cont-floor5{border-top: 2px solid #323e3f;padding: 15px 10px 0;}
.game-cont-floor5 .section-box-tit{font-size:16px;font-weight: 700;}

.txt-ct{text-align: center !important;margin-top:20px;}
.txt-rt{text-align:right;margin-top:10px;}
a.refresh-btn{width:90px;height:30px;line-height:30px;background:#1d1d1d;border:1px solid #404040;font-weight:700;color:#fff;text-align:center;}
a.delete-btn{width:90px;height:30px;line-height:30px;background:#0c0c0c;border:1px solid #404040;font-weight:700;color:#fff;text-align:center;}


.sports-result{/* padding:0 15px; */margin-top: 0; }
.sports-result .g_head{/*border-top:0;*/}
.sports-result .g_head em{color: #dddfe2;font-style: normal;padding-left: 10px;font-weight: 700;margin-right: 10px;}
.sports-result .g_head em strong{color: #dddfe2;/* margin-left: 5px; */font-weight: 700;}
.sports-result .g_head > span{margin-left: 0;color: #3398cc;}
.sports-result .g_head > span font { color:#93ba0f; }
.sports-result .g_item li.g_day{width:calc(11% - 2px);color: #8e8e98;}
.sports-result .g_item li.g_lg{padding-left: 5px;}
.sports-result .g_item li.g_lg span{color: #999999 !important;}
.sports-result .g_item li.g_home{width:calc(33% - 2px);}
.sports-result .g_item li.g_home_ed{width: calc(28% - 2px);}
.sports-result .g_item .g_home_odd_n{color: #fff;}
.sports-result .g_item .g_away_odd_o{/*color: #f50;*/}
.sports-result .g_item .g_gr_o .g_odd_d{color: #fff !important;}
.sports-result .g_item li.g_gr_o{background: #30430f !important;}
.sports-result .g_item li.g_gr_o .g_away_odd_n{color:#fff !important;}
.sports-result .g_item li.g_gr_o .g_home_odd_n,
.sports-result .g_item li.g_gr_o .g_away_odd_o{color:#fff !important;}
.sports-result .g_item li.g_more.scr b{color: #fff;}

.sports-result .g_item .g_odd_d{color: #fff !important;}
.sports-result .g_item li.g_odd{width:81px;}
.sports-result .g_item li.g_odd_ed{width: calc(7% - 2px);}
.sports-result .g_item li.g_odd_ed .g_odd_h{color:#fff;}
.sports-result .g_item li.g_gr_o .g_odd_h{color:#fff !important;}
.sports-result .g_item li.g_away{width:calc(33% - 2px);}
.sports-result .g_item li.g_away_ed{width: calc(28% - 2px);}
.sports-result .g_head + .g_item{/* border-top:1px solid #ccc; */}

.sports-result.__mini .g_item li.g_home_ed{width: calc(69% - 2px);}
.sports-result.__mini .g_item li.g_lg.g_lg{text-align:center;/* padding-left:0; */}

.sports-result.__mini .g_item li.g_gr_o i{color:#fff;}

.sports-result .g_gr_c {background: #30430f !important; border: 1px solid #4f642c !important; }

.betting{border-top:0;}
.betting .game_row{ margin-top:20px;}
.betting .game_row:first-child{margin-top:0;}

div.summary {
    display: table;
    table-layout: auto;
    width: 100%;
    height: 35px;
    line-height: 35px;
    border-spacing: 0;
    border-collapse: separate;
    border-bottom: 1px solid #3e3f46;
    margin-top: 2px;
    box-sizing: border-box;
    position:relative;
    padding-left: 32px;
}
div.summary .btn_bx{position:absolute;top:0;right: 10px;padding-top: 0;}
div.summary .btn_bx a{width: 67px;height: 25px;line-height: 25px;text-align: center;padding: 0;margin: 0;background: #9b0b21;color: #fff;border: 0;font-weight: 700;}
div.summary .btn_bx a.btst_dr{background: #505050;}

div.summary .first{position:absolute;top:0;left: 10px;color: #fff;font-size: 12px;}
div.summary > ul {
    /* display: table-row; */
    margin: 0;
    padding: 0;
    list-style-type: none;
    padding: 0 0 0 40px;
}
div.summary > ul > li {
    display: inline-block;
    margin: 0;
    vertical-align: middle;
    font-size: 12px;
    margin-left: 25px;
    color: #c6c6c6;
}
div.summary > ul > li .yellow{color: #f4ca38 !important;}
div.summary > ul > li .white{color:#fff;}
div.summary > ul > li:first-child{margin-left:0;}
div.summary > ul > li > span {
    display: inline-block;
    font-weight: 400;
    /* margin: auto 5px; */
    color: #c6c6c6;
}

div.summary > ul > li > strong {
    display: inline-block;
    font-weight: 400;
    color: #c6c6c6;
}

div.summary > ul > li > strong > span {
    color: #cacaca;
}

.event-list{overflow:hidden;}
.event-list > ul{margin-left: -20px;}
.event-list > ul > li{float: left;margin-left: 20px;margin-top: 20px;width: calc(100% / 4 - 20px); height:315px; overflow:hidden;/*background: #2f2f38; */position: relative;}
.event-list > ul > li > a{display:block;}
.event-list > ul > li > a .thumbnail { height:265px; overflow:hidden; border:1px solid #313131; }
.event-list > ul > li > a .thumbnail img { width:100%; height:auto; }
.event-list > ul > li:hover{/*background: #1b1b25;*/}
.event-list > ul > li > a p.class-name{
    display: inline-block;
    width: 71px;
    height: 30px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 700;
    color:#fff;
    background: #c9364d;
    border-radius: 5px;
    text-align: center;
}
.event-list > ul > li > a p.tit{font-size: 14px;font-weight:bold;color: #fff;padding-top: 10px;line-height:20px;margin-bottom: 15px; text-align:center; }
.event-list > ul > li > a p.tit strong{display:block;font-size: 14px;color: #8b8b91;margin-bottom: 8px;}
.event-list > ul > li > a p.cont{color: #a7a7a7;line-height: 1.6;height: 100px;overflow: hidden;font-family: 'ns';word-break: keep-all;}

.board-box{margin: 0;background: #212531;}
.board-tit{position:relative;font-size: 20px;color: #fff;height: 55px;line-height: 55px;padding: 0 20px;background: #404654;border-top: 2px solid #926400;border-bottom: 1px solid #5e636f;}
.board-tit .class-name{width:71px;height:30px;line-height: 30px;text-align:center;font-size: 14px;font-weight: 700;color: #121a20;background: #ffae00;display: inline-block;border-radius: 5px;margin-right: 20px;vertical-align: middle;}
.board-tit .author{position:absolute;top:0;right:20px;font-family: 'ns';font-size: 14px;font-weight: 700;color: #333;}
.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;}

.view-cont{text-align:left;font-size: 18px;color: #9b9b9b;padding: 25px 10px 30px;line-height: 2;margin-top: 0;border-bottom: 1px solid #3e3f46;}
.view-cont .red{color: #f81010 !important;}
.view-cont2{text-align:left;font-size: 14px;font-family: 'ns';color: #fff;padding: 18px 20px;line-height:1.5;background: #212531;border-bottom: 1px solid #3e3f46;}

.vfootball-btn{text-align:center;margin: 5px 0 8px;padding-bottom: 15px;}
.vfootball-btn a{border-radius:5px;width:166px;height:32px;line-height: 35px;font-weight: 700;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);}

.board-tb{background: #212531;}
.board-tb table tbody tr.notice-tr td{background: #404654 !important;border-bottom: 1px solid #4f5562;}
.board-tb table tbody tr.notice-tr:hover td{/* border-bottom: 1px solid #3aab1f; */}
.board-tb table tbody tr.notice-tr td{color: #c0c0c0;}
.board-tb table tbody tr.notice-tr td .date{color: #c0c0c0;}
.board-tb table tbody tr.notice-tr td.left a{padding-left: 20px;color: #f2f431;font-weight: 800;font-family: 'Youandi_Modern';position: relative;}
.board-tb table tbody tr.notice-tr td.left a::before{content:"â–¶";position: absolute;left: 0;}

.board-tb table thead tr th{height:42px;font-size: 16px;/* border-bottom: 1px solid #56575f; */}
.board-tb table tbody td{height:45px;font-weight: 700;color: #c0c0c0;font-size: 14px;border-bottom: 1px solid #404654;border-left: 0;}
.board-tb table tbody td.left{padding-left: 15px !important;font-family: 'Youandi_Modern';}
.board-tb table tbody td.left a *{font-family:"Youandi_Modern";}
.board-tb table tbody td.left a{color: #ececec;}
.board-tb table tbody td.left a span{font-weight: 800;margin-right: 5px;}
.board-tb table tbody td.left a span.ask{margin-left: 0;}
.board-tb table tbody td.left a span.ask.green{color: #ffae00 !important;}
.board-tb table tbody td.left a .bet-icon{margin-left:5px;}
.board-tb table tbody td .date{color: #c0c0c0;font-weight: 700;}
.board-tb table tbody td .date2{color: #aeaeae;font-weight: 700;}
.board-tb table tbody tr td .event-style{display:inline-block;width: 75px;height: 26px;line-height: 26px;text-align:center;background: #ffae00;font-size: 13px;font-weight: 800;font-family: 'Youandi_Modern';color: #121920;border-radius:5px;}
.board-tb table tbody tr:hover td{background: rgba(0, 0, 0, 0.8);border-bottom: 1px solid #926400;}

.board-tb table tbody td.lv-td{text-align:left;padding-left: 0;}
.board-tb table tbody td .lv{margin-right:10px;}
.board-tb table tbody td .state_on{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #f6ef23;}
.board-tb table tbody td .state_off{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #e73b54;/* width: 67px; *//* height: 27px; *//* line-height: 30px; *//* text-align: center; *//* background: #df4442; *//* border-radius: 5px; */}
.board-tb table tbody td .state_no{display:inline-block;font-family: 'Youandi_Modern';font-weight:700;color: #df4442;}
.board-tb table tbody tr.memo-on td{background:#67686d;color:#fff;}
.board-tb table tbody tr.memo-on td span.date2{color:#fff;}
.YM{font-family:"Youandi_Modern" !important;font-weight: 700 !important;}

.anser-tit{font-size: 16px;font-weight:700;color: #fff;margin-top:15px;}
.anser-tit i.iconfont{font-size: 27px;vertical-align: middle;}
.anser-tit img{margin-right:5px;}
.anser-write{margin-top: 10px;}
.anser-write table td{padding:0;border:0;}
/* 20210620 */
.anser-write .pull-left {border: 0; width: calc(100% - 110px); }
.anser-write .pull-left .textarea-content {border: 0;background: #333333; width:100%;height:40px; padding:10px; border-radius:5px; vertical-align: top;color: #fff;font-family: 'ns';resize: none;}
.anser-write .anser-write-btn{display:block;width: 106px;height:40px;line-height:40px; text-align:center;background: linear-gradient(#fcfcfc, #c5c5c5); border-radius:5px; font-size: 16px;font-weight: 700;color: #20272d;vertical-align: middle;}

.anser-cont{border-top: 2px solid #464646;background: #000;}
.anser-cont > ul > li{overflow:hidden;border-bottom: 1px solid #464646;padding: 0 10px 0 10px;position: relative;font-family: 'ns';}
/* //20210620 */
.anser-cont > ul > li > p.tit{float: left;height: 42px;line-height: 42px;min-width: 108px;margin-right: 20px;white-space: nowrap;overflow: hidden;font-size: 14px;}
.anser-cont > ul > li > p.tit .left{/* float:left; */color: #b4b4b4;font-weight:700;}
.anser-cont > ul > li > p.tit .left i{margin-right:5px;}
.anser-cont > ul > li > p.tit .left strong{display: inline-block;color: #fff;/* max-width: 46px; */overflow: hidden;vertical-align: middle;}
.anser-cont > ul > li > p.tit .right{/* float:right; */color: #666;}
.anser-cont > ul > li > p.cont{float: left;font-size: 14px;font-weight: 700;color: #fff;line-height: 42px;}
.anser-cont > ul > li p.cont a.icon-shanchu{display:none;position:absolute;top: 0;right:10px;font-size: 25px;color: #949596;}
.anser-cont > ul > li > p.cont a.icon-shanchu:hover{color: #ffae00;}
.anser-cont > ul > li:hover p.cont a.icon-shanchu{display:block;}

.anser-cont2{padding: 20px;background: #212531;border-top: 2px solid #926400;color: #fff;font-size: 14px;margin-top: 5px;min-height: 88px;line-height: 1.5;}

.board_write-box{/* background: #1b1b25; */margin-top: 10px;border-top: 2px solid #926400;}
.board_write-box li{overflow:hidden;border-bottom: 1px solid #404654;display: table;width: 100%;}
.board_write-box li:last-child{margin-bottom:10px;}
.board_write-box li .first{font-size: 20px;font-weight:700;color: #d6d6de;background: #212531;position: relative;/* float: left; */width: 212px;height: 53px;text-align: center;vertical-align: middle;display: table-cell;}
.board_write-box li .first span{color: #2b50ff;vertical-align: middle;}
.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:0;color: #a2a2a2;}
.board_write-box li .first .txt-num i{color:#f02955;}

.board_write-box li .second{/* float:left; */width: calc(100% - 212px);display: table-cell;}
.board_write-box input,
.board_write-box textarea,
.board_write-box select{background: transparent;font-size: 15px;color: #fff;outline: none;border: 0;padding-left: 20px;transition: all 0.3s ease;font-family: 'ns';}
.board_write-box textarea{width:100%;height: 295px;padding: 20px;}
.board_write-box input:focus,
.board_write-box select:focus,
.board_write-box textarea:focus{border:1px solid #fff;}
.board_write-box .iptC{width: calc(100% - 163px);height: 53px;}
.board_write-box .btn_black{float: right;margin-right: 10px;margin-top: 7px;width: 133px;height: 39px;line-height: 39px;padding:0;vertical-align: middle;background: #2c7f75;color: #fff;border-radius: 5px;border: 0;font-size: 14px;font-family: 'ns';}
.board_write-box .btn_black i.iconfont{font-size: 26px;vertical-align: middle;margin-right: 5px;display: inline-block;}
.board_write-box .btn_black i.iconfont img{display:block;}

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

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

.answer .left{border-left:0;}
.answer{display:none;}
.answer td{background: #1d2329;}
.answer-v{color: #fff;font-size: 14px;font-weight: 700;line-height: 1.5;text-align: center;padding: 15px 0;}
.memo-close{margin-top:15px;}
.memo-close a{min-width: auto;width:82px;height:34px;line-height: 37px;}

.board_view_info {overflow: hidden;display: block;background: #212531;}
.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 0 12px;font-size: 13px;font-family: 'ns';}
.board_view_name {width: 50%;}
.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;}

.cashin-wraper{overflow:hidden;border-radius:10px;border: 1px solid #443619;background: #212531;margin-top: 20px;}
.cashin-wraper dl{padding: 25px 20px 30px;}
.cashin-wraper dl dt{font-size:22px;font-weight:700;color: #ffae00;margin-bottom:15px;}
.cashin-wraper dl dt img{margin-right:5px;}
.cashin-wraper dl dt i.iconfont{font-size:25px;margin-right:5px;vertical-align: -2px;}
.cashin-wraper dl dd{padding-left:12px;font-size: 14px;font-weight:700;color: #f1f1f1;margin-top:5px;font-family: 'ns';}

.cashin-wraper2{background: #a2293c;height:48px;line-height: 48px;text-align:center;font-size:16px;font-weight:700;color: #fae60a;margin-top: 5px;border-radius: 10px;}
.cashin-wraper2 img{margin-right:5px;}
.cashin-wraper2 i.iconfont{font-size: 25px;margin-right: 5px;vertical-align: middle;color: #fff;}
.cashin-wraper2 a{width:133px;height:34px;line-height: 34px;margin-left:15px;padding:0;font-size:14px;font-weight: 800;color: #e73b54;background: #fff url(../images/sub/cash_icon.gif) no-repeat right 15px center;border-radius: 5px;padding-left: 15px;padding-right: 33px;}


.table-style3{border-top: 2px solid #926400;}
.table-style3 table tbody th{padding:12px 0;font-size: 20px;font-weight: 700;color: #d6d6de;background: #212531;border-bottom: 1px solid #404654;}
.table-style3 table tbody th:first-child{border-left:0;}
.table-style3 table tbody td{padding: 15px 0 15px 15px;background: transparent;border-bottom: 1px solid #404654;font-size: 16px;color: #333;}
.table-style3 table tbody td input[type="password"],
.table-style3 table tbody td input[type="text"]{border: 0;font-size: 16px;font-weight: 700;color: #fff;border-radius: 5px;background: #212531;font-family: 'ns';border: 0;}
.table-style3 p.fgrey{margin-top:10px;}
.table-style3 span.fgrey{margin-left:8px;}
.table-style3 span.fgrey2{margin-left:8px;font-size: 14px;color: #7f7f7f;font-weight: 700;font-family: 'ns';}
.table-style3 span.fgrey3{color: #666;font-size: 13px;margin-left: 8px;}
.table-style3 .fred{color: #f43131;font-size: 14px;margin-bottom: 5px;}
.table-style3 .white{font-size:24px;font-weight:700;color:#fff;}
.table-style3 .white2{font-size: 18px;color: #ffffff;}
.table-style3 .white3{font-size:14px;color: #333;}
.table-style3 .green{font-size: 17px;font-weight: 700;color: #fff !important;/* padding-left: 38px; */height: 26px;line-height: 30px;/* background: url(../images/sub/icon-money.gif) no-repeat left center; */}
.table-style3 .green i.iconfont{font-size:25px;vertical-align: -4px;margin-right:10px;}
.table-style3 .green span{font-size:20px;font-weight:700;color: #fae60a;}
.table-style3 .red{font-size:14px;color: #ef1515 !important;}
.table-style3 .black{font-size:18px;font-weight:700;color:#000414 !important;}
.table-style3 .money-ipt{position:relative;display: inline-block;}
.table-style3 .money-ipt span{position:absolute;top:0;left: 10px;height:40px;line-height:40px;font-family:"ns";font-weight: 700;}
.table-style3 .money-ipt input{/* padding-left: 120px; */}


.wid220{width: 198px;height:38px;padding:0 10px;}
.wid190{width: 190px;height: 40px;padding:0 10px;}
.wid123{width: 134px;height: 40px;padding:0 10px;}
.wid234{width: 234px;height: 40px;padding:0 10px;}


.c0040ff{color: #ae9461;}

.btn-all{display:inline-block;vertical-align:top;margin-left: 0;margin-right:2px;}
.btn-all a{width: 84px;height: 40px;line-height: 40px;background: #805a06;text-align: center;font-size: 16px;font-weight: 800;color: #fff;border-radius: 6px;}
.btn-all a i{font-size:16px;font-weight: 700;}
.btn-all a.first{font-size: 16px;background: #6d6c68;}
.btn-all a:hover{background: #906a15;}
.btn-all a:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

@media screen and (max-width:1510px){
	.btn-all { margin-top:10px; }
}

.btn-style2{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 800;color: #121a20;background: #ffae00;border-radius: 5px;}
.btn-style2-2{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 700;color: #fff;background: #2c7f75;border-radius: 5px;}
.btn-style2-3{width: 184px;height: 56px;line-height: 56px;text-align:center;font-size: 22px;font-weight: 700;color: #fff;background: #df4442;border-radius: 5px;}

.btn-style2:hover,
.btn-style2-2:hover,
.btn-style2-3:hover{opacity:0.9;}
.btn-style2:active,
.btn-style2-2:active,
.btn-style2-3:active{box-shadow: inset 0px 3px 9px rgba(0, 0, 0, 0.5);}

.cash-tb{background:none;}
.cash-tb table tbody td{border-left: 1px solid #2d2d33;}
.cash-tb table thead tr th{font-size: 14px;}

.qna-tb table thead tr th{border-bottom: 1px solid #404654;}
.memo-tb table thead tr th{border-bottom: 1px solid #404654;}
.memo-tb table tbody tr.memo-on td{background: #4a4a52;color:#fff;}
.memo-tb table tbody tr:hover td{/* background: #0a2225; *//* border-bottom: 1px solid #3aab1f; */}
.memo-tb table tbody td.left a .font-white{color:#ececec !important;}


.bok_wrap {
	width: 100%;
	text-align: center;
	/* background: #174159; */
	position: relative;
	margin-bottom: 10px;
}

.bok_wrap2 {
	text-align: center;
	margin: 0 auto;
	position: relative;
	padding-bottom: 40px;
	background: url(https://i.imgur.com/DuFoUdg.jpg) no-repeat;
	background-size: cover;
}
.bok_wrap2 .bok_txt{/* position: absolute; */top: 72%;left: 34%;padding: 30px 0 40px;}
.bok_wrap2 .bok_btn{position:relative;display: table;margin: 0 auto;}
.bok_wrap2 .bok_count {
	color: #fff;
	font-weight: bold;
	font-size: 22px;
	width: 53px;
	height: 38px;
	line-height: 36px;
	text-align: center;
	position: absolute;
	top: 20px;
	left: 160px;
	font-family: 'ns';
}

.bok_wrap2 .next_bok_btn {
	position: absolute;
	top: 549px;
	left: 383px;
}

.bok_wrap2 .all_bok_btn {
	position: absolute;
	top: 549px;
	left: 616px;
}

.bok_table {
	width: 100%;
}

.bok_table table {
	margin: 0 auto;
}

.bok_table th {
	background: #2a2248;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	height: 42px;
}

.bok_table .bok_tbg {
	background: #030316;
	border-bottom: 1px solid #1b1b1b;
	text-align: center;
	color: #dadada;
	font-size: 12px;
	height: 30px;
}

.attendance-v{background: url(../images/hg/att-top.png) no-repeat center;margin:0;border-top: 2px solid #80ad17;height: 250px;color: #fff;font-size: 20px;font-weight: 700;text-align: center;padding-top: 180px;margin-bottom: 10px;}
.attendance-v span{font-weight:700;color:#f8dd1c;}
.attendance-txt{font-size:24px;font-weight:700;color:#fff;font-family: 'ns';text-align: center;height: 104px;padding-top: 25px;}
.attendance-txt p{margin-top:10px;}
.attendance-txt span{color: #ffae00;}

/* date */
#date_layer table{border-bottom: 1px solid #464646;}
#date_layer {
	text-align: left;
	border: 1px solid #464646;
	background: #1b1b1b;
	padding: 0 25px 45px;
}
#date_layer *{font-family:"ns"}
#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 {
	font-weight: 800;
	line-height: 20px;
	color: #fff;
	font-size: 34px;
	padding:0 20px;
}

#date_layer .title {
	color: #fffefe;
	font-size: 20px;
	padding: 0 0 0 0;
	background: #313131;
	/* border-top: 1px solid #ffae00; */
}

#date_layer .title1 {
	color: #34b4f0;
	font-size:20px;
	padding: 0 0 0 0;
	background: #313131;
	/* border-top: 1px solid #ffae00; */
}

#date_layer .title2 {
	color: #da2f2f;
	font-size:20px;
	padding: 0 0 0 0;
	background: #313131;
	/* border-top: 1px solid #ffae00; */
}

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

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

#date_layer .day1 {
	color: #c8c8cb;
	font-size: 15px;
	float: left;
	padding-left:10px;
}

#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 .check {
	color: #126420;
	font-size: 11px;
}

#date_layer .check2 {
	color: #dcdcdc999;
	font-size: 11px;
}
#date_layer .rowTbl td{position:relative;/* border-bottom:1px solid #334c3e; *//* border: 1px solid #4c515c; */}
#date_layer .rowTbl td .day-s{position:absolute;left: 3px;top: 10px;width: 29px;height: 19px;line-height: 21px; }
#date_layer .rowTbl td .day-s .sun1{color: #c8c8cb;}
#date_layer .rowTbl td .day-s .sat1{color: #c8c8cb;}
#date_layer .rowTbl td .day-s.nowday{/* border: 1px solid #fff; *//* padding:2px 3px; *//* border-radius: 5px; */}
#date_layer .rowTbl td .day-s.nowday .day1{color: #f8dd1c;}
#date_layer .rowTbl td .check-s{position:absolute;width: 100%;right: 0;bottom:10px;}
#date_layer .rowTbl td.noday .day-s a span{color: #7d9a88;}
#date_layer .rowTbl td.noday .check-s img{opacity:0.4;}


.vsoccer .g_day{width: calc(13% - 2px);}
.vsoccer .g_home{width: calc(34% - 2px);}
.vsoccer .g_odd{width: calc(7% - 2px);}
.vsoccer .g_away{width: calc(34% - 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: #656565 !important;}


h3.sub-title{margin-bottom:10px;font-weight:600;color: #e2fc3e;font-size:22px;padding:10px 0 10px 20px; border:1px solid #464646;}
h3.sub-title.memo { height:60px; line-height:40px; padding:10px 20px 10px 20px; }
h3.sub-title > span{display:inline-block;margin-left: 10px;color: #767676;font-size:14px; text-transform:uppercase}
h3.sub-title .right { float:right; color:#767676; }
h3.sub-title > a.notandum{display:inline-block;padding:0 10px;line-height: 33px;border: 1px solid #313641;background: #1d2329;/* border-radius:8px; */float:right;font-weight:700;color: #f50;font-size:14px;}
h3.sub-title > a.notandum > span{vertical-align: middle;}

h3.sub-title1{ font-weight:600;color: #fff;font-size:22px;padding:10px 0 10px 10px; }
h3.sub-title1 > span{ display:inline-block;margin-left: 10px;color: #767676;font-size:14px;}

.table-thead{background: #2f2f2f;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:40px;color:#ffffff;font-size:16px;font-weight:700;}
.table-tbody{margin-bottom:30px;}
.table-tbody table{table-layout:fixed;}
.table-tbody td{text-align:center;color: #adadad;font-size:14px;height:50px;border-bottom:1px solid #404447;}
.table-tbody td.left{text-align:left;padding-left:20px;}
.table-tbody td p.money{color: #fff;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:#ceeb1f !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 #ceec22;padding:0 10px;color: #ceec22;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: #ceec22;}
.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;}

.table-view{background: #1b1b1b;border: 1px solid #464646;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.table-view:before{display: none;content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;box-shadow: inset 1px 1px 2px #313335;border-radius: 13px;}
.table-view .box{position: relative;z-index:2;padding:20px 30px;}
.table-view .box *{color:#fefefe;}
.table-view .box > dl{display:table;width:100%;border-bottom: 1px solid #464646;margin-bottom: 25px;}
.table-view .box > dl > *{display:table-cell;vertical-align: top;height:50px;/* padding:0 10px; */}
.table-view .box > dl > dt{font-size:22px;}
.table-view .box > dl > dt > span.notice-tit{display:inline-block;height:27px;line-height:25px;border: 1px solid #e2fc3e;padding:0 10px;color: #e2fc3e;font-size:14px;border-radius:5px;vertical-align: middle;margin-right:15px;}
.table-view .box > dl > dd{color:#adadad;font-size:14px;text-align:right;width:100px;padding-top: 10px;}
.table-view .txt-box{/* padding:10px; */line-height:25px;min-height: 400px;font-size:14px;}

.customer-service-write{background: #1b1b1b;border: 1px solid #464646;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.customer-service-write:before{display: none;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-write + .customer-service-write{margin-top:10px;}
.customer-service-write .box{position: relative;z-index:2;padding:20px 40px;}
.customer-service-write .box > dl{display:table;width:100%;}
.customer-service-write .box > dl > *{display:table-cell;vertical-align: middle;min-height:25px;line-height:25px;}
.customer-service-write .box > dl > dt{width:70px;border-right:1px solid #4c4c4c;color:#ffffff;font-size:22px;}
.customer-service-write .box > dl > dd{padding-left:10px;}
.customer-service-write .box > dl > dd > input{border:0;width:100%;border-radius: 8px;background: #1b1b1b;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 16px;}
.customer-service-write .box > dl > dd > textarea{resize:none;color:#fff;width:100%;background: #1b1b1b;padding:10px 20px;border:0;font-size: 16px;}

.customer-service-view{background: #1b1b1b;border: 1px solid #464646;/* box-shadow:0px 0px 17px #000; */position: relative;}
.customer-service-view:before{display: none;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:22px;}
.customer-service-view .box{position: relative;z-index:2;padding:20px 30px;}
.customer-service-view .box *{color:#fefefe;font-size:14px;line-height:25px;1}
.customer-service-view .box dl > *{/* padding:0 10px; */}
.customer-service-view .box dl > dt{border-bottom: 1px solid #464646;display:table;width:100%;}
.customer-service-view .box dl > dt > *{display:table-cell;height: 45px;vertical-align: top;}
.customer-service-view .box dl > dt.tit > h3{color:#fefefe;font-size:22px;}
.customer-service-view .box dl > dt.tit2 > h3{color: #f6cc35;font-size: 22px;}
.customer-service-view .box dl > dt.tit2 > span.day{color:#adadad;font-size:14px;text-align:right;width:160px;}
.customer-service-view .box dl > dt.tit > span.day{color:#adadad;font-size:14px;text-align:right;width:160px;vertical-align: middle;}
.customer-service-view .box dl > dd{margin-top:20px;min-height:80px;/* padding:0 10px; */}


.table-tbody2{margin-bottom:30px;}
.table-tbody2 table{table-layout:fixed;}
.table-tbody2 td{text-align:center;color:#adadad;font-size:14px;height:50px;border-bottom:1px solid #404447;}
.table-tbody2 td p.money{color:#fcd47a;font-size:14px;}
.table-tbody2 td p.money > span{color:#ffffff;font-size:14px;}
.table-tbody2 td span.orange{color:#fcd47a !important;}
.table-tbody2 td a.del-btn > span{color:#585858;font-size: 22px;}
.table-tbody2 td a.del-btn:hover > span{color: #f50;}
.table-tbody2 td span.notice-tit{display:inline-block;height:27px;line-height:25px;border:1px solid #edbd67;padding:0 10px;color:#edbd67;font-size:14px;border-radius:5px;}
.table-tbody2 td a.tit{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fefefe;font-size:14px;}
.table-tbody2 td a.tit.on{color: #f50;text-decoration: underline;}
.table-tbody2 tr.memo-on{background: #1d2329;}
.table-tbody2 td .answer-v{background: #1b1b1b;padding:15px;line-height:20px;color:#fefefe;font-size:14px;}
.table-tbody2 td .answer-v > .memo-close{margin-top:20px;}
.table-tbody2 td .answer-v > .memo-close > a.close-btn{background: #2e333d;width:70px;height:27px;line-height:27px;color: #f6cc35;font-size:14px;border-radius:10px;}
.table-tbody2 td .yellow{color:#f6cc35 !important;}

.betting_attachment .content-box{padding: 0 20px 60px;}


.pan_type {overflow:hidden;text-align: center;margin: 20px 0;}
.pan_type li {display: inline-block;width: 155px;height: 50px;line-height: 50px;cursor:pointer;background: #2e333d;border: 1px solid #2e333d;}
.pan_type li span {font-size: 18px;color: #b0b0b7;font-weight: 700;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;}


.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;font-weight: 700;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;}
.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:40px;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% - 10px);text-align:left;border:none;box-shadow:none;cursor:default;padding: 6px 0 3px 20px;height: 33px;line-height: 33px;position:relative;}
.bet_w .bet_list .b_title span {color:#fff;font-size: 14px;}
.bet_w .bet_list .b_title b {color: #868686;font-weight:normal;padding:0 5px;font-size: 14px;}
.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:10px;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% - 103px);margin-left: 10px;}
.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: 110px;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% - 101px);}
.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 {float:left;width: 70px;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:60px;}
.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: 20px 228px;}
.default_in .bet_screen { margin-bottom:0;}


/* Game */
.spi i {background: url(../images/sub/sports_icon.png) no-repeat;background-size:18px auto;display:inline-block;width:18px;height:19px;}
.spi .id_1 { background-position: 0 -191px;}       /* 미식축구 */
.spi .id_215 { background-position: 0 -149px;}     /* 크리켓 */
.spi .id_226 { background-position: 0 -86px;}      /* 야구 */
.spi .id_9995 { background-position: 0 -86px;}      /* 야구 */
.spi .id_227 { background-position: 0 -42px;}      /* 농구 */
.spi .id_2279 { background-position: 0 -42px;}      /* PS농구 */
.spi .id_237 { background-position: 0 -362px;}     /* 골프 */
.spi .id_238 { background-position: 0 -511px;}     /* 권투 */
.spi .id_239 { background-position: 0 -22px;}      /* 테니스 */
.spi .id_240 { background-position: 0 0;}          /* 축구 */
.spi .id_2409 { background-position: 0 0;}          /* PS축구 */
.spi .id_1100 { background-position: 0 -170px;}    /* 핸드볼 */
.spi .id_1200 { background-position: 0 -64px;}     /* 배구 */
.spi .id_1250 { background-position: 0 -298px;}    /* 비치발리볼 */
.spi .id_1400 { background-position: 0 -490px;}    /* 워터폴로, 수구 */
.spi .id_1500 { background-position: 0 -616px;}    /* 해변축구 */
.spi .id_1600 { background-position: 0 -277px;}    /* í’‹ì‚´ */
.spi .id_1700 { background-position: 0 -448px;}    /* 밴디, 러시아하키*/
.spi .id_1900 { background-position: 0 -234px;}    /* 탁구 */
.spi .id_2100 { background-position: 0 -108px;}    /* 아이스하키 */
.spi .id_2700 { background-position: 0 -427px;}    /* 사이클링 */
.spi .id_3300 { background-position: 0 -597px;}    /* 컬링 */
.spi .id_3400 { background-position: 0 -341px;}    /* BOWL  */
.spi .id_3500 { background-position: 0 -553px;}    /* 필드하키*/
.spi .id_3600 { background-position: 0 -469px;}    /* 플로어링 */
.spi .id_3700 { background-position: 0 -383px;}    /* 호주규칙 */
.spi .id_4000 { background-position: 0 -191px;}    /* 럭비 */
.spi .id_3800 { background-position: 0 -1127px;}   /* 스키 타기 */
.spi .id_5000 { background-position: 0 -128px;}    /* 배드민턴 */
.spi .id_6000 { background-position: 0  -1268px;}  /* 콜오브듀티 */
.spi .id_6001 { background-position: 0 -726px;}    /* 카운터스트라이크 */
.spi .id_6002 { background-position: 0 -810px;}    /* 도타 */
.spi .id_6003 { background-position: 0 -704px;}    /* 리그오브레전드 */
.spi .id_6004 { background-position: 0 -681px;}    /* 스타크래프트 */
.spi .id_6005 { background-position: 0  -894px;}   /* 오버워치 */
.spi .id_6010 { background-position: 0 -637px;}    /* 스쿼시 */
.spi .id_1251 { background-position: 0  -1249px;}  /* UFC, MMA */
.spi .id_6011 { background-position: 0  -1249px;}  /* UFC, MMA */
.spi .id_9999 { background-position: 0  -1285px;}  /* e-sports */

.spi .id_22877 { background-position: 0 -212px;}   /* 럭비유니온 */
.spi .id_1252  { background-position: 0 -1231px;}  /* 모터스포츠 */
.spi .id_22881 { background-position: 0 -1231px;}  /* 모터스포츠 */
.spi .id_4010  { background-position: 0 -257px;}   /* 스누커 */
.spi .id_22884 { background-position: 0 -257px;}   /* 스누커 */
.spi .id_22886 { background-position: 0 -319px;}   /* 다트 */
.spi .id_4030  { background-position: 0 -319px;}   /* 다트 변경됨 */
.spi .id_1000000000000 { background-position: 0 -1304px;}   /* 크로스 */
.spi .id_18 { background-position: 0 -341px;}     /* 볼스 */
.spi .id_19 { background-position: 0 -383px;}     /* 미식축구 */
.spi .id_20 { background-position: 0 -404px;}     /* 헬멧 */
.spi .id_26 { background-position: 0 -532px;}
.spi .id_28 { background-position: 0 -574px;}
.spi .id_32 { background-position: 0 -658px;}
.spi .id_36 { background-position: 0 -742px;}
.spi .id_37 { background-position: 0 -763px;}
.spi .id_38 { background-position: 0 -784px;}
.spi .id_40 { background-position: 0 -828px;}
.spi .id_41 { background-position: 0 -849px;}
.spi .id_42 { background-position: 0 -870px;}
.spi .id_43 { background-position: 0 -892px;}
.spi .id_44 { background-position: 0 -913px;}
.spi .id_45 { background-position: 0 -934px;}
.spi .id_46 { background-position: 0 -955px;}
.spi .id_47 { background-position: 0 -975px;}
.spi .id_48 { background-position: 0 -996px;}
.spi .id_49 { background-position: 0 -1018px;}
.spi .id_50 { background-position: 0 -1039px;}
.spi .id_51 { background-position: 0 -1060px;}
.spi .id_52 { background-position: 0 -1081px;}
.spi .id_53 { background-position: 0 -1104px;}
.spi .id_55 { background-position: 0 -1146px;}
.spi .id_56 { background-position: 0 -1167px;}
.spi .id_57 { background-position: 0 -1188px;}
.spi .id_58 { background-position: 0 -1209px;}


.bet_live .id_1 { background:url(../images/sub/bg_1.jpg)  no-repeat top center;}
.bet_live .id_215 {  background:url(../images/sub/bg_215.jpg)  no-repeat top center;}
.bet_live .id_226 {  background:url(../images/sub/bg_226.jpg)  no-repeat top center;}
.bet_live .id_227 {  background:url(../images/sub/bg_227.jpg)  no-repeat top center;}
.bet_live .id_237 {  background:url(../images/sub/bg_237.jpg)  no-repeat top center;}
.bet_live .id_238 {  background:url(../images/sub/bg_238.jpg)  no-repeat top center;}
.bet_live .id_239 {  background:url(../images/sub/bg_239.jpg)  no-repeat top center;}
.bet_live .id_240 { background:url(../images/sub/bg_240.jpg)  no-repeat top center;}
.bet_live .id_1100 {  background:url(../images/sub/bg_1100.jpg)  no-repeat top center;}
.bet_live .id_1200 {  background:url(../images/sub/bg_1200.jpg)  no-repeat top center;}
.bet_live .id_1250 {  background:url(../images/sub/bg_1250.jpg)  no-repeat top center;}
.bet_live .id_1400 {  background:url(../images/sub/bg_1400.jpg)  no-repeat top center;}
.bet_live .id_1500 {  background:url(../images/sub/bg_1500.jpg)  no-repeat top center;}
.bet_live .id_1600 {  background:url(../images/sub/bg_1600.jpg)  no-repeat top center;}
.bet_live .id_1700 {  background:url(../images/sub/bg_1700.jpg)  no-repeat top center;}
.bet_live .id_1900 {  background:url(../images/sub/bg_1900.jpg)  no-repeat top center;}
.bet_live .id_2100 {  background:url(../images/sub/bg_2100.jpg)  no-repeat top center;}
.bet_live .id_2700 {  background:url(../images/sub/bg_2700.jpg)  no-repeat top center;}
.bet_live .id_3300 {  background:url(../images/sub/bg_3300.jpg)  no-repeat top center;}
.bet_live .id_3500 {  background:url(../images/sub/bg_3500.jpg)  no-repeat top center;}
.bet_live .id_3600 {  background:url(../images/sub/bg_3600.jpg)  no-repeat top center;}
.bet_live .id_3700 {  background:url(../images/sub/bg_3700.jpg)  no-repeat top center;}
.bet_live .id_3800 {  background:url(../images/sub/bg_3800.jpg)  no-repeat top center;}
.bet_live .id_5000 {  background:url(../images/sub/bg_5000.jpg)  no-repeat top center;}
.bet_live .id_6000 {  background:url(../images/sub/bg_6000.jpg)  no-repeat top center;}
.bet_live .id_6001 {  background:url(../images/sub/bg_6001.jpg)  no-repeat top center;}
.bet_live .id_6002 {  background:url(../images/sub/bg_6002.jpg)  no-repeat top center;}
.bet_live .id_6003 {  background:url(../images/sub/bg_6003.jpg)  no-repeat top center;}
.bet_live .id_6004 {  background:url(../images/sub/bg_6004.jpg)  no-repeat top center;}
.bet_live .id_6005 {  background:url(../images/sub/bg_6005.jpg)  no-repeat top center;}
.bet_live .id_6010 {  background:url(../images/sub/bg_6010.jpg)  no-repeat top center;}
.bet_live .id_1251 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_live .id_6011 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_live .id_22877 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_live .id_1252  {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_live .id_22881 {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_live .id_4010  {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_live .id_22884 {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_live .id_22886 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}
.bet_live .id_4030 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}

.bet_rate.id_1 { background:url(../images/sub/bg_1.jpg)  no-repeat top center;}
.bet_rate.id_215 {  background:url(../images/sub/bg_215.jpg)  no-repeat top center;}
.bet_rate.id_226 {  background:url(../images/sub/bg_226.jpg)  no-repeat top center;}
.bet_rate.id_227 {  background:url(../images/sub/bg_227.jpg)  no-repeat top center;}
.bet_rate.id_237 {  background:url(../images/sub/bg_237.jpg)  no-repeat top center;}
.bet_rate.id_238 {  background:url(../images/sub/bg_238.jpg)  no-repeat top center;}
.bet_rate.id_239 {  background:url(../images/sub/bg_239.jpg)  no-repeat top center;}
.bet_rate.id_240 {background: url(../images/sub/bg_240.jpg)  no-repeat center center;}
.bet_rate.id_1100 {  background:url(../images/sub/bg_1100.jpg)  no-repeat top center;}
.bet_rate.id_1200 {  background:url(../images/sub/bg_1200.jpg)  no-repeat top center;}
.bet_rate.id_1250 {  background:url(../images/sub/bg_1250.jpg)  no-repeat top center;}
.bet_rate.id_1400 {  background:url(../images/sub/bg_1400.jpg)  no-repeat top center;}
.bet_rate.id_1500 {  background:url(../images/sub/bg_1500.jpg)  no-repeat top center;}
.bet_rate.id_1600 {  background:url(../images/sub/bg_1600.jpg)  no-repeat top center;}
.bet_rate.id_1700 {  background:url(../images/sub/bg_1700.jpg)  no-repeat top center;}
.bet_rate.id_1900 {  background:url(../images/sub/bg_1900.jpg)  no-repeat top center;}
.bet_rate.id_2100 {  background:url(../images/sub/bg_2100.jpg)  no-repeat top center;}
.bet_rate.id_2700 {  background:url(../images/sub/bg_2700.jpg)  no-repeat top center;}
.bet_rate.id_3300 {  background:url(../images/sub/bg_3300.jpg)  no-repeat top center;}
.bet_rate.id_3500 {  background:url(../images/sub/bg_3500.jpg)  no-repeat top center;}
.bet_rate.id_3600 {  background:url(../images/sub/bg_3600.jpg)  no-repeat top center;}
.bet_rate.id_3700 {  background:url(../images/sub/bg_3700.jpg)  no-repeat top center;}
.bet_rate.id_3800 {  background:url(../images/sub/bg_3800.jpg)  no-repeat top center;}
.bet_rate.id_5000 {  background:url(../images/sub/bg_5000.jpg)  no-repeat top center;}
.bet_rate.id_6000 {  background:url(../images/sub/bg_6000.jpg)  no-repeat top center;}
.bet_rate.id_6001 {  background:url(../images/sub/bg_6001.jpg)  no-repeat top center;}
.bet_rate.id_6002 {  background:url(../images/sub/bg_6002.jpg)  no-repeat top center;}
.bet_rate.id_6003 {  background:url(../images/sub/bg_6003.jpg)  no-repeat top center;}
.bet_rate.id_6004 {  background:url(../images/sub/bg_6004.jpg)  no-repeat top center;}
.bet_rate.id_6005 {  background:url(../images/sub/bg_6005.jpg)  no-repeat top center;}
.bet_rate.id_6010 {  background:url(../images/sub/bg_6010.jpg)  no-repeat top center;}
.bet_rate.id_1251 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_rate.id_6011 {  background:url(../images/sub/bg_6011.jpg)  no-repeat top center;}
.bet_rate.id_4000 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_rate.id_22877 {  background:url(../images/sub/bg_22877.jpg)  no-repeat top center;}
.bet_rate.id_1252  {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_rate.id_22881 {  background:url(../images/sub/bg_22881.jpg)  no-repeat top center;}
.bet_rate.id_4010  {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_rate.id_22884 {  background:url(../images/sub/bg_22884.jpg)  no-repeat top center;}
.bet_rate.id_4030  {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}
.bet_rate.id_22886 {  background:url(../images/sub/bg_22886.jpg)  no-repeat top center;}



.bet_rate {padding: 16px 0 20px;text-align:center;}
.bet_rate li {display:inline-block;border:1px solid rgba(0, 0, 0, 0.9);background: rgba(0, 0, 0, 0.5);border-radius:3px;height: 32px;/* line-height: 32px; */padding:5px 8px;}
.bet_rate .sc_home, .bet_rate .sc_away {width: calc(50% - 50px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.bet_rate .sc_home .in_team {text-align: left;padding-right:9px;}
.bet_rate .sc_vs {width: 73px;overflow: hidden;}
.bet_rate .sc_time {background:rgba(0, 0, 0, 0.5);font-size: 13px;border-radius:3px;display:inline-block;padding:3px 10px;color: #fff;border: 1px solid #2e333d;}
.bet_rate .sc_time b {font-size: 13px;font-weight:normal;color: #f50;padding-left:5px;}
.bet_rate .sc_time i { position:relative; top:2px; color:rgba(255, 255, 255, 0.5);}
.bet_rate .sc_away .in_team {text-align: right;padding-left:9px;}
.bet_rate .in_team {display:inline-block;width:calc(100% - 65px);font-size: 14px;color:#fff;}
.bet_rate .in_rate {display:inline-block;width: 53px;height:22px;border-radius:3px;background: #f50;text-align:center;line-height:22px;color: #fff;font-size: 14px;/* text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); */font-weight:bold;}
.bet_rate {background-size: cover !important;border: 1px solid #2e333d;}
.bet_screen { margin-bottom:15px; border:1px solid rgba(255, 255, 255, 0.1);}
.bet_screen iframe { border:none; width:100%; margin:0 auto; height:260px;}
.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 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-size: 15px;font-weight:bold;/* position:relative; *//* top:-3px; */color: #fff;}
.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:hidden;margin-top: 5px;margin-bottom:10px;background:#363636;}
.game_tab li { float:left; width:calc(20% - 0px);}
.game_tab li span {display:block;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:none;font-weight:bold;color: #f50;background: #11191f;}


.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{width:360px;padding: 40px 35px 30px;margin:165px auto;background: #1d2329;border: 1px solid #313641;/* border-radius:13px; *//* box-shadow:0px 0px 17px #000; */position: relative;}
.popup-bg .popup-box:before{content:"";position:absolute;top:0;left:0;width: 100%;height: 100%;z-index: 0;border-radius: 13px;}
.popup-bg .popup-box > .box{position: relative;z-index:2;}
.popup-bg .popup-box > .box > .pop-logo{text-align:center;margin-bottom:20px;}
.popup-bg .popup-box > .box > a.popup-close{position:absolute;top:-20px;right:-20px;color:#616161;font-size:17px;}
.popup-bg .popup-box > .box > h4.tit{margin:20px 0 10px 10px;font-size:13px;font-family: "ns";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-weight:700;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;}
#recommender-code{/*display:block;*/}


#notandum > .popup-box{width:660px;}
#notandum > .popup-box h3.tit{color: #f50;font-size:22px;font-weight:700;padding-bottom:15px;border-bottom: 1px solid #313641;margin-bottom:20px;}
#notandum > .popup-box .popup-txt *{color:#d2d2d2;font-family: "ns";font-size:13px;line-height:25px;}
#notandum > .popup-box .pop-btn > a{width:123px;margin:0 auto;}

/* 20210623 */
.discuss-box{width: 523px;left: calc(50% - 261px);right: 0;top: 120px;position: absolute;margin: 0 auto;padding: 50px 30px 45px;background: rgb(0 0 0 / 85%);border: 1px solid #f8bc1c;}
.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;font-weight: 700;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;/* font-family: 'ns'; */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:62px;line-height:62px;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;}
/* //20210623 */

.minigame-tab-brand{overflow:hidden;}
.minigame-tab-brand > ul > li{float:left;width:calc(100% / 7);}
.minigame-tab-brand > ul > li > a{border-left: 1px solid #515151;background: #313131;height:60px;/*line-height:45px;*/ display: flex; flex-direction: column;align-items: center; justify-content: center; text-align: center;font-size: 16px;font-weight: 700;color: #b8b9bd;}
.minigame-tab-brand > ul > li > a img{margin-bottom: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:#95bb0e;}

.minigame-tab-brand-cont{height:65px;/* line-height:61px; */border:2px solid #95bb0e;background:#000;}
.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.ul7 > li{width: calc(100% / 7);}
.minigame-tab-brand-cont > ul.ul8 > li{width: calc(100% / 8);}
.minigame-tab-brand-cont > ul.ul9 > li{width: calc(100% / 9);}
.minigame-tab-brand-cont > ul > li .mini-live-tmenu{background:transparent;border-top:0;border-right: 1px solid #515151;}
.minigame-tab-brand-cont > ul > li.on { background: #313131;}


.event-box {padding: 10px 0 20px;margin-top: -20px;margin-left: -20px;border-bottom: aliceblue;font-size:0;overflow: hidden;}
.event-box  > a{margin-left: 20px;margin-top: 20px;color:#ccc;text-align:center;font-size:18px;color:#ccc;font-size: 0;float: left;width: calc(100% / 5 - 20px);}
.event-box  > a span{display: block;border: 2px solid #2e333d;overflow:hidden;}
.event-box  > a span.img{height: 270px;}
.event-box  > a:hover span{border: 2px solid #ff5500;}
.event-box  > a span:last-child{display:block;border:0;font-size: 16px;font-weight: 700;color: #c4c4c7;margin-top: 10px;}
.event-box  > a:hover span:last-child{border:0;}
.event-box  > a img{width: 100%;}

.gray-box { padding:30px; background:#1b1b1b; border:1px solid #464646; color:#cccccc; }
.gray-box .pull-left { width:175px; padding-top:3px; }
.gray-box .pull-left p { font-size:26px; color:#95bb0e; font-weight:600; line-height:37px; }
.gray-box .pull-left p span { font-size:22px; font-weight:600; }
.gray-box .pull-right { width:calc(100% - 175px); }
.gray-box li { line-height:24px; }

.gray-box > .box{position: relative;z-index:2;}
.gray-box > .box > dl{display:table;width:100%;}
.gray-box > .box > dl + dl{border-top: 1px solid #34393f;}
.gray-box > .box > dl > *{display:table-cell;vertical-align:middle;padding:10px 0;height: 70px;}
.gray-box > .box > dl > dt{width:145px; font-size:14px;color:#d2d2d2;}
.gray-box > .box > dl > dd{ font-size:13px;color:#6d6d6d;}
.gray-box > .box > dl > dd > span{ font-size:13px;}
.gray-box > .box > dl > dd > input, .table-style1 > .box > dl > dd > select{width:190px;margin-right:10px;border: 1px solid #404447;border-radius: 8px;background: #1b1b1b;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 13px; }
.gray-box > .box > dl > dd > input.orange{color: #f50 !important;}
.gray-box > .box > dl > dd > input.w283{width:283px;}
.gray-box > .box > dl > dd p.money{ color: #ceec23;font-size:22px;font-weight:500;display:inline-block;margin-right:10px;}
.gray-box > .box > dl > dd p.money > span{color:#bdbdbd;font-size:13px;font-weight:700;}
.gray-box > .box > dl > dd a.h31{height:31px;line-height:31px;width:73px;}
.gray-box > .box > dl > dd a.h45{height:45px;line-height:45px;width:143px;margin-right:10px;}
.gray-box > .box > dl > dd a.h45 > span{font-weight:700;font-size:16px; }
.gray-box > .box > dl > dd .btn-all > a{background: #535355;color:#fff;font-weight:700;font-size:14px; width:83px;line-height: 40px;text-align:center;border-radius: 10px;margin-right:2px;}
.gray-box > .box > dl > dd .btn-all > a:hover{background:#3b3e47;}
.gray-box > .box > dl > dd .btn-all > a.first{background:#2e471d;color:#c3e0b1;}
.gray-box > .box > dl > dd .btn-all > a.first:hover{color:#fff;}

.gray-box > .box > dl.dl2 > dt{vertical-align:top;padding-top: 25px;}
.gray-box > .box > dl.dl2 > dd input, 
.gray-box > .box > dl.dl2 > dd select{width:190px;margin-right:10px;border: 1px solid #404447;border-radius: 8px;background: #1d2329;padding: 10px 20px;line-height: 25px;height: 45px;color: #fff;font-size: 13px; }
.gray-box > .box > dl.dl2 > dd p:last-child{margin-top:10px;padding-top:10px;border-top: 1px solid #34393f;}

.btn.btn-gradient { background:linear-gradient(#97bd0d,#267040); border-radius:10px; }
.check-bg { cursor:pointer; background:linear-gradient(#97bd0d,#267040); border-radius:10px; display:inline-block; padding:12px; margin-right:5px; }
.check-bg label { cursor:pointer; font-size:16px; }


.tel-box { width:100%; height:75px; background:linear-gradient(#4eb4de,#1783c9); margin:5px 0; padding:10px 8px; }
.tel-box.new { width:100%; height:auto; background:none; margin:10px 0; padding:0; }
.tel-box .pull-right a { width:68px; height:54px; border-radius:5px; background:#0f3445; box-shadow: 3px 3px 10px #051a23 inset; text-align:center; color:#fff; padding-top:10px;}
.tel-box .pull-left { padding-top:5px; }
.tel-box .tit-txt { padding-left:12px; }
.tel-box .tit { font-size:16px; color:#1b1b1b; font-weight:600; }
.tel-box .txt { font-size:24px; font-weight:800; color:#fff; text-shadow:2px 0px 4px #08374f; }

/*cashin.php*/
.mt05 { margin-top:5px; }
.bouns-check-list li { display:none; color:#fff; font-size:13px; }

.cashin-current { margin:0 0 15px; font-weight:700; }
.cashin-current .section-box-tit { padding:20px 0 15px; }
.cashin-current .tit{font-size:22px; color:#ffffff; font-weight:700;}
.cashin-current li { padding:0 20px 0 0; }
.cashin-current li .thumb { position:relative; overflow:hidden; background:#1b1b1b; border:1px solid #404040; }
.cashin-current li .thumb h3 { height:50px; line-height:52px; color:#fff; font-size: 22px; font-weight:600; background:#2e471d; text-align: center; }
.cashin-current li .thumb .ctInner { position:relative; padding:25px 30px 25px 140px; }
.cashin-current li .thumb .ctInner .rate {position: absolute;left: 28px;top:15px;font-size: 40px;font-weight:600;color: #edc878; }
.cashin-current li .thumb .ctInner .help { font-size:14px; color:#cdcdcd; line-height:1.5; }
.cashin-current li .thumb .ctInner .help strong { font-size:18px; font-weight:600; color:#ff3d12; }
.cashin-current .cashout-info { height:54px; text-align:center; background:#1b1b1b; line-height:54px; color:#fff; margin-top:10px; font-size:15px; font-weight:600; border:1px solid #404040; }
.cashin-current .cashout-info img { vertical-align:middle; margin-right:10px; }
.cashin-current .section-box-tit span { color:#ecc777; margin-left:5px; }
.cashin-current .cashout-info i { margin-right:10px; color:#ff3d12; font-size:27px; vertical-align:middle; }

.gameLock {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgb(0 0 0 / 85%);
    text-align: center;
    min-height: 100px;
    font-size: 20px;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #313641;
}

.flexGrid2,
.flexGrid3,
.flexGrid4,
.flexGrid5,
.flexGrid6,
.flexGrid7,
.flexGrid9 { display: flex; flex-wrap: wrap; align-items:flex-start; justify-content:flex-start; }
.flexGrid2 > *:nth-child(2n),
.flexGrid3 > *:nth-child(3n),
.flexGrid4 > *:nth-child(4n),
.flexGrid5 > *:nth-child(5n),
.flexGrid6 > *:nth-child(6n),
.flexGrid7 > *:nth-child(7n),
.flexGrid9 > *:nth-child(9n) { padding-right:0 !important; }
.flexGrid2 > * { width:50%; padding:0 10px 10px 0; }
.flexGrid3 > * { width:calc(100% / 3); padding:0 10px 10px 0; }
.flexGrid4 > * { width:25%; padding:0 10px 10px 0; }
.flexGrid5 > * { width:20%; padding:0 10px 10px 0; }
.flexGrid6 > * { width:calc(100% / 6); padding:0 10px 10px 0; }
.flexGrid7 > * { width:calc(100% / 7); padding:0 10px 10px 0; }
.flexGrid9 > * { width:calc(100% / 9); padding:0 10px 10px 0; }