.wrap{height: 100%;position: relative;}

.header{font-weight:400;position:relative;}
.header .nav{height:60px;display:flex;border-bottom:1px solid rgba(0,0,0,.2);padding:0 10px;}
.header .nav .logo{position: absolute;top: 21px;left: 10px;}
.header .nav .logo img{width:80px;}
.header .nav,.header .nav a{justify-content:center;align-items:center;}
.header .nav a.active{color: var(--g-active-color);cursor: pointer;}
.header .nav a{margin-right:15px;transition:.2s ease;text-align:center;}
.header .nav a:last-child{margin-right:0!important}
.header .nav a:hover{color:var(--g-active-color)}

.header .mgnb{height: 50px;align-items: center;padding: 0 10px;border-top: 1px solid hsla(0,0%,100%,.03);border-bottom: 1px solid rgba(0,0,0,.2);
display:none;flex-direction: row;align-items: center;justify-content: space-between;}
.header .mgnb .logo{margin:0 auto;}
.header .mgnb .bars, .header .mgnb .time{position:absolute;}
.header .mgnb .user{position:absolute;right:0;}
.header .mgnb .logo img{width:65px;}
.header .mgnb button{background: transparent; width: 20px;}

.header .gnb{height: 50px;padding: 0 10px;border-top: 1px solid hsla(0,0%,100%,.03);border-bottom: 1px solid rgba(0,0,0,.2);align-items: center;display: flex;justify-content: space-between;}

.header .gnb .time{opacity:.6;}
.header .gnb .time i{margin-right:5px;}

