/* main slide */

/* navi */
.scrNavi {width:100%;height:50px;margin: 10px 0;}
.scrNavi ul{white-space:nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;text-align:center;background: #141414;}
.scrNavi ul::-webkit-scrollbar {display: none;}
.scrNavi li:first-child {margin-left: 0;}
.scrNavi li{box-sizing: border-box;display:inline-block;width: calc(33.33% - 4px);font-size: 15px;color: #fff;height: 50px;line-height: 50px;background: #141414;border: 1px solid #777;margin-left: 5px;}
.scrNavi a {display: flex;align-items: center;justify-content: center;gap: 10px;}

.navi li span {color: #fff;font-size: 13px;}
.navi li em {display: block;width: 30px;height: 30px;}
.navi .all {background: url(../assets_mobile/img/all_off.svg) no-repeat;background-position: center;}
.navi .live {background: url(../assets_mobile/img/live_off.svg) no-repeat;background-position: center;}
.navi .hotel {background: url(../assets_mobile/img/hotel_off.svg) no-repeat;background-position: center;}
.navi .slot {background: url(../assets_mobile/img/slot_off.svg) no-repeat;background-position: center;}
.navi .hotelslot {background: url(../assets_mobile/img/hotelSlot_off.svg) no-repeat;background-position: center;}
.navi .sport {background: url(../assets_mobile/img/sports_off.svg) no-repeat;background-position: center;}
.navi .mini {background: url(../assets_mobile/img/mini_off.svg) no-repeat;background-position: center;}

.navi .esport {background: url(../assets_mobile/img/e_sports.png) no-repeat;background-size: 40px;background-position: 30px 10px;}
.navi .vir {background: url(../assets_mobile/img/virtualgame.png) no-repeat;background-size: 40px;background-position: 30px 10px;}
.navi .fish {background: url(../assets_mobile/img/fishinggame.png) no-repeat;background-size: 40px;background-position: 30px 10px;}
.navi .rot {background: url(../assets_mobile/img/rotary.png) no-repeat;background-size: 40px;background-position: 30px 10px;}

.navi .on .all {background: url(../assets_mobile/img/all_on.svg) no-repeat;background-position: center;}
.navi .on .live {background: url(../assets_mobile/img/live_on.svg) no-repeat;background-position: center;}
.navi .on .hotel {background: url(../assets_mobile/img/hotel_off.svg) no-repeat;background-position: center;}
.navi .on .slot {background: url(../assets_mobile/img/slot_on.svg) no-repeat;background-position: center;}
.navi .on .hotelslot {background: url(../assets_mobile/img/hotelSlot_on.svg) no-repeat;background-position: center;}
.navi .on .sport {background: url(../assets_mobile/img/sports_on.svg) no-repeat;background-position: center;}
.navi .on .mini {background: url(../assets_mobile/img/mini_on.svg) no-repeat;background-position: center;}
.navi .on span {color: #fff;}
.navi .on {background: #e5972d;box-sizing: border-box;border: 1px solid #e5972d;color: #000;}

.gamewrap {max-width: 375px;margin: 0 auto;padding: 2px 10px 80px;overflow: hidden;}
.gamewrap li {position: relative;margin: 0 0 10px;border: 1px solid #777;box-sizing: border-box;float: left;width: calc(50% - 5px);}
.gamewrap li:nth-child(even) {margin-left: 10px;}
.gamewrap li img {width: 100%;height: 200px;object-fit: cover;object-position: center;}
.gamewrap .name {position: absolute;left: 0;bottom: 0;font-size: 14px;color: #fff;background-color: rgba( 0, 0, 0, 0.9 );width: 100%;margin-top: -5px;height: 40px;display: flex;align-items: center;justify-content: center;}
.gamewrap .name em {display: none;margin-top: 8px;font-size: 12px;font-weight: normal;}
.name em.casino {color: #dc4a42;}
.name em.slot {color: #f4d03b;}
.name em.hotelSlot {color: #2f8a29;}
.name em.hotel {color: #fc7c30;}
.name em.sport {color: #244694;}
.name em.minigame {color: #693290;}
.gamewrap a {font-size: 12px;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
/*.gamewrap .evol a {background: #4eb2ba;}
.gamewrap .ag a {background: #3384ca;}
.gamewrap .pp a {background: #d03ab7;}
.gamewrap .dg a {background: #e39e90;}
.gamewrap .sg a {background: #db4a4a;}
.gamewrap .bg a {background: #e3ba3c;}
.gamewrap .ks a {background: #7bd26a;}
.gamewrap .lb a {background: #e3ba3c;}
.gamewrap .com a {background: #3384ca;}
.gamewrap .sp a {background: #e39e90;}
.gamewrap .mx a {background: #a898ee;}
.gamewrap .pb a {background: #d03ab7;}
.gamewrap .pl a {background: #3384ca;}
.gamewrap .sk a {background: #e39e90;}
.gamewrap .kl a {background: #e3ba3c;}
.gamewrap .kk a {background: #7bd26a;}
.gamewrap .kf a {background: #3384ca;}
.gamewrap .casino a {background: #dc4a42;}
.gamewrap .slot a {background: #f4d03b;}
.gamewrap .hotelSlot a {background: #2f8a29;}
.gamewrap .hotel a {background: #fc7c30;}
.gamewrap .sport a {background: #244694;}
.gamewrap .minigame a {background: #693290;}*/
