@charset "UTF-8";

#main_logo { content:url(/images/lobby/common/logo.png);}
.fav-on {content: url(/images/lobby/common/w_favorite_add_on.svg);}
.fav-off {content: url(/images/lobby/common/w_favorite_add.svg); position: absolute;top: 5px; right: 0}
.plus {display: none;}
.wrap { width: 100%; min-height: 1111px; background: #161616 url(/images/lobbyNew/main_bg.png); background-size: cover; background-position: center 80px; background-repeat: no-repeat; background-attachment: fixed; background-size: 1920px; position: relative;}
.wrap .top { width: 100%; height: 80px; background: #111e4b; }
.wrap .top .inner { display: flex; margin: 0 auto; width: 1140px; height: 80px; justify-content: space-between; align-items: stretch; }
.wrap .top .inner .item .logo { padding-top: 13px; box-shadow: 2px 2px px 0px rgba(0, 0, 0, 0.75); text-shadow: 2px 2px px rgba(0, 0, 0, 0.75); cursor: pointer;}
.wrap .top .inner .item .nav { }
.wrap .top .inner .item .nav ul { overflow:hidden; }
.wrap .top .inner .item .nav ul li { float: left; font-weight: 500; line-height: 80px; box-sizing: border-box; }
.wrap .top .inner .item .nav ul li a { display:block; padding: 0 8px; letter-spacing: -0.5px; color: #fff; }
.wrap .top .inner .item .nav ul li a:hover { color: #20a3fc; }
.wrap .top .inner .item .nav ul li a.on { background: #20a3fc; color: #fff; }
.wrap .top .inner .item .nav ul li a:hover.on { background: #20a3fc; }
.wrap .top .inner .item .search { display: inline-block; margin-top: 20px; margin-right: 6px; width: 42px; height: 42px; border-radius: 10px; background: #111e4b; text-align: center; }
.wrap .top .inner .item .search img { margin-top: 9px; width: 24px; }
.wrap .top .inner .item .search:hover { display: inline-block; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; cursor: pointer; }
.wrap .top .inner .item .search a { display: block; height: inherit; }
.wrap .top .inner .item .search a.on { display: inline-block; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; cursor: pointer; }
.wrap .top .inner .item .filter { display: inline-block; position: relative; margin-top: 20px; padding-left: 0; width: 100px; height: 42px; border:2px solid #20a3fc; border-radius: 10px; font-weight: 500; line-height: 36px; background: #111e4b; text-align: left; color: #fff; box-sizing: border-box; }
.wrap .top .inner .item .filter img { position: absolute; top: 50%; right: 10px; margin-top: -4px; width: 15px; color: #fff; }
.wrap .top .inner .item .filter:hover { padding-left: 0; width: 100px; height: 42px; border-radius: 10px; border: 2px solid #20a3fc; background: #20a3fc; box-sizing: border-box; }
.wrap .top .inner .item .filter:hover img { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; }
.wrap .top .inner .item .filter:active img { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; }
.wrap .top .inner .item .filter a { display:block; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; transition: all 0s ease; }
.wrap .top .inner .item .filter a.on { display: block; margin: -2px 0 0 -2px; padding-left: 0; width: 100px; height: 42px; border-radius: 10px; border: 2px solid #20a3fc; background: #20a3fc; box-sizing: border-box; }
.wrap .top .inner .item .filter a.on img { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; }
.wrap .top .inner .item .filter a span { display: inline-block; padding-left: 12px; }
.wrap .top .inner .item .filter a:active { color: #fff; }
.wrap .top .inner .item .m_search { display: none; }
.wrap .top .inner .item .m_filter { display: none; }
.wrap .open .open_inner .m_brand { display: none; }
.wrap .open .open_inner .m_cate { display: none; }
.wrap .middle .desktop { display: block; }
.wrap .open { display: none; position: relative; margin: 0 auto; width:1140px; }
.wrap .open .open_inner { position: absolute; top: 9px; left: -1px; z-index: 2;  width:1141px; height: 840px;border:3px solid #1a6092; background:rgba(0,0,0,.5) url(/images/lobbyNew/menu_bg.png) -2px -5px; background-size: 105% 105% !important; background-repeat: no-repeat; box-sizing: border-box; border-radius:10px;}
.wrap .open .open_inner p.tl { margin: 0 auto;border-bottom:1px solid #404040;height:61px; font-size:20px; font-weight: normal; line-height:61px; text-align: center;color: #fff; background: linear-gradient( 
0deg, rgb(17 30 75) 0%, rgb(0 0 0 / 0%) 100%)}
.game-type-title { margin: 0 auto;border-bottom:1px solid #404040;height:61px; font-size:20px; font-weight: normal; line-height:61px; text-align: center;color: #fff; background: linear-gradient( 
0deg, rgb(23 45 72) 0%, rgb(0 0 0 / 0%) 100%)}
.wrap .open .open_inner .brand { margin-bottom: 20px; width: 100%; }
.wrap .open .open_inner .brand ul { overflow: hidden; }
.wrap .open .open_inner .brand ul li { position: relative; float: left; padding-top: 20px; padding-right: 20px; }
.wrap .open .open_inner .brand ul li .tit { position: absolute; bottom: 24px; width: 228px; font-weight: 500; text-align: center; color: #bbb; }
.wrap .open .open_inner .cate { margin: 20px auto; width: 100%;text-align: center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 50px;}
.wrap .open .open_inner .cate ul { overflow: hidden;display:flex;flex-wrap: wrap;justify-content: center; flex-direction: row; align-items: center; }
.wrap .open .open_inner .cate ul li {flex:1 0 15.5%;align-self:center;margin:3px;}
.wrap .open .open_inner .cate ul li a{height: 80px;    display: block;}

.wrap .open .open_inner .line { height: 1px; background: #444; box-sizing: border-box;width:98%;margin:0 auto; }
.wrap .open .open_inner .btn_area { margin: 15px auto 0; width: 100%; font-size: 16px; font-weight: 500; text-align: center;     display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.title_icon {
    float: left;
    padding: 8px;
    border-radius: 50%;
    margin-right: 5px;
}
.wrap .open .open_inner .btn_area a{flex: 0 0 20%;display:flex;height: 80px;text-align: center; color: #ddd;width: 100%; margin:3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;    flex-direction: row;
    justify-content: center; align-items: center;border-radius:5px;border:1px solid #363636;}
.wrap .open .open_inner .btn_area a i{height: 45%;opacity:1;margin-right: 10px;}
.wrap .open .open_inner .btn_area a strong{opacity: .6;font-weight: 500;font-size: 14px;}
.wrap .open .open_inner .btn_area a i img{height: 100%;}
.wrap .open .open_inner .btn_area a.on i,.wrap .open .open_inner .btn_area a.on strong{opacity: 1;}
.wrap .open .open_inner .btn_area a:hover i,.wrap .open .open_inner .btn_area a:hover strong{opacity: 1;}
.wrap .open .open_inner .btn_area .menu_btn_01 {background: linear-gradient(180deg, rgb(54 17 17 / 68%) 0%, rgb(181 91 91) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_01:hover{background: linear-gradient(360deg, rgb(64 23 23 / 90%) 0%, rgb(187 78 78) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_01:active {background: linear-gradient(360deg, rgb(64 23 23 / 90%) 0%, rgb(187 78 78) 100%); }
.wrap .open .open_inner .btn_area .menu_btn_02 {background:linear-gradient(180deg, rgb(24 22 12 / 34%) 0%, rgb(163 129 69) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_02:hover {background:linear-gradient(360deg, rgb(74 60 20 / 90%) 0%, rgb(195 138 33) 100%)}
.wrap .open .open_inner .btn_area .menu_btn_02:active {background:linear-gradient(360deg, rgb(74 60 20 / 90%) 0%, rgb(195 138 33) 100%)}
.wrap .open .open_inner .btn_area a { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; }
.wrap .middle { width: 100%; height: auto; padding-bottom: 10px}
.wrap .middle .slider { margin: 0 auto; width: 1140px; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item { height: 330px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev, 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); margin-left: -530px; background-color: transparent; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-left: 530px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev img:nth-child(1) { display: inline-block; } 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev img:nth-child(2) { display: none; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next img:nth-child(1) { display: inline-block; } 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next img:nth-child(2) { display: none; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev:active img:nth-child(1) { display: none; } 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev:active img:nth-child(2) { display: inline-block; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next:active img:nth-child(1) { display: none; } 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next:active img:nth-child(2) { display: inline-block; }
.wrap .middle .slider > .owl-carousel > .owl-dots { position: absolute; bottom: 0; left: 50%; margin: 0; transform: translateX(-50%); }
.wrap .middle .slider > .owl-carousel > .owl-dots > .owl-dot > span { position: relative; margin: 0; padding: 0; margin: 0 15px; width: 25px; height: 2px; border-radius: 0; }
.wrap .middle .slider > .owl-carousel > .owl-dots > .owl-dot > span::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #20a3fc; }
.wrap .middle .slider > .owl-carousel > .owl-dots > .owl-dot.active > span, .slider > .owl-carousel > .owl-dots > .owl-dot:hover > span { background-color: #fff; }
.wrap .middle .slider > .owl-carousel > .owl-dots > .owl-dot.active > span::after { width: 100%; transition: width 5s 0.2s; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item .w_visual { display: block; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item .m_visual { display: none; }
.wrap .middle .banner { overflow: hidden; margin: 0 auto; width: 1140px; }
.wrap .middle .banner .left { cursor: pointer; position: relative; float: left; width: 49.4%; height: 243px; background: url(/images/lobby/banner_01_bg.gif); background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 25px; width: 250px; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 7px; padding: 0 10px 0 45px; height: 30px; line-height: 31px; font-family: 'Roboto'; font-size: 14px; font-weight: 500; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .left .user_box p span { float: right; }
.wrap .middle .banner .left .user_box p span::after { content:''; display:block; clear:both; }
.wrap .middle .banner .left .user_box .top { background: url(/images/lobby/banner_01_top.png); background-position: top left; background-repeat: no-repeat; text-align: left;  }
.wrap .middle .banner .left .user_box .num_01 { background: url(/images/lobby/banner_01_t01.png); background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_02 { background: url(/images/lobby/banner_01_t02.png); background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_03 { background: url(/images/lobby/banner_01_t03.png); background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_04 { background: url(/images/lobby/banner_01_t04.png); background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_05 { background: url(/images/lobby/banner_01_t05.png); background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .right { cursor: pointer; position: relative; float: right; width: 49.4%; height: 243px; background: url(/images/lobby/banner_02_bg.gif); background-position: center center; background-repeat: no-repeat; text-align: center; color: #fff; }
.wrap .middle .banner .right .jackpot_box { position: absolute; left: 50%; bottom: 36px; margin-left: -140px; width: 280px; height: 54px; line-height: 58px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { position: relative; font-family: arial; font-size: 42px; font-weight: 800 !important; background: rgb(255,235,140); background: linear-gradient( 0deg, rgba(255,235,140,1) 0%, rgba(204,135,58,1) 30%, rgba(187,102,32,1) 46%, rgba(253,233,38,1) 50%, rgba(254,234,39,1) 52%, rgba(254,250,203,1) 55%, rgba(255,235,140,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  }
.m_nav { display: none; }
.m_nav_line { display: none; }
.desktop { display: block; }
.tablet { display: none; }
.content { margin: 10px auto 0; width:1140px; }
.wrap .middle .mh758 { min-height: 758px; }

@media only screen and (max-width: 600px) {
.wrap .open .open_inner{height: 930px;}
.wrap .open .open_inner .cate ul li { flex: 1 0 30%;}
.wrap .open .open_inner .btn_area a{flex: 0 0 46%;}
}

.content .top { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 100%; height: 80px; border-top-left-radius: 5px; border-top-right-radius: 5px; text-align: center; color: #fff; box-sizing: border-box; }
.content .recent_t { background: url(/images/lobby/01_recent_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .favorite_t { background: url(/images/lobby/02_favorite_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .recommend_t { background: url(/images/lobby/03_recommend_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .popular_t { background: url(/images/lobby/04_popular_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .new_t { background: url(/images/lobby/05_new_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .present_t { background: url(/images/lobby/06_present_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .result_t { background: url(/images/lobby/07_result_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .bonus_t { background: url(/images/lobby/08_bonus_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .jackpot_t { background: url(/images/lobby/01_recent_top.png); background-position: center center; background-repeat: no-repeat;  }
.content .top .tit span { font-size: 18px; font-weight: 500; line-height: 47px; }
.content .top .tit img { width: 32px; height: auto; opacity: 0.7; }
.content .top .btn { width: 118px; height: 40px; font-size: 16px; font-weight: 500; line-height: 40px; }
.content .top .btn span { padding-right: 2px; font-family: 'Roboto'; font-size: 16px; line-height: 44px; }
.content .top .total { width: 118px; height: 40px; font-size: 16px; line-height: 40px; cursor: inherit; }
.content .top .total span { padding-right: 2px; font-family: 'Roboto'; font-size: 16px; font-weight: 600; line-height: 44px; }
.content .list { display: flex; justify-content: space-between; align-items: top; padding: 12px; width: 100%; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; color: #fff; box-sizing: border-box; }
.content .list ul { width: 100%; clear: both; }
.content .list ul li { float: left; padding-right: 12px; padding-bottom: 12px; }
.content .list ul li:nth-child(6n) { padding-right: 0; }
.content .recent_b { background: #152231 url(/images/lobby/01_recent_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .favorite_b { background: #2d2412 url(/images/lobby/02_favorite_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .recommend_b { background: #3d1111 url(/images/lobby/03_recommend_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .popular_b { background: #2f1f13 url(/images/lobby/04_popular_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .new_b { background: #13211d url(/images/lobby/05_new_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .present_b { background: #2a1432 url(/images/lobby/06_present_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .result_b { background: #001428 url(/images/lobby/07_result_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .bonus_b { background: #571227 url(/images/lobby/08_bonus_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .jackpot_b { background: #152231 url(/images/lobby/01_recent_bottom.png); background-position: top center; background-repeat: no-repeat; }
.content .list .con { width: 176px; height: 206px; }
.content .list .con .img_inner { position: relative; width: inherit; height: 176px; }
.content .list .con .img_inner a > .on { display: none; position: absolute; top: 0; z-index: 1; width: 100%; height:100%; border-radius: 5px; background:url(/images/lobby/play_bg.png); background-position: top CENTER; background-repeat: no-repeat; text-align: center; color: #fff; }
.content .list .con .img_inner a:hover > .on { display: block; position: absolute; top: 0; z-index: 1; width: 100%; height:100%; border-radius: 5px; background:url(/images/lobby/play_bg.png); background-position: top CENTER; background-repeat: no-repeat; text-align: center; color: #fff; }
.content .list .con .img_inner a > .on p { height: auto; transform: translateY(50%); text-align: center; }
.content .list .con .img_inner a > .on p span { display: block; line-height: 16px; }
.content .list .con .img_inner a > .on p img { width: 40%; height: auto; }
.content .list .con .img_inner a > .new { position: absolute; top: 0; left: 0; width: 43%; height: 43%; font-size: 100%; font-weight: bold; background:url(/images/lobby/new.png); background-position: top left; background-repeat: no-repeat; text-align: center; color: #fff; }
.content .list .con .img_inner a > .new span { display: block; transform: translate(7%, 117%); text-align: left; text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.75); }
.content .list .con .img_inner a > .jackpot { position: absolute; bottom: 0; height: 38px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background: #ba0007; }
.content .list .con .img_inner a > .jackpot img { padding: 5px 0 2px 0; width: 93%; }
.content .list .con .img_inner a > .jackpot span { font-family: 'Roboto'; font-weight: 800; color: #ffd522; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); }
.content .list .con .img_inner img { width: 100%; border-radius:  5px; }
.content .list .con p { position: relative; height: 30px; line-height: 30px; text-align: left; }
.content .list .con p .tit { display:inline-block; padding: 2px 0; max-width: 82%; font-size: 14px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.5px; }
.content .list .con p .add { position: absolute; top: -2px; right: 0; width: 24px; height: 24px; }
.content .list .con p .add img { width: 24px; height: 24px; }
.content .list .con p .add .upper-image { position: absolute; top: 5px; right: 0; transition: opacity 0s; opacity: 0; }
.content .list .con p .add .on { position: absolute; top: 5px; right: 0; transition: opacity 0s; opacity: 1; }

/* sub */
.wrap .middle .search_area { margin: 84px auto 74px; width: 1140px; }
.wrap .middle .search_area .search_bg { margin: 0 auto; width: 916px; height: 60px; border: 6px solid #1c3c6f; border-radius: 12px; background: #1c3c6f; box-shadow: 5px 9px 9px 1px rgba(0, 0, 0, 0.75); }
.wrap .middle .search_area .search_bg .search_inner { display: flex; justify-content: space-between; padding: 5px; width: 916px; height: 60px; border-radius: 10px; background: #fff; box-sizing: border-box; position: relative;}
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; } 
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 15px; width: 93%; height: 100%; border: 0; font-size: 18px; box-sizing: border-box; } 
.wrap .middle .search_area .search_bg .search_inner span input [type="text"] { line-height : normal; font-family: inherit; border-radius: 0; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.wrap .middle .search_area .search_bg .search_inner span input::placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-webkit-input-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input:-moz-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-moz-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-ms-input-placeholder { color: #b1b1b1 !important; }
.wrap .middle .search_area .search_bg .search_inner span input::-ms-input-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input:focus { outline: none; }
.wrap .middle .search_area .search_bg .search_inner span .reset { position: absolute; top: 0; right: 6px; width: 50px; height: 50px; border-radius: 10px; background: #fff; } 
.wrap .middle .search_area .search_bg .search_inner span .reset img { width: 18px; background: transparent; transform: translateX(-50%); }  
.wrap .middle .search_area .search_bg .search_inner span .reset:active { position: absolute; top: 0; right: 6px; width: 50px; height: 50px; border-radius: 10px; background: #20a3fc; } 
.wrap .middle .search_area .search_bg .search_inner span .reset:active img { width: 18px; background: transparent; transform: translateX(-50%);  filter: invert(1); } 
.wrap .middle .search_area .search_bg .search_inner .btn_bg { width: 50px; height: 50px; border-radius: 10px; background: #20a3fc; text-align: center; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg img { width: 24px; transform: translateY( 50% ); }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_c { display: none; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg:active { background: #62bdfe; }
.wrap .middle .search_area .search_back { display: none; }
.wrap .middle .search_area .search_bg .search_inner span .m_reset_i { display: block; }
.wrap .middle .search_area .search_bg .search_inner span .m_reset_c { display: none; }
.cate_area { padding: 10px 0; width:100%; background: rgba( 40, 50, 100, 0.75 ); }
.cate_area .cate_inner { display: flex; display: -webkit-flex; margin: 0 auto 0; width: 1140px; }
.cate_area .cate_inner a { position: relative; flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; background: url(/images/lobby/cate_bg_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #bbb; }
.cate_area .cate_inner a:hover { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; color: #bbb; background: url(/images/lobby/cate_bg_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #fff; }
.cate_area .cate_inner a:hover .tit img { margin-right: 10px; width: 22px; opacity: 1; }
.cate_area .cate_inner a:last-child { margin-right: 0; }
.cate_area .cate_inner a .tit { display: table; position: absolute; top: 50%; left: 0; width: -moz-max-content; width: fit-content; width: inherit; font-weight: 500; text-align: center; transform: translateY(-50%); }
.cate_area .cate_inner a .tit img { margin-top: -2px; margin-right: 10px; width: 22px; opacity: 0.5; }
.cate_area .cate_inner a.on { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; color: #bbb; background: url(/images/lobby/cate_bg_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner a:last-child.on  { margin-right: 0; }
.cate_area .cate_inner a.on .tit { color: #fff; }
.cate_area .cate_inner a.on .tit img { margin-right: 10px; width: 22px; opacity: 1; }
.wrap .bottom { margin-top: 10px; margin-bottom: -60px; width: 100%; height: 60px; background: #111e4b; line-height: 59px; text-align: center; position: absolute; bottom: 0;}
.wrap .bottom .footer { font-size: 12px; font-weight: 400; color: #fff; }
#m_info { display: none; }
#w_info {display: block; }
#info_div { display: flex; align-items: center; }
#info_btn { content:url(/images/lobby/common/w_info_btn.svg); height: 24px; width: auto; cursor: pointer; border: solid 3px #20a3fc00; border-radius: 15px; margin-top: 25px; margin-right: 5px;}
#info_btn:hover { border: solid 3px #20a3fc; }
.search_btn_img{ content:url(/images/lobby/common/w_search_btn.svg); }

.pointer{cursor: pointer;}

#loading{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    z-index: 9;
}

#loading > img{
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#info {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: auto;
    overflow: scroll;
    max-height: 100vh;
}

.info_footer {
    padding: 2px 5px 3px;
    background: #eee;
    color: #666;
    text-align: right;
}

.info_footer button {
    padding: 5px 5px;
    text-align: center;
    border: 0;
    background: transparent;
    color: #333;
    font-size: 12px;
    letter-spacing: -0.05em;
}

/*auto complete*/
#search-textautocomplete-list{
    overflow-y: scroll;
    max-height: 500px;
    border: 6px solid #1c3c6f;
    margin-top: 66px;
    width: 100%;
    margin-left: -6px;
}
.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  /*top: 100%;*/
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: white;
  /*border-bottom: 1px solid #d4d4d4;*/
  vertical-align: baseline;
}
.autocomplete-items div b {
  vertical-align: baseline;
  color: red;
}
.autocomplete-icon {
  position: inherit;
  height: 50px;
  width: 50px;
  border-radius: 8px;
  margin-right: 5px;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: lightblue;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}
::-webkit-scrollbar {
    width: 2px;  /* Remove scrollbar space */
    background: black;  /* Optional: just make scrollbar invisible */
}
/* Optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #FFFFFF;
}

#top-winner-mobile, .paginate-pagination{
    display: none;
}
#top-winner-desktop{
    display: block;
}

#topwin-body{
    display: block;
}

#top-winner-table{
    /*width: 100%;  */
    border-collapse: collapse;
    background-color: white;
}

.top-winner-provider{
    height: 40px;
    width: 130px;
    object-fit: contain;
}

#top-winner-table th
{
    color: white;
    background-color: #213B6E;
    height: 55px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
}

#top-winner-table td
{
    position: relative;
    height: 40px;
    color: black;
    border: 0px;
    text-align: center;
    vertical-align: middle;
    /*padding: 0px;*/
}

#top-winner-table td a
{
    position: absolute;
    right: 0;
}

#top-winner-table tr.odd
{
    background-color: #C2E2F7;
}

.top-win-play{
    height: 18px;
    cursor: pointer;
}

.jp_amt{
    font-size: 90%;
}

.back-to-top {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    color: white;
    cursor: pointer;
    background: transparent;
}

#back-to-top-icon { font-size: 5rem; }

/* sub */
.wrap .middle .search_area { margin: 84px auto 74px; width: 1140px; }
.wrap .middle .search_area .search_bg { margin: 0 auto; width: 916px; height: 60px; border: 6px solid #1c3c6f; border-radius: 12px; background: #1c3c6f; box-shadow: 5px 9px 9px 1px rgba(0, 0, 0, 0.75); }
.wrap .middle .search_area .search_bg .search_inner { display: flex; justify-content: space-between; padding: 5px; width: 916px; height: 60px; border-radius: 10px; background: #fff; box-sizing: border-box; }
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; } 
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 15px; width: 93%; height: 100%; border: 0; font-size: 18px; box-sizing: border-box; } 
.wrap .middle .search_area .search_bg .search_inner span input [type="text"] { line-height : normal; font-family: inherit; border-radius: 0; outline-style: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.wrap .middle .search_area .search_bg .search_inner span input::placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-webkit-input-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input:-moz-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-moz-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input::-ms-input-placeholder { color: #b1b1b1 !important; }
.wrap .middle .search_area .search_bg .search_inner span input::-ms-input-placeholder { color: #b1b1b1; }
.wrap .middle .search_area .search_bg .search_inner span input:focus { outline: none; }
.wrap .middle .search_area .search_bg .search_inner span .reset { position: absolute; top: 0; right: 6px; width: 50px; height: 50px; border-radius: 10px; background: #fff; } 
.wrap .middle .search_area .search_bg .search_inner span .reset img { width: 18px; background: transparent; transform: translateX(-50%); }  
.wrap .middle .search_area .search_bg .search_inner span .reset:active { position: absolute; top: 0; right: 6px; width: 50px; height: 50px; border-radius: 10px; background: #20a3fc; } 
.wrap .middle .search_area .search_bg .search_inner span .reset:active img { width: 18px; background: transparent; transform: translateX(-50%);  filter: invert(1); } 
.wrap .middle .search_area .search_bg .search_inner .btn_bg { width: 50px; height: 50px; border-radius: 10px; background: #20a3fc; text-align: center; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg img { width: 24px; transform: translateY( 50% ); }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_c { display: none; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg:active { background: #62bdfe; }
.wrap .middle .search_area .search_back { display: none; }
.wrap .middle .search_area .search_bg .search_inner span .m_reset_i { display: block; }
.wrap .middle .search_area .search_bg .search_inner span .m_reset_c { display: none; }
.wrap .middle .cate_area { padding: 10px 0; width:100%; background: rgba( 40, 50, 100, 0.75 ); }
.wrap .middle .cate_area .cate_inner { display: flex; display: -webkit-flex; margin: 0 auto 0; width: 1140px; }
.wrap .middle .cate_area .cate_inner a { position: relative; flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; background: url(/images/lobbyNew/cate_bg_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #bbb; }
.wrap .middle .cate_area .cate_inner a:hover { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; color: #bbb; background: url(/images/lobbyNew/cate_bg_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #fff; }
.wrap .middle .cate_area .cate_inner a:hover .tit img { margin-right: 10px; width: 22px; opacity: 1; }
.wrap .middle .cate_area .cate_inner a:last-child { margin-right: 0; }
.wrap .middle .cate_area .cate_inner a .tit { display: table; position: absolute; top: 50%; left: 0; width: -moz-max-content; width: fit-content; width: inherit; font-weight: 500; text-align: center; transform: translateY(-50%); }
.wrap .middle .cate_area .cate_inner a .tit img { margin-top: -2px; margin-right: 10px; width: 22px; opacity: 0.5; }
.wrap .middle .cate_area .cate_inner a.on { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 4px; width: 162px; height: 56px; color: #bbb; background: url(/images/lobbyNew/cate_bg_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner a:last-child.on  { margin-right: 0; }
.wrap .middle .cate_area .cate_inner a.on .tit { color: #fff; }
.wrap .middle .cate_area .cate_inner a.on .tit img { margin-right: 10px; width: 22px; opacity: 1; }
.wrap .bottom { margin-top: 10px; width: 100%; height: 60px; background: #111e4b; line-height: 59px; text-align: center; }
.wrap .bottom .footer { font-size: 12px; font-weight: 400; color: #fff; }

@media only screen and (max-width: 1024px) {
.wrap .top { width: 100%; }
.wrap .top .inner { width: 100%; }
.wrap .top .inner .item .logo { margin-left: 10px; }
.wrap .top .inner .item .filter { margin-right: 10px; }
.wrap .top .inner .item .nav ul li a {padding: 0 5px;}
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .open { width: 100%; }
.wrap .open .open_inner { margin-left: 10px; padding: 0 20px 20px; width: 1004px; background: url(/images/lobby/menu_bg_1024.png); background-size: 100% 100%;}
.wrap .open .open_inner .tl { margin: 0 auto; height: 61px; font-size:18px; font-weight: normal; line-height:61px; background: url(/images/lobby/menu_tl_bg.png); background-position: top center; background-repeat: no-repeat; text-align:center; color: #fff; }
/*.wrap .open .open_inner .brand ul li { padding-right: 17px; }
.wrap .open .open_inner .cate ul li { padding-right: 17px; }
.wrap .open .open_inner .cate ul li:nth-child(5) { margin-left: 245px; }*/
.wrap .middle .slider { margin: 0 auto; width: 100%; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item { height: auto; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev, 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: -29px; margin-left: -470px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: -29px; margin-left: 470px; }
.wrap .middle .banner { overflow: hidden; margin: 0 auto; width: 1024px; }
.wrap .middle .banner .left { margin-left: 0.5%; width: 49%; height: 216px; background: url(/images/lobby/banner_01_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 25px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 5px; padding: 0 10px 0 45px; height: 28px; line-height: 28px; font-family: 'Roboto'; font-size: 12px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .left .user_box p span { float: right; }
.wrap .middle .banner .left .user_box p span::after { content:''; display:block; clear:both; }
.wrap .middle .banner .left .user_box .top { background: url(/images/lobby/banner_01_top.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_01 { background: url(/images/lobby/banner_01_t01.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_02 { background: url(/images/lobby/banner_01_t02.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_03 { background: url(/images/lobby/banner_01_t03.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_04 { background: url(/images/lobby/banner_01_t04.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .left .user_box .num_05 { background: url(/images/lobby/banner_01_t05.png); background-size: contain; background-position: top left; background-repeat: no-repeat; text-align: left; }
.wrap .middle .banner .right { margin-right: 0.5%; width: 49%; height: 216px; background: url(/images/lobby/banner_02_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .right .jackpot_box { bottom: 30px; }
.m_nav { display: none; }
.content { margin: 10px auto 0; width: 100%; }
.content .top { padding: 0 15px; }
.content .list { padding: 12px 5px; width: 100%; height: auto; text-align: center; color: #fff; }
.content .list ul { width: 100%; clear: both; }
.content .list ul li { float: left; padding-right: 0; padding-bottom: 12px; width: 20%; }
.content .list .con { margin: 0 auto; width: 92%; height: auto; text-align: center; }
.content .list .con p { width: 100%; height: 30px; line-height: 30px; text-align: left; }
.content .list .con .img_inner { width: 100%; height: auto; }
.content .list .con .img_inner a > .on { background: url(/images/lobby/play_bg.png); background-size: contain; }
.content .list .con .img_inner a:hover > .on { background: url(/images/lobby/play_bg.png); background-size: contain; }

/* sub */
.wrap .middle .search_area { width: 1024px; }
.wrap .middle .search_area .search_bg { width: 916px; }
.wrap .middle .search_area .search_bg .search_inner { width: 916px; }
.wrap .middle .cate_area { padding: 10px 0; }
.wrap .middle .cate_area .cate_inner { width: 1004px; }
.wrap .middle .cate_area .cate_inner a { width: 158px; height: 49px; background: url(/images/lobbyNew/cate_bg_off.png); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner a:hover { width: 158px; height: 49px; background: url(/images/lobbyNew/cate_bg_on.png); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner a:last-child { margin-right: 0; }
.wrap .middle .cate_area .cate_inner a.on { width: 158px; height: 49px; background: url(/images/lobbyNew/cate_bg_on.png); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner a .tit { width: 100%; }
.wrap .middle .content .limit li:nth-child(n+11) { display: none; }
.wrap .middle .content .limit li:nth-child(n+12) { display: none; }
.wrap .middle .mh758 { min-height: 788px; }
}

@media only screen and (max-width: 960px) {
.wrap .top { width: 100%; }
.wrap .top .inner { width: 100%; }
.wrap .top .inner .item .logo { margin-left: 10px; }
.wrap .top .inner .item .filter { margin-right: 10px; }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .open { width: 960px; }
.wrap .open .open_inner { padding: 0 10px 20px; width: 940px; height: 948px; background: url(/images/lobby/menu_bg_960.png); background-size: 100% 100%; background-repeat: no-repeat; box-sizing: border-box; }
.wrap .open .open_inner .brand ul li { padding-top: 20px; padding-right: 0; box-sizing: border-box; }
.wrap .open .open_inner .brand ul li:nth-child(4n+0) { padding-right: 0px; }
.wrap .open .open_inner .brand ul li img { width: 92%; }
.wrap .open .open_inner .brand ul li a { display: block; margin: 0 auto; text-align: center; width: 95%;}
.wrap .open .open_inner .cate ul li { padding-top: 20px; padding-right: 0; width: 95%; box-sizing: border-box; }
/*.wrap .open .open_inner .cate ul li:nth-child(5) { margin-left: 250px; }*/
.wrap .open .open_inner .cate ul li:nth-child(4n+0) { padding-right: 0; }
.wrap .open .open_inner .cate ul li img { width: 92%; }
.wrap .open .open_inner .cate ul li a { display: block; margin: 0 auto; text-align: center; }
.wrap .open .open_inner .btn_area .menu_btn_01 {background: linear-gradient(180deg, rgb(54 17 17 / 68%) 0%, rgb(181 91 91) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_01:hover{background: linear-gradient(360deg, rgb(64 23 23 / 90%) 0%, rgb(187 78 78) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_01:active {background: linear-gradient(360deg, rgb(64 23 23 / 90%) 0%, rgb(187 78 78) 100%); }
.wrap .open .open_inner .btn_area .menu_btn_02 {background:linear-gradient(180deg, rgb(24 22 12 / 34%) 0%, rgb(163 129 69) 100%);}
.wrap .open .open_inner .btn_area .menu_btn_02:hover {background:linear-gradient(360deg, rgb(74 60 20 / 90%) 0%, rgb(195 138 33) 100%)}
.wrap .open .open_inner .btn_area .menu_btn_02:active {background:linear-gradient(360deg, rgb(74 60 20 / 90%) 0%, rgb(195 138 33) 100%)}/*.wrap .open .open_inner .cate ul li:nth-child(5) { margin-left: 230px; }*/
.wrap .middle .slider { margin: 0 auto; width: 100%; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item { height: auto; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev, 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: -29px; margin-left: -440px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: -29px; margin-left: 440px; }
.wrap .middle .banner { overflow: hidden; margin: 0 auto; width: 960px; }
.wrap .middle .banner .left { margin-left: 1%; margin-right: 0.5%; width: 48.5%; height: 200px; background: url(/images/lobby/banner_01_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 25px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 5px; padding: 0 10px 0 45px; height: 26px; line-height: 26px; font-family: 'Roboto'; font-size: 12px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { margin-left: 0.5%; margin-right: 1%; width: 48.5%; height: 200px; background: url(/images/lobby/banner_02_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .right .jackpot_box { bottom: 25px; margin-left: -128px; width: 254px; }
.wrap .middle .banner .right .jackpot_box p { font-size: 36px; }
.m_nav { display: none; }
.wrap .middle .content { margin: 10px auto 0; width: 100%; }
.wrap .middle .content .top { padding: 0 15px; }
.wrap .middle .content .list { padding: 12px 5px; width: 100%; height: auto; text-align: center; color: #fff; }
.wrap .middle .content .list ul { width: 100%; clear: both; }
.wrap .middle .content .list ul li { float: left; padding-right: 0; padding-bottom: 12px; width: 20%; }
.wrap .middle .content .list .con { margin: 0 auto; width: 92%; height: auto; text-align: center; }
.wrap .middle .content .list .con p { width: 100%; height: 30px; line-height: 30px; text-align: left; }
.wrap .middle .content .list .con .img_inner { width: 100%; height: auto; }

/* sub */
.wrap .middle .search_area { width: 960px; }
.wrap .middle .search_area .search_bg { width: 852px; }
/*#search-textautocomplete-list{ width: 857px; }*/
.wrap .middle .search_area .search_bg .search_inner { width: 852px; }
.cate_area { padding: 10px 0; width: 100%; }
.cate_area .cate_inner { padding: 0 10px; width: 960px; box-sizing: border-box; }
.cate_area .cate_inner a { margin-right: 4px; width: 100%; height: 49px; background: url(/images/lobby/cate_bg_off.png); background-size: contain; background-repeat: no-repeat; }
.cate_area .cate_inner a:hover { margin-right: 4px; width: 100%; height: 49px; background: url(/images/lobby/cate_bg_on.png); background-size: contain; background-repeat: no-repeat; color: #fff; }
.cate_area .cate_inner a:last-child { margin-right: 0; }
.cate_area .cate_inner a.on { margin-right: 4px; width: 100%; height: 49px; color: #bbb; background: url(/images/lobby/cate_bg_on.png); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .mh758 { min-height: 753px; }
}

@media only screen and (max-width: 913px) {
.wrap .top .inner .item .nav { display: none; }
}
@media only screen and (max-width: 900px) {
.wrap .top .inner .item .nav { display: none; }
}
@media only screen and (max-width: 854px) {
.wrap .top .inner .item .nav { display: none; }
}
@media only screen and (max-width: 800px) {
.wrap .top .inner .item .nav { display: none; }
}

@media only screen and (max-width: 768px) {
.wrap .top .inner .item .nav { display: none; }
.wrap .open { width: 768px; }
.wrap .open .open_inner { padding: 0 10px 20px; width: 748px; height: 864px; background: url(/images/lobby/menu_bg_768.png); background-size: 100% 100%; background-repeat: no-repeat; box-sizing: border-box; }
.wrap .open .open_inner .brand ul { 
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.wrap .open .open_inner .brand ul li .tit { bottom: 20px; width: 100%; }
.wrap .open .open_inner .brand ul li { padding-top: 20px; padding-right: 0; box-sizing: border-box; width: 95%; height: 110px;}
.wrap .open .open_inner .brand ul li:nth-child(4n+0) { padding-right: 0; }
.wrap .open .open_inner .brand ul li img { width: 92%; }
/*.wrap .open .open_inner .brand ul li a img { width: 80%; height: 70%; object-fit: contain; margin:0 auto;}*/
.wrap .open .open_inner .brand ul li a { display: block; margin: 0 auto; text-align: center;}
.wrap .open .open_inner .cate ul { 
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.wrap .middle .desktop { display: none; }
.wrap .open .open_inner .cate ul li .tit { bottom: 16px; width: 100%; }
.wrap .open .open_inner .cate ul li { padding-top: 20px; padding-right: 0; width: 95%; box-sizing: border-box; }
/*.wrap .open .open_inner .cate ul li:nth-child(5) { margin-left: 250px; }*/
.wrap .open .open_inner .cate ul li:nth-child(4n+0) { padding-right: 0; }
.wrap .open .open_inner .cate ul li a img { width: auto; height: 100%;}
.wrap .open .open_inner .cate ul li a { display: block; margin: 0 auto; text-align: center; }

.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev, 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: -344px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: 344px; }
.desktop { display: none; }
.tablet { display: block; }
.wrap .middle .banner { overflow: hidden; margin: 0 auto 1%; width: 768px; }
.wrap .middle .banner .left { margin: 0; width: 100%; height: 330px; background: url(/images/lobby/banner_01_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 25px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 5px; padding: 0 10px 0 55px; height: 40px; line-height: 40px; font-family: 'Roboto'; font-size: 17px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0; width: 100%; height: 330px; background: url(/images/lobby/banner_02_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .right .jackpot_box { position: absolute; left: 50%; bottom: 56px; margin-left: -200px; width: 400px; height: 54px; line-height: 58px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 60px; }
.swiper-container { width: 100%; height: 100%; bottom: 10px;}
.swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.gallbox {position: relative; width: 100%; height: 100%; }
.gallbox img {display: block; height:100%; }
.cate_area { padding: 10px 0; width:100%; background: rgba( 14, 24, 61, 0.75 ); }
.cate_area .cate_inner { display: flex; display: -webkit-flex; margin: 0 auto 0;}
.cate_area .cate_inner li a { position: relative; flex-direction: column; align-content: space-around; margin-left: 1%; margin-right: 0; height: 45px; font-size: 16px; line-height: 45px; color: #bbb; }
.cate_area .cate_inner li a.bg01 { width: 102px; height: 45px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg02 { width: 118px; height: 45px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg03 { width: 131px; height: 45px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg04 { width: 148px; height: 45px; background: url(/images/lobby/m_cate_bg4_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:last-child { margin-right: 0; }
.cate_area .cate_inner li a .tit { display: table; position: absolute; top: 50%; left: 0; margin-top: -2px; width: -moz-max-content; width: fit-content; width: inherit; font-weight: 500; text-align: center; transform: translateY(-50%); }
.cate_area .cate_inner li a .tit img { display: none; }
.cate_area .cate_inner li.active a { flex-direction: column; align-content: space-around; margin-right: 0; color: #fff; }
.cate_area .cate_inner li.active a.bg01 { width: 102px; background: url(/images/lobby/m_cate_bg1_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg02 { width: 118px; background: url(/images/lobby/m_cate_bg2_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg03 { width: 131px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg04 { width: 148px; background: url(/images/lobby/m_cate_bg4_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a .tit { color: #fff; }
.cate_area .cate_inner li.active a .tit img { display: none; }
.m_nav { display: block; overflow-x: hidden;  padding: 10px 0; width:100%; background: rgba( 14, 24, 61, 0.75 ); }
.m_nav .m_nav_inner { display: flex; display: -webkit-flex; /*overflow: hidden;*/ margin: 0 auto 0; width: 752px; white-space:nowrap; box-sizing: border-box; }
.m_nav .m_nav_inner a { display: table; position: relative; flex-direction: column; align-content: space-around; margin-left: 1%; margin-right: 0; width: 136px; height: 112px; font-size: 16px; background: url(/images/lobby/m_nav_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #bbb; }
.m_nav .m_nav_inner a:last-child { margin-right: 0; }
.m_nav .m_nav_inner a .tit { display: table; position: absolute; top: 50%; left: 50%; width: -moz-max-content; width: fit-content; line-height: 30px; transform: translate( -50%, -50%); font-weight: 500; text-align: center; }
.m_nav .m_nav_inner a .tit img { display: block; margin: 0 auto; margin-top: 0; width: 42px; opacity: 0.5; }
.m_nav .m_nav_inner a.on { flex-direction: column; align-content: space-around; margin-right: 0; width: 136px; height: 112px; color: #bbb; background: url(/images/lobby/m_nav_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a.on .tit { line-height: 30px; text-align: center; color: #fff; }
.m_nav .m_nav_inner a.on .tit img { width: 42px; opacity: 1; }
.swiper-container-2 { overflow: hidden; }
.swiper-container-2 .swiper-container-2 .swiper-slide { box-sizing: border-box; }
.swiper-container-2 .tabs > li { }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 6px; width: 136px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 6px; width: 136px !important; }
.swiper-container-2 .tabs > li > a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.swiper-container-2 .tabs > li.active > a { }
.m_nav_line { display: block; margin: 0 1%; width: 98%; height: 1px; background: rgba( 14, 24, 61, 0.75 ); background: url(/images/lobby/m_cate_line.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.swiper-container-3 { overflow: hidden; }
.swiper-container-3 .swiper-slide { box-sizing: border-box; }
.swiper-container-3 .tabs > li { width: auto; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 6px 0 3px; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 6px 0 5px; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 6px 0 5px; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 6px 0 5px; width: 119px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 6px 0 5px; width: 149px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 6px 0 5px; width: 132px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 6px 0 5px; width: 103px !important; }
.swiper-container-3 .tabs > li > a { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.swiper-container-3 .tabs > li > a.on { -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.swiper-container-3 .tabs > li.active > a { display: inline; float: left; }
.wrap .middle .content { margin: 10px auto 0; width: 100%; }
.wrap .middle .content .top { padding: 0 12px 0 10px; }
.wrap .middle .content .top .tit img { width: 24px; height: auto; opacity: 0.7; }
.wrap .middle .content .top .btn { height: 46px; line-height: 46px; }
.wrap .middle .content .list { display: flex; justify-content: space-between; align-items: top; padding: 12px 10px; width: 100%; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; color: #fff; box-sizing: border-box; }
.wrap .middle .content .list ul { width: 100%; clear: both; }
.wrap .middle .content .list ul li { float: left; padding-right: 2%; padding-bottom: 12px; width: 32%; }
.wrap .middle .content .list ul li:nth-child(3n) { padding-right: 0; }
.wrap .middle .content .list .con { margin: 0 auto; width: 100%; height: auto; text-align: center; }
.wrap .middle .content .list .con p { width: 100%; height: 30px; line-height: 30px; text-align: left; }
.wrap .middle .content .list .con .img_inner { width: 100%; height: auto; }

/* sub */
.wrap .middle .search_area { width: 768px; }
.wrap .middle .search_area .search_bg { width: 660px; }
/*#search-textautocomplete-list{ width: 665px;}*/
.wrap .middle .search_area .search_bg .search_inner { width: 660px; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 15px; width: 90%; height: 100%; border: 0; font-size: 18px; box-sizing: border-box; } 
.wrap .middle .content .limit li:nth-child(n+9) { display: block; }
.wrap .middle .content .limit li:nth-child(n+10) { display: none; }
.cate_area .cate_inner a:hover { color: #bbb }
.cate_area .cate_inner a.bg01:hover { }
.cate_area .cate_inner a.bg02:hover { }
.cate_area .cate_inner a.bg03:hover { }
.cate_area .cate_inner a.bg04:hover { }
.cate_area .cate_inner a:hover .tit {  }
.cate_area .cate_inner a:hover .tit img { }
.m_nav .m_nav_inner a:hover { }
.m_nav .m_nav_inner a:hover .tit img {  }

.wrap .middle .mh758 { min-height: 967px; }
#m_info { display: block; position: relative; width: 100%; }
#dots_div { position: fixed; left: 50%; transform: translate(-50%,0); bottom: 35px;}
#w_info { display: none; }
#info { width: 80%; }

.dot {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#info_prv_btn
{
    position: fixed;
    top: 45%;
    transform: scaleX(-1);
    height: 45px;
    left: 3px;
}

#info_nxt_btn
{
    position: fixed;
    top: 45%;
    right: 3px;
    height: 45px;
}

#top-winner-mobile, .paginate-pagination{
    display: block;
}
#top-winner-desktop{
    display: none;
}

#top-winner-mobile li{
    color: white;
    color: black;
    background-color: transparent;
    padding: 5px;
    position: relative;             
}

#top-winner-mobile > li > .header-row{
    color: white;
    background-color: #111e4b;
    height: 30px;
    line-height: 30px;
    padding: 8px;
}

#top-winner-mobile > li > .header-row > .header-type{
    line-height: 20px;
    float: right;
    padding: 5px;
    background-color: #20a3fc;
    border-radius: 5px;
}

#top-winner-mobile > li > .header-row > .jp{
    background-color: #00B050;
}

#top-winner-mobile > li > .header-row > .norm{
    background-color: transparent;
}

#top-winner-mobile > li > .details{
    background-color: white;
    padding: 8px;
    line-height: 22px;
}

#top-winner-mobile > li > .details > span{
    color: red;
}

#top-winner-mobile > li:nth-child(odd) > .details{
    background-color: #C2E2F7;
}

#top-winner-mobile > li > .details > .win-amount{
    color: red;
}

.topwin-mobile-plybtn{
    position: absolute;
    top: 50%;
    right: 5%;
    width: 40px;
}
#mobileBannerDiv { margin-bottom: -26px; }
}

@media only screen and (max-width: 576px) {
.wrap .top .inner .item .nav { display: none; } 
.wrap .top .inner .item .search { display: none; }
.wrap .top .inner .item .filter { display: none; }
.wrap .top .inner .item .m_search { display: inline-block; margin-top: 20px; margin-right: 6px; width: 42px; height: 42px; border-radius: 10px; background: #111e4b; text-align: center; }
.wrap .top .inner .item .m_search img { margin-top: 9px; width: 24px; }
.wrap .top .inner .item .m_search:hover { }
.wrap .top .inner .item .m_search a { display: block; height: inherit; background: transparent; text-decoration: none; -webkit-tap-highlight-color: transparent; color: inherit; b-webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; -ms-transition: all 0s ease; transition: all 0s ease; }
.wrap .top .inner .item .m_search a.on { display: inline-block; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; cursor: pointer; }
.wrap .top .inner .item .m_filter { display: inline-block; margin-top: 20px; margin-right: 10px; width: 42px; height: 42px; border-radius: 10px; background: #111e4b; text-align: center; }
.wrap .top .inner .item .m_filter img { margin-top: 9px; width: 24px; }
.wrap .top .inner .item .m_filter img.m_filter_i { margin-top: 50%; margin-left: -24px; width: 24px; transform: translate( 50%, -50%); }
.wrap .top .inner .item .m_filter img.m_filter_c { margin-top: 50%; margin-left: -16px; width: 16px; transform: translate( 50%, -50%); }
.wrap .top .inner .item .m_filter:hover { }
.wrap .top .inner .item .m_filter a { display: block; height: inherit; }
.wrap .top .inner .item .m_filter a.on { display: inline-block; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; cursor: pointer; }
.wrap .top .inner .item .m_filter a.on img:first-child { display: none; }
.wrap .top .inner .item .m_search:active { border-radius: 10px; background: #20a3fc; }
.wrap .top .inner .item .m_filter:active { border-radius: 10px; background: #20a3fc; }
.m_nav .m_nav_inner a:active { background: url(/images/lobby/m_nav_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a:active .tit { color: #fff; }
.m_nav .m_nav_inner a:active .tit img { opacity: 1; }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .open { width: 100%; }
.wrap .open .open_inner { margin: 0 1.8%; width: 96.6%; height: auto !important; padding-bottom: 12px; background: url(/images/lobby/menu_bg_576.png); background-size: 100% 100%; background-repeat: no-repeat; box-sizing: border-box; }
.wrap .open .open_inner .tl { margin: 0 auto; width: 100%; height: 38px; font-size: 16px; font-weight: normal; line-height: 38px; background: url(/images/lobby/m_menu_tl_bg.png); background-size: 40%; background-position: top center; background-repeat: no-repeat; text-align: center; color: #fff; }
.wrap .open .open_inner .brand { display: none; }
.wrap .open .open_inner .cate { display: none; }

.brand_list_item_m img:nth-child(2) { display: none; } 
.brand_list_item_m:hover img:nth-child(1) { display: inline-block; }
.brand_list_item_m:hover img:nth-child(2) { display: none; } 
.brand_list_item_m:hover a .tit { }
.brand_list_item_m a.on img:nth-child(1) { display: none; } 
.brand_list_item_m a.on img:nth-child(2) { display: inline-block; }
.brand_list_item_m a.on .tit { color: #fff !important; }
.wrap .open .open_inner .m_cate { display: block; margin-bottom: 14px; width: 100%; }
.wrap .open .open_inner .m_cate ul { overflow: hidden; }
.wrap .open .open_inner .m_cate ul li .tit { position: absolute; bottom: 18px; width: 100%; font-size: 15px; font-weight: 500; text-align: center; color: #bbb; }
.wrap .open .open_inner .m_cate ul li { position: relative; float: left; padding-top: 14px; padding-right: 0; width: 50%; box-sizing: border-box; }

.wrap .open .open_inner .m_cate ul li a.on .tit{ color: white;}
.wrap .open .open_inner .m_cate ul li a.on img { filter: brightness(1.0);} 
.wrap .open .open_inner .btn_area { margin: 15px auto 0; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev, 
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: -248px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: 248px; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item .w_visual { display: none; }
.wrap .middle .slider > .owl-carousel > .owl-stage-outer > .owl-stage > .owl-item > .item .m_visual { display: block; }
.wrap .middle .slider > .owl-carousel > .owl-dots { bottom: -4px; }
.wrap .middle .banner { overflow: hidden; margin: 0 auto 10px; width: 100%; }
.wrap .middle .banner .left { display: block; margin: 0; width: 100%; height: 248px; background: url(/images/lobby/banner_01_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 25px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 5px; padding: 0 10px 0 42px; height: 32px; line-height: 31px; font-family: 'Roboto'; font-size: 16px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0; width: 100%; height: 248px; background: url(/images/lobby/banner_02_bg.gif); background-size: contain; background-repeat: no-repeat; }
.wrap .middle .banner .right .jackpot_box { bottom: 36px; margin-left: -150px; width: 300px; height: 54px; line-height: 58px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 42px; }
.cate_area { padding: 10px 0; width: 100%; background: rgba( 14, 24, 61, 0.75 ); }
.cate_area .cate_inner { display: flex; display: -webkit-flex; margin: 0 auto 0; width: 1160px; }
.cate_area .cate_inner li a { position: relative; flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-top: -1px; margin-left: 0; margin-right: 0.5%; height: 45px; font-size: 16px; line-height: 45px; color: #bbb; }
.cate_area .cate_inner li a:hover { }
.cate_area .cate_inner li a.bg01 { width: 101px; height: 45px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg01:hover { width: 101px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg02 { width: 118px; height: 45px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg02:hover { width: 118px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg03 { width: 131px; height: 45px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg03:hover { width: 131px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg04 { width: 148px; height: 45px; background: url(/images/lobby/m_cate_bg4_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg04:hover { width: 148px; background: url(/images/lobby/m_cate_bg4_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover .tit { }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.cate_area .cate_inner li a:hover .tit img { display: none; margin-right: 10px; width: 22px; opacity: 1; }
.cate_area .cate_inner li a:last-child { margin-right: 0; }
.cate_area .cate_inner li a .tit { display: table; position: absolute; top: 50%; left: 0; margin-top: -2px; width: -moz-max-content; width: fit-content; width: inherit; font-weight: 500; text-align: center; transform: translateY(-50%); }
.cate_area .cate_inner li a .tit img { display: none; }
.cate_area .cate_inner li.active a { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 0.5%; color: #fff; }
.cate_area .cate_inner li.active a.bg01 { width: 101px; background: url(/images/lobby/m_cate_bg1_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg02 { width: 118px; background: url(/images/lobby/m_cate_bg2_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg03 { width: 131px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg04 { width: 148px; background: url(/images/lobby/m_cate_bg4_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a .tit { color: #fff; }
.cate_area .cate_inner li.active a .tit img { display: none; }
.m_nav { display: block; }
.m_nav { overflow: hidden; padding: 10px 4px; width:100%; background: rgba( 14, 24, 61, 0.75 ); }
.m_nav .m_nav_inner { display: flex; display: -webkit-flex; margin: 0 auto 0; width: 100%; white-space:nowrap; box-sizing: border-box; }
.m_nav .m_nav_inner a { display: table; position: relative; flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-left: 1%; margin-right: 0.7%; width: 110px; height: 91px; font-size: 16px; background: url(/images/lobby/m_nav_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #bbb; }
.m_nav .m_nav_inner a:hover { }
.m_nav .m_nav_inner a:hover .tit img { }
.m_nav .m_nav_inner a:last-child { margin-right: 0; }
.m_nav .m_nav_inner a .tit { display: table; position: absolute; top: 50%; left: 50%; width: -moz-max-content; width: fit-content; line-height: 30px; transform: translate( -50%, -50%); font-weight: 500; text-align: center; }
.m_nav .m_nav_inner a .tit img { display: block; margin: 0 auto; margin-top: 6px; width: 36px; opacity: 0.5; }
.m_nav .m_nav_inner a.on { flex-direction: column; -webkit-align-content: space-around; align-content: space-around; margin-right: 0.7%; width: 110px; height: 91px; color: #bbb; background: url(/images/lobby/m_nav_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a.on .tit { line-height: 30px; text-align: center; color: #fff; }
.m_nav .m_nav_inner a.on .tit img { width: 36px; opacity: 1; }
.m_nav_line { display: block; margin: 0 1%; width: 98%; height: 2px; background: rgba( 14, 24, 61, 0.75 ); background: url(/images/lobby/m_cate_line.png); background-size: 100% 2px; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content { margin: 10px auto 0; width: 100%; }
.wrap .middle .content .top { padding: 0 12px 0 10px; }
.wrap .middle .content .top .tit img { width: 24px; height: auto; opacity: 0.7; }
.wrap .middle .content .top .btn { height: 46px; line-height: 46px; }
.wrap .middle .content .list { display: flex; justify-content: space-between; align-items: top; padding: 12px 10px; width: 100%; height: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; text-align: center; color: #fff; box-sizing: border-box; }
.wrap .middle .content .list ul { width: 100%; clear: both; }
.wrap .middle .content .list ul li { float: left; padding-right: 2%; padding-bottom: 12px; width: 32%; }
.wrap .middle .content .list ul li:nth-child(3n) { padding-right: 0; }
.wrap .middle .content .list .con { margin: 0 auto; width: 100%; height: auto; text-align: center; }
.wrap .middle .content .list .con p { width: 100%; height: 30px; line-height: 30px; text-align: left; }
.wrap .middle .content .list .con .img_inner { width: 100%; height: auto; }

/* sub */
.wrap .middle .search_area { display: flex; margin: 30px auto 30px; width: 100%; }
/*#search-textautocomplete-list{ width: 468px;}*/
.wrap .middle .search_area .search_bg { margin: 0 auto 0; margin: 0 1% 0 0; width: 98%; height: 60px; border: 6px solid #1c3c6f; border-radius: 12px; background: #1c3c6f; box-shadow: 5px 9px 9px 1px rgb(0 0 0 / 75%); }
.wrap .middle .search_area .search_bg .search_inner { display: flex; justify-content: space-between; padding: 5px; width: 100%; height: 60px; border-radius: 10px; background: #fff; box-sizing: border-box; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg { width: 55px; height: 50px; border-radius: 10px; background: #20a3fc; text-align: center; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg img { width: 24px; transform: translateY( 50% ); }
.wrap .middle .search_area .search_back { display: inline-block; position: relative; margin: 11px 1% 0 1%; width: 55px; height: 50px; border-radius: 12px; background: #009ade; text-align: center; }
.wrap .middle .search_area .search_back img { position: absolute; top: 50%; left: 50%; width: 22px; text-align: center; transform: translate(-50%,-50%); }
.wrap .middle .search_area .search_back:active { background: #62bdfe; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg:active { background: #62bdfe; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_i { display: none; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_c { display: block; transform: translate(50%,50%); }
.wrap .middle .search_area .search_bg .search_inner span .m_reset_i { display: none;}
.wrap .middle .search_area .search_bg .search_inner span .m_reset_c { display: block; }
.wrap .middle .search_area .search_bg .search_inner span input { width: 86%; } 
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .middle .content .limit li:nth-child(n+9) { display: block; }
.wrap .middle .content .limit li:nth-child(n+10) { display: none; }
.swiper-container-2 { min-width: 576px !important; }
.swiper-container-2 .tabs { min-width: 576px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 4px 0 6px; width: 110px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 2px 0 3px; width: 110px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 3px 0 3px; width: 110px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 3px 0 3px; width: 110px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 3px 0 3px; width: 110px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 3px 0 3px; width: 110px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 3px 0 3px; width: 110px !important; }
.swiper-container-3 { min-width: 576px !important; }
.swiper-container-3 .tabs { min-width: 576px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 2px 0 0; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 2px 0 2px; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 2px 0 2px; width: 103px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 2px 0 2px; width: 119px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 2px 0 2px; width: 149px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 2px 0 2px; width: 132px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 2px 0 2px; width: 103px !important; }
.wrap .open .open_inner .line { margin: 0 auto; width: 97%; }
.wrap .bottom { margin-top: 10px; width: 100%; height: 40px; margin-bottom: -40px; background: #111e4b; line-height: 39px; text-align: center; }
.wrap .middle .mh758 { min-height: 981px; }
#mobileBannerDiv { margin-bottom: -30px; }
}

@media only screen and (max-width: 428px) {
.btn_recent, .btn_favorite,  .btn_recommend,  .btn_popular  .btn_new, .btn_bonus, .btn_present, .btn_result, .btn_recent_end, .btn_favorite_end,
.btn_recommend_end, .btn_popular_end, .btn_new_end, .btn_bonus_end { border-radius: 5px; border: 0; }
.wrap .top { width: 100%; height: 60px; }
.wrap .top .inner .item .logo { margin-top: -5px; margin-left: 10px; width: 163px; }    
.wrap .top .inner .item .m_search, .wrap .top .inner .item .m_filter { margin-top: 9px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev { margin-top: 0; margin-left: -43%; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev img { width: 40px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: 43%; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next img { width: 40px; }
.wrap .middle .banner { margin: 0; margin-bottom: 10px; width: 98.7%; box-sizing: border-box; }
.wrap .middle .banner .left { display: block; margin: 0; width: 100%; height: 184px; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 4px; padding: 0 10px 0 32px; height: 23px; line-height: 21px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0; width: 100%; height: 184px; }
.wrap .middle .banner .right .jackpot_box { bottom: 27px; margin-left: -108px; width: 214px; height: 36px; line-height: 37px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 30px; }
.m_nav { padding: 10px 2px; box-sizing: border-box; }
.m_nav .m_nav_inner a { margin-left: 2%; margin-right: 0.4%; width: 74px; height: 62px; font-size: 16px; background: url(/images/lobby/m_nav_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a:hover { margin-right: 0.4%; width: 74px; height: 62px; background: url(/images/lobby/m_nav_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; color: #bbb; }
.m_nav .m_nav_inner a.on { margin-right: 0.4%; width: 74px; height: 62px; background: url(/images/lobby/m_nav_on.png); background-size: cover;  background-position: top center; background-repeat: no-repeat; color: #fff; }
.m_nav .m_nav_inner a .tit { margin-top: -2px; text-align: center; }
.m_nav .m_nav_inner a .tit img { width: 25px; }
.m_nav .m_nav_inner a .tit span { display: block; margin-top: -2px; font-size: 2.5vw; line-height: 24px; }
.m_nav .m_nav_inner a:hover .tit { text-align: center; color: #bbb; }
.m_nav .m_nav_inner a:hover .tit img { width: 25px; }
.m_nav .m_nav_inner a.on .tit { text-align: center; color: #fff; }
.m_nav .m_nav_inner a.on .tit img { width: 25px; }
.wrap .top .inner .item .m_search:active { border-radius: 10px; background: #20a3fc; }
.wrap .top .inner .item .m_filter:active { border-radius: 10px; background: #20a3fc; }
.m_nav .m_nav_inner a:active { background: url(/images/lobby/m_nav_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a:active .tit { color: #fff; }
.m_nav .m_nav_inner a:active .tit img { opacity: 1; }
.wrap .middle .content .top .tit img { width: 18px; }
.wrap .middle .content .top .tit span { display: inline-block; width: fit-content; font-size: 15px; line-height: 30px; }
.wrap .middle .content .top .btn { margin-right: 2px; padding: 2.5% 5.5%; width: auto; height: auto; font-size: 12px; line-height: 12px; }
.wrap .middle .content .list .con p .tit { font-size: 13px; }
.wrap .middle .content .top { padding: 0 10px; height: 50px; background-size: cover; }
.wrap .middle .content .list .con .img_inner a > .new { border-top-left-radius: 5px; font-size: 11px; background-size: cover; background-position: top left; background-repeat: no-repeat; }
.wrap .middle .content .list .con .img_inner a > .on p span { line-height: 12px; font-size: 12px; }
.wrap .middle .content .recent_t { background: url(/images/lobby/m_01_recent_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .favorite_t { background: url(/images/lobby/m_02_favorite_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .recommend_t { background: url(/images/lobby/m_03_recommend_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .popular_t { background: url(/images/lobby/m_04_popular_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .new_t { background: url(/images/lobby/m_05_new_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .present_t { background: url(/images/lobby/m_06_present_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .result_t { background: url(/images/lobby/m_07_result_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .bonus_t { background: url(/images/lobby/m_08_bonus_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .recent_b { background: #152231 url(/images/lobby/m_01_recent_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .favorite_b { background: #2d2412 url(/images/lobby/m_02_favorite_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .recommend_b { background: #3d1111 url(/images/lobby/m_03_recommend_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .popular_b { background: #2f1f13 url(/images/lobby/m_04_popular_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .new_b { background: #13211d url(/images/lobby/m_05_new_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .present_b { background: #2a1432 url(/images/lobby/m_06_present_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .result_b { background: #001428 url(/images/lobby/m_07_result_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .bonus_b { background: #571227 url(/images/lobby/m_08_bonus_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .top .total { padding: 2.5% 5.5%; width: auto; height: auto; font-size: 12px; line-height: 12px; }
.wrap .middle .content .top .total span { display: inline-block; padding-right: 2px; font-size: 13px; line-height: 13px; }
.cate_area .cate_inner li a.bg01 { width: 68px; height: 31px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg01 { width: 68px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg02 { width: 78px; height: 31px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg02 { width: 78px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg03 { width: 89px; height: 31px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg03 { width: 89px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg04 { width: 98px; height: 31px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg04 { width: 98px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a .tit { margin-top: -1px; font-size: 11px; }
.cate_area .cate_inner li.active a.bg01 { width: 68px; background: url(/images/lobby/m_cate_bg1_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg02 { width: 78px; background: url(/images/lobby/m_cate_bg2_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg03 { width: 89px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg04 { width: 98px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .search_area .search_back { width: 42px; height: 42px; border-radius: 10px; }
.wrap .middle .search_area { display: flex; margin: 10px auto 10px; width: 100%; }
.wrap .middle .search_area .search_back { margin: 8px 10px; width: 42px; height: 42px; border-radius: 10px; }
.wrap .middle .search_area .search_back img { position: absolute; top: 50%; left: 50%; width: 18px; text-align: center; transform: translate(-50%,-50%); }
#search-textautocomplete-list{ border: 4px solid #1c3c6f; margin-top: 56px; margin-left: -4px;}
.wrap .middle .search_area .search_bg { margin: 0 10px 0 0; width: 85%; height: 50px; border: 4px solid #1c3c6f; border-radius: 12px; background: #1c3c6f; box-shadow: 5px 9px 9px 1px rgb(0 0 0 / 75%); }
.wrap .middle .search_area .search_bg .search_inner { display: flex; justify-content: space-between; padding: 4px; width: auto; height: 50px; border-radius: 10px; background: #fff; box-sizing: border-box; }
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; width: 86%; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 10px; width: 83%; height: 100%; border: 0; font-size: 16px; box-sizing: border-box; } 
.wrap .middle .search_area .search_bg .search_inner span .reset { position: absolute; top: 0; right: -1px; width: 42px; height: 42px; border-radius: 10px; background: #fff; }
.wrap .middle .search_area .search_bg .search_inner span .reset img { margin-right: 4px; }
.wrap .middle .search_area .search_bg .search_inner span .reset:active { position: absolute; top: 0; right: -1px; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; }
.wrap .middle .search_area .search_bg .search_inner span .reset:active img { margin-right: 4px; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg { position: relative; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; text-align: center; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_c { display: block; position: absolute; top: 50%; left: 50%; width: 24px; transform: translate(-50%,-50%); }
.wrap .open .open_inner { margin: 0 2.4%; width: 95.2%; height: 856px; }
.wrap .open .open_inner .tl { height: 39px; font-size: 13px; line-height: 39px; background-size: 54%; } 
.wrap .open .open_inner .m_cate ul li .tit { bottom: 10px; font-size: 11px; line-height: 11px; }
.wrap .open .open_inner .btn_area { margin-top: 10px; font-size: 12px; line-height: 12px; }
.wrap .open .open_inner .btn_area { margin: 10px auto 0; }
.swiper-container-2 { min-width: 428px !important; }
.swiper-container-2 .tabs { min-width: 428px !important; }
.swiper-container-3 { min-width: 428px !important; }
.swiper-container-3 .tabs { min-width: 428px !important; }

.wrap .open .open_inner .m_cate, .wrap .open .open_inner .m_brand { margin-bottom: 10px; }
.wrap .open .open_inner .m_brand ul li .tit { bottom: 10px; font-size: 11px; line-height: 11px; }
.wrap .open .open_inner .m_cate ul li .tit { bottom: 10px; font-size: 11px; line-height: 11px; }
.wrap .open .open_inner .btn_area { margin-top: 10px; font-size: 12px; line-height: 12px; }
.wrap .open .open_inner .m_brand ul li img, .wrap .open .open_inner .m_cate ul li img { width: 100%; }
.wrap .open .open_inner .m_brand ul li, .wrap .open .open_inner .m_cate ul li { float: left; padding-top: 10px; width: 49%; }
.wrap .open .open_inner .m_brand ul li:nth-child(2n), .wrap .open .open_inner .m_cate ul li:nth-child(2n) { float: right; width: 49%; }

.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 1px 0 2px; width: 86px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 1px 0 1px; width: 86px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 1px 0 1px; width: 86px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 1px 0 1px; width: 86px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 1px 0 1px; width: 86px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 1px 0 1px; width: 86px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 1px 0 1px; width: 86px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 4px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 4px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 4px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 4px 0 4px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 4px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 4px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 4px 0 5px; width: 70px !important; }
.wrap .open .open_inner .line { margin: 0 auto; width: 99%; }
.wrap .middle .slider > .owl-carousel > .owl-dots { bottom: -5px; }
.wrap .bottom .footer { font-size: 11px; font-weight: 400; color: #fff; }
.wrap .middle .mh758 { min-height: 761px; }

#info { width: 90%; top:  40%}
#info_btn { margin-top: 16px; }
#dots_div { bottom: 28px; }
.dot 
{
    height: 10px;
    width: 10px;
}
#info_prv_btn
{
    height: 30px;
    /*transform: scale(-0.4);*/
}

#info_nxt_btn
{
    height: 30px;
    /*transform: scale(0.4);*/
}
#mobileBannerDiv { margin-bottom: -28px; }
}

@media only screen and (max-width: 414px) {
.btn_recent, .btn_favorite,  .btn_recommend,  .btn_popular  .btn_new, .btn_bonus, .btn_present, .btn_result, .btn_recent_end, .btn_favorite_end,
.btn_recommend_end, .btn_popular_end, .btn_new_end, .btn_bonus_end { border-radius: 5px; border: 0; }
.wrap .top { width: 100%; height: 60px; }
.wrap .top .inner .item .logo { margin-top: -5px; margin-left: 10px; width: 163px; }    
.wrap .top .inner .item .m_search, .wrap .top .inner .item .m_filter { margin-top: 9px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev { margin-top: 0; margin-left: -43%; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-prev img { width: 40px; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next { margin-top: 0; margin-left: 43%; }
.wrap .middle .slider > .owl-carousel > .owl-nav > .owl-next img { width: 40px; }
.wrap .middle .banner { margin: 0; margin-bottom: 10px; width: 98.7%; box-sizing: border-box; }
.wrap .middle .banner .left { display: block; margin: 0; width: 100%; max-height: 178px; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 4px; padding: 0 10px 0 32px; height: 21px; line-height: 22px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0; width: 100%; max-height: 178px; }
.wrap .middle .banner .right .jackpot_box { bottom: 25px; margin-left: -107px; width: 206px; height: 36px; line-height: 37px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 30px; }
.m_nav { padding: 10px 2px; box-sizing: border-box; }
.m_nav .m_nav_inner a { margin-left: 2%; margin-right: 0.4%; width: 74px; height: 62px; font-size: 16px; background: url(/images/lobby/m_nav_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a.on { margin-right: 0.4%; width: 74px; height: 62px; background: url(/images/lobby/m_nav_on.png); background-size: cover;  background-position: top center; background-repeat: no-repeat; color: #fff; }
.m_nav .m_nav_inner a .tit { margin-top: -2px; text-align: center; }
.m_nav .m_nav_inner a .tit img { width: 25px; }
.m_nav .m_nav_inner a .tit span { display: block; margin-top: -2px; font-size: 2.5vw; line-height: 24px; }
.m_nav .m_nav_inner a:hover .tit { text-align: center; }
.m_nav .m_nav_inner a:hover .tit img { width: 25px; }
.m_nav .m_nav_inner a.on .tit { text-align: center; color: #fff; }
.m_nav .m_nav_inner a.on .tit img { width: 25px; }
.wrap .top .inner .item .m_search:active { border-radius: 10px; background: #20a3fc; }
.wrap .top .inner .item .m_filter:active { border-radius: 10px; background: #20a3fc; }
.m_nav .m_nav_inner a:active { background: url(/images/lobby/m_nav_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.m_nav .m_nav_inner a:active .tit { color: #fff; }
.m_nav .m_nav_inner a:active .tit img { opacity: 1; }
.wrap .middle .content .top .tit img { width: 18px;}
.wrap .middle .content .top .tit span { display: inline-block; width: fit-content; font-size: 15px; line-height: 30px; }
.wrap .middle .content .top .btn { margin-right: 2px; padding: 2.5% 5.5%; width: auto; height: auto; font-size: 12px; line-height: 12px; }
.wrap .middle .content .list .con p .tit { font-size: 13px; }
.wrap .middle .content .top { padding: 0 10px; height: 50px; background-size: cover; }
.wrap .middle .content .list .con .img_inner a > .new { border-top-left-radius: 5px; font-size: 11px; background-size: cover; background-position: top left; background-repeat: no-repeat; }
.wrap .middle .content .list .con .img_inner a > .on p span { line-height: 12px; font-size: 12px; }
.wrap .middle .content .recent_t { background: url(/images/lobby/m_01_recent_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .favorite_t { background: url(/images/lobby/m_02_favorite_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .recommend_t { background: url(/images/lobby/m_03_recommend_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .popular_t { background: url(/images/lobby/m_04_popular_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .new_t { background: url(/images/lobby/m_05_new_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .present_t { background: url(/images/lobby/m_06_present_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .result_t { background: url(/images/lobby/m_07_result_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .bonus_t { background: url(/images/lobby/m_08_bonus_top.png); background-size: cover; background-position: center center; background-repeat: no-repeat;  }
.wrap .middle .content .recent_b { background: #152231 url(/images/lobby/m_01_recent_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .favorite_b { background: #2d2412 url(/images/lobby/m_02_favorite_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .recommend_b { background: #3d1111 url(/images/lobby/m_03_recommend_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .popular_b { background: #2f1f13 url(/images/lobby/m_04_popular_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .new_b { background: #13211d url(/images/lobby/m_05_new_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .present_b { background: #2a1432 url(/images/lobby/m_06_present_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .result_b { background: #001428 url(/images/lobby/m_07_result_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .bonus_b { background: #571227 url(/images/lobby/m_08_bonus_bottom.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .content .top .total { padding: 2.5% 5.5%; width: auto; height: auto; font-size: 12px; line-height: 13px; }
.wrap .middle .content .top .total span { display: inline-block; margin-top: 0.8px; padding-right: 2px; font-size: 13px; line-height: 13px; }
.cate_area .cate_inner li a.bg01 { width: 68px; height: 31px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg01 { width: 68px; background: url(/images/lobby/m_cate_bg1_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg02 { width: 78px; height: 31px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg02 { width: 78px; background: url(/images/lobby/m_cate_bg2_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg03 { width: 89px; height: 31px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg03 { width: 89px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a.bg04 { width: 98px; height: 31px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a:hover.bg04 { width: 98px; background: url(/images/lobby/m_cate_bg3_off.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li a .tit { margin-top: -1px; font-size: 11px; }
.cate_area .cate_inner li.active a.bg01 { width: 68px; background: url(/images/lobby/m_cate_bg1_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg02 { width: 78px; background: url(/images/lobby/m_cate_bg2_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg03 { width: 89px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.cate_area .cate_inner li.active a.bg04 { width: 98px; background: url(/images/lobby/m_cate_bg3_on.png); background-size: contain; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .search_area .search_back { width: 42px; height: 42px; border-radius: 10px; }
.wrap .middle .search_area { display: flex; margin: 10px auto 10px; width: 100%; }
.wrap .middle .search_area .search_back { margin: 8px 10px; width: 42px; height: 42px; border-radius: 10px; }
.wrap .middle .search_area .search_back img { position: absolute; top: 50%; left: 50%; width: 18px; text-align: center; transform: translate(-50%,-50%); }
/*#search-textautocomplete-list{ width: 336px;}*/
.wrap .middle .search_area .search_bg { margin: 0 10px 0 0; width: 85%; height: 50px; border: 4px solid #1c3c6f; border-radius: 12px; background: #1c3c6f; box-shadow: 5px 9px 9px 1px rgb(0 0 0 / 75%); }
.wrap .middle .search_area .search_bg .search_inner { display: flex; justify-content: space-between; padding: 4px; width: auto; height: 50px; border-radius: 10px; background: #fff; box-sizing: border-box; }
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; width: 85.5%; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 10px; width: 85%; height: 100%; border: 0; font-size: 16px; box-sizing: border-box; } 
.wrap .middle .search_area .search_bg .search_inner .btn_bg { position: relative; width: 42px; height: 42px; border-radius: 10px; background: #20a3fc; text-align: center; }
.wrap .middle .search_area .search_bg .search_inner .btn_bg .m_search_c { display: block; position: absolute; top: 50%; left: 50%; width: 24px; transform: translate(-50%,-50%); }
.wrap .open .open_inner { margin: 0 2.4%; width: 95.2%; height: 820px; }
.wrap .open .open_inner .tl { height: 32px; font-size: 12px; line-height: 32px; background-size: 48%; }
.wrap .open .open_inner .m_cate ul li .tit { bottom: 10px; font-size: 11px; line-height: 11px; }
.wrap .open .open_inner .btn_area { margin-top: 10px; font-size: 12px; line-height: 12px; }
.wrap .open .open_inner .btn_area { margin: 10px auto 0; }
.swiper-container-2 { min-width: 414px !important; }
.swiper-container-2 .tabs { min-width: 414px !important; }
.swiper-container-3 { min-width: 414px !important; }
.swiper-container-3 .tabs { min-width: 414px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 2px 0 4px; width: 80px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 2px; width: 80px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 2px; width: 80px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 2px; width: 80px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 2px; width: 80px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 2px; width: 80px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 2px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 4px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 4px 0 3px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 4px 0 3px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 4px 0 3px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 4px 0 4px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 4px 0 4px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 4px 0 4px; width: 70px !important; }
.wrap .open .open_inner .line { margin: 0 auto; width: 99%; }
.wrap .middle .mh758 { min-height: 743px; }
#mobileBannerDiv { margin-bottom: -30px; }
}

@media only screen and (max-width: 390px) {
.wrap .middle .banner .right { display: block; width: 100%; max-height: 168px; margin: 0;}
.wrap .middle .banner .right .jackpot_box { bottom: 22px; margin-left: -98px; width: 190px; height: 36px; line-height: 37px; font-weight: bold; }
.wrap .middle .banner .left { display: block; margin: 0; width: 100%; max-height: 168px; }
.wrap .middle .banner .left .user_box .num_05 p:last-child { margin-bottom: 0; }
.wrap .middle .banner .right .jackpot_box p { font-size: 28px; }
.wrap .middle .banner .left .user_box p { margin-bottom: 4px; padding: 0 10px 0 32px; height: 20px; line-height: 20px; }
.wrap .open .open_inner { height: 785px; }
.wrap .open .open_inner .tl { height: 36px; font-size: 12px; line-height: 36px; background-size: 56%; }
.swiper-container-2 { min-width: 381px !important; }
.swiper-container-2 .tabs { min-width: 381px !important; }
.swiper-container-3 { min-width: 390px !important; }
.swiper-container-3 .tabs { min-width: 390px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 2px 0 7px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 2px; width: 76px !important; box-sizing: border-box; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 3px 0 -1px; width: 68px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 3px 0 3px; width: 68px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 3px 0 3px; width: 68px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 3px 0 3px; width: 78px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 3px 0 4px; width: 88px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 3px 0 4px; width: 88px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 3px 0 4px; width: 68px !important; }
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; width: 84%; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0 5px; width: 85%; font-size: 15px; }
.wrap .middle .slider > .owl-carousel > .owl-dots { bottom: -6px; }
/*#search-textautocomplete-list{ width: 311px;}*/
.wrap .middle .mh758 { min-height: 715px; }
#mobileBannerDiv { margin-bottom: -30px; }
}

@media only screen and (max-width: 384px) {
.wrap .middle .banner .left { display: block; width: 100%; max-height: 164px; margin: 0; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 3px; padding: 0 10px 0 32px; height: 20px; line-height: 20px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0%; width: 100%; max-height: 164px; }    
.wrap .middle .banner .right .jackpot_box { bottom: 23px; margin-left: -105px; width: 202px; height: 35px; line-height: 37px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 28px; }
.m_nav .m_nav_inner a { width: 69px; height: 58px; }    
.m_nav .m_nav_inner a.on { width: 69px; height: 58px; } 
.m_nav .m_nav_inner a:hover { width: 69px; height: 58px; }
.m_nav .m_nav_inner a .tit img { margin-top: 8px; width: 23px; }    
.m_nav .m_nav_inner a:hover .tit img { margin-top: 8px; width: 23px; }  
.m_nav .m_nav_inner a.on .tit img { margin-top: 8px; width: 23px; } 
.wrap .middle .search_area .search_bg .search_inner span input { font-size: inherit; }
.wrap .open .open_inner .tl { height: 30px;}
.wrap .open .open_inner .btn_area { margin: 10px auto 0; }
.wrap .open .open_inner .btn_area .menu_btn_01 { display: inline-block; margin-right: 6px !important; width: 133px !important; height: 56px;}
.wrap .open .open_inner .btn_area .menu_btn_01 span { line-height: 56px;} 
/*.wrap .open .open_inner .btn_area .menu_btn_01:hover { background-size: 133px !important; height: 56px !important; }
.wrap .open .open_inner .btn_area .menu_btn_01:active { width: 133px; height: 56px; background: url(/images/lobby/menu_btn01_on.png); background-size: 133px; background-position: left center; background-repeat: no-repeat; text-align: center; color: #fff; }
*/.wrap .open .open_inner .btn_area .menu_btn_02 { display: inline-block; width: 133px !important; height: 56px;}
.wrap .open .open_inner .btn_area .menu_btn_02 span { line-height: 56px;} 
/*.wrap .open .open_inner .btn_area .menu_btn_02:hover { background-size: 133px !important; height: 56px !important; }
.wrap .open .open_inner .btn_area .menu_btn_02:active { width: 133px; height: 56px; background: url(/images/lobby/menu_btn02_on.png); background-size: 133px; background-position: left center; background-repeat: no-repeat; text-align: center; color: #fff; }
*/.wrap .open .open_inner { margin: 0 2.6%; width: 94.8%; height: 763px; }
.wrap .open .open_inner .m_brand ul li .tit { bottom: 13px; font-size: 11px; line-height: 1px; }
.wrap .open .open_inner .m_cate ul li .tit { bottom: 16px; font-size: 11px; line-height: 1px; }
.swiper-container-2 { min-width: 384px !important; }
.swiper-container-2 .tabs { min-width: 384px !important; }
.swiper-container-3 { min-width: 384px !important; }
.swiper-container-3 .tabs { min-width: 384px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 6px 0 9px; width: 66px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 6px; width: 66px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 6px; width: 66px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 6px; width: 66px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 6px; width: 66px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 6px; width: 66px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 6px; width: 66px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 3px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 3px 0 4px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 3px 0 5px; width: 70px !important; }
.wrap .open .open_inner .line { margin: 0 auto; width: 100%; }
/*#search-textautocomplete-list{ width: 308px;}*/
.wrap .middle .mh758 { min-height: 707px; }
#mobileBannerDiv { margin-bottom: -28px; }
}

@media only screen and (max-width: 375px) {
.wrap .middle .banner .left { display: block; max-height: 160px; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 4px; padding: 0 10px 0 32px; height: 20px; line-height: 19px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; max-height: 160px; }
.wrap .middle .banner .right .jackpot_box { bottom: 21px; margin-left: -101px; width: 194px; height: 35px; line-height: 35px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 28px; }
.m_nav { padding: 10px 3px; }   
.m_nav .m_nav_inner a { width: 67px; height: 56px; }    
.m_nav .m_nav_inner a.on { width: 67px; height: 56px; } 
.m_nav .m_nav_inner a:hover { width: 67px; height: 56px; }
.m_nav .m_nav_inner a .tit img { margin-top: 8px; width: 23px; }    
.m_nav .m_nav_inner a:hover .tit img { margin-top: 8px; width: 23px; }  
.m_nav .m_nav_inner a.on .tit img { margin-top: 8px; width: 23px; }
.wrap .open .open_inner .tl { height: 29px; line-height: 29px; }
.wrap .open .open_inner .btn_area { margin: 10px auto 0; }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .open .open_inner .m_brand ul li .tit { bottom: 8px; font-size: 11px; line-height: 11px; }

.wrap .open .open_inner { height: 785px; }
.wrap .open .open_inner .m_cate ul li .tit { bottom: 10px; font-size: 11px; line-height: 11px; }
.swiper-container-2 { min-width: 375px !important; }
.swiper-container-2 .tabs { min-width: 375px !important; }
.swiper-container-3 { min-width: 375px !important; }
.swiper-container-3 .tabs { min-width: 375px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 6px 0 8px; width: 64px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 6px 0 6px; width: 64px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 6px; width: 64px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 6px; width: 64px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 6px; width: 64px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 6px; width: 64px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 6px; width: 64px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 3px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 3px 0 4px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 3px 0 5px; width: 70px !important; }
/*#search-textautocomplete-list{ width: 301px;}*/
.wrap .middle .mh758 { min-height: 696px; }
#mobileBannerDiv { margin-bottom: -30px; }
}

@media only screen and (max-width: 360px) {
.wrap .middle .banner .left { display: block; max-height: 150px; margin: 0; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 3px; padding: 0 10px 0 30px; height: 18.5px; line-height: 18px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0%; max-height: 150px; }
.wrap .middle .banner .right .jackpot_box { bottom: 24px; margin-left: -97px; width: 186px; height: 31px; line-height: 36px; font-weight: bold; }
.wrap .middle .banner .right .jackpot_box p { font-size: 26px; }
.m_nav .m_nav_inner a { width: 64px; height: 53px; }    
.m_nav .m_nav_inner a.on { width: 64px; height: 53px }  
.m_nav .m_nav_inner a:hover { width: 64px; height: 53px; }  
.m_nav .m_nav_inner a .tit img { margin-top: 8px; width: 21px; }    
.m_nav .m_nav_inner a:hover .tit img { margin-top: 8px; width: 21px; }  
.m_nav .m_nav_inner a.on .tit img { margin-top: 8px; width: 21px; }
.wrap .middle .content .list .con .img_inner a > .new span { transform: translate(6%, 112%); }
.wrap .middle .content .top .btn { margin-right: 1px; }
.wrap .open .open_inner { margin: 0 2.8%; width: 94.4%; height: 743px; }
.wrap .open .open_inner .tl { height: 28px; line-height: 28px; }
.wrap .open .open_inner .btn_area { margin: 10px auto 0; }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .open .open_inner .btn_area .menu_btn_01 { display: inline-block; margin-right: 4px !important; width: 123px !important; height: 52px; background: url(/images/lobby/menu_btn01_off.png); background-size: 123px !important; background-position: left center; background-repeat: no-repeat; text-align: center; color: #ddd; }
.wrap .open .open_inner .btn_area .menu_btn_01 span { display: block; line-height: 52px; text-indent: 40px; } 
.wrap .open .open_inner .btn_area .menu_btn_01:hover { background-size: 123px !important; height: 52px !important; }
.wrap .open .open_inner .btn_area .menu_btn_01:active { width: 123px; height: 52px; background: url(/images/lobby/menu_btn01_on.png); background-size: 123px; background-position: left center; background-repeat: no-repeat; text-align: center; color: #fff; }
.wrap .open .open_inner .btn_area .menu_btn_02 { display: inline-block; width: 123px !important; height: 52px; background: url(/images/lobby/menu_btn02_off.png); background-size: 123px !important;  background-position: left center; background-repeat: no-repeat; text-align: center; color: #ddd; }
.wrap .open .open_inner .btn_area .menu_btn_02 span { display: block; line-height: 52px; text-indent: 30px; } 
.wrap .open .open_inner .btn_area .menu_btn_02:hover { background-size: 123px !important; height: 52px !important; }
.wrap .open .open_inner .btn_area .menu_btn_02:active { width: 123px; height: 52px; background: url(/images/lobby/menu_btn02_on.png); background-size: 123px; background-position: left center; background-repeat: no-repeat; text-align: center; color: #fff; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0; width: 85%; font-size: 14px; }
.swiper-container-2 { min-width: 360px !important; }
.swiper-container-2 .tabs { min-width: 360px !important; }
.swiper-container-3 { min-width: 360px !important; }
.swiper-container-3 .tabs { min-width: 360px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 5px 0 7px; width: 62px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 5px 0 6px; width: 62px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 5px 0 6px; width: 62px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 5px 0 6px; width: 62px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 5px 0 6px; width: 62px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 5px 0 6px; width: 62px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 5px 0 6px; width: 62px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 3px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 3px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 3px 0 4px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 3px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 3px 0 5px; width: 70px !important; }
/*#search-textautocomplete-list{ width: 285px;}*/
.wrap .middle .mh758 { min-height: 677px; }
#mobileBannerDiv { margin-bottom: -30px; }
}

@media only screen and (max-width: 320px) {
.wrap .middle .banner .left { display: block; margin: 0; width: 100%; max-height: 138px; }
.wrap .middle .banner .left .user_box .top { width: auto; }
.wrap .middle .banner .left .user_box { position: absolute; top: 50%; right: 15px; width: 44%; height: auto; transform: translateY(-50%); }
.wrap .middle .banner .left .user_box p { margin-bottom: 3px; padding: 0 10px 0 27px; height: 17px; line-height: 16px; font-family: 'Roboto'; font-size: 10px; text-align: left; text-transform: uppercase; color: #fff; }
.wrap .middle .banner .right { display: block; margin: 0; width: 100%; max-height: 138px; }
.wrap .middle .banner .right .jackpot_box { bottom: 18px; margin-left: -82px; width: 160px; height: 28px; line-height: 29px; }
.wrap .middle .banner .right .jackpot_box p { font-size: 22px; }
.wrap .middle .m_nav { padding: 10px 4px; }
.wrap .middle .m_nav .m_nav_inner a { width: 57px; height: 48px; }  
.wrap .middle .m_nav .m_nav_inner a.on { width: 57px; height: 48px }    
.wrap .middle .m_nav .m_nav_inner a:hover { width: 57px; height: 48px; }
.wrap .middle .m_nav .m_nav_inner a .tit img { margin-top: 8px; width: 20px; }  
.wrap .middle .m_nav .m_nav_inner a:hover .tit img { margin-top: 8px; width: 20px; }    
.wrap .middle .m_nav .m_nav_inner a.on .tit img { margin-top: 8px; width: 20px; }
.wrap .middle .content .list .con .img_inner a > .new span { transform: translate(2%, 94%); }
.wrap .middle .content .top .tit img { padding-right: 10px; width: 24px; opacity: 0.7; }
.wrap .middle .search_area .search_bg .search_inner span input { padding: 0; width: 76%; font-size: 12px; letter-spacing: -1px; }
.wrap .middle .search_area .search_bg .search_inner span { display: block; position: relative; width: inherit; align-items: stretch; width: 84%; }
.wrap .middle .search_area .search_bg .search_inner span .reset { right: 4px; }
.wrap .middle .search_area .search_bg .search_inner span .reset:active { right: 4px; }
.wrap .middle .search_area .search_bg .search_inner span .reset img { margin-right: -1px; }
.wrap .middle .search_area .search_bg .search_inner span .reset:active img { margin-right: -1px; }
.wrap .open .open_inner .m_brand ul li .tit { bottom: 6px; font-size: 10px; line-height: 10px; }
.wrap .open .open_inner .m_cate ul li .tit { bottom: 8px; font-size: 10px; line-height: 10px; }
.wrap .middle .content .top .btn { margin-right: 2px; }
.swiper-container-2 { min-width: 320px !important; }
.swiper-container-2 .tabs { min-width: 320px !important; }
.swiper-container-3 { min-width: 320px !important; }
.swiper-container-3 .tabs { min-width: 320px !important; }
.swiper-container-2 .tabs > li:nth-child(1) { margin: 0 4px 0 4px; width: 60px !important; }
.swiper-container-2 .tabs > li:nth-child(2) { margin: 0 4px 0 0; width: 60px !important; }
.swiper-container-2 .tabs > li:nth-child(3) { margin: 0 4px 0 0; width: 60px !important; }
.swiper-container-2 .tabs > li:nth-child(4) { margin: 0 4px 0 0; width: 60px !important;  }
.swiper-container-2 .tabs > li:nth-child(5) { margin: 0 4px 0 0; width: 60px !important; }
.swiper-container-2 .tabs > li:nth-child(6) { margin: 0 4px 0 0; width: 60px !important; }
.swiper-container-2 .tabs > li:nth-child(7) { margin: 0 4px 0 0; width: 60px !important; }
.swiper-container-3 .tabs > li:nth-child(1) { margin: 0 1px 0 -1px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(2) { margin: 0 1px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(3) { margin: 0 1px 0 4px; width: 70px !important; }
.swiper-container-3 .tabs > li:nth-child(4) { margin: 0 1px 0 4px; width: 80px !important; }
.swiper-container-3 .tabs > li:nth-child(5) { margin: 0 1px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(6) { margin: 0 1px 0 5px; width: 90px !important; }
.swiper-container-3 .tabs > li:nth-child(7) { margin: 0 1px 0 5px; width: 70px !important; }
.wrap .middle .mh758 { min-height: 626px; }
.wrap .open .open_inner .m_brand ul li .tit { bottom: 6px; font-size: 10px; line-height: 10px; }
#mobileBannerDiv { margin-bottom: -30px; }
}


.wrap .middle .cate_area .cate_inner { display: flex; display: -webkit-flex; margin: 0 auto 0;}
.wrap .middle .cate_area .cate_inner li a { position: relative; flex-direction: column; align-content: space-around; margin-left: 1%; margin-right: 0; height: 45px; font-size: 16px; line-height: 45px; color: #bbb; }
.wrap .middle .cate_area .cate_inner li a.bg01 { width: 102px; height: 45px; background: url(images/lobby/common/m_cate_bg1_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li a.bg02 { width: 118px; height: 45px; background: url(images/lobby/common/m_cate_bg2_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li a.bg03 { width: 131px; height: 45px; background: url(images/lobby/common/m_cate_bg3_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li a.bg04 { width: 148px; height: 45px; background: url(images/lobby/common/m_cate_bg4_off.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li a:last-child { margin-right: 0; }
.wrap .middle .cate_area .cate_inner li a .tit { display: table; position: absolute; top: 50%; left: 0; margin-top: -2px; width: -moz-max-content; width: fit-content; width: inherit; font-weight: 500; text-align: center; transform: translateY(-50%); }
.wrap .middle .cate_area .cate_inner li a .tit img { display: none; }
.wrap .middle .cate_area .cate_inner li.active a { flex-direction: column; align-content: space-around; margin-right: 0; color: #fff; }
.wrap .middle .cate_area .cate_inner li.active a.bg01 { width: 102px; background: url(images/lobby/common/m_cate_bg1_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li.active a.bg02 { width: 118px; background: url(images/lobby/common/m_cate_bg2_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li.active a.bg03 { width: 131px; background: url(images/lobby/common/m_cate_bg3_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li.active a.bg04 { width: 148px; background: url(images/lobby/common/m_cate_bg4_on.png); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.wrap .middle .cate_area .cate_inner li.active a .tit { color: #fff; }
.wrap .middle .cate_area .cate_inner li.active a .tit img { display: none; }

.total-slot-list {}
.total-slot-list:after{clear: both;display: block;content: '';}
.total-slot-list ul{width: 100%;display: flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;}
.total-slot-list li{flex:1 1 12%;align-self:center;margin:-1px 0 0 -1px;}
.total-slot-list li i{display: block;height: 48%;}
.total-slot-list li i img{height: 100%;}
.total-slot-list li a{border:1px solid rgba(0,0,0,.8);height: 80px;display: block;background: #fff;text-align: center;background: rgb(68,14,107);background:linear-gradient(360deg, rgb(37 56 129 / 78%) 0%, rgb(26 47 96 / 50%) 100%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding-top:10px;  }
.total-slot-list li a.on,.total-slot-list li a:hover{border:1px solid rgb(81 145 209 / 50%);display: block;background: #fff;text-align: center;background: rgb(21 32 72); background: linear-gradient(0deg, rgb(14 31 92 / 82%) 0%, rgb(20 86 169) 100%);}
.total-slot-list li a strong{display: block;font-weight: 500;font-size: 13px; margin-top: 5px;color: #fff;opacity: .5;} 
.total-slot-list li a.on i,.total-slot-list li a:hover i{opacity: 1 !important;}
.total-slot-list li a.on strong,.total-slot-list li a:hover strong{opacity: 1;}
.total-slot-list li.all i{height: 45%;margin: 3px 0 5px;opacity: .6 !important;}
.total-slot-list li.coming i{height: 44%;margin: 5px 0;}
.total-slot-list li.coming i{opacity: .6 !important;}
.total-slot-list li.coming a{background: linear-gradient(360deg, rgb(60 60 60 / 50%) 0%, rgb(64 64 64 / 50%) 100%);}
.total-slot-list li.coming a:hover{border-color:#000;}
.total-slot-list li.coming .on i,.total-slot-list li.coming .on strong{opacity: .6 !important;}
.total-slot-list .inc_slot01 {width: 1140px;margin:10px auto; -webkit-box-sizing: border-box;     -moz-box-sizing: border-box;        box-sizing: border-box;}
.total-slot-list .inc_slot01 a i{opacity: 1;}
.open_inner .total-slot-list .inc_slot02 ul{width: 100%;display: flex;flex-direction:row;flex-wrap:wrap;justify-content: center !important;align-items:center;align-content:center;}
.total-slot-list .inc_slot02 {width: 100%;margin:20px auto;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding:0 50px;}
.total-slot-list .inc_slot02 li a{border:1px solid rgba(0,0,0,.8);background:linear-gradient(360deg, rgb(37 56 129 / 78%) 0%, rgb(19 30 58 / 44%) 100%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.total-slot-list .inc_slot02 li a.on,.total-slot-list .inc_slot02 li a:hover{border:1px solid rgb(81 145 209 / 50%);background-color: rgb(32,17,82) !important;background: 
linear-gradient(0deg, rgb(7 20 68 / 80%) 0%, rgb(20 86 169) 100%)}
.inc_slot02  li.all,.inc_slot02 li.coming{display:none;}
.total-slot-list .inc_slot02 li{flex:0 0 19.4%;align-self:center;margin:3px;}
.total-slot-list .inc_slot02 a{border-radius:5px;background-color:rgb(44 44 44);}
.total-slot-list .inc_slot02 a i{opacity: 1;height: 50%;}

.wrap .open .open_inner .cate li a{border:1px solid #363636;background:linear-gradient(180deg, rgb(10 35 52 / 80%) 0%, rgb(45 113 177 / 72%) 100%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:5px;}
.wrap .open .open_inner .cate li a.on,.wrap .open .open_inner .cate li a:hover{border: 1px solid #1c5881; display: block;   background: #fff;    text-align: center;    background-color: rgb(32,17,82) !important; background: linear-gradient(0deg, rgb(24 49 74 / 95%) 0%, rgb(38 147 221) 100%)}
.wrap .open .open_inner .cate li a strong{display: block;font-weight: 500;font-size: 13px; margin-top: 5px;color: #fff;opacity: .5;} 
.wrap .open .open_inner .cate li i{display: block;height: 50%;opacity: .8;margin:5px 0 7px;}
.wrap .open .open_inner .cate li i img{height: 100%;}
.wrap .open .open_inner .cate li a.on i,.wrap .open .open_inner .cate li a:hover i{opacity: 1;}
.wrap .open .open_inner .cate li a.on strong,.wrap .open .open_inner .cate li a:hover strong{opacity: 1;}

.wrap .open .open_inner .m_cate li a{border:1px solid #363636;background:linear-gradient(180deg, rgb(10 35 52 / 80%) 0%, rgb(45 113 177 / 72%) 100%);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; border-radius:5px;}
.wrap .open .open_inner .m_cate li a.on,.wrap .open .open_inner .m_cate li a:hover{border: 1px solid #1c5881; display: block;   background: #fff;    text-align: center;    background-color: rgb(32,17,82) !important; background: linear-gradient(0deg, rgb(24 49 74 / 95%) 0%, rgb(38 147 221) 100%)}
.wrap .open .open_inner .m_cate li a strong{display: block;font-weight: 500;font-size: 13px; margin-top: 5px;color: #fff;opacity: .5;} 
.wrap .open .open_inner .m_cate li i{display: block;height: 50%;opacity: .8;margin:5px 0 7px;}
.wrap .open .open_inner .m_cate li i img{height: 100%;}
.wrap .open .open_inner .m_cate li a.on i,.wrap .open .open_inner .m_cate li a:hover i{opacity: 1;}
.wrap .open .open_inner .m_cate li a.on strong,.wrap .open .open_inner .m_cate li a:hover strong{opacity: 1;}

@media only screen and (max-width: 1024px) {
.total-slot-list .inc_slot02 li{flex:0 0 19.3%;}
.total-slot-list .inc_slot01{width: 100%;}
.total-slot-list .inc_slot02{padding:0 20px;-webkit-box-sizing: border-box;     -moz-box-sizing: border-box;        box-sizing: border-box;}
}
@media only screen and (max-width: 960px) {
.total-slot-list li{flex:1 1 16%;}      
.total-slot-list .inc_slot02 li{flex:0 0 13.5% !important;}

}
@media only screen and (max-width: 900px) {
.total-slot-list .inc_slot02 li{flex:0 0 18.9% !important;}
}
@media only screen and (max-width: 608px) {
.total-slot-list .inc_slot02 a i {    opacity: 1;    height: 48%;}
    .total-slot-list .inc_slot02 li{flex:0 0 18.8% !important;}
}
@media only screen and (max-width: 600px) {
    .total-slot-list .inc_slot02 li{flex:0 0 23% !important;}
}
@media only screen and (max-width: 576px) {
    .total-slot-list li{flex:1 1 25%;}
    .total-slot-list .inc_slot01 a{height: 70px;}
    .total-slot-list .inc_slot02 li{flex:0 0 23% !important;}
}
@media only screen and (max-width: 510px) {
    .total-slot-list .inc_slot02 li{flex:0 0 31.6% !important;}
}
@media only screen and (max-width: 406px) {
    .total-slot-list .inc_slot02 li{flex:0 0 31% !important;}
}

@media only screen and (max-width: 378px) {
    .total-slot-list .inc_slot02 li{flex:0 0 31% !important;}
    .total-slot-list .inc_slot02 a i {    opacity: 1;    height: 47%;}
}
@media only screen and (max-width: 370px) {
    .total-slot-list .inc_slot02 li{flex:0 0 47% !important;}
}
@media only screen and (max-width: 340px) {
    .total-slot-list .inc_slot01 li{flex:1 0 20% !important;}
    .total-slot-list li i{height: 45%;}
}