/* common */
.spmenu {display:none;position:absolute;left:10px;top:10px;width:40px;height:40px;color:#a6a9b2;font-size:20px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);z-index:999;}
/*.spmenu2 {display:none;position:absolute;right:10px;top:10px;width:40px;height:40px;color:#a6a9b2;font-size:20px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);border:solid 2px #a6a9b2;border-radius:40px;z-index:999;}*/
.refresh_btn {display:none;}
#btn_logout_fix {display:none;position:absolute;right:10px;top:10px;width:40px;height:40px;color:#a6a9b2;font-size:20px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);z-index:999;}

.spmenu,
.spmenu2 {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}



.sp-nav_sidebar, .sp-nav_sidebar2 {position:relative;overflow-x:auto}
.sp-nav {display:block;position:fixed;left:0px;top:104px;width:300px;padding:7px 0 10px 6px;height:auto;overflow-y:auto;background:none;z-index:999;height:100%;}
.sp-nav2 {display:block;position:fixed;right:0px;top:103px;width:300px;height:auto;overflow-y:auto;padding:7px 6px 10px 0;background:none;z-index:999;height:100%;}
.sp-nav,
.sp-nav2 {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}

.sp-nav::-webkit-scrollbar {width:2px;}
.sp-nav2::-webkit-scrollbar {width:2px;}

/*.menu-on {transform: translate(320px,0);z-index:99999;}
.menu-on2 {transform: translate(-320px,0);z-index:99999;}*/
.menu-on-default {transform: translate(320px,0);z-index:99999;}
.menu-on-default2 {transform: translate(-320px,0);z-index:99999;}

.sp-overlay,
.sp-overlay2 {display:none;position:fixed;left:0;right:0;top:0;width:100%;height:100vh;background:rgba(0,0,0,0.4);z-index:99;}

.mymenu {box-sizing:border-box;padding-right:5px;}
.mymenu ul {}
.mymenu ul:after {display:block;visibility:hidden;clear:both;content:""}
.mymenu ul li {display:block;float:left;width:33.33%;margin:0 0 1px 0;}
.mymenu ul li span {color:#000}
.mymenu ul li a {display:block;margin:0 1px 0 0;color:#fff;text-align:center;line-height:40px;background:#f39200}
.mymenu ul li a strong {font-weight:500;}
.mymenu ul li:last-child a {margin:0;}

.mymenu ul li a:hover, .gamemenu ul li a:hover {background:#e97b3e;}
.mymenu ul li a, a.btn_livebet, .gamemenu ul li a {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;}

a.btn_livebet {display:block;margin:0 0 1px 0;color:#fff;font-size:12px;text-align:center;line-height:40px;background:#1c1f28;}
a.btn_livebet:hover {background:#6a5089;}

.gamemenu {box-sizing:border-box;padding-right:5px;}
.gamemenu ul {}
.gamemenu ul:after {display:block;visibility:hidden;clear:both;content:""}
.gamemenu ul li {display:block;float:left;width:33.33%;margin:0 0 1px 0;}
/*.gamemenu ul li {display:block;float:left;width:33.33%;margin:0 0 1px 0;text-align:center;background-image:linear-gradient(to bottom right,#e30908 0,#ea5614);line-height:40px;font-weight:300;}*/
.gamemenu ul li a {display:block;margin:0 1px 0 0;color:#fff;text-align:center;line-height:40px;background-image:linear-gradient(to bottom right,#e30908 0,#ea5614);line-height:40px;font-weight:300;}
.gamemenu ul li:nth-child(3n) a {margin-right:0;}


.gamepart {padding-right:5px;}
.gamepart dl {}
.gamepart dl dt {display:block;margin:0 0 3px 0;padding:0 14px;line-height:40px;background:#1c1f28}
.gamepart dl dt i {font-size:18px;}
.gamepart dl dd {display:block;margin:0 0 3px 0;}
.gamepart dl dd a {display:block;position:relative;padding:0 10px;font-size:14px;line-height:40px;background:#1a1a1a;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gamepart dl dd a img {width:24px;height:auto;margin:0 12px 0 0;}
.gamepart dl dd a:hover {background:#222;}
.gamepart dl dd a .count {display:block;position:absolute;right:10px;top:50%;width:50px;height:22px;font-size:11px;text-align:center;line-height:22px;background:#f39200;border-radius:3px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);}

.el-row {height:5px;background:rgb(242, 146, 0);box-sizing:border-box;margin-right:5px;}

.latest {margin:9px 5px;padding:0 0 5px 0;}
.latest_header {padding:11px 5px;border-top: 1px solid #565656;border-bottom: 3px solid #000;background-image: linear-gradient(180deg,#101010 0,#121212 20%,#181617 50%,#1c1a1b 80%,#201c1b)!important;color: #fff;}
.imgcup, .latest_title {float:left;padding:0 5px;}
.latest_title span {font-size:13px;}
.imgdown {float:right;padding:0 5px;}
.latest_header:after {display:block;visibility:hidden;clear:both;content:""}

.latest_content {background: #1a1a1a;border-bottom: 1px solid #111;margin-bottom: 1px;}
.starttime, .sportsimg, .teamname {float:left;padding:10px 10px;}
.hteam, .ateam {width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.starttime {margin-top:9px;}
.sportsimg {margin-top:7px;padding:10px 0px;}
.latest_content:after {display:block;visibility:hidden;clear:both;content:""}


.latestleugue {margin:9px 5px;padding:0 0 5px 0;}
.latestleugue_header {padding:11px 5px;border-top: 1px solid #565656;border-bottom: 3px solid #000;background-image: linear-gradient(180deg,#101010 0,#121212 20%,#181617 50%,#1c1a1b 80%,#201c1b)!important;color: #fff;}
.imgtop, .latestleugue_title {float:left;padding:0 5px;}
.imgdown {float:right;padding:0 5px;}
.latestleugue_header:after {display:block;visibility:hidden;clear:both;content:""}
.latestleugue_content {padding:10px 10px 10px 15px;background:#1a1a1a;border-bottom:solid 1px #111;margin-bottom:1px;}
.latestleugue_content img {margin-right:10px;width:22px;}
.latestleugue_content div {display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:180px;position:relative;top:5px;}
.latestleugue_content span {}

.myinfo {margin:0 0 5px 0;background:#111;}
.myinfo dl {position:relative;margin:0 0 5px 0;padding:0 0 0 90px;border-left:solid 1px #454344;border-top:solid 1px #454344;}
.myinfo dl dt {display:block;position:absolute;left:0;top:0;width:90px;height:90px;background:#111;border-right:solid 1px #454344;border-bottom:solid 1px #454344;}
.myinfo dl dt span.icon {display:block;position:absolute;left:50%;top:50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.myinfo dl dd {display:block;position:relative;color:#fff;line-height:29px;text-indent:10px;border-right:solid 1px #454344;border-bottom:solid 1px #454344;}
.myinfo dl dd strong {color:#f00001;}
.myinfo dl dd a {display:block;position:absolute;right:10px;top:50%;padding:0 8px;font-size:11px;line-height:22px;text-align:center;text-indent:0;background:#f00001;border-radius:3px;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
}

.sidemenu {}
.sidemenu ul {}
.sidemenu ul:after {display:block;visibility:hidden;clear:both;content:""}
.sidemenu ul li {display:block;float:left;width:20%;margin:0 0 5px 0;}

.sidemenu ul li a {display:block;text-align:center;line-height:30px;border:solid 1px #454344;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;

background: #111;
background: -moz-linear-gradient(top,  #111 0%, #423525 100%);
background: -webkit-linear-gradient(top,  #111 0%,#423525 100%);
background: linear-gradient(to bottom,  #111 0%,#423525 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#533f34', endColorstr='#423525',GradientType=0 );}
.sidemenu ul li a:hover {color:#000;border:solid 1px #454344;
background: #111;
background: -moz-linear-gradient(top,  #111 0%, #e97b3e 100%);
background: -webkit-linear-gradient(top,  #111 0%,#e97b3e 100%);
background: linear-gradient(to bottom,  #111 0%,#e97b3e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0ad4e', endColorstr='#e97b3e',GradientType=0 );}
.sidemenu ul li:last-child a { height:32px;}
.sidemenu ul li:last-child a img { padding-top:8px; vertical-align:baseline; }
a.btn_mobile {display:block;padding:12px 0;color:#000;font-size:16px;text-align:center;background:#e3af0d;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.btn_mobile:hover {color:#fff;background:#544035;}


.sticky-sp-nav {top:0 !important;}
.sticky-sp-nav2 {top:0 !important;}

.sp-header {display:none;margin:0 0 10px 0;text-align:right;}
.sp-header .sp-close {display:inline-block;width:40px;height:40px;color:#a6a9b2;font-size:20px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);border:solid 2px #a6a9b2;border-radius:40px;}

@media screen and (max-width: 1860px){
#content_wrap {margin:0 310px 0 0}
.sp-nav {left:-320px;top:0px;height:100vh;overflow-y:auto;background:#222;box-shadow:0 0 20px rgba(0,0,0,0.6);}
.spmenu {display:block;}
#spmenu img { width:50px;}
.sp-nav { top:55px; }

}


@media screen and (max-width: 1280px){
#content_wrap { margin:0 0 0 0; background:url(/img/contents_bg4.png); }
.sp-nav2 {right:-320px;top:0px;height:100vh;overflow-y:auto;box-shadow:0 0 20px rgba(0,0,0,0.6);}
.spmenu {display:block;}
#spmenu img { width:50px;}
.sp-nav { top:55px; }
}




@media screen and (max-width: 1024px){
.spmenu {display:block;}
/*.spmenu2 {display:block;}*/
#header_wrap ul.tnb li a {padding:0 4px;}
#btn_logout_fix {display:block;}

.sp-header { display:block; }
#content_wrap { margin:0 0 0 0; background:url(/img/contents_bg4.png); }
#my_mobile_wrap .right {display:none;}
#casino_list, #slot_list { background:transparent; }
}




@media screen and (max-width: 768px){
.sp-block{display:block;}
.sp-inline{display:inline;}
.pc-block{display:none;}
.pc-inline{display:none;}
.spmenu img {width:30px;padding-bottom:5px;}
#btn_logout_fix img {width:40px;padding-bottom:5px;}
#my_mobile_wrap .right {display:none;}
#container_wrap {width:100vw;}
#header_wrap {width:100vw;}
#casino_list, #slot_list { background:transparent; }
}

@media screen and (max-width: 480px){
#content_wrap {margin:0 0 0 0; background:url(/img/contents_bg4.png); }
.sp-header .sp-close {display:inline-block;width:40px;height:40px;color:#fff;font-size:15px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);border:none;}
.spmenu {position:absolute;left:10px;top:10px;width:40px;height:40px;color:#a6a9b2;font-size:20px;text-align:center;line-height:38px;z-index:9;cursor:pointer;background:rgba(0,0,0,0.8);z-index:999;}
.refresh_btn {display:block;position:relative;top:-15px;}
.refresh_btn img {width:18px;margin:0 70px;}
.sp-header .logoimg {display:inline-block;}
.sp-header .logoimg img {width:100px;position:relative;right:58%;}
.sp-nav {left:-320px;top:50px;height:100%;overflow-y:auto;background:#000;box-shadow:0 0 20px rgba(0,0,0,0.6);}
.sp-nav2 {height:100vh;}
#casino_list, #slot_list { background:transparent; }
#btn_logout_fix {}
}