.header .gnb .account-info{display:flex;flex-direction:row;flex-shrink: 0;height: 100%;align-items: center;}
.header .gnb .account-info>div{background:var(--g-input-background);display:flex;flex-direction:row;align-items: center;margin-right: 5px;}
.header .gnb .account-info>div>div{height: 40px;padding: 10px;align-items: center;display: flex;}
.header .gnb .account-info .account a{min-width: unset; padding: 0px;}
.header .gnb .account-info .message a, .header .gnb .account-info .wallet a{min-width: unset; padding: 0px;margin-left:5px;}
.account-info>div .division{width: 2px;height: 20px;background-color: hsla(0,0%,100%,.1);}
.account-info .logout-btn{height: 40px;padding: 10px;background-color: var(--g-input-background);}
a.button.point{background: #646352;padding: 3px 7px !important;border-radius: 3px;cursor: pointer;}
.mobile-header-wrap,.tablet-header-wrap{height:50px;flex-shrink:0;border-top:1px solid #292f3a;border-bottom:1px solid #181b22;align-items:center;padding:0 10px}
.tablet-header-wrap .text{}
.tablet-header-wrap .button.text{background: transparent; width: 40px; height: 40px;}
.tablet-header-wrap .button.text i{font-size: 20px;}

/*.leftSidebar, .rightSidebar{display:none;}*/

.leftSidebar, .left{background:var(--g-div-background);display: flex;flex-direction: column;flex-wrap:nowrap;}
.leftSidebar{width:290px !important;height:100%;margin-right:5px;}
.left{width:250px;flex-shrink: 0;}
.leftSidebar.account{width:300px;    flex-shrink: 0;    height: calc(100vh - var(--g-header-h));}

.todaySpts .tabs-header{border-bottom: 1px solid rgba(0,0,0,.2);display:flex;flex-direction:row;justify-content: space-evenly;}
.todaySpts .tabs-header button{height:40px;width: 100%;background-color: transparent;}
.todaySpts .tabs-header button.active{color:var(--g-active-color);height: 40px;}
.todaySpts .tabs-header button.active, .leftSidebar .tabs-header button:hover{background-color:var(--g-input-background) !important;}
.todaySpts .tabs-content{display: flex;flex-direction: column;height: calc(100vh - var(--g-header-h) - 40px);overflow: auto;overflow-x: hidden;overflow-y: auto !important;-webkit-overflow-scrolling: touch;}
.leftSidebar .tabs-content{height: calc(100vh - 40px);}
.todaySpts .tabs-content button{display:flex;align-items: center;justify-content: space-between;width: 100%;height:40px;
background-color:var(--g-div-background) !important;padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid hsla(0,0%,100%,.03);}
.todaySpts .tabs-content button.active,.leftSidebar .tabs-content button:hover{background-color:var(--g-input-background) !important;}
.todaySpts .tabs-content button span img{margin-right: 5px;width: 18px;vertical-align: middle;}
.todaySpts .tabs-content button span i{margin-left:10px;}
.todaySpts .tabs-content .tab-panel .regions{display: flex;flex-direction: column;flex-wrap: nowrap;}
.todaySpts .tabs-content .tab-panel .regions .region{}
.todaySpts .tabs-content .tab-panel .regions .region .tournament-icon{margin-left: 10px;}
.todaySpts .tabs-content .tab-panel .regions .region .tournament-icon img{width: 14px;margin-right: 5px;}
.todaySpts .tabs-content .tab-panel .regions .region span i{margin-left:10;}
.todaySpts .tabs-content .tab-panel .regions .leagues .league span:first-child{margin-left:24px;}



.rightSidebar{padding:10px;width:300px;background-color: var(--g-div-background);}
.rightSidebar .login-btn{width: 100%; height: 60px;}
.rightSidebar .login-btn i{margin-right:5px;}
.rightSidebar .info{height:40px;display:flex;align-content: center;flex-wrap: wrap;text-align:center;}
.rightSidebar .tab{height: 40px;line-height: 40px;text-align:center;color:var(--g-active-color);box-shadow: inset 0 -1px 0 0 var(--g-active-color);background-color: var(--g-input-background);}

.rightSidebar .user{}
.rightSidebar .user>div{height:35px;display:flex;align-items:center;}
.rightSidebar .user .level-wrap{justify-content: space-between;}
.rightSidebar .user .level{}
.rightSidebar .user .level-wrap .level span:first-child{margin-right:5px;}
.rightSidebar .user .level-wrap button{color: rgb(255, 117, 117); font-weight: bold;}
.rightSidebar .user .nickname-wrap span{align-items: baseline;}
.rightSidebar .user .nickname-wrap .nickname{margin-right:5px;}
.rightSidebar .user .memo-wrap a{padding:0;}
.rightSidebar .user .memo-wrap a span{margin:0 5px;font-weight:bold;}
.rightSidebar .user .wallet{display:flex;align-items:center;border-bottom: 1px solid rgba(0,0,0,.2);height: unset !important;}
.rightSidebar .user .wallet>div{height: 45px;background-color: var(--g-input-background);width: 100%;display: flex;align-items: center;justify-content: center;}
.rightSidebar .user .wallet>div a{display: block;text-align: center;line-height: 16px;width: 100%;}
.sidebar .menu{}
.sidebar .menu>div{height: 60px;display:flex;flex-direction:column}
.sidebar .menu>div a{display: flex;justify-content: flex-start;height: 100%;border-bottom: 1px solid rgba(0,0,0,.2);border-top: 1px solid hsla(0,0%,100%,.03);color:#fff;background-color: #202020;}
.sidebar .menu>div a i{opacity: .7;}
.sidebar .menu>div a.active{background:var(--g-input-background);opacity:1;}
.sidebar .menu>div a.active i, .sidebar .menu>div a.active div:last-child span:first-child{color:var(--g-active-color);opacity:1;}
.sidebar .menu>div a>div{display: flex;margin-left: 10px;height: 100%;align-items: center;}
.sidebar .menu>div a>div:first-child{width: 20px;}
.sidebar .menu>div a>div:last-child{align-items: flex-start;justify-content: center;margin-left: 20px;display: flex;flex-direction: column;line-height: 15px;}
.sidebar .banner img{width:100%;}

.leftSidebar.account .sidebar .menu>div a:hover{background:var(--g-input-background);opacity:1;transition: .2s ease;}
.leftSidebar.account .sidebar .menu>div a:hover div:last-child span:first-child{color:var(--g-active-color);transition: .2s ease;}

/*.contents-wrap{border-top: 1px solid hsla(0,0%,100%,.03);padding-right:calc(var(--g-right-w) + 10px);}*/
.contents-wrap{border-top: 1px solid hsla(0,0%,100%,.03);display: flex;flex-direction: row;}

.contents{
    /*padding-right:5px;*/
    display: flex;
    flex-direction: row;
    height: calc(100vh - var(--g-header-h));
    overflow: hidden;
    width: 100%;
    }
.contents{overflow: hidden;/*overflow-y: scroll;*/}
.contents.main{flex-direction:column;}
.main .intro{height:350px;width: 100%;display: flex;flex-direction: row;flex-shrink: 0;}
.main .intro .register{background: url(/assets/images/slide1.jpg) 0 0 no-repeat;background-size: 100% 100%;background-position: center;background-color: rgba(0,0,0,.05);width: 60%;align-items: center;justify-content: flex-end;flex-shrink: 0;}
.main .intro .register .logo{font-weight:bold;font-size:35px;}
.main .intro .register>div{margin-bottom:10px;}
.main .intro .register div span{font-weight:bold;}
.main .intro .register .signup-btn-wrap{width: 40%;}
.main .intro .register .signup-btn-wrap .signup-btn{width: 100%;height: 40px;margin-top: 20px;background: var(--g-active-color);color: #000;}
.main .intro .register .signup-btn-wrap .signup-btn:hover {background-color: var(--g-bet-hover-color);}
.main .intro .register .sub1{font-size: 1.5rem ;letter-spacing: normal !important;}
.main .intro .register .sub2{font-size: .875rem;letter-spacing: .0125em !important;}
.main .intro .favorite{width: 40%;padding: 10px;align-items: center;justify-content: center;background:var(--g-div-background)}
.main .intro .favorite>.title{margin-bottom:20px;}
.main .intro .favorite .menu{display: flex;margin-bottom:26px;}
.main .intro .favorite .menu a{display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 10px;margin-right: 10px;transition: .2s ease;width: 70px;}
.main .intro .favorite .menu a:hover{color:var(--g-active-color)}
.main .intro .favorite .menu a i{font-size: 20px;margin-bottom: 10px;}
.main .intro .favorite .menu a i span{}
.main .intro .favorite .support-logo{width: 80px;}

.main .popular{display: flex;flex-shrink: 0;
  flex-wrap: nowrap;width: 100%;align-items: center;margin-top: 10px;min-height: 150px;overflow-x: auto;white-space: nowrap;text-align: center;scroll-behavior: smooth;margin-left: 10px;}
.main .popular>button{margin-right: 10px;width: 350px;background: var(--g-div-background);border:1px solid var(--g-div-background);flex-grow: 1;flex-shrink: 0;}
.main .popular>button:hover{border:1px solid var(--g-active-color);transition: .2s ease;}
.main .popular .match-info{display: flex;flex-direction: column;height: 150px;justify-content: center;cursor: pointer;flex-shrink: 0;position: relative;transition: .2s ease;}
.main .popular .match-info .match{position:relative;}
.main .popular .match-info .match span{}
.main .popular .match-info .match .time{font-size:0.6278rem;margin-top: 2px;}
.main .popular .match-info .match div img{height: 14px;margin-right: 5px;vertical-align:bottom;}
.main .popular .match-info .match .icon-pop{position:absolute;right: 0px;top: 3px;}
.main .popular .match-info .match .icon-pop i{margin-right:5px;}
.main .popular .match-info .team{height: 50px;display:flex;flex-direction: row;margin:10px 0 0px 0;}
.main .popular .match-info .team>div{width: 100%;}
.main .popular .match-info .team>div img{width: 30px;height: 23px;}
.main .popular .match-info .team .teamname{margin-top:5px;}
.main .popular .match-info .team .vs{text-align: center;font-size: 12px;line-height: 50px;}
.main .popular .match-info .rate{display:flex;flex-direction: row;}
.main .popular .match-info .rate>div{width:100%;margin-right:5px;background: #2c2c2c;height:40px;padding-top: 6px;}
.main .popular .match-info .rate>div:last-child{margin-right:0px;}

.main .casinoslot{display: flex;flex-direction: row;padding:10px;padding-right: 0;}
.main .casinoslot .casino, .main .casinoslot .slot{display: flex;flex-direction: column;overflow:hidden;padding: 10px;margin-right: 10px;background:var(--g-div-background);width: 100%;}
.main .casinoslot .slot{margin-right:0px;}
.main .casinoslot .title{margin-bottom:10px;}
.main .casinoslot .info{display: flex;flex-direction: row;padding-bottom:2px;}
.main .casinoslot .info div{margin-right:10px;}
.main .casinoslot .info a{display:block;border:1px solid transparent;transition: .2s ease;}
.main .casinoslot .info a:hover{border:1px solid var(--g-active-color);transition: .2s ease;}
.main .casinoslot .info a img{height: 180px;}


.footer{line-height: 20px;color: #5d687e;padding: 20px;text-align:center;margin-top:auto;    padding-bottom: 80px;}
.footer .copyright{}
.footer .copyright span{display:block;}
.footer .copyright .text{}
.footer .copyright .img{margin-top:20px;}
.footer .copyright .img img{height:40px;margin-right:10px;}


/* right */

/*.right{position:fixed;top:var(--g-header-h);right:0;width:var(--g-right-w);height:calc(100vh - var(--g-header-h));display: flex;flex-direction: column;}*/
.right{padding-left: 5px;padding-right: 10px;border-left: 1px solid rgba(0,0,0,.2);width:var(--g-right-w);height:calc(100vh - var(--g-header-h));display: flex;flex-direction: column;flex-shrink: 0;}

.cart.tabs .tabs-title{text-align:center;height: 40px;line-height: 40px;box-shadow: inset 0 -1px 0 0 var(--g-active-color);color: var(--g-active-color);background-color: #2c2c2c!important;}
.cart.tabs .tabs-header{display:flex;}
.cart.tabs .tabs-header button{height: 40px;line-height: 40px;width: 100%;}
.cart.tabs .tabs-header button.active{background-color: #2c2c2c;color:var(--g-active-color);}

.cart.tabs .tabs-content{flex-grow: 1;flex-shrink: 0;display: flex;flex-direction: column;}
.cart.tabs .tabs-content .tab-panel{flex-grow: 1;flex-shrink: 0;display: flex;flex-direction: column;}
.cart{background-color: var(--g-div-background);flex-grow: 1;flex-shrink: 0;display: flex;flex-direction: column;}
.cart .bet-list{min-height: 100px;height: 1px;border-bottom: 1px solid rgba(0,0,0,.2);flex-grow: 1;flex-direction: column;display: flex;}
.cart .bet-list .not-exist-item{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;}
.cart .bet-list .not-exist-item i{font-size: 21px;margin-bottom:10px;opacity:0.6;}
.minicart.cart .bet-list .not-exist-item{padding:20px 0;}
.cart .bet-list .bet-list-item{background-color: #343434;padding: 10px;display: flex;flex-direction: column;}
.cart .bet-list .bet-list-item:nth-child(2n-1){background-color: #2c2c2c;}
.cart .bet-list .bet-list-item>div{vertical-align: middle;line-height: 18px;}
.cart .bet-list .bet-list-item .league img{height: 14px;margin-right: 5px;}
.cart .bet-list .bet-list-item .league .name{}
.cart .bet-list .bet-list-item .league .close{width: 15px;height: 15px;float:right;}
.cart .bet-list .bet-list-item .league .close i{font-size:14px;}
.cart .bet-list .bet-list-item .division{color:var(--g-active-color);margin-right: 5px;}
.cart .bet-list .bet-list-item .type{}
.cart .bet-list .bet-list-item .hometeam{}
.cart .bet-list .bet-list-item .vs{}
.cart .bet-list .bet-list-item .awayteam{}
.cart .bet-list .bet-list-item .bet{color:var(--g-active-color);}
.cart .bet-list .bet-list-item .rate{color:var(--g-active-color);float:right;}
.cart .betting{margin:10px 0;display: flex;}
.cart .betting .cash-updown{border-right: 1px solid rgba(0,0,0,.05);flex-direction: row;display: flex;}
.cart .betting .cash-updown button{min-width:unset;}
.cart .betting .cash-updown>button:hover i{color:var(--g-active-color);transition:.2s ease}
.cart .betting button{background-color: #404040;}
.cart .betting .cash-init{width: 40px;min-width: 40px;}
.cart .betting .cash-init:hover i{color:var(--g-active-color);transition:.2s ease}
.cart .betting .amount{width: 100%;height: 35px;background-color: rgb(64, 64, 64);text-align: right;border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.05);padding:0 10px;}
.cart .betting .cash-init{background-color: #404040;border-left: 1px solid hsla(0,0%,100%,.03);}
.cart .bet-list-item .win_money{float:right;}
.cart .stake{border-top: 1px solid hsla(0,0%,100%,.03);padding: 0 10px 10px;}
.stake>div, .cart .stake .bet-btn{margin-top: 10px;display: flex;}
.stake>div{justify-content: space-between;}
.cart .stake .empty-all{background: transparent;}
.cart .stake .empty-all:hover{color:var(--g-active-color)}
.cart .stake .empty-all i{margin-right:5px;transition: .2s ease;}
.cart .stake .desc-title{float:left;}
.cart .stake .desc-price{float:right;color:var(--g-active-color)}
.cart .stake .bet-btn{color:#000;background:var(--g-active-color);width:100%;height:40px;align-items: center;justify-content: center;}
.cart .stake .bet-btn:hover{background-color:var(--g-bet-hover-color)}

.cart.mobile{max-width:640px;max-height: 95%;height: auto;diplay:flex;flex-direction:column;z-index: 1001;}
.cart.mobile .downupPopup-header{padding: 15px;height: 38px;align-items: center;background-color: var(--g-div-background);display: flex;}
/*.cart.mobile .downupPopup-header span{display: block;width: 50px;height: 3px;border-radius: 14px;margin: 0 auto;cursor: pointer;background: #fff;}*/
.cart.mobile .downupPopup-header svg{color:#fff;}
.cart.mobile .tabs-title{display: flex;flex-direction: row;justify-content: space-between;background-color: var(--g-input-background);
height: 40px;width: 100%;padding: 0 10px;align-items: center;color:#fff;box-shadow: unset;}
.cart.tabs.mobile .tabs-header button.active {background-color: transparent;}
.cart.mobile .bet-list{min-height:200px !important;} 

.right .banner{flex-direction: column;display: flex;flex-shrink: 0;}
.right .banner img{width:100%;}
/* right */

/* mobile cart */
.btnMCart{display:none;position: absolute;right: 20px;bottom: 80px;height: 60px;width: 60px;background-color: rgba(0,0,0,.35);border-radius: 12px;align-items: center;justify-content: center;z-index: 1000;}
.btnMCart button{}
.btnMCart button i{font-size:26px;}
.btnMCart button .count{position: absolute;width: 25px;height: 25px;background-color: rgba(0,0,0,.7);border-radius: 50%;display:flex;align-items: center;justify-content: center;right: 2px;top: -13px;}
.btnMCart button .count span{}
/* modal */
.modal{}

/*.modal-dialog{padding-top: 150px;}*/
.modal-content{background-color: var(--g-div-background);padding-bottom: 10px;}
.modal .modal-title{position:relative;text-align: center;padding: 20px 0 0px 0;}
.modal .modal-title .btn-close{background: rgb(44, 44, 44);position: absolute;top: -30px;right: 30px;width: 50px;height: 50px;}
.modal .modal-body{display:flex;flex-direction:column;}
.modal .logo{width:85px}
.msgModal.modal{z-index:1800;background:rgba(0,0,0,0.3);}
.msgModal.modal .modal-content{padding-bottom:20px;width:340px;margin: 0 auto;}
.msgModal.modal .modal-body{min-height: 65px;align-items: center;}
.msgModal.modal .modal-body span:first-child i{font-size: 33px;margin-bottom: 25px;}
.msgModal.modal .modal-body .btn-wrap{margin-top: 15px;}
.msgModal.modal .modal-body .btn-wrap button{width: 50px;height: 35px;margin-right: 10px;background: var(--g-inplay-title-background);}
.msgModal.modal .modal-body .btn-wrap button:first-child{margin-right:10px;}

.msgModal.modal .modal-body .betInfo-wrap{display:flex;margin:5px 0;}
.msgModal.modal .modal-body .betInfo-wrap>div{display:flex;align-items:center;margin-right: 10px;}
.msgModal.modal .modal-body .betInfo-wrap .betInfo{flex-direction:column;align-items: flex-start;}
.msgModal.modal .modal-body .betInfo-wrap .chgRate{}

.join .error-text, .login .error-text{display:none;height: 40px;margin-bottom: 5px;border:1px solid rgb(255, 97, 97);overflow: scroll;padding: 5px;align-items: center;justify-content: flex-start;}

.join .step2{display:none;}
.join .step2>div{display: flex;flex-direction: column;flex-wrap: nowrap;margin-bottom:15px;}

.join .step2 button, .ceri-wrap .pccDiv button{border:1px solid #333;height:40px;}
.join .step2 .ceri-wrap{}
.ceri-wrap .pccDiv{display:flex;}
.ceri-wrap .pccDiv #phoneCertiCode{width:100%;}
.ceri-wrap .pccDiv #countdown{text-align:center;width:83px;}
.ceri-wrap .pccDiv #btnPhoneCertiCheck{flex-shrink: 0;}

/*.join.modal.show .modal-dialog{    transform: translate(0%,120%);}*/

/* sports  */
.contents.both{width: calc(100% - 550px);background-color: var(--g-contents-background);}
.detail-view{display:none;}

.detail-view .detail-default{background:url('/assets/images/main_logo.png');width: 100%;height: 100%;background-size: 30%;background-position: center;background-repeat: no-repeat;}

.sports .games{padding: 10px 5px 10px 10px;border-right: 1px solid rgba(0,0,0,.2);width:100%;height:100%;}
.sports .games .search-wrap{}
.search-wrap .fa-person-running{font-size: 19px;margin-bottom: 3px;}
.search-wrap .search input{width: 100%; background-color: rgb(32, 32, 32);}
.search-wrap .search button{background: rgb(32, 32, 32); width: 40px; height: 40px;}

.rolling-x-wrap{width: 100%;position: relative;flex-shrink: 0;height: 60px;background-color: var(--g-div-background);border-bottom: 1px solid rgba(0,0,0,.2);}
.rolling-x-wrap .item{min-width: 80px;flex-shrink: 0;transition: .2s ease;opacity: .5;cursor: pointer;}
.rolling-x-wrap .item:first-child{margin-left:20px;}
.rolling-x-wrap .item.active, .rolling-x-wrap .item:hover{opacity: 1!important;}
.rolling-x-wrap .item>button{padding: 0 10px;width: 100%;height: 100%;flex-direction: column;background-color: unset;display:flex;align-items: center;justify-content: center;vertical-align: middle;}
.rolling-x-wrap .item>button .sports-icon{width:21px;height:21px;}
.rolling-x-wrap .item>button .name{color: #fff;margin-top:5px;transition: .2s ease;}
.sports .games .search-wrap .search{background-color: var(--g-div-background);margin-bottom: 10px;}
.sports .games .sort-wrap{height: 40px;display:flex;flex-direction: row;align-items: center;margin-bottom: 10px;flex-shrink: 0;justify-content: space-between;}
.sports .games .sort-wrap .sort{margin-right:10px;}
.sports .games .sort-wrap button{padding:0;}
.sports .games .sort-wrap button i{margin-right:5px;}
.sports .games .sort-wrap button.active, .sports .games .sort button:hover{color:var(--g-active-color)}
.sports .games .sort-wrap .refresh{background-color: var(--g-div-background);width: 40px; height: 40px;}
.sports .games .sort-wrap .refresh i{margin:0;}
.sports .games .view{height: 40px;padding: 10px;background-color: var(--g-div-background);border-bottom: 1px solid rgba(0,0,0,.2);display:flex;flex-direction: row;align-items: center;justify-content: space-between;}
.sports .games .view button.active, .sports .games .view button:hover{color:var(--g-active-color)}

.match-list{min-height: 300px;/*overflow-x: hidden;scroll-behavior: smooth;flex-grow: 1;flex-shrink: 0;*/}
.match-list .match-title{padding:13px 10px 0 10px;border-bottom: 1px solid rgba(0,0,0,.2);height: 40px;background-color: var(--g-div-background);}
.match-list .match-title .league{float:left;}
.match-list .match-title .time{float:right;}
.match-list .match-title .league img{width:18px;margin-right: 3px;vertical-align: middle;}
.match-list .match-title .time i{margin-right:5px;}

.match-list .match{height:62px;border-bottom: 1px solid rgba(0,0,0,.2);transition: .2s ease;cursor: pointer;background-color: var(--g-match-background);}
.match-list .match:last-child{/*border-bottom:unset;*/}
.match-list .match:hover .team-wrap, .match-list .match.active .team-wrap{background-color: var(--g-input-background);}
.match-list .match .team-wrap{width: 50%;height: 100%;float:left;padding: 0 10px;transition: .2s ease;border-right: 1px solid rgba(0,0,0,.2);position: relative;}
.match-list .match .team-wrap .team{width: calc(100% - 30px);line-height: 24px;height: 100%;float:left;padding-top: 6px;}
.match-list .match .team-wrap .team>div{    overflow-x: auto;}
.match-list .match .team-wrap .team>div img{vertical-align:middle;margin-right: 5px;height:14px;}
.match-list .match .team-wrap .game-count{width: 30px;color: var(--g-active-color);position: absolute;right: 0;bottom: 6px;}
.match-list .match.active .team-wrap .game-count{opacity:1;}
.match-list .match .bet{width: 50%;height:100%;float:right;}
.match-list .match .bet .no-game{border-right: 1px solid #1a1a1a;display: block;line-height: 60px;text-align: center;width: 100%;}
.match-list .asian .match .bet .no-game{line-height:40px;}
.match-list .match .bet>div{width: 100%;height:100%;}
.match-list .match .bet .bet-detail .button{position: relative;height: 100%;float:left;background-color: var(--g-input-background);border:1px solid transparent;cursor: pointer;border-right: 1px solid rgba(0,0,0,.2);line-height: 16px;}

.match-list .match .bet .bet-detail .button.draw{width:70px;}
.match-list .match .bet .bet-detail .button.home,
.match-list .match .bet .bet-detail .button.away{width:calc( (100% - 70px)/2 )  }


.match-list .match .bet .bet-detail div.button.draw{padding: 25px 0 0 0;text-align: center;}
.match-list .asian .match .bet .bet-detail div.button.draw{padding: 12px 0 0 0;text-align: center;}
.match-list.internal .match .bet .bet-detail div.button.draw{padding: 14px 0 0 0;text-align: center;}
.inplay .match-list .match .bet .bet-detail div.button.draw{padding: 37px 0 0 0;text-align: center;}



/*
.match-list .match .bet .bet-detail.windrawloss button{width: 33.33333%;}
.match-list .match .bet .bet-detail.windrawloss.winloss button{width: 50%;}
.match-list .match .bet .bet-detail.handi button{width: 50%;}
.match-list .match .bet .bet-detail.overunder button{width: 50%;}
*/
.match-list .match .bet .bet-detail .button:disabled{border-right: 1px solid rgba(0,0,0,1);}
.match-list .match .bet .bet-detail .button.selectable.active,
.match-list .match .bet .bet-detail .button.selectable:hover{border:1px solid var(--g-active-color) !important;}
.match-list .match .bet .bet-detail .button:disabled:hover{border:1px solid transparent;border-right: 1px solid rgba(0,0,0,1);}
.match-list .match .bet .bet-detail .button.unselectable{border:1px solid transparent;}

.match-list .match .bet .bet-detail .button.selectable span:first-child{opacity: 0.4; font-size: 0.675rem;}

.match-list .match .bet .bet-detail.handi .button .handicap{color:#FFA74D;opacity: 1 !important;}
.match-list .match .bet .bet-detail.overunder .button .over{color: rgb(255, 97, 97);opacity: 1 !important;}
.match-list .match .bet .bet-detail.overunder .button .under{color: rgb(101, 191, 255);opacity: 1 !important;}

.match-list .asian .match{height: auto;}
.match-list .asian .match .bet{width:100%;float:none;/*border-bottom: 1px solid rgba(0,0,0,.2);*/}
.match-list .asian .match .bet .bet-detail{}
.match-list .asian .match .bet .bet-detail .m-title{height: 40px;display:none;background-color: var(--g-div-background);padding-left: 10px;border-bottom: 1px solid rgba(0,0,0,.2);}
.match-list .asian .match .bet .bet-detail .m-title .betname{float:left;padding-top: 16px;}
.match-list .asian .match .bet .bet-detail .m-title button{background:transparent;float:right;width: 50%;text-align: right;}
.match-list .asian .match .bet .bet-detail .m-title button span{opacity:1;}
.match-list .asian .match .bet .bet-detail .m-title button:hover{border:1px solid transparent;}
.match-list .asian .match .bet .bet-detail .btn-wrap{height: 40px;}
.match-list .asian .match .bet .bet-detail .btn-wrap .bet-list{width: calc(100% - 40px);height: 100%;float:left;}
.match-list .asian .match .bet .bet-detail .btn-wrap .game-count{height: 100%;width: 40px;float:right;/*border-left: 1px solid rgba(0,0,0,.2);*/}

.match-list .asian .match .bet .bet-detail .btn-wrap .game-count button{background:transparent;}
.match-list .asian .match .bet .bet-detail .btn-wrap .game-count button:hover,
.match-list .asian .match .bet .bet-detail .btn-wrap .game-count button.active{border:1px solid var(--g-active-color);color:var(--g-active-color);transition: .2s ease;}
.match-list .asian .match .bet .bet-detail .btn-wrap .game-count button:disabled:hover{border:1px solid transparent;}
.match-list .asian .match .bet .bet-detail .btn-wrap .game-count button span{opacity:1;}

.match-list .asian .match .bet .bet-detail .btn-wrap button{}
.match-list .asian .match .bet .bet-detail .btn-wrap .button .name {float:left;width: calc(100% - 40px);overflow-x: auto;overflow-y: hidden;text-align: left;}
.match-list .asian .match .bet .bet-detail .btn-wrap .button .rate{float:right;}

.match-list .asian .match .bet .bet-detail .btn-wrap .button.away .name{float:right;}
.match-list .asian .match .bet .bet-detail .btn-wrap .button.away .name .teamname{text-align:right;}
.match-list .asian .match .bet .bet-detail .btn-wrap .button.away .rate{float:left;}

/*.match-list .asian .match .bet .bet-detail .btn-wrap .button span:first-child{float:left;}
.match-list .asian .match .bet .bet-detail .btn-wrap .button span:last-child{float:right;}
*/
.match-list .asian .match .bet .bet-detail .btn-wrap .button span{opacity:1;}

.bonus.bet{display:flex;width:100%;height:45px;background-color: var(--g-input-background);}
.bonus.bet button{display:flex;width: 100%;align-items: center;justify-content: space-between;border: 1px solid transparent;border-right: 1px solid rgba(0,0,0,.2);}
.bonus.bet button.active, .bonus.bet button:hover{border: 1px solid var(--g-active-color) !important;}
.bonus.bet button:last-child{border-right:none;}

.sports .detail-view{display:block;}

.sports .markets{width: 100%;padding: 10px 10px 30px 5px;;height: 100%;border-left: 1px solid hsla(0,0%,100%,.03);}

.sports .markets .header{/*height: 40px;display: flex;align-items: center;margin-bottom: 10px;*/}
.sports .markets .header .back{display:none;height: 40px;flex-shrink: 0;margin-right:10px;background-color: var(--g-div-background);}
.sports .markets .header .back i{margin-right:5px;}
.sports .markets .header .league-detail{background-color: var(--g-div-background);display: flex;align-items: center;overflow: hidden;}
.sports .markets .header .league-detail .event,
.sports .markets .header .league-detail .league{margin: 0 auto;padding: 0 20px;display: inline-block!important;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;word-wrap: normal;}
.sports .markets .header .league-detail .event img{width: 16px;height: 16px;margin-right:5px;vertical-align: top;}
.sports .markets .header .league-detail .dia{width: 2px;height: 40px;margin: 0 1rem;background: hsla(0,0%,100%,.15);transform: skew(-20deg);padding: 0!important;}
.sports .markets .header .league-detail .league{}
.sports .markets .header .league-detail .league img{height: 14px;margin-right:5px;vertical-align: bottom;}

.sports .markets .match-detail{margin-bottom: 10px;padding: 10px;background-color:var(--g-div-background);display:flex;align-items: center;}
.sports .markets .match-detail .time{margin-right:10px;}
.sports .markets .match-detail .time i{margin-right:5px;}
.sports .markets .match-detail img{height:16px;vertical-align:middle;margin-right:5px;}
.sports .markets .match-detail .vs{color:var(--g-active-color);margin:0 10px;}

.sports .markets .widget{background-color: var(--g-div-background);display: block;}
.iframe-view{overflow:hidden;width: 100%;max-width: 830px;margin: 0 auto;}

.sports .markets .market-select{padding: 0 10px;height: 40px;display:flex;flex-direction:row;flex-shrink: 0;align-items: center;
    background-color: var(--g-div-background);margin-top: 10px;margin-bottom: 10px;position: relative;    }
.sports .markets .market-select .market-type{height: 30px;display:flex;flex-direction:row;align-items: center;scroll-behavior: smooth;}
.sports .markets .market-select .market-type span{height: 100%;align-items: center;display: flex;justify-content: center;margin-right: 5px;cursor: pointer;}
.sports .markets .market-select .market-type span button{height: 100%;padding: 0 20px;align-items: center;background: transparent;}

.sports .markets .market-select .market-type span.active button,
.sports .markets .market-select .market-type span:hover button{color:var(--g-active-color)}

.markets .market .market-part{/*border-bottom: 1px solid #1a1a1a;*/}
.markets .market .market-part .market-title{color: var(--g-active-color);background-color: var(--g-div-background);width: 100%;height: 40px;display: flex;align-items: center;padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.2);}
.markets .market .bet{display:flex;flex-direction:row;border-bottom: 1px solid #1a1a1a;background-color: rgb(44,44,44,0.3);}
.markets .market .bet .button{background-color: var(--g-input-background);width: 100%;height: 40px;display: flex;align-items: center;justify-content: space-between;border: 1px solid transparent;border-left: 1px solid #1a1a1a;}
.markets .market .bet .button:first-child{border-left: 1px solid transparent;}
/*.markets .market .bet button:nth-child(2n){border-left: 1px solid #1a1a1a;}
.markets .market .bet button:nth-child(3n+2){border-left: 1px solid #1a1a1a;border-right: 1px solid #1a1a1a;}*/
.markets .market .bet .button.selectable.active,
.markets .market .bet .button.selectable:hover{border:1px solid var(--g-active-color) !important;}
.markets .market .bet .button.unselectable{border:1px solid transparent;border-right: 1px solid #1a1a1a;}

.markets .market .bet.correct{display:grid;grid-template-columns: repeat(3,1fr);}
.markets .market .bet.correct button{border-bottom:1px solid var(--g-background-color);}

.markets .market .bet.wdlunover{display:grid;grid-template-columns: repeat(2,1fr);}
.markets .market .bet.wdlunover button{border-bottom:1px solid var(--g-background-color);}

.markets.bbs{background-color: var(--g-match-background);padding: 10px;}
.markets.bbs .market .market-part.win{border:1px solid rgb(255, 97, 97);}
.markets.bbs .market .market-part .bet span.win{color: var(--g-active-color);opacity: 1;background-color: rgb(44,44,44,1);}

.markets.bbs .market .market-part .market-title{color:#fff;height:25px;/*opacity:0.6;*/}
.markets.bbs .market .market-part .market-title span{margin-right:5px;}
.markets.bbs .market .market-part .market-title span i{margin-right:5px;}
.markets.bbs .market .bet>span{/*opacity: 0.3;background-color: var(--g-input-background);*/width: 100%;display: flex;align-items: center;justify-content: center;border-right: 1px solid #1a1a1a;}
.markets.bbs .market .bet span.draw{width:50px;flex-shrink: 0;}
.markets.bbs .market .bet span.other{width:50px;flex-shrink: 0;opacity: 1;}
.markets.bbs .market .bet span.other.bet{width:60px;}

.markets.bbs .market .market-part .bet.bonus,
.markets.bbs .market .market-part .bet.mini,
.markets.bbs .market .market-part .bet.vtl{height:35px;}
.markets.bbs .market .market-part .bet .team{flex-direction: column;padding: 5px 0;}
.markets.bbs .market .market-part .bet .team .score{font-size: 19px;opacity:0.3;}
.markets.bbs .market .market-part .bet .team .name{opacity:1;}

.markets.bbs .market .bet span.win.draw, 
.markets.bbs .market .market-part .bet .team.win .score{opacity:1;}

.markets.bbs .market .bet span.handicap{color: #FFA74D;}
.markets.bbs .market .bet span.over{color: rgb(255, 97, 97);}

/*.sports.internal .games .match-list .asian .match .bet .bet-detail .btn-wrap .bet-list{width:100%;}*/
.match-list.internal{margin-bottom: 40px;}
.match-list.internal .match .bet{}
.match-list.internal .match .bet .bet-detail{border-bottom:1px solid #1a1a1a;height: 46px;}
.match-list.internal .match .bet .bet-detail.one{height:65px;}
.match-list.internal .match .bet .bet-detail.one div.button.draw{padding:25px 0 0 0;}
.match-list.internal .match .bet .bet-detail:last-child{border-bottom:none;}
.match-list.internal .modern{font-size: 0;}
.match-list.internal .modern, .match-list.internal .asian{width:100%;height:100%;}
.match-list.internal .modern .match{height: 100%;display: inline-block;width: 100%;font-size: .75rem;position: relative;}
.match-list.internal .modern .match .team-wrap{width:40%;height: 100%;position: absolute;}
.match-list.internal .modern .match .team-wrap .team{width: 100%;height: auto;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 10px 0 0px;}
.match-list.internal .modern .match .bet{/*width:60%;*/    width: 100%;height: 100%;padding-left: 40%;min-height: 45px;}
.match-list.internal .match .bet .bet-detail button{min-height:45px;}
.match-list.internal .asian .match{height:auto;}
.match-list.internal .asian .match .bet .bet-detail .btn-wrap{height:45px;}
.match-list.internal .asian .match .bet .bet-detail .btn-wrap .bet-list{width:100%}
.match-list.internal .asian .match .bet{border-bottom: none;}
.match-list.internal .asian .match .bet:last-child{border-bottom:none;}
.match-list.internal .asian .match .bet .bet-detail button .name{float: left;width: calc(100% - 40px);text-align: left;overflow-x: auto;overflow-y:hidden;}
.match-list.internal .asian .match .bet .bet-detail button .name .teamname{display: inline-block;float: left;width: 100%;}
.match-list.internal .asian .match .bet .bet-detail button .name .teamname span:last-child {float: none;}
/*.match-list.internal .asian .match .bet .bet-detail button .rate{float:right;}*/

.sports.inplay .games .match-list{display:table;}
.sports.inplay .games .match-list .match-title{border-bottom: 1px solid rgba(0,0,0,.2);background-color: var(--g-inplay-title-background);clear: both;}
.sports.inplay .games .match-list .match-title .league{float:left;}
.sports.inplay .games .match-list .match-title .time{float:right;}
.sports.inplay .games .match-list .match{height:88px;}
.sports.inplay .games .match-list .match .bet .no-game{line-height:88px}
.sports.inplay .games .match-list .match .team-wrap{padding:5px 10px;}
.sports.inplay .games .match-list .match .team-wrap .live{display:flex;flex-direction:row;justify-content: space-between;}
.sports.inplay .games .match-list .match .team-wrap .live .team{}
.sports.inplay .games .match-list .match .team-wrap .live .score{display: flex;flex-direction: column;line-height: 24px;color: rgb(101, 191, 255);}
.sports.inplay .games .match-list .match .team-wrap .live-info{padding:5px 0;position: relative;}
.sports.inplay .games .match-list .match .team-wrap .live-info .game-info span:first-child{margin-right:5px;}
.sports.inplay .games .match-list .match .team-wrap .live-info .game-info span:first-child i{margin-right:5px;}
.sports.inplay .games .match-list .match .team-wrap .live-info .game-info span:last-child{color:rgb(101, 191, 255);}
.sports.inplay .games .match-list .match .team-wrap .live-info .game-count{bottom: 5px;right: -18px;}
.sports.inplay .games .match-list .match:hover .team-wrap .live-info .game-count{opacity:1}

.sports.inplay .games .match-list .match .bet .bet-detail button .changed{position: absolute;bottom: 8px;font-size:10px;opacity:.8;animation:blink-text 1s linear infinite}
@keyframes blink-text{0%{opacity:1}20%{opacity:.8}30%{opacity:.6}40%{opacity:.4}50%{opacity:.2}60%{opacity:0}70%{opacity:.2}80%{opacity:.4}90%{opacity:.6}98%{opacity:.8}to{opacity:1}}

.contents.small .list-view{width:40%;padding-right: 5px;border-right: 1px solid rgba(0,0,0,.2);}
.contents.small .detail-view{width:60%;padding:0px;border-left: 1px solid hsla(0,0%,100%,.03);display:flex;}

.contents.half .list-view{width:50%;padding:0 5px 0 0;border-right: 1px solid rgba(0,0,0,.2);}
.contents.half .detail-view{width:50%;padding:0 5px;border-left: 1px solid hsla(0,0%,100%,.03);display:flex;}

.board-wrap{width: 100%;height: 100%;padding-bottom: 10px;}
.board-wrap .board-list{padding-bottom: 80px;}
.board-wrap .board-list .item{border-bottom: 1px solid rgba(0,0,0,.2);display: flex;flex-direction:row;width: 100%;background-color: var(--g-match-background);
    padding: 10px;transition: .2s ease;cursor: pointer;}
.board-wrap .board-list .item.active,
.board-wrap .board-list .item:hover,
.board-wrap .board a:hover{box-shadow: inset 2px 0 #ffcf00;background-color: var(--g-input-background);}
.board-wrap .board-list .item{}
.board-wrap .board-list .item .part{opacity:0.6;display: flex;align-items: center;margin-right: 10px;}
.board-wrap .board-list .item .title{height: 30px;display: flex;flex-direction: row;align-items: center;}
.board-wrap .board-list .item .time{opacity:0.4}
.board-wrap .board-view{padding-bottom: 80px;}
.board-wrap .board-view .part,
.board-wrap .board-view .title-wrap{opacity:0.6;height: 45px;background-color: var(--g-div-background);padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.2);    align-items: center;display: flex;}
.board-wrap .board-view .title-wrap{display:flex;flex-direction:row;border-top: 1px solid hsla(0,0%,100%,.03);}
.board-wrap .board-view .title-wrap.title{opacity:1;}
.board-wrap .board-view .title-wrap .summary{margin-right:5px;opacity:1}
.board-wrap .board-view .title-wrap .title{}
.board-wrap .board-view .board-conts{padding: 10px;background-color: var(--g-match-background);border-top: 1px solid hsla(0,0%,100%,.03);    border-bottom: 1px solid hsla(0,0%,100%,.02);}
.board-wrap .board-view .board-conts table{width:100%;height:100%;border:none;}
.board-wrap .board-view .board-conts table tr td{text-align: unset;}
.board-wrap .board-view .board-conts table tr td img{width:100% !important;}
.board-wrap .board-view .board-reply{background: var(--g-input-background);}

.list-view.history .board-view{padding-bottom:10px;}

.board-wrap .board-view.notice{}
.board-wrap .board-view.notice .board-conts .title{color:var(--g-active-color);font-size:13px;margin:15px 0 5px 0;}
.board-wrap .board-view.notice .board-conts .conts{line-height:18px;margin:0;padding:0;}
.board-wrap .board-view.notice .board-conts .conts p{}
span.aqua{color: #00ffff;}
.board-wrap .board-view.notice .board-conts .conts strong{color: var(--g-active-color);font-weight:bold;}
.board-wrap .row-conts{background-color: var(--g-match-background);height: 45px;display: flex;align-items: center;padding: 0 10px;border-bottom: 1px solid rgba(0,0,0,.2);}

.board-wrap .board-write{}
.board-wrap .board-write>.title{border-bottom: 1px solid rgba(0, 0, 0, 0.2);height:40px;background-color: var(--g-div-background);}
.board-wrap .board-write>.editr-content{min-height: 150px;padding: 12px 8px 16px;line-height: 1.33;font-family: inherit;color: inherit;overflow-y: auto;
    background-color: var(--g-match-background);flex-direction: column;height: 300px;width: 100%;border: none;margin-bottom:10px;}
.board-wrap .board-write>.editr-content:before{color:#afafaf!important}
.board-wrap .board-write input{width: 100%;height: 40px;background-color: var(--g-div-background);padding: 0 10px;}
.board-wrap .board-write>.bottom{margin-bottom:10px;display:flex;padding-bottom: 50px;}
.board-wrap .board-write>.bottom button{height: 30px;background-color: var(--g-match-background);margin-right: 10px;}

.board-bet{padding-bottom:10px;}

.board-wrap .board-comment{background: var(--g-input-background);}
.board-wrap .board-comment .comment{display: flex;flex-direction: row;border-bottom: 1px solid #1a1a1a;opacity: 0.6;padding-bottom: 10px;}
.board-wrap .board-comment .comment .writer{display: flex;flex-direction: column;width: 135px;min-height: 40px;justify-content: center;padding: 10px;padding-right: 0;line-height: 15px;}
.board-wrap .board-comment .comment .writer .btn-mody{margin-top:5px;}
.board-wrap .board-comment .comment .writer .btn-mody button{background: var(--g-match-background);height: 25px;width: 25px;}
.board-wrap .board-comment .comment .conts{display: flex;align-items: center;width: 100%;padding:10px;}
.board-wrap .board-comment .comment-write{padding: 10px;display:flex;}
.board-wrap .board-comment .editr-content{height:100px;border: 1px solid #1a1a1a;padding: 10px;width: 100%;margin-right: 10px;}
.board-wrap .board-comment .comment-write .button{display: flex;align-items: center;justify-content: center;width: 70px;background: #242424;height: 100%;}

.arrow-up{color:rgb(255, 97, 97);}
.arrow-up:before{content:'↑';font-weight: bold;}
.arrow-down{color:rgb(101, 191, 255);}
.arrow-down:before{content:'↓';font-weight: bold;}

.contents.casino{flex-direction:column;align-items: center;}

.normal.tabs-header{display: flex;padding: 10px 0px 10px 0;justify-content: center;}
.normal.tabs-header button{vertical-align: middle;border-radius: 40px 0 0 40px;width: 300px;height: 40px;background-color: #2c2c2c;opacity: .6;transition:.3s ease;}
.normal.tabs-header button:last-child{border-radius: 0 40px 40px 0;}
.normal.tabs-header button.active,
.normal.tabs-header button:hover{opacity: 1;background-color: var(--g-input-background);color: var(--g-active-color);transition:.3s ease;}
.normal.tabs-header button span{margin-left:5px;}
.normal.tabs-content {width:100%;}
.normal.tabs-content .tab-panel{}
.normal.tabs-content .tab-panel>div{}
.normal.tabs-content .tab-panel .grid .game img{transition: .2s ease;}
.normal.tabs-content .tab-panel .grid .game:hover img{transform: scale(1.02);}

.contents.mini .mini-wrap{}
.contents.mini .mini-wrap .view_section{position:relative;}
.contents.mini .mini-wrap .game_view{position: relative;/*padding-top: 41%*/;width: 100%;height: 650px;min-height: 300px;}
.contents.mini .mini-wrap .game_view > iframe {position: absolute;top: 0;left: 50%;width:830px;height: 100%;max-width: 830px;max-height: 640px;height:640px;transform: translatex(-50%);-webkit-transform-origin: 0 0;}
.contents.mini .mini-wrap .mini-info{background-color: var(--g-match-background);}
.contents.mini .mini-wrap .mini-info .mini-title{height: 40px;padding: 0 10px;display:flex;justify-content: space-between;align-items: center;background-color: var(--g-match-background);border-bottom: 1px solid rgba(0,0,0,.2);}
.contents.mini .mini-wrap .mini-info .mini-title>div{display:flex;align-items:center;}
.contents.mini .mini-wrap .mini-info .mini-title>div span{margin-right:5px;}
.contents.mini .mini-wrap .mini-info .mini-title .time_area{color:var(--g-active-color);font-size:15px;}

.contents.mini .mini-wrap .mini-info .market-list{display:flex;}
.contents.mini .detail-view .mini-wrap .tabs-content{min-height:500px;}

.mini-info .match-list{}
.mini-info .match-list .match{width:70%;float: left;display: block;height: 100%;}
.mini-info .match-list .match .bet{border-bottom: 1px solid #1a1a1a;width: 100%;}
.mini-info .match-list .match .bet .bet-detail button{border-right: 1px solid #1a1a1a;padding: 10px 0;}
.mini-info .match-list .match .bet .bet-detail button span{opacity:1;}

.mini-info .match-list .match .bet .bet-detail .button.active,
.mini-info .match-list .match .bet .bet-detail .button:hover{border:1px solid var(--g-active-color) !important;}

.mini-info .match-list .minicart-wrap{width:30%;float: right;}

.minicart.cart .bet-list{/*height:100%;*/min-height: 80px;justify-content: center;}
.minicart.cart .bet-list .bet-list-item{background:transparent;}
.minicart.cart .bet-list .bet-list-item div{display:flex;justify-content: space-between;line-height: 20px;}
.minicart.cart .bet-list .bet-list-item div .minibet{color:rgb(101, 191, 255);}

.virtual .detail-view .league{border-bottom: 1px solid rgba(0,0,0,.2);background-color: var(--g-div-background);height: 40px;align-items: center;display: flex;}
.virtual .detail-view .league button{opacity: 1;padding:0 10px;}
.virtual .detail-view .league button:hover,
.virtual .detail-view .league button.active{color:var(--g-active-color);}
.virtual .detail-view .virtualIframe{text-align:center;margin-top: 30px;}
.markets.vrtl .market-title{justify-content: space-between;}
.markets.vrtl .market-title .game-info .time{opacity:0.6;color:#fff;margin-right:5px;}
.markets.vrtl .market-title .game-info .time i{margin-right:5px;vertical-align:middle !important;}
.markets.vrtl .market-title .game-info .st_game_leg{color:#fff;}
.markets.vrtl .market-title .game-info .st_game_leg img{vertical-align:middle;}

.markets.vrtl .market .bet .button.draw{width: 115px;    justify-content: center;}
.markets.vrtl .market .bet .button.draw .over{color: rgb(255, 97, 97);opacity: 1 !important;}
.markets.vrtl .market .bet .button .over{color: rgb(255, 97, 97);}
.markets.vrtl .market .bet .button .under{color: rgb(101, 191, 255);}

.exchangProgress{width: 100%;border: 1px solid var(--g-active-color);background-image: linear-gradient(to right, #f3ba2f 0%, --g-div-background 0%);padding: 9px 0 9px 7px;border-radius: 8px;margin: 10px 0;}

.attendance{display: flex;flex-direction: column;}
.attendance .today{height: 45px;background-color: var(--g-div-background);border-bottom: 1px solid rgba(0,0,0,.2);display:flex;align-items: center;justify-content: center;flex-shrink: 0;font-size: 13px;}
.attendance .notice{min-height: 100px;padding: 10px;background-color: var(--g-div-background);border-bottom: 1px solid rgba(0,0,0,.2);}
.attendance .calendar-wrap{}
.attendance .calendar-wrap .day,
.attendance .calendar-wrap .calendar{width: 100%;display: grid;grid-gap: 1px;gap: 1px;grid-template-columns: repeat(7,1fr);}
.attendance .calendar-wrap .calendar img{width:50px;}
.attendance .calendar-wrap .calendar span.attend-ok{background: transparent url(/assets/images/ico_attend_ok.png) no-repeat;background-size: 85px;background-position:center center;position: absolute;width: 100%;height: 100%;top: 0;}
.attendance .calendar-wrap .day span{height: 45px;display: flex;align-items: center;justify-content: center;background-color: var(--g-div-background);border-bottom: 1px solid rgba(0,0,0,.2);}
.attendance .calendar-wrap .calendar>div{display:flex;flex-direction:column;padding: 5px;height: 100px;background-color: var(--g-match-background);position:relative;}
.attendance .calendar-wrap .calendar span:nth-child(2){display: flex;flex-grow: 2;align-items: center;justify-content: center;}
.attendance .calendar-wrap .calendar button{padding: 5px;background-color: var(--g-input-background);color: var(--g-active-color);}

.detail-view .board-wrap .board-view .part{justify-content: space-between;}
.detail-view .board-wrap .board-view i{margin-right:5px;}

.board-wrap.casino{padding:0 10px;}

.contents.result{padding:10px;display:flex;flex-direction:column;}
.contents.result .result-view{display:flex;flex-direction:row;height:40px;}
.contents.result .result-view>div{width:100%;align-items: center;justify-content: center;display: flex;}
.contents.result .result-view .type{width:200px;}

.contents.bbs{padding:10px 5px 10px 5px;}

.withdrawWrap{position:relative;}
.withdrawWrap .exRock{position:absolute;width:100%;height:100%;top: 0;left: 0;background:rgba(0,0,0,0.7) url(/assets/images/Lock.png) no-repeat center;background-size: 80px;
z-index: 3;}
.withdrawWrap .exRock._hidden{display:none;}

.setting .pinfo{}
.setting .pinfo>div{width:100%;}

.setting .pwdchange{}
.setting .pwdchange .conts{justify-content: flex-start;padding:10px;}
.setting .pwdchange .conts .button{height:42px;}

.grid{width: 100%;padding: 10px;display: grid;grid-gap: 10px;gap: 10px;grid-template-columns: repeat(6,1fr);}
.grid .item{width:100%;}
.grid .item a{display: block;width: 100%;height: 100%;}
.grid .item a img{transition: .2s ease;width: 100%;}
.grid .item:hover img{transform: scale(1.02);}

.grid.casino{grid-template-columns: repeat(5,1fr);}
.grid.virtusl{grid-template-columns: repeat(3,1fr);padding:10px 320px;}
.grid.minigame{grid-template-columns: repeat(8,1fr);}
.detail-view .grid{padding:0 !important;}

.red{color: rgb(255, 97, 97);}
.blue{color: rgb(101, 191, 255);}
.orange{color:#cc6600;}

.list-view{width: 100%;overflow-x: hidden;overflow-y: auto !important;-webkit-overflow-scrolling: touch;padding-bottom:70px;}
.page-title{margin-bottom: 10px;box-shadow: inset 2px 0 0 0 var(--g-active-color);display: flex;align-items: center;
border-top: 1px solid hsla(0,0%,100%,.03);border-bottom: 1px solid rgba(0,0,0,.2);height: 45px;background-color: var(--g-div-background);padding: 0 10px;    justify-content: space-between;}
.page-title span{opacity: 0.6;}

.list-view.history .board-wrap .board-view .title-wrap{box-shadow: inset 2px 0 0 0 var(--g-active-color);opacity:1}
.list-view.history .board-wrap .board-view .title-wrap span{opacity:0.6}
.list-view.history .board-wrap .board-view .form-view .select-type button.active:before{content: "\f00c";font-family: "FontAwesomePro";margin-right:5px;}
.list-view.history table tbody tr{cursor:pointer;}



.list-view.casinoslot .board-wrap{padding-bottom:0px;}
.list-view.casinoslot .form-btn-wrap{padding-bottom:10px;}


.detail-view{width: 100%;padding: 10px;overflow-x: hidden;overflow-y: auto !important;-webkit-overflow-scrolling: touch;}
.mBack{display: none;margin-bottom: 10px;background: var(--g-background-color);width: 100%;padding-bottom: 5px;}

.mBack>button{width: 120px;height: 40px;opacity: .6;color: #fff;flex-shrink: 0;background-color: var(--g-match-background);}
.mBack>button i{margin-right:5px;}

.detail-view>.header{display:flex;margin-bottom:10px;}
.detail-view>.header>button{width: 120px;height: 40px;opacity: .6;color: #fff;flex-shrink: 0;background-color: var(--g-match-background);}
.detail-view>.header>button i{margin-right:5px;}
.detail-view>.header>button.back{display:none;}
.detail-view>.header .league-detail{background-color: var(--g-div-background);display: flex;align-items: center;overflow: hidden;padding: 0 10px;}

.detail-view.onepage .mBack{display:flex;position: relative;top: 7px;}
.detail-view.onepage{padding-top:0px;}

table{color:#fff;border-spacing:2px}table thead tr{color:#c1c1c1}table tr td,table tr th{padding:0;text-align:center;vertical-align:middle}
.table-wrap{width:100%;}
.table-wrap .title{height:45px;border-bottom:1px solid rgba(0,0,0,.2);background-color:var(--g-div-background);padding:0 10px;display:flex;justify-content: space-between;align-items:center;opacity:0.6}
.table-wrap .table{flex-shrink:0}
.table-wrap .table table{width:100%;text-align:center;border-spacing:0;table-layout:fixed}
.table-wrap .table table thead tr{background-color:var();border-bottom:1px solid rgba(0,0,0,.2)}
.table-wrap .table table thead tr th{font-weight:400;height:45px}
.table-wrap .table table tbody tr{background-color:var(--g-match-background)}
.table-wrap .table table tbody tr.active,
.table-wrap .table table tbody tr:hover{box-shadow: inset 2px 0 #ffcf00;background-color: var(--g-input-background);}
.table-wrap .table table tbody tr td{height:45px;border-bottom:1px solid var(--g-div-background);padding:0 10px;}
.table-wrap .table table tbody tr td.tdleft{text-align:left;}
.table-wrap .table table tbody tr td .reply{padding-left:40px;}
.table-wrap .table table tbody tr td a{display: flex;height: 100%;width: 100%;align-items: center;}
.table-wrap .bottom{display:flex;height:45px;border-bottom:1px solid rgba(0,0,0,.2);background-color:#202020;padding:0 10px}
@media(hover:hover){.table-wrap .bottom .remove{opacity:.7}.table-wrap .bottom .remove:hover{opacity:1;color:#ffcf00}}
.table-wrap .no-data{background-color:var(--g-match-background);height:150px !important;}
.table-wrap .no-data>span{opacity:.6}
.no-data{background-color:var(--g-match-background);padding:75px 0 !important;text-align:center;}

.table.betresult{padding:10px;background-color: var(--g-div-background);margin-bottom: 10px;}
.table.betresult table{width:100%;border-collapse: collapse;}
.table.betresult table thead {height: 40px;}
.table.betresult table tbody{background-color: var(--g-match-background);}
.table.betresult table tr.result td{height: 40px;}
.table.betresult table tbody tr:hover{box-shadow: none;background-color: var(--g-match-background);}
.table.betresult table tbody tr td{border-bottom:none;}
.table.betresult table tbody tr td .button.black {padding:6px;}

.pagination{display: flex;flex-direction: row;align-items: center;height: 40px;justify-content: space-between;position: relative;margin-top: 10px;}
.pagination>div{display:flex;flex-direction: row;align-items:center;}
.pagination .dropdown{background-color: var(--g-input-background);border: 0;outline: 0;padding: 0 10px;border-radius: 0;    height: 40px;display: flex;margin-right:5px;}
.pagination .dropdown button{color:#fff}
.pagination .page span{opacity:0.6;}
.pagination .num{}
.pagination .num .arrow button{background: rgb(44, 44, 44);height: 40px;}

.form-view{display:flex;flex-direction:column;}
.form-view span{text-align:center;}
.form-view>div{display:flex;flex-direction:row;}
.form-view .title{background-color: var(--g-div-background);border-right: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content: center;opacity:0.6;flex-shrink: 0;width: 140px;text-align: center;}
.form-view .conts{background-color: var(--g-match-background);width: 100%;min-height:45px;border-bottom: 1px solid rgba(0,0,0,.2);display:flex;align-items:center;justify-content: center;}
.form-view .help{height: 45px;padding-left: 10px;border-bottom: 1px solid rgba(0,0,0,.2);display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}

.form-view .select-type{display:flex;flex-direction:row;}
.form-view .select-type button{height: 45px;background-color: var(--g-match-background);width: 100%;border-right: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);}
.form-view .select-type button.active, .form-view .select-type button:hover{background-color: var(--g-input-background);color: var(--g-active-color);}
.form-view .select-type button span{align-items: flex-end;}
.form-view .select-type button span i{margin-right:5px;}
.form-view .select-type button span i:nth-child(2){margin-left:5px;}

.form-vertical-wrap{display:flex;flex-direction:column;width: 100%;}
.form-vertical-wrap .amount{display:flex;flex-direction:row;}
.form-vertical-wrap .amount input{width: 100%;background-color: unset;text-align: center;height: 45px;color:var(--g-active-color);}
.form-vertical-wrap .quick-amount-btn button{background-color: transparent;border-top: 1px solid rgba(0,0,0,.2);border-right: 1px solid rgba(0,0,0,.2);width: 100%;height: 45px;}
.form-vertical-wrap .quick-amount-btn button:hover{background-color:var(--g-input-background);color:var(--g-active-color)}
.form-vertical-wrap .quick-amount-btn button:disabled:hover{background-color:unset!important;color:unset!important}

.minicart.cart .form-vertical-wrap .quick-amount-btn button:first-child{border-left:1px solid rgba(0,0,0,.2);}
.minicart.cart .form-vertical-wrap .quick-amount-btn:last-child button{border-bottom:1px solid rgba(0,0,0,.2);}

.form-row-wrap{display:flex;flex-direction:row;height: 45px;}
.form-row-wrap input{width: 100%; height: 100%; background-color: unset; text-align: center;}
.form-row-wrap button{border-left: 1px solid rgba(0,0,0,.2);color: var(--g-active-color);background-color: transparent;width: 33%;}

.btnHover:hover{color:var(--g-active-color)}

.form-btn-wrap{display:flex;flex-direction:row;margin-top:10px;padding-bottom: 80px;}
.form-btn-wrap button{margin-right: 0;background-color: var(--g-match-background);width: 100%;height: 45px;}
.form-btn-wrap button:hover{background-color: var(--g-input-background);}
.form-btn-wrap button:hover>span{opacity:1;color:var(--g-active-color)}}
.form-btn-wrap button span{opacity: .7;}
.form-btn-wrap.two button{opacity:0.7;}
.form-btn-wrap.two button i{margin-right:5px;}
.form-btn-wrap.two button:last-child{margin-left:10px;}

.login .form-btn-wrap.two button{opacity:1;height: 45px;}

.select-wrap{display:flex;flex-direction: column;justify-content: center;align-items: center;    padding: 10px;}
.select-wrap button{border:1px solid transparent;background: var(--g-input-background);display: flex;align-items: center;justify-content: center;width: 100%;padding: 0;margin-bottom: 10px;opacity: .7;transition: .2s ease;}
.select-wrap button .icon-wrap{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-right: 1px solid rgba(0,0,0,.2);}
.select-wrap button .icon-wrap i{display: flex;align-items: center;opacity: .6;transition: .2s ease;}
.select-wrap button .text-wrap{flex-grow: 2;padding: 0 10px;border-left: 1px solid hsla(0,0%,100%,.03);text-align: left;}
.select-wrap button.active, .select-wrap button:hover{border:1px solid var(--g-active-color);opacity:1;}
.select-wrap button.active i, .select-wrap button:hover i{color:var(--g-active-color);opacity:1;}
.select-wrap>button:disabled{opacity: .4;cursor: not-allowed !important;}
.select-wrap>button:disabled.active{box-shadow:0 0 0 1px var(--g-active-color)!important}
.select-wrap>button:disabled.active .icon-wrap i{opacity:1!important;color:var(--g-active-color)!important}


.editr-content:empty:before {
    content: attr(placeholder);
    color: rgba(0,0,0,.3);
    display: block;
}
.editr-content:before {
    color: #afafaf!important;
}

.editr-content {
    min-height: 150px;
    padding: 12px 8px 16px;
    line-height: 1.33;
    font-family: inherit;
    color: inherit;
    overflow-y: auto;
}

.editr-content {
    background-color: #242424;
    flex-direction: column;
    height: 300px;
}



@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-moz-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-webkit-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@-o-keyframes rotate-loading {
    0%  {transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
    100% {transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}

@keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-moz-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-webkit-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

@-o-keyframes loading-text-opacity {
    0%  {opacity: 0}
    20% {opacity: 0}
    50% {opacity: 1}
    100%{opacity: 0}
}

.cmnLoading {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 2000;display:none;    background: rgba(0,0,0,0.5);}
.cmnLoading .wrap {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 120px;height: 120px;}    

.cmnLoading .wrap .spinner {
    width: 120px;
    height: 120px;
    border: 2px solid transparent;
    border-color: transparent var(--g-active-color) transparent var(--g-active-color);
    border-radius: 100%;
    -moz-animation: rotate-loading 1.5s linear 0s infinite normal;
    -o-animation: rotate-loading 1.5s linear 0s infinite normal;
    -webkit-animation: rotate-loading 1.5s linear 0s infinite normal;
    animation: rotate-loading 1.5s linear 0s infinite normal;
}

.cmnLoading:hover .wrap .spinner {border-color: transparent #E45635 transparent #E45635;}
.cmnLoading:hover .wrap .spinner,
.cmnLoading .wrap .spinner {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.cmnLoading .wrap .text {
    -moz-animation: loading-text-opacity 2s linear 0s infinite normal;
    -o-animation: loading-text-opacity 2s linear 0s infinite normal;
    -webkit-animation: loading-text-opacity 2s linear 0s infinite normal;
    animation: loading-text-opacity 2s linear 0s infinite normal;
    color: #ffffff;
    font-family: "Helvetica Neue, "Helvetica", ""arial";
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    margin-top: 48px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 120px;
}

.cmnLoading .wrap .text img{width:70%;}