/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
    /* font-family: "Noto Sans SC", serif; */
    font-size: 14px;
    background: #1C1E22;
    color: #222;
    min-width: fit-content;
}

/*
 * Global add-ons
 */
a {
    color: rgb(61,157,255);
    text-decoration: none;
}

.dark .bgColor1 {
	background-color: #202020;
}

.dark .bgColor2 {
	background-color: #161616;
}

.dark .fontClr1 {
	color: #8E8E8E;
}

.dark .fontClr2 {
	color: #FFFFFF;
}

.dark .footerBorder {
	border-top: 1px solid #2A2A2A;
}

.light .footerBorder {
	border-top: 1px solid #ECECEC;
}

.dark .rBetTbRow {
	border-bottom: 1px solid #2A2A2A;
}

.light .rBetTbRow {
	border-bottom: 1px solid #ECECEC;
}

.light .bgColor1 {
	background-color: #FFFFFF;
}

.light .bgColor2 {
	background-color: #F5F5F5;
}

.dark .hideBorder{
	border : 1px solid #202020;
}

.light .hideBorder{
	border : 1px solid #FFFFFF;
}

.light .fontClr1 {
	color: #7A7878;
}

.light .fontClr2 {
	color: #494949;
}

.dark .selectedFont {
	background: #4368ff;
	color: #FFFFFF;
}

.light .selectedFont {
	background: #4368ff;
	color: #FFFFFF;
}


.dark .side-menu {
	height: 100%;
    float: left;
    position: fixed;
    width: 15%;
}

.dark .side-menu li {
	border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    padding: 15px;
    cursor: pointer;
}

.left-menu::-webkit-scrollbar{
	display:none;
}

.light .side-menu li {
	border-bottom: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    padding: 15px;
	cursor: pointer;
}

.dark .sublist li, .light .sublist li {
	border:none;
	font-weight:initial;
	background-color: inherit;
    color: inherit;
}

.arrow-up-down {
	float: right;
	transition: all 1s ease;
}

.dark .sideMenu-btn {
    border: 1px solid #2A2A2A;
    border-radius: 5px;
    font-size: 13px;
    height: 35px;
}

.dark .triangle-bottom {
	width: 0;
    height: 0;
    margin: 15px auto;
    border-left: 11px solid #0000;
    border-right: 11px solid #0000;
    border-top: 10px solid #fff;
    margin-top: 0;
}

.light .side-menu {
	height: 100%;
    float: left;
    position: fixed;
    width: 15%;
}

.light .sideMenu-btn {
    border: 1px solid #ECECEC;
    border-radius: 5px;
    font-size: 13px;
    height: 35px;
}

.light .triangle-bottom {
	width: 0;
    height: 0;
    margin: 15px auto;
    border-left: 11px solid #0000;
    border-right: 11px solid #0000;
    border-top: 10px solid #fff;
    margin-top: 0;
}

.dark .bdrStyle {
	border:  1px solid #2A2A2A;
}

.light .bdrStyle {
	border: 1px solid #ECECEC;
}

.commonBorder {
	border-radius: 5px;
	display: flex;
    margin: 0px 5px;
    padding: 0px 5px;
}

.dark .dlIcon{
	background: url(/theme/img/dark_download.png) no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    width: 18px;
    height: 16px;
    margin-right: 8px;
}

.light .dlIcon{
	background: url(/theme/img/light_download.png) no-repeat;
    background-position-x: center;
    background-position-y: center;
    background-size: contain;
    width: 18px;
    height: 16px;
    margin-right: 8px;
}

a:hover,
a.focus {
    text-decoration: none;
    color: rgb(61,157,255);
}

.container {
	Font-size: 12px;

}

.topbar {
	padding:0 10px;
	height:6vh;
	display: flex;
	align-items: center;
	justify-content: center;
    line-height: 30px;
    font-size: 12px;
    background: #18488B;
    color: white;
}

.topbar a {
    color: #ffffff;
    padding: 0 2px;
}

.topbar .container {
    padding: 0;
    position: relative;
}

.header {
    height: 70px;
}

.header .container {
    padding: 0;
    position: relative;
}

.logo {
    background: url(../img/assets/web-logo.png) no-repeat;
    height: 75px;
    width: 220px;
    margin: 0 0;
    float: left;
    background-size: contain !important;
    background-position-y: center !important;
    margin-left: 15px;
}

.logo a {
    display: inline-block;
    height: 50px;
    width: 360px;
}

.home-bg {
    display: block;
    background-size: contain;
    background-position: top;
    background: url(/theme/img/home_bg.png) no-repeat;
}

.header-login {
    /*float: right;*/
    margin-top: 18px;
    font-size: 13px;
    color: white;
    text-align: right;
}

.header-login .form-group {
    position: relative;
}

.header-login .form-label {
    font-size: 12px;
    color: #999;
    position: absolute;
    padding: 8px 8px;
}

.header-login .form-control {
   /* padding-left: 55px;*/
    font-size: 14px;
    width: 180px;
}

.header-code {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 26px;
}

.index-login-link {
    color: #222;
    margin: -2px 0 10px;
    display: flex;
}

.draw_deposit_menu {
    border: 1px solid #D42B2B;
    background-color: #D42B2B;
    border-radius: 6px;
    padding: 2px 10px;
    color: #fff !important;
    outline: none;
    text-decoration: none;
    margin: 0 !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 5px;
}

.draw_deposit_menu:hover {
	background-color: #ff9b28;
    color: #fff !important;
    border-color: #ff9b28;
}

.index-login-link a {
    color: #222;
    margin: 0 5px;
}

.index-login-money {
    position: relative;
    display: inline-block;
}

.tip-forget {
    position: absolute;
    right: 4px;
    top: 4px;
    padding: 0 5px;
    display: inline-block;
    line-height: 25px;
    text-align: center;
    color: #3D9DFF;
    border-radius: 2px;
    font-size: 13px;
}

.header-nav {
    height: 70px;
    position: inherit;
    overflow: hidden;
    width: 100%;
    z-index: 100;
}

.header-nav .container {
    padding: 0;
    position: relative;
}

.header-nav-index {
    background: none;
}

.header-nav-index .container {
    background: #e23a3a;
}

.header-nav-lottery {
    width: 300px;
    float: left;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    background: #d42b2b;
    padding-left: 15px;
    position: relative;
}

.header-nav-lottery>a {
    color: #fff;
    display: block;
}

.header-nav-lottery span {
    float: right;
    margin: 20px 15px;
}

.header-nav-lottery em {
    position: absolute;
    right: 8px;
    top: 13px;
    width: 18px;
    height: 24px;
    display: inline-block;
    vertical-align: top;
    background: url(../img/arrow.png) no-repeat center center;
}

.header-nav-lottery:hover em {
    background: url(../img/arrow_up.png) no-repeat center center;
}

.nav-header .active>a  {
   	color: #18488B;
    font-size: 15px;
    font-weight: bold;
}

.nav-header>li {
	float: left;
    display: flex;
    justify-content: center;    
    align-items: center;
    margin-left: 3px;
	font-size: 14px; 
	font-weight: bold;
    cursor: pointer;
    height: 30px;
}
.no-display {
	display: none !important;
}

.nav-header>li>a{
	color: #FFFFFF; 
	font-size: 15px; 
	font-weight: bold;
}

.nav-header>li>a:hover {
    color: #18488B;
    font-size: 15px;
    font-weight: bold;
    background: transparent;
}

.nav-header>li>a:focus{
	background: transparent;
}
.hot-icon {
    width: 20px;
    height: 14px;
    background: url(../img/hot_new.gif) no-repeat;
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 2px;
    overflow: hidden;
    z-index: 10;
}


.header-nav .nav-lottery {
    position: absolute;
    top: 50px;
    left: 0;
    z-index: 998;
}

.main .container {
    padding: 0;
}

.index-left {
    width: 300px;
    float: left;
}

.nav-ranking {
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
    height: 182px;
    padding: 5px 5px;
    overflow: hidden;
}

.nav-ranking .nav>table>tr>td {
    line-height: 32px;
    padding: 6px 0;
    margin: 0 10px 0;
    color: #222;
    font-size: 16px;
    border-bottom: 1px dotted #eee;
}

.nav-ranking .nav>table>tr>td>img {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
}

.nav-ranking .nav .img-small {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
    float: left;
}

.nav-ranking .nav>li>a small {
    font-size: 12px;
    color: #999;
    float: none;
}

.nav-ranking .nav>li>a:hover,
.nav-ranking .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-lottery {
    height: 500px;
    background: #000;
}

.nav-lottery1 {
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
    height: 282px;
}

.nav-lottery1 .nav>li>a {
    line-height: 32px;
    padding: 6px 0;
    margin: 0 10px 0;
    color: #222;
    font-size: 16px;
    border-bottom: 1px dotted #eee;
}

.nav-lottery1 .nav>li>a>img {
    width: 32px;
    height: 32px;
    margin-right: 5px;
    border-radius: 50%;
}

.nav-lottery1 .nav>li>a small {
    font-size: 12px;
    color: #999;
    float: right;
}

.nav-lottery1 .nav>li>a:hover,
.nav-lottery1 .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-lottery2 {
    border-bottom: 2px solid #d42b2b;
    height: 218px;
}

.nav-lottery2 dl {
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    height: 72px;
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
}

.nav-lottery2 dt {
    width: 20px;
    font-weight: normal;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    color: #999;
    height: 60px;
    padding-top: 4px;
}

.nav-lottery2 dd {
    margin-left: 26px;
    height: 60px;
    overflow: hidden;
}

.nav-lottery2 dd a {
    color: #555;
    display: inline-block;
    width: 83px;
    margin: 1px 0 2px;
}

.nav-lottery2 dd a:hover,
.nav-lottery2 dd a:focus {
    color: #d42b2b;
}

.nav-lottery3 {
    border-bottom: 2px solid #d42b2b;
    height: 218px;
}

.nav-lottery3 dl {
    padding: 5px 10px;
    margin: 0;
    font-size: 12px;
    height: 72px;
    border-left: 2px solid #d42b2b;
    border-right: 2px solid #d42b2b;
}

.nav-lottery3 dt {
    width: 20px;
    font-weight: normal;
    float: left;
    border: 1px solid #e5e5e5;
    text-align: center;
    color: #999;
    height: 60px;
    padding-top: 4px;
}

.nav-lottery3 dd {
    margin-left: 40px;
    height: 60px;
    overflow: hidden;
    margin-right: 20px;
}

.nav-lottery3 dd a {
    color: #555;
    display: inline-block;
    width: 83px;
    margin: 1px 0 2px;
}

.nav-lottery3 dd a:hover,
.nav-lottery3 dd a:focus {
    color: #d42b2b;
}

.index-main {
    width: 100%;
    float: left;
    margin-left: 10px;
}

.index-main .carousel-inner>.item>img,
.index-main .carousel-inner>.item>a>img {
     width: 100%;
     height: auto;
     /*max-height: 240px;*/ 
	 border-radius: 5px;
}

.index-main .carousel-indicators {
    bottom: 30px;
}

.quick-tpis {
    background: #fff6e5 none repeat scroll 0 0;
    color: #fe7200;
    height: 38px;
    line-height: 38px;
    margin: 10px 0;
    padding: 0 10px;
    overflow: hidden;
    position: relative;
}

.quick-tpis .glyphicon {
    font-size: 18px;
    margin-top: 10px;
    float: left;
    position: absolute;
}

.quick-tpis marquee {
    margin-left: 25px;
}

.quick-tpis marquee a {
    color: #fe7200;
    margin-right: 20px;
}

.index-right {
    width: 270px;
    float: right;
    height: 448px;
}

.index-login {}

.form-link {
    text-align: right;
}

.form-link a {
    margin-left: 15px;
}

.index-login .form-group {
    position: relative;
}

.index-login .form-label {
    font-size: 12px;
    color: #999;
    position: absolute;
    padding: 8px 8px;
}

.index-login .form-control {
    padding-left: 60px;
    font-size: 12px;
}

.index-code {
    position: absolute;
    right: 4px;
    top: 4px;
    height: 26px;
}

.red {
    color: #e23a3a !important;
}

.btn-black {
    color: #0d0d0d;
}

.btn-red:hover,
.btn-red:focus {
    background: #3e3dff;
    border-color: #3e3dff;
    color: #FFF;
}

.border-gold {
	Border: 2px solid #ebbc4c;
	Border-radius: 50%;
}

.border-img {
	border-radius: 50%;
	height:35px;
}

.border-gold-balance {
	Border: 2px solid #ebbc4c;
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	width:200px;
	height:44px;
	text-align:center;
	padding-top:10px;
}

.btn-gold {
    background: #2196f3;
    border-color: #2196f3;
    color: #ebbc4c;
}

.btn-blue:hover,
.btn-blue:focus {
    background: #337ab7;
    border-color: #337ab7;
    color: #FFF;
}

.index-news {
    border: 1px solid #e5e5e5;
    margin-top: 10px;
}

.index-news .nav-tabs>li>a {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
    background: #f8f8f8;
    border-radius: 0;
    padding: 8px 15px;
}

.index-news .nav-tabs>li>a:hover,
.index-news .nav-tabs>li>a:focus {
    background: #f8f8f8;
}

.index-news .nav-tabs>li:first-child.active>a {
    border-left: none;
}

.index-news .nav-tabs>li:last-child.active>a {
    border-right: none;
}

.index-news .nav-tabs>li.active>a,
.index-news .nav-tabs>li.active>a:hover,
.index-news .nav-tabs>li.active>a:focus {
    background: #000;
    border-top: none;
}

.index-news-list {
    padding: 10px 10px;
    height: 182px;
    overflow: hidden;
}

.index-news-list .nav>li>a {
    font-size: 12px;
    color: #555;
    padding: 5px 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-news-list .nav>li>a:hover,
.index-news-list .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.index-award {
    margin-top: 10px;
    border: 1px solid #e5e5e5;
}

.index-award h4 {
    font-size: 14px;
    font-weight: normal;
    padding: 10px;
    background: #f8f8f8;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 10px;
}

.index-award-list {
    height: 211px;
    overflow: hidden;
    padding: 0 10px 10px;
}

.index-award-list dl {
    font-size: 12px;
    color: #555;
    padding: 5px 0;
}

.index-award-list dt {
    font-weight: normal;
    width: 70%;
    overflow: hidden;
    float: left;
}

.index-award-list dd {
    width: 30%;
    overflow: hidden;
    float: right;
    color: #e23a3a;
    text-align: right;
}

.index-quick {
    border: 1px solid #e5e5e5;
}

.index-quick .nav-tabs>li>a {
    border: 0;
    border-bottom: 1px solid #e5e5e5;
    color: #555;
    font-size: 16px;
    padding: 10px 7px;
}

.index-quick .nav-tabs>li>a:hover,
.index-quick .nav-tabs>li>a:focus {
    background: none;
}

.index-quick .nav-tabs>li.active>a,
.index-quick .nav-tabs>li.active>a:hover,
.index-quick .nav-tabs>li.active>a:focus {
    color: #e23a3a;
    background: none;
    border: 0;
    border-bottom: 2px solid #e23a3a;
}

.index-quick-box {
    padding: 0 10px 10px;
    height: 165px;
    overflow: hidden;
}

.index-quick-box1 {
    margin: 15px 0;
    color: #999;
}

.index-quick-box1 a {
    color: #999;
}

.index-quick-box1 a:hover {
    color: #d42b2b;
}

.index-quick-box3 {
    margin-top: 20px;
}


.index-open {
    width: 298px;
    height: 380px;
    float: left;
    margin-top: 20px;
    padding: 10px 0 20px;
    border: 1px solid #e5e5e5;
    overflow: hidden;
}

.index-open .nav-tabs {
    border-bottom: 1px solid #e5e5e5;
}

.index-open h4 {
    font-size: 16px;
    float: left;
    line-height: 0;
    margin-left: 10px;
    font-weight: bold;
    color: #555;
}

.index-open .nav-tabs>li {
    float: right;
}

.index-open .nav-tabs>li>a {
    border: 0;
    border-bottom: 2px solid transparent;
    color: #555;
    padding: 5px 5px;
    margin-right: 5px;
}

.index-open .nav-tabs>li>a:hover,
.index-open .nav-tabs>li>a:focus {
    background: none;
}

.index-open .nav-tabs>li.active>a,
.index-open .nav-tabs>li.active>a:hover,
.index-open .nav-tabs>li.active>a:focus {
    color: #e23a3a;
    background: none;
    border: 0;
    border-bottom: 2px solid #e23a3a;
}

.index-open-list {
    margin-top: 15px;
}

.index-open-list dl {
    margin: 10px 0 0;
    padding: 0 10px;
    line-height: 1;
}

.index-open-list small {
    font-size: 12px;
    color: #999;
    font-weight: normal;
    float: right;
    margin-top: 2px;
}

.index-open-list .text-right,
.index-open-list a {
    font-size: 12px;
    color: #555;
    line-height: 1;
}

.index-open-list a:hover {
    color: #d42b2b;
}

.index-open-list dd b {
    margin-right: 8px;
}

.index-infor {
    margin: 20px 0 0 0px;
    border: 1px solid #e5e5e5;
    height: 380px;
    overflow: hidden;
}

.index-infor h4 {
    font-size: 16px;
    font-weight: bold;
    padding: 12px 10px 13px;
    color: #555;
    line-height: 1;
    border-bottom: 1px solid #e5e5e5;
    margin: 0 0 8px;
}

.index-infor .nav>li {
    width: 50%;
    float: left;
}

.index-infor .nav>li>a {
    padding: 6px 10px;
    color: #222;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.index-infor .nav>li>a span {
    color: #999;
    margin-right: 5px;
}

.index-infor .nav>li>a:hover {
    color: #d42b2b;
    background: none;
}

.footer {
	border-top: 2px solid #202020;
}

.bottom-link {
    margin-top: 30px;
}

.bottom-link dl {
    width: 20%;
    float: left;
    margin: 0;
}

.bottom-link dt {
    font-size: 20px;
    color: #555;
    font-weight: normal;
}

.bottom-link .nav>li>a {
    color: #555;
    padding: 6px 0;
}

.bottom-link .nav>li>a:hover {
    background: none;
    color: #d42b2b;
}


.phone-code img {
    width: 60px;
    display: block;
}

.phone-code {
    color: #999;
    text-align: center;
}

.phone-code1,
.phone-code2 {
    float: left;
    margin-top: 5px;
}

.phone-code1 {
    margin-right: 10px;
    position: absolute;
}

.bottom-pic {
    margin: 30px 0 10px
}

.foot_info {
    margin: 0 auto;
    width: 750px;
}

.foot_info li {
    float: left;
    width: 120px;
    height: 45px;
    background: url(../img/footer_img.png) no-repeat;
    margin: 0 10px;
    list-style: none;
}

.foot_info li.foot_wljc {
    background-position: 0 0
}

.foot_info li.foot_wangan {
    background-position: 0 -45px
}

.foot_info li.foot_wsjy {
    background-position: 0 -90px
}

.foot_info li.foot_xylh {
    background-position: 0 -135px
}

.foot_info li.foot_kxwz {
    background-position: 0 -180px
}

.bottom-copy {
    text-align: center;
    font-size: 12px;
    padding-bottom: 20px;
    color: #555;
    line-height: 2;
}

.bottom-copy a {
    color: #555;
}

.bottom-copy a:hover {
    color: #d42b2b;
}


.promotion {
    margin: 20px 0;
    border: 1px solid #e5e5e5;
    padding: 0 0 20px;
}

.promotion h3 {
    font-size: 20px;
    margin: 0;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.promotion dl {
    border: 1px solid #eee;
    margin: 20px 20px 0;
    padding: 0;
    cursor: pointer;
}

.promotion dt {}

.promotion dt img {
    width: 100%;
}

.promotion dd {
    padding: 20px;
}

.promotion-t {
    color: #e23a3a;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
}

.promotion dd ul {
    font-size: 12px;
    color: #555;
    margin: 20px 0 0;
    line-height: 2;
}

.promotion-box {
    display: none;
    padding: 15px;
    border-top: 0;
    margin: -1px 20px 20px;
}

.promotion-box img {
    width: 100%;
}

.promoImg img{
	width: inherit;
}

.open {
    margin: 20px 0;
}

.open-tab .nav-tabs {
    background: #f5f5f5;
}

.open-tab .nav-tabs>li>a {
    color: #555;
    border-radius: 0;
}

.open-tab .nav-tabs>li.active>a,
.open-tab .nav-tabs>li.active>a:hover,
.open-tab .nav-tabs>li.active>a:focus {
    color: #222;
    border-top: 2px solid #e23a3a;
}

.open-tab .tab-content {
    border: 1px solid #e5e5e5;
    border-top: 0;
    padding: 10px 0;
}

.open-tab .nav-pills {}

.open-tab .nav-pills>li>a {
    color: #555;
    border-radius: 0;
    padding: 0 15px;
    line-height: 1;
}

.open-tab .nav-pills>li {
    border-right: 1px solid #e5e5e5;
    margin: 8px 0;
}

.open-tab .nav-pills>li:last-child {
    border-right: 0;
}

.open-tab .nav-pills>li>a:hover,
.open-tab .nav-pills>li>a:focus {
    background: none;
    color: #d42b2b;
}

.open h4 {
    margin: 20px 0;
}

.open h4 .btn {
    margin-top: -8px;
}

.open-table .table {
    font-size: 12px;
    border: 1px solid #e5e5e5;
    color: #555;
}

.open-table .table a {
    color: #1E50A2;
}

.open-table .table a:hover,
.open-table .table a:focus {
    color: #d42b2b;
}

.open-table .table a.btn {
    padding: 0px 10px;
    color: #fff;
}

.open-table .table a.btn:hover,
.open-table .table a.btn:focus {
    color: #fff;
}

.open-table .table>thead>tr>th {
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    background: #f5f5f5;
}

.trend {
    margin: 20px 0;
}

.trend-list dl {
    float: left;
    text-align: center;
    margin: 5px 25px 15px 25px;
}

.trend-list dt {
    font-weight: normal;
    margin-bottom: 10px;
}

.trend-list dt img {
    width: 88px;
    display: block;
    margin-bottom: 5px;
}

.news {
    border: 1px solid #e5e5e5;
    margin: 20px 0;
    padding: 0 20px 20px;
}

.news h4 {
    font-size: 20px;
    margin: 0 -20px 20px;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.news .table {}

.news .table>thead>tr>th,
.news .table>tbody>tr>th,
.news .table>tfoot>tr>th,
.news .table>thead>tr>td,
.news .table>tbody>tr>td,
.news .table>tfoot>tr>td {
    padding: 15px 8px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 0;
}

.news .table a {
    color: #555;
}

.news .table a:hover,
.news .table a:focus {
    color: #d42b2b;
}

.news .pager li>a,
.news .pager li>span {
    border-radius: 0;
}

.news-view {
    margin: 20px;
    border: 1px solid #e5e5e5;
    border-top: 3px solid #e5e5e5;
    padding: 20px;
    min-height: 700px;
}

.news-view h1 {
    margin: 20px;
    font-size: 30px;
    text-align: center;
}

.author {
    color: #999;
    border-bottom: 1px dashed #e5e5e5;
    text-align: center;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.news-box {
    color: #555;
    line-height: 2;
}

.news-box p {
    margin-bottom: 20px;
    text-indent: 2em;
}

.news-pager {
    margin: 20px;
}

.news-pager li>a,
.news-pager li>span {
    border-radius: 0;
}

.help h4 {
    margin: 20px 0 0;
}

.help .list-group-item a {
    color: #555;
}

.help .list-group-item a em {
    color: #e23a3a;
    font-size: 16px;
    margin-right: 10px;
    font-style: normal;
}

.help .list-group-item a:hover,
.help .list-group-item a:focus {
    color: #d42b2b;
}

.help-box {
    margin-top: 20px;
    border: 1px solid #e5e5e5;
    padding: 0 20px 20px;
}

.help-wrap h3 {
    font-size: 20px;
    margin: 20px -20px 0;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.help-box>.help-wrap:first-child h3 {
    margin-top: 0;
    border-top: 0;
}

.help-wrap-tit {
    color: rgb(61,157,255);
    font-size: 14px;
    margin: 15px 0 0;
}

.register {
    border: 1px solid #e5e5e5;
    margin: 20px 0;
    border-top: 0;
}

.t-sub {
    font-size: 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    padding: 15px 20px;
    background: #f5f5f5;
}

.nav-list h4 {
    margin: 20px 0;
}

.nav-list .nav>li {
    width: 16.66666666666%;
    float: left;
    padding: 5px;
    border: 1px solid #e5e5e5;
    margin: 0 -1px -1px 0;
    height: 54px;
}

.nav-list .nav>li>a {
    color: #555;
}

.nav-list .nav>li>a:hover,
.nav-list .nav>li>a:focus {
    background: none;
    color: #d42b2b;
}

.nav-list .nav>li>a img {
    margin-right: 5px;
    vertical-align: middle;
}


.float-left {
    position: fixed;
    left: 20px;
    top: 210px;
    z-index: 999;
}

.float-left-3 {
    height: 165px;
    background: url(../img/float-left-3.png) no-repeat;
    text-align: center;
    padding-top: 19px;
}

.float-right-3 {
    height: 165px;
    background: url(../img/float-left-3.png) no-repeat;
    text-align: center;
    padding-top: 19px;
}

.float-right {
    position: fixed;
    right: 0;
    bottom: 40px;
    z-index: 999;
}

.ml10 {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mt20 {
    margin-top: 20px;
}

.wl {
    width: 70px;
}


.red-ball {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball {
    display: inline-block;
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.red-ball-sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 4px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball-sm {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 19px;
    font-size: 12px;
    text-align: center;
    color: #fff;
    margin-right: 4px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.red-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #e23a3a;
    font-style: normal;
}

.blue-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4493eb;
    font-style: normal;
}

.green-ball-home {
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-right: 16px;
    border-radius: 50%;
    background: #4caf50;
    font-style: normal;
}

.racing {
    width: 32px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    background: #e5e5e5;
    display: inline-block;
    color: #fff;
    font-size: 28px;
    text-shadow: 0 1px 1px #000;
    font-style: normal;
    border-radius: 6px;
    margin-right: 5px;
}

.racing-sm {
    width: 18px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    background: #e5e5e5;
    display: inline-block;
    color: #fff;
    font-size: 12px;
    text-shadow: 0 1px 1px #000;
    font-style: normal;
    margin-right: 2px;
}

.r1 {
    background: #ffff02;
}

.r2 {
    background: #018aff;
}

.r3 {
    background: #4c4c4c;
}

.r4 {
    background: #ff7400;
}

.r5 {
    background: #82feff;
}

.r6 {
    background: #5204ff;
}

.r7 {
    background: #e4e4e4;
}

.r8 {
    background: #ff1201;
}

.r9 {
    background: #770400;
}

.r10 {
    background: #23c300;
    letter-spacing: -6px;
    text-indent: -9px;
}

.racing-sm.r10 {
    letter-spacing: 0;
    text-indent: 0;
}

.LHC-num {
    float: left;
    text-align: center;
    margin: 0 10px 0 0;
    padding: 0;
}

.LHC-num dd {
    color: #555;
    font-size: 12px;
}

.LHC-redball,
.LHC-blueball,
.LHC-greenball {
    width: 40px;
    height: 40px;
    line-height: 35px;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background-size: 40px;
    letter-spacing: -1px;
    text-indent: -1px;
}

.LHC-redball {
    border: 1px solid #fb4a51;
    background-image: url(../img/LHC-redball.png);
}

.LHC-blueball {
    border: 1px solid #2ebff6;
    background-image: url(../img/LHC-blueball.png);
}

.LHC-greenball {
    border: 1px solid #7cd932;
    background-image: url(../img/LHC-greenball.png);
}

.LHC-add {
    line-height: 35px;
    font-style: normal;
    font-size: 24px;
}

.LHC-sm {
    height: 20px;
    width: 20px;
    line-height: 16px;
    font-size: 12px;
    font-weight: normal;
    background-size: 20px;
    letter-spacing: -1px;
    text-indent: 1px;
}

.LHC-add-sm {
    line-height: 16px;
    font-style: normal;
    font-size: 14px;
}

.kuai3Ball {
    width: 53px;
    height: 53px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 20px 0 0;
}

.num1 {
    background-position: -15px -39px;
}

.num2 {
    background-position: -96px -39px;
}

.num3 {
    background-position: -15px -114px;
}

.num4 {
    background-position: -96px -114px;
}

.num5 {
    background-position: -15px -189px;
}

.num6 {
    background-position: -96px -189px;
}

.open-kuai3 {
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.no1 {
    background-position: -9px -266px;
}

.no2 {
    background-position: -64px -266px;
}

.no3 {
    background-position: -119px -266px;
}

.no4 {
    background-position: -9px -315px;
}

.no5 {
    background-position: -64px -315px;
}

.no6 {
    background-position: -119px -315px;
}

.open-kuai3-small {
    width: 26px;
    height: 26px;
    display: inline-block;
    background: url(../img/kuai3.png) no-repeat;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 10px 0 0;
}

.n1 {
    background-position: 0 0;
}

.n2 {
    background-position: -27px 0;
}

.n3 {
    background-position: -54px 0;
}

.n4 {
    background-position: -81px 0;
}

.n5 {
    background-position: -108px 0;
}

.n6 {
    background-position: -135px 0;
}

.d-banner {
    width: 100%;
    height: 100px;
    background-image: url(../img/d-banner.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    margin: 20px 0 0;
}

.clearfix {
    line-height: 0;
}

.kf {
    background: url(../img/kf.png) no-repeat;
    width: 109px;
    height: 40px;
    display: inline-block;
    margin: -10px -12px;
}

.nav-lottery2 {
    position: relative;
}

.nav-lottery2 dl.lottery-more-on {
    border-bottom: 1px solid #d42b2b;
    border-right-color: #fff;
    border-top: 1px solid #d42b2b;
    background: #000;
    position: relative;
    z-index: 999;
}

.lottery-more {
    border: 2px solid #d42b2b;
    border-left: none;
    width: 590px;
    height: 219px;
    position: absolute;
    left: 300px;
    top: -1px;
    background: #000;
    z-index: 999;
    padding: 20px;
    overflow: hidden;
    line-height: 1.42857143;
}

.lottery-more h4 {
    font-size: 16px;
    margin: 0 0 8px;
    color: #222;
}

.lottery-more a {
    color: #555;
    display: inline-block;
    width: 106px;
    margin: 0 0 8px;
    font-size: 12px;
}

.lottery-more a:hover {
    color: #e23a3a;

}


.BalanceSelector1 .Hover,
.BalanceSelector1 .Hover .BalanceSelectorHeader {
    background-position: 0 -6px;
    color: #FFDF1B;
}

.BalanceSelector1 .Hover img {
    top: -6px;
}

.BalanceSelector1 ul {
    border-radius: 4px 4px 4px 4px;
}

.BalanceSelector1 ul li.firstRow a,
.BalanceSelector1 ul li.firstRow div {
    background-color: #BBBBBB;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.BalanceSelector1 ul li.lastRow a,
.BalanceSelector1 ul li.lastRow div {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.BalanceSelector1 ul {
    background-clip: border-box;
    background-position: right top;
    background-repeat: no-repeat;
    /*  border: 1px solid #333333;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
    list-style: none outside none;
    position: absolute;
    right: 0;
    width: 160px;
}

.BalanceSelector1 ul li {
    line-height: 30px;
    white-space: nowrap;
    display: block;
    width: 160px;
    text-align: -webkit-match-parent;
}

.BalanceSelector1 ul li div {
    cursor: default;
    font-size: 13px;
    height: auto;
    line-height: 30px;
    display: block;
    width: 160px;
    margin: 0px
}

.BalanceSelector1 ul li a,
.BalanceSelector1 ul li div {
    background-color: #B4B4B4;
    border-bottom: 1px solid #9E9E9E;
    border-top: 1px solid #C0C0C0;
    display: block;
    text-align: left
}

.BalanceSelector1 ul li a,
.BalanceSelector1 ul li a:link,
.BalanceSelector1 ul li a:visited {
    background-position: 164px 2px;
    background-repeat: no-repeat;
    color: #333333;
    cursor: pointer;
    display: block;
    font-family: verdana;
    font-size: 12px;
    height: 28px;
    padding: 0 10px;
    text-align: left;
    margin: 0;
}

.BalanceSelector1 ul li a:hover {
    background-color: #C8C8C8;
    border-top: 1px solid #D8D8D8;
}

.BalanceSelector1 ul li span.BalanceLabel {
    color: #666666;
    display: inline-block;
    float: left;
    padding-left: 10px;
}

.BalanceSelector1 ul li span.BonusValue,
.BalanceSelector1 ul li span.WithdrawableValue,
.BalanceSelector1 ul li span.TotalValue {
    color: #333333;
    display: inline-block;
    float: none;
}


.lottery-iframe {
    border: solid 1px #e5e5e5;
    margin: 20px 0 0;
}

.app_down {
    width: 100%;
    height: 520px;
    background: url(../img/app_down.png) no-repeat center center/auto 520px;
    margin-bottom: -20px;
}

.app_down .inner {
    float: right;
    padding-top: 90px;
    position: relative;
}

.app_down .inner .p1 {
    font-size: 14px;
}

.app_down .inner .p2 {
    font-size: 36px;
}

.app_down .inner .p3 {
    position: absolute;
    top: 193px;
    left: 4px;
    font-weight: 200;
}

.app_down .inner a {
    display: block;
    color: #fff;
    width: 150px;
    height: 30px;
    background: #000;
    border-radius: 3px;
    line-height: 30px;
    font-size: 12px;
    position: relative;
    text-indent: 36px;
}

.app_down .inner a:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 16px;
    left: 10px;
    top: 8px;
    background: url(../img/app_icon.png) no-repeat left top/16px auto;
}

.app_down .inner .p3 a:before {
    top: 7px;
}

.app_down .inner .p4 a:before {
    background-position: 0 -16px;
}

.app_down .inner .p5 {
    position: absolute;
    top: 233px;
    left: 4px;
    font-weight: 200;
}

.app_down .inner .p5 a {
    background: 0 0;
    color: #000;
    border: solid 1px #000;
    text-indent: 0;
    text-align: center;
    font-weight: 400;
}

.app_down .inner .p4 {
    display: block;
    position: absolute;
    top: 233px;
    left: 4px;
}

.app_down .inner img {
    width: 115px;
    margin-left: 164px;
    margin-top: 10px;
}

.warp {
    display: none;
}




/* 2018-12-11 */
.coupon-list {
    margin: 16px 16px 0;
}

.coupon-li {
    margin: 0 0 16px;
    background: #000;
    border-radius: 4px;
    padding: 10px 16px 5px;
    border-left: 4px solid #eb5935;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
    position: relative;
    height: 102px;
}

.coupon-line1 {
    font-size: 16px;
}

.coupon-line2 {
    font-size: 50px;
    color: #eb5935;
    line-height: 1;
    margin: 5px 0;
}

.coupon-line2 small {
    font-size: 28px;
    margin-right: -6px
}

.coupon-line2 span {
    background: #eb5935;
    color: #fff;
    font-size: 13px;
    padding: 3px 8px;
    border-radius: 14px;
    margin: 0 0 0 5px;
    vertical-align: middle;
}

.coupon-line3 {
    color: #999;
    font-size: 12px;
}

.coupon-li .button {
    position: absolute;
    right: 10px;
    top: 32px;
    min-width: 52px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    border-radius: 50%;
    padding: 0;
}

.coupon-li-ed {
    border-color: #bbb;
}

.coupon-li-ed .coupon-line2 {
    color: #bbb;
}

.coupon-li-ed .coupon-line2 span {
    background: #bbb;
}

.coupon-li-ed .button.button-fill {
    background: #bbb;
}

.coupon-li-ed .coupon-line3 {
    display: none;
}

@media screen and (max-width: 320px) {
    .coupon-list {
        margin: 10px 10px 0;
    }

    .coupon-li {
        margin: 0 0 10px;
        height: 89px;
    }

    .coupon-line1 {
        font-size: 14px;
    }

    .coupon-line2 {
        font-size: 40px;
    }

    .coupon-line2 small {
        font-size: 24px;
    }

    .coupon-line2 span {
        font-size: 12px;
    }

    .coupon-li .button {
        top: 27px;
    }
}

.quan-list {
    position: fixed;
    top: 0;
	right: 1px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 9999;
    display: none;
}

.quan-box-zh {
	width: 250px;
	background-image: url(../img/quan-list-zh.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-en {
	width: 250px;
	background-image: url(../img/quan-list-en.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-th {
	width: 250px;
	background-image: url(../img/quan-list-th.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-vi {
	width: 250px;
	background-image: url(../img/quan-list-vn.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-in {
	width: 250px;
	background-image: url(../img/quan-list-in.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-id {
	width: 250px;
	background-image: url(../img/quan-list-id.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-pt {
	width: 250px;
	background-image: url(../img/quan-list-pt.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-es {
	width: 250px;
	background-image: url(../img/quan-list-es.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-fr {
	width: 250px;
	background-image: url(../img/quan-list-fr.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-box-ru {
	width: 250px;
	background-image: url(../img/quan-list-ru.png);
	background-repeat: no-repeat;
	background-size: 105% auto;
	margin:180px auto;
	padding: 74px 10px 20px;
	border-radius: 15px;
}
.quan-li {
    height: 71px;
    background-image: url(../img/quan-li.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin: 0 0 8px;
}

.quan-li-left {
    color: #eb5935;
    font-size: 15px;
    width: 37%;
    float: left;
    text-indent: 8px;
    margin-top: 25px;
}

.quan-li-left small {
    font-size: 14px;
}

.quan-li-right {
    color: #212121;
    width: 63%;
    float: right;
    text-indent: 15px;
    margin-top: 16px;
}

.quan-li-right span {
    color: #999;
    font-size: 12px;
    display: block;
}

a.quan-btn {
    background: #efb93f;
    color: #fff;
    display: block;
    text-align: center;
    padding: 8px 0;
    border-radius: 20px;
    font-size: 16px;
    margin-top: 13px;
}

a.quan-close {
    display: block;
    text-align: center;
    margin-top: -160px;
}

a.quan-close img {
    width: 36px;
}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}


/* �日加奖 */
.floorDetail table {
    text-align: center;
    table-layout: fixed
}

.floorDetail table th {
    background-color: #4393be;
    color: #fff;
    font-weight: 100
}

.floorDetail table td,
.floorDetail table th {
    border: 1px solid #e6e6e6;
    height: 40px;
    font-size: 14px;
    text-align: center;
}

.floorDetail em,
.floorDetail i {
    font-size: 14px;
    font-style: normal;
}

.floorDetail em {
    margin-right: 15px
}

.floorDetail i {
    color: #f76727
}

.floorDetail a {
    font-size: 14px;
    color: #fff;
    background: #e4393c;
    border-radius: 4px;
    padding: 7px 18px;
    margin-top: -2%;
    min-width: 100px;
    text-align: center;
}

.floorDetail h3 {
    display: block;
    background: #219C43;
    width: 250px;
    text-align: center;
    line-height: 28px;
    font-size: 14px;
    margin-top: 30px;
    padding: 0;
    margin-bottom: 10px;
}

.floorDetail h3 i {
    display: inline-block;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-left: 10px solid #d2dbe0;
    position: absolute;
    margin-left: 14px
}

.floorDetail .disable {
    background: #d6d6d6;
    color: #999;
    min-width: 100px;
    text-align: center;
}

.tbplus {
    position: relative;
    width: 145px
}

.tbplus em {
    position: absolute;
    right: -10px;
    top: -2px;
    font-size: 14px
}

.tbplus ins {
    border-bottom: 1px solid #7fbbdc;
    position: absolute;
    width: 147px;
    -webkit-transform: rotate(15.2deg);
    transform: rotate(15.2deg);
    left: -1px;
    top: 19px
}

.tbplus i {
    position: absolute;
    left: 12px;
    bottom: 3px;
    color: #fff
}

.VIPTopBonus {
    position: relative;
    top: 6.5em;
    left: -32em;
    font-weight: 600;
    font-size: 1em;
    color: #fa262d
}

.VIPTopBonus2 {
    position: relative;
    top: 4.3em;
    left: -21.2em;
    font-weight: 600;
    font-size: 1.6em;
    color: rgba(59, 19, 138, .84)
}

.floorDetail img {
    max-width: 100%;
}

.badge1 {
    position: relative;
    margin-right: 8px;
}

.badge1[data-badge].noMessage:after {
    content: attr(data-badge);
    position: absolute;
    font-size: .75em;
    font-weight: bold;
    background: #999;
    color: white;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}

.badge1[data-badge].gtMessage:after {
    content: attr(data-badge);
    position: absolute;
    font-size: .75em;
    font-weight: bold;
    background: red;
    color: white;
    width: 20px;
    height: 16px;
    text-align: center;
    line-height: 18px;
    border-radius: 50%;
    box-shadow: 0 0 1px #333;
}

.LUSTCITY-nana-small,
.LUSTCITY-lucy-small,
.LUSTCITY-goldbar-small,
.LUSTCITY-car-small,
.LUSTCITY-tower-small,
.LUSTCITY-num-small,
.LUSTCITY-yellow-small,
.LUSTCITY-darkred-small,
.LUSTCITY-red-small {
  width: 30px;
  height: 30px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
/*   border-radius: 50%; */
  background-size: 30px;
/*   text-indent: 2px; */
}
.LUSTCITY-nana-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/nana.png);
  background-color: white;
}
.LUSTCITY-lucy-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/xilu.png);
  background-color: white;
}
.LUSTCITY-goldbar-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jintiao.png);
  background-color: white;
}
.LUSTCITY-car-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/haoche.png);
  background-color: white;
}
.LUSTCITY-tower-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/dalou.png);
  background-color: white;
}
.LUSTCITY-num-small {
  border: 1px solid;
  background-color: white;
}
.LUSTCITY-yellow-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jinse.png);
  background-color: white;
}
.LUSTCITY-darkred-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/hongshe.png);
  background-color: white;
}
.LUSTCITY-red-small {
  border: 1px solid;
  background-image: url(../img/LUSTCITY/jhongshe.png);
  background-color: white;
}

.YSC-green-small,
.YSC-red-small,
.YSC-purple-small,
.YSC-gpcolor-small,
.YSC-rpcolor-small,
.YSC-num-small {
    width: 30px;
    height: 30px;
    line-height: 27px;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    /*   border-radius: 50%; */
    background-size: 30px;
    /*   text-indent: 2px; */
}
.YSC-green-small {
    border: 1px solid;
    background-image: url(../img/YSC/green.png);
    background-color: white;
}
.YSC-red-small {
    border: 1px solid;
    background-image: url(../img/YSC/red.png);
    background-color: white;
}
.YSC-purple-small {
    border: 1px solid;
    background-image: url(../img/YSC/purple.png);
    background-color: white;
}
.YSC-gpcolor-small {
    border: 1px solid;
    background-image: url(../img/YSC/green-purple.png);
    background-color: white;
}
.YSC-rpcolor-small {
    border: 1px solid;
    background-image: url(../img/YSC/red-purple.png);
    background-color: white;
}
.YSC-num-small {
    border: 1px solid;
    background-color: white;
}

.jltc_zh{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_zh.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_en{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_en.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_th{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_th.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_vi{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_vi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_in{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_in.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_id{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_id.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_pt{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_pt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_es{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_es.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_fr{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_fr.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltc_ru{
	width:400px;
	height:470px;
	position: absolute;
	background:url(/static/img/jltc_ru.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-left: 32%;
}

.jltcqr_zh{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_zh.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_en{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_en.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_th{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_th.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_vi{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_vi.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_in{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_in.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_id{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_id.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_pt{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_pt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_es{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_es.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_fr{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_fr.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.jltcqr_ru{
	width: 128px;
	height: 36px;
	cursor:pointer;
	margin-top: 5px;
	margin-left: 135px;
	background:url(/static/img/jltcqr_ru.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
}

.quan-li-left-api {
    color: #eb5935;
    font-size: 15px;
    width: 37%;
    float: left;
    text-indent: 8px;
    margin-top: 25px;
}
.OSD-0-xsmall,
.OSD-1-xsmall {
  width: 25px;
  height: 25px;
  line-height: 27px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background-size: 25px;
  margin-right: 5px;
}
.OSD-1-xsmall {
  background-image: url(/static/img/game/OSD/1.png);
}
.OSD-0-xsmall {
  background-image: url(/static/img/game/OSD/0.png);
}
.YXX-1-xsmall,
.YXX-2-xsmall,
.YXX-3-xsmall,
.YXX-4-xsmall,
.YXX-5-xsmall,
.YXX-6-xsmall {
  width: 30px;
  height: 30px;
  color: #000;
  font-size: 10px;
  font-style: normal;
  font-weight: bold;
  display: inline-block;
  text-align: center;
  background-size: 30px;
  margin-right: 1px;
}

.YXX-1-xsmall {
  background-image: url(/static/img/game/YXX/deer.png);
}
.YXX-2-xsmall {
  background-image: url(/static/img/game/YXX/gourd.png);
}
.YXX-3-xsmall {
  background-image: url(/static/img/game/YXX/rooster.png);
}
.YXX-4-xsmall {
  background-image: url(/static/img/game/YXX/fish.png);
}
.YXX-5-xsmall {
  background-image: url(/static/img/game/YXX/crab.png);
}
.YXX-6-xsmall {
  background-image: url(/static/img/game/YXX/prawn.png);
}

.login-register {
	width:118px;
	height: 35px;
	font-weight:bold;
  	background: linear-gradient(180deg, rgba(61,157,255,1) 0%, rgba(28,55,100,1) 100%);
  	border-radius: 25px;
  	margin: 0 8px;
  	background-repeat: no-repeat;
	background-size: 118px 48px;
    background-position-y: -5px;
    background-position-x: center;
}

.login-register:hover {
	color:white
}

.sport-text {
	font-size: 20px;
    color: white;
    font-weight:bold;
}

.play-now {
	width:153px;
	height: 44px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
  	background-image: url(/theme/img/PLAY-NOW-button.png);
}

.arrow-bottom {
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 20px solid #ebbc4c;
}

.dropbtn {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #ebbc4c;
}


.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #000000;
    min-width: 162px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgb(0 0 0 / 20%);
    z-index: 1;
    text-align: left;
    padding: 0px 8px 0px 8px;
    border-radius: 10px;
    width: 190px;
}

.dropdown-content a {
  color: #9F9EE8;
  padding: 5px 10px;
  text-decoration: none;
  display: block;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-weight: lighter;
}

.dropdown-content span {
  color: #9F9EE8;
}

.show {display: block;}

.transparent-background {
	width:105%;
	height:400px;
}

.username-password-border {
  border: none;
  /*padding: 8px 20px;*/
  text-align: center;
  text-decoration: none;
  display: inline-block;
  border-radius: 30px;
  /*padding-left:10px;*/
  font-size: 16px; 
  background-color: black;
}

.balance-border {
  border: none;
  width: 210px;
  padding: 8px 20px;
  text-align: left;
  text-decoration: none;
  display: inline-block;
  border-radius: 30px;
  font-size: 16px; 
  background-color: #0A172E;
}

.blurry-background {
	background-image: url(/theme/img/StayTune.png);
	width:108%;
	height:514px;
	Border-radius: 15px;
	background-repeat: no-repeat;
	background-size: 480px;
	background-position: center;
}

.blurry-background-withgame {
	background-image: url(/theme/img/blurry-background-slot-machines-casino.png);
	width:108%;
	height:514px;
	Border-radius: 15px;
	background-repeat: no-repeat;
	background-size: 1100px;
	background-position: center;
}

.game-girl {
	background-image: url(/theme/img/games-zone-girl.png);
	margin-left: 470px;
    height: 450px;
    width: 27%;
    position: absolute;
    margin-top: 35px;
    background-repeat: no-repeat;
}

.game-left-boxes {
	border: 2px solid #ebbc4c; 
  	background-color: rgb(0,0,0);
  	border-radius: 50%;
  	display: inline-block;
  	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 100px;
    width: 205px;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 5px;
    opacity: 80%;
}

.game-right-boxes {
	border: 2px solid #ebbc4c; 
  	background-color: rgb(0,0,0);
 	background-color: rgba(0,0,0, 0.4);
  	border-radius: 50%;
  	display: inline-block;
  	border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 80px;
    width: 200px;
    margin-left: 350px;
}

.play-now-games {
	width: 80px;
    height: 30px;
    margin-left: 100px;
    color: #000000;
    text-align:center;
    border: 2px solid #ebbc4c; 
    border-radius: 10px;
    background: linear-gradient(180deg, hsla(42, 80%, 61%, 1) 0%, hsla(47, 91%, 83%, 1) 25%, hsla(35, 83%, 62%, 1) 53%, hsla(32, 66%, 39%, 1) 82%, hsla(40, 80%, 35%, 1) 100%);
	margin-top:15px
}

.topup-button {
	background-image: url(/theme/img/fi-rr-plus-small.svg);
    width: 20px;
    position: absolute;
    display: inline;
    height: 20px;
}

.owl-stage{
	width:210% !important; 
}

.owl-carousel .owl-item img{
	margin-top: 15px !important;
}

.blurry-background::-webkit-scrollbar {
display: none; 
}

.lang-dropdown {
	background: #0A172E;
    border-radius: 25px;
    padding: 7px;
    color: white;
    float: right;
    width: 100px;
    height: 35px;
}

.lang-button {
	background: url(/theme/img/arrow.png) no-repeat center center;
    width: 20px;
    position: absolute;
    display: inline;
    height: 20px;
}

.withdraw-button{
	font-weight: bold;
    background-image: url(/theme/img/login-register-button.png);
    background-repeat: no-repeat;
    background-position-y: -7px;
    background-position-x: center;
    color:white;
    width: 130px;
    height: 40px;
    padding: 8px 12px;
}

.sport-col span {
	color: white;
    font-size: 30px;
    margin-left: 10px;
}

.others-game .others-title {
	font-size: 23px;
    margin-top: -97px;
    margin-left: 14px;
    color: white;
    height: auto;
    font-weight: bold;
    text-align: center;
}

.others-game-catogery{
	color: white;
    font-size: 16px;
    top: -369px;
    position: relative;
}

.sport-live {
	color: white;
    font-size: 20px;
}

.sport-live-col {
	display: inline-flex;
    width: 100%;
    justify-content: space-between;
}

.sport-live-desc {
	display: flex;
    justify-content: space-between;
    background: rgba(238, 238, 238, 0.1);
    height: 30px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding-left: 17px;
}

.sport-live-p1 {
	font-size: 14px;
	margin: 5px;
	display: list-item;
}

.sport-live-p2 {
	font-size: 13px;
	float: right;
	margin: 5px;
}

.down-col {
	margin-top: 50px;
    display: flex;
    width: 100%;
    height: 100%;
    color: white;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.down-col table {
	border-collapse: separate;
    border-spacing: 0 10px;
    border-radius: 25px;
}

.down-col tr {
	background: rgba(238, 238, 238, 0.1);
}

.down-col .firstcol {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.down-col .lastcol {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.down-col-cont {
	background: rgba(238, 238, 238, 0.1);
	margin: 9px 5px 0px;
	width: 30%;
    text-align: center;
    border-radius: 5px;
}

.iphone-dl {
	background-image: url(/theme/img/iphone-download.png);
    background-repeat: no-repeat;
    width: inherit;
    height: 65px;
    background-position-x: center;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
    font-weight: bold;
    margin-top: 15px;
}

.android-dl{
	background-image: url(/theme/img/android-dowload.png);
    background-repeat: no-repeat;
    width: inherit;
    height: 65px;
    background-position-x: center;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
    font-weight: bold;
}

.live-title {
	color: white;
    text-align: center;
    margin-top: -44px;
    font-weight: bold;
}

.lottery-col-hover {
	background-color: black;
    cursor: pointer;
}

.img-hover {
	opacity: 0.2;
}

.real-col-hover {
	background-color: black;
	cursor: pointer;
}

.real-img-hover {
	opacity: 0.2;
}

.qipai-col-hover {
	background-color: black;
	cursor: pointer;
}

.qipai-img-hover {
	opacity: 0.2;
}

.login-register：hover,
.login-register：active {
	opacity: 0.5;
}

.lot-div-zh {
	background: url(/theme/img/yunbo-lottery-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    background-size: contain;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.lot-div-zh:hover {
	background: url(/theme/img/yunbo-lottery-color.png) no-repeat;
	background-position-x: center;
	background-size: contain;
}

.lot-div {
	background: url(/theme/img/yunbo-lottery-white-eng.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    background-size: contain;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.lot-div:hover {
	background: url(/theme/img/yunbo-lottery-color-eng.png) no-repeat;
	background-position-x: center;
	background-size: contain;
}

.real-og-div {
	background: url(/theme/img/pragmatic-play-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.real-og-div:hover {
	background: url(/theme/img/pragmatic-play-color.png) no-repeat;
	background-position-x: center;
}

.real-ag-div {
	background: url(/theme/img/ag-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    background-size: contain;
    width: 130px;
    height: 100px;
    z-index: 2000;
}

.real-ag-div:hover {
	background: url(/theme/img/ag-color.png) no-repeat;
	background-position-x: center;
	background-size: contain;
}


.real-pp-div {
	background: url(/theme/img/ae-casino-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.real-pp-div:hover {
	background: url(/theme/img/ae-casino-color.png) no-repeat;
	background-position-x: center;
}

.qp-shda-div {
	background: url(/theme/img/huanle-qipai-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.qp-shda-div:hover {
	background: url(/theme/img/huanle-qipai-color.png) no-repeat;
	background-position-x: center;
}

.qp-ky-div {
	background: url(/theme/img/ky-qipai-white.png) no-repeat;
	display:none;
	margin: -248px auto 0px auto;
    background-position-x: center;
    width: 150px;
    height: 100px;
    z-index: 2000;
}

.qp-ky-div:hover {
	background: url(/theme/img/ky-qipai-color.png) no-repeat;
	background-position-x: center;
}

.btn-red {
    background: rgb(61,157,255);
    border-color: rgb(61,157,255);
    color: #FFF;
}

.login-deposit{
	background: #00AE6E;
}

 .login-draw{
 	background: #24253f;
 	color: #FFFFFF;
	width: 100%;
 }

 .login-transfer{
 	background: #343434;
 	color: #FFFFFF;
	width: 100%;
 }
 
 .login-out{
 	background: #FFFFFF;
    color: #18488B;
 }
 
.login-deposit > a .login-draw > a .login-transfer > a{
	color: #FFFFFF; 
	font-weight: bold;
}

.login-out > a{
	color: #18488B;
	font-weight: bold;
}

.section-one,
.section-crypto,
.section-category{
	position: relative;
}

.app_inner .tag>a {
	color: #FFFFFF;
	font-size: 16px; 
	font-weight: lighter; 
    position: absolute;
    width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(255,255,255,0.1);
    padding: 10px;
    width: 300px;
	border-radius: 10px;
}

.menu-home>a.active p{
	color: #FFFFFF;
	font-size: 15px;
}

.menu-home>a>p{
	text-align: center;
}


#langChanger a{
    color: #9F9EE8;
    padding: 5px 0;	
}

.carousel-indicators li{
	width: 40px !important;
	background-color: #FFFFFF;
	opacity: 50%;
	height: 10px;
}

.carousel-indicators .active{
	width: 40px !important;
	background-color: #FFFFFF;
	opacity: 100%;
	height: 10px;
}

.float-left>a>span{
	font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.float-right-2{
	right: 8px;
	width: 45px;
	text-align: center;
}

.float-right-2>a>span{
	color: #FFFFFF;
	font-size: 11px;
}

.float-right-2 .separate-line{
	margin: 20px 0;
}

.mini-label{
 	color: #FFFFFF;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
    align-items: center;
    justify-content: center;
}

.index_app_down {
    height: 300px;
}

.index_app_down .app_inner {
    float: right;
    margin-right: 50px;
    padding-top: 25px;
}

.index_app_down .app_inner .p1 {
    color: #ffffff; 
    font-size: 30px; 
    font-weight: bold;
}

.index_app_down .app_inner .p2 {
    color: #ffffff; 
    font-size: 16px; 
    font-weight: lighter;
}

.qrcode{
	position: absolute;
    top: 20px;
    left: 57px;
    border: 3px solid #ffffff;
    padding: 10px;
    border-radius: 10px;    
}

.qrcode img{
	width: 130px;
}

.main-left-float>img{
	width: 50px;
	padding-bottom: 5px;
}

.main-left-float>span{
	color: #ffffff;
	font-size: 14px;
    font-weight: bold; 
}

.close-left-float{
	opacity: 100;
	left:20px;
	top:350px;
	position:fixed;
}

.minigames-header-nav{
	display:none;
    background: #091054;
    width: 100%;
    height: 33vh;
    position:absolute;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.mySlides>img{
	width:650px;
	height: 556px;
}

.btn-facebook {
    background: #1877f2;
    border-color: #1877f2;
    color: #FFF;
    font-weight: bold;
}

.btn-facebook i{
	float:left;
	margin: 4px 0 0 5px;
}

.navibar>li, .navibar>li>a {
	font-size: 15px; 
	font-weight: bold;
	cursor: pointer;
}

.navibar>li:hover, .navibar>li:focus, .navibar>li.active, .navibar>li>a:hover, .navibar>li>a:focus, .navibar .active>a {
	background: none;
}

.line-btm:hover, .line-btm:focus, .line-btm.active {
    color: #3BC117;
    background: #2D3035;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
    border-radius: 30px;
    border: 1px solid #3BC117;
}

.dark .line-btm:hover {
	color: #FFFFFF;
}

.light .line-btm:hover {
	color: #494949;
}

.headerTab:hover, .headerTab:focus, .headerTab.active {
    border-bottom: 0px; 
   /*  color: #4368ff;  */
}

.img_en {
    content:url(/static/img/en_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_zh {
    content:url(/static/img/zh_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_vi {
    content:url(/static/img/vn_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_th {
    content:url(/static/img/th_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_in {
    content:url(/static/img/in_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_id {
    content:url(/static/img/id_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_pt {
    content:url(/static/img/pt_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_es {
    content:url(/static/img/es_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_fr {
    content:url(/static/img/fr_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
.img_ru {
    content:url(/static/img/ru_icon.png);
    margin-left: -5px;
    padding-right: 5px;
}
    
.lang-dropbtn {
  background: none;
  border: none;
  cursor: pointer;
  outline:none;
}

.lang-dropdown-content {
  background-color: #101010;
  display: none;
  position: absolute;
  min-width: 70px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  top: 60px;
  padding: 5px;
}

.lang-dropdown-content a {
  display: block;
}

.header-username{
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
	margin-left: 10px;
}

.intro-part{
	text-align: center;
	justify-content: center;
	padding-top: 60px;
}

.intro-part > img{
	padding:20px;
	width:400px;
}

.intro-part > div{
	padding: 50px;
	text-align:center;
}

.intro-part h2{
	position: relative;
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;
}

.play-img{
	position: relative;
	cursor:pointer;
}

.play-btn{
	position: absolute;
	top: 64%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #ffffff;
	font-size: 18px;
	cursor: pointer;
    width: inherit;
    text-align: center;
}

.section-crypto #main{
	text-align: center;
}

.section-crypto > .gamelist{
	margin: 10px 0;    
	padding: 0px;
	list-style: none;
}

.section-crypto > .gamelist img{
    cursor: pointer;
    height: 120px;
    width: 120px;
    padding: 0px;
    border-radius: 5px;
}

.section-crypto > .gamelist .gamename{
    position: absolute;
    left: 30%;
    top: 25%;
    text-transform: capitalize;
    font-size: 35px;
    font-weight: 700;
    color: #fff;
    padding: 3px 10px;
    z-index: 2;
}

.title {
	color:  #ffffff;
	font-size: 18px;
	font-weight:bold;
	margin-bottom: 10px;    
	justify-content: center;
	align-items: center;
	display: contents;
}

.title img{
	max-height: 30px;
    max-width: 30px;
}

.title span{
	margin-left: 5px;
}

.optional-menu-hr{
    border: 0;
    border-top: 1px solid #272727;
	margin: 10px 0;
}

.qrcode-txt{
    width: 216px;
    color: #ffffff;
    font-size: 16px;
    font-weight: lighter;
    position: absolute;
    top: 200px;
    left: 25px;
    text-align: center;
}
	
.win-list-container{
	background:rgba(255,255,255,0.1);
    border-radius: 10px;
    padding: 20px 40px;
    height: 270px;
	overflow: hidden;
}

.win-list-header{
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;	
}

.win-list-table{
	width: 100%;
}

.win-list-table tr{
	height: 40px;
}

.win-list-table td{
	font-size: 16px;
	color: #ffffff;
	font-weight: lighter;
	overflow: hidden;
}

.hot-badge {
	position: absolute;
    left: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    background: #fc7c04;
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 7px;
    font-style: italic;
	margin: 9px 0;
}

.new-badge {
    position: absolute;
    left: 0;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    background: rgba(47,207,0,255);
    color: #fff;
    padding: 10px 20px;
    z-index: 2;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 7px;
    font-style: italic;
    margin: 9px 0;
}

.content-details2 {
  z-index:4;
  position: absolute;
  text-align: center;
  padding-right: 1em;
  width: 100%;
  height: 70%;
  top: 30%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content-title-games {
	color: white;
	padding-top: 15px;
}

.fav_default {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    height: 28px;
    width: 28px;
    /*background: url('/static/img/dark_nofavourite.png') no-repeat;*/
    /*background-size: 40px 40px;	*/    
    /*text-indent: -999em;*/
    /*text-decoration: none;*/
}

.fav_hover {
    position: absolute;
    right: 0px;
    top: 0px;
    display: block;
    height: 28px;
    width: 28px;
    /*background: url('/static/img/dark_favourite.png') no-repeat;*/
    /*background-size: 40px 40px;*/
    /*text-indent: -999em;*/
    /*text-decoration: none;*/
}

.dark .fav_noico {
    background: url('/static/img/dark_nofavourite.png') no-repeat;
    background-size: 28px 28px;	
	opacity: 70%;
}
.dark .fav_ico {
    background: url('/static/img/dark_favourite.png') no-repeat;
    background-size: 28px 28px;
	opacity: 70%;	
}
.light .fav_noico {
    background: url('/static/img/dark_nofavourite.png') no-repeat;
    background-size: 28px 28px;
	opacity: 70%;
}
.light .fav_ico {
    background: url('/static/img/dark_favourite.png') no-repeat;
    background-size: 28px 28px;
	opacity: 70%;
}

.line-btms:hover, .line-btms:focus, .line-btms.active {
    background: #4368ff;
	color: #FFFFFF;
	-o-transition:.5s;
  	-ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;
}

.dark .line-btms:hover {
	color: #FFFFFF;
}

.light .line-btms:hover {
	color: #494949;
}

.top-badge {
  position: absolute;
  left: 0;
  top: 20px;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 700;
  background: #fccc04;
  color: #fff;
  padding: 3px 10px;
  z-index: 2;
  border-radius: 3px;
}

.section-crypto > .gamelist li{	
	cursor: pointer;
    padding: 0 0 10px 0;
    margin: 0 auto;
	display: inline-block;
}

.section-crypto > .gamelist .gameitem{
	position:relative;
	display: inline-block;
	cursor: pointer;
    width: 270px;	
    margin-right: 16px;
}

.section-crypto > .gamelist .gameitem img{
	position:relative;
	top:0;
	left:0;
}

#usnm-dropdown{
	position: absolute;
    padding: 12px;
	min-width: 162px;
	width: 200px;
	cursor: pointer;
}

.format-usnm-dropdown{
    background-color: #000000;
    border-radius: 10px;
}

#list-login{
background: #3C3C3C;
border: none;
color: #FFF;
text-shadow: 1px 1px 5px #626262;
}
#list-login:hover,
#list-login:focus {
background: conic-gradient(#CDCDCD, #3C3C3C);
border-color: #3C3C3C;
color: #FFF;
}

#list-register{
background: #219C43;
border: none;
color: #FFF;
text-shadow: 1px 1px 5px #626262;
}
#list-register:hover,
#list-register:focus {
    background: conic-gradient(#69CE16, #219B43);
    border-color: #219C43;
    color: #FFF;
}

#list-login, #list-register,#list-trial{	
	width: 130px;
    padding: 10px 15px;
    margin: 0px 5px;
    border-radius: 5px;
    text-align: center;
}

#list-login a, #list-register a, #list-trial a{
	width: inherit;	
}

.section-category{
	width: inherit;
	border-radius: 10px;
	font-size: 13px;
}

.category-bar{
	width:fit-content;
	margin:10px auto;
	z-index: 1;
	position: initial;
	height: inherit;
	display: inline-block;
	justify-content: center;
	align-items: center;
}

.category-bar>li{
	padding: 0px 17px;
    height: fit-content;
    border: 1px solid #808080;
    margin: 0px 5px;
    border-radius: 20px;
    width: auto;
    padding-left: 8px;
    font-size: 13px;
}

.category-bar>li img{
    width: 40px;
    height: 40px;
}

.category-bars{
	width:fit-content;
	margin:10px auto;
	z-index: 1;
	position: initial;
	height: inherit;
	display: inline-block;
	justify-content: center;
	align-items: center;
}

.category-bars>li{
	padding: 0px 17px;
    height: fit-content;
    border: 1px solid #808080;
    margin: 0px 5px;
    border-radius: 20px;
    width: auto;
    padding-left: 8px;
    font-size: 13px;
}

.category-bars>li img{
    width: 40px;
    height: 40px;
}

#search {
	padding: 12px 25px 12px 25px;
    background: #202020;
    float: right;
    top: -10px;
    position: inherit;
    border-radius: 5px;
    height: 35px;
    width: inherit;
    margin: 10px 0px;
    border: 1px solid #808080;
}

#search:focus-visible{
	border:none;	
}

.play-crypto-now{	
    background: linear-gradient(0deg, rgba(233,139,30,1) 0%, rgba(243,201,71,1) 100%);
    padding: 12px;
    border-radius: 15px;
	height: 45px;
    width: 220px;
    position: absolute;
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    text-align: center;
}

.game-navigation > span{
    width: fit-content;
    border-radius: 10px;
	cursor: pointer;
	height: 28px;
	padding: 7px 17px;
}

.content .content-overlay {
	background: rgba(0,0,0,0.7);
    position: absolute;
    height: 87%;
    width: 96%;
    left: -1px;
    top: 9px;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.hoverDiv .content-overlay {
	background: rgba(0,0,0,0.7);
    position: absolute;
    height: 83%!important;
    width: 102%!important;
    left: -2px!important;
    top: -3px!important;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
  border-radius: 6px;
  z-index:3;
}

.hoverDiv:hover .content-overlay{
  opacity: 1;
  border-radius: 6px;
  z-index:3;
}

.hoverDiv:hover .gameImg{
  backdrop-filter: blur(10px);
  filter: blur(3px);
  transition: 0.5s ease;
}

.content:hover .gameImg{
  backdrop-filter: blur(10px);
  filter: blur(3px);
  transition: 0.5s ease;
}

.content-details {
  z-index:4;
  position: absolute;
  text-align: center;
  /* padding-left: 1em; */
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.rtpImg:hover .rtpDiv {
	display:block;
}
.rtpDiv {
	display: none;
    background: #000000d9;
    border-radius: 5px;
    position: absolute;
    bottom: 53px;
    padding: 10px;
    right: -19px;
}

.rtpDiv:before {
	content: "";
    position: absolute;
    top: 38px;
    left: 52px;
    border-width: 9px;
    border-color: #000000d9 #0000 #0000 #0000;
    border-style: solid;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.hoverDiv:hover .content-details2{
  top: 38%;
  left: 51%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
  font-size: 18px;
}

.content-text img{
    width: 65px !important;
    height: 70px !important;
}

.content-img img {
	width:40px!important;
	height:40px!important;
}

.content span{	
    cursor: pointer;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: left;
    color: rgb(147, 172, 211);
    top: 97%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#rotator {
	width:100%;
	overflow:hidden;
	display:inline-block;
	height: 150px;
}

#rotator ol {
	position:relative;	
    padding: 0;
    left: 30px;
}

#rotator ol li {
	position:absolute;
	list-style-type:none;
	transform:translateX(-14%);
	opacity:1;
}

.main {
	width: 90%; 
	margin: 0 auto;
}

.section-crypto {
	padding-top: 0px;
}

.ht-section {	 
	 float: left;
	 width: 100%;
	 padding-bottom:115px
}

.othersImage {
	width: 205px;
}
.arrowDisable {
	opacity: 0.4;
	pointer-events: none;
}
.gamelistAll {
	height: 220px;	
}

.icon-eye{
    height: 20px;
    width: 20px;
    left: auto;
    right: 10px;
    position: absolute;
    z-index: 1;
    bottom: auto;
    top: 7px;
}

.provider-host{
	float: left;
	width: 100%;	
	margin-bottom: 20px;
}

.provider-chunk{
	float: left;
	width: 100%;
	padding-top: 0;
	margin-top: 0;
}

.pvdDiv {
	height: 88px;
    width: 216px;
    line-height: 80px;
    border-radius: 5px;
    text-align: center;
}

.pvdImg {
	height: auto!important;
    width: 120px!important;
}

.dark .pvdDiv:hover {
	background-color: #161616;
}

.light .pvdDiv:hover {
	background-color: #F5F5F5;
}

.section-crypto > .gamelist #bgGameList li{
	margin-right: 15px!important;
    margin-left: 2px;
    padding-bottom: 10px;
}

.pvd-rotator {
	height: 110px!important;
}

#bgGameList .hoverDiv .content-overlay {
	height: 74%!important;
}

#bgGameList .hoverDiv:hover .content-details2 {
	top: 36%!important;
}

marquee a {
	font-size: 13px;
}

.kenoDiv {
	width: 170px;
    height: 170px;
    text-align: center;
    line-height: 178px;
}

.kenoImg {
	height: 80px!important;
    width: 80px!important;
}

.dark .kenoDiv:hover {
	background-color: #161616;
}

.light .kenoDiv:hover {
	background-color: #F5F5F5;
}

.content-title {
	color: white;
}


.kenoLi .hoverDiv {
	width: 178px;
    height: 178px;
    text-align: center;
    line-height: 178px;
}

.kenoLi .gameImg {
	height: 80px!important;
    width: 80px!important;
}

.dark .kenoLi .hoverDiv:hover {
	background-color: #161616;
}

.light .kenoLi .hoverDiv:hover {
	background-color: #F5F5F5;
}

.kenoLi .content-details2 {
	line-height: normal;
}	

.section-crypto > .gamelist #gamelistCtnRlt li {
	padding-bottom: 10px;
}

.section-crypto > .gamelist #gamelistCtn li {
	padding-bottom: 10px;
}

.shwGameName {
	width: 80px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.telegramFrame iframe {
	display: block;
    margin: 0 auto;
}


.social-login-parent{
 	margin-right: -15px;
    margin-left: -15px;
}

.social-login-container{
  display: flex;
  transition: opacity .1s ease-in-out;
  align-items: center;
  justify-content: center;
}

.social-login-widget{
  display: inline-block;
  justify-content: center;
  position: relative;
  flex-wrap: wrap;
  color: white;
  text-align: center;
  white-space: normal;
  margin-right: 8px;
  border: none;
  background: none;
  cursor: pointer;
}

.social-login-tooltip{
  pointer-events: none;
  position: relative;
  bottom: calc(100% + 8px);
  font-weight: 500;
  font-size: 12px;
  border-radius: 100px;
  padding: 2px 5px;
  opacity: 1;
  white-space: nowrap;
  transition: transform .1s ease-in-out;
  transform: translateY(0);
  color: black;
}

.social-login-button{
  padding: 0;
  width: 44px;
  height: 44px;
  text-align: center;
  align-items: center;
  overflow: hidden;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  cursor: pointer;
  border: none;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  opacity: 1;
  position: relative;
  background: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: auto;
}

.social-login-content{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  opacity: .01;
  width: 40px;
  height: 40px;
}

.social-login-button img{
	height: 30px;
    width: 30px;
}

.header-sp {
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	width: 100%;
	height: 60px;
	position: fixed;
	background-color: #1C1E22;
	z-index: 3000;
}

.header-sp td {
	vertical-align: middle;
}

.header-sp table {
	width: 100%;
}

.header-sp table ol {
	display: inline-flex;
}

.header-sp table li {
	color:#98A7B5;font-size: 14px;font-weight: 400;list-style: none;margin-right: 30px;
}

.header-sp table .logo-sp {
	width: 17%;
	text-align: left;
	padding-left:32px;
	padding-top: 10px;
}

.header-sp table .logo-sp img {
	width: 75%;
}

.header-sp table .menu {
	width: 50%;
	text-align: center;
	padding-top:20px
}

.header-sp table .active a {
	color: #3BC117!important;
}

.header-sp table .button {
	width: 40%;
	text-align: right;
	padding-right:32px;
	padding-top:10px
}

.header-sp .wallet {
	padding: 8px;
	background-color: #2D3035;
	color: white;
	font-size: 14px;
	border-radius: 8px;
	margin-right: 4px;
}

.header-sp .wallet img {
	height: 20px;
	vertical-align: text-bottom;
	margin-right: 4px;
}

.header-sp .logo-sp {
	width:100px;
	margin: auto;
}

.header-sp .greenbutton {
	background-image: conic-gradient(#219B43, #69CE16);
	color:white;
	border:none;
	border-radius: 8px;
	padding: 6px 15px;
	font-size: 14px;
	height: 32px;
	width: 94px; 
	text-shadow: -1px 1px 2px rgba(0,0,0,0.3);
}

.header-sp .purplebutton {
	background-image: conic-gradient(#5718CC, #9459FF);
	color:white;
	border:none;
	border-radius: 8px;
	padding: 6px 15px;
	font-size: 14px;
	height: 32px;
	width: 94px;
	text-shadow: -1px 1px 2px rgba(0,0,0,0.3);
}

.header-sp .avatar {
	width: 35px;
	vertical-align: top;
	border-radius: 50%;
	border: 2px solid #fff;
}


/*Language*/
.header-sp .language {
	background-color: #ffffff21;
	color: white;
	border: none;
	border-radius: 4px;
	padding: 5px 8px;
	height: 30px;
}

.header-sp select.language:focus-visible {
	outline:none;
	border: none;
}

.header-sp select option{
	background: rgb(28 30 34 / 86%);
}

.header-sp select#language option[value="0"]   { 
	background-image:url(img/engl.png);   
}

.header-sp table .menu a {
    text-decoration: none!important;
    cursor: pointer;
    text-transform: uppercase;
}

#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

/* Spinner styling */
.spinner {
  width: 50px;
  height: 50px;
  border: 6px solid #ccc;
  border-top: 6px solid #3498db;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

/* Spinner animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.dark a {
	color: white !important;
}

.light a {
	color: #7A7878!important;
}

.mainbanner img {
	width: 100%;
	border-radius: 16px;
}

.fixwidth {
	width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding: 0px 50px;
}

/*Carousel Match CSS*/
.carouselmatch {width: 100%;overflow-x: scroll;margin-top: 4px;margin-bottom: -30px;margin-top: 8px;}

.carouselmatch ol {display: ruby-text;}

.carouselmatch li {list-style-type: none;margin: 0px 3px 0px 0px;}

.carouselmatch li:last-child {margin-right: 10px;}

.boxmatch {width: 15%;color: white;background-color: rgb(255 255 255 / 10%);border-radius: 8px;padding: 5px 10px;background-image: url(/theme/img/match/matchloc.png);background-size: contain;	background-position: center;}

.boxmatch table {width: 100%;}

.boxmatch img {border: 1px solid rgb(255 255 255 / 60%);border-radius: 99px;width: 24px;height: 24px;object-fit: cover;}

.boxmatch td {width: 33.33333%;text-align: center;}

.matchname {text-align: center;color:rgb(255 255 255 / 60%);font-size: 12px;font-weight: 400;padding-bottom: 10px;}

.matchdate p{
	display: block!important;
    margin-block-start: 1em!important;
    margin-block-end: 1em!important;
    margin-inline-start: 0px!important;
    margin-inline-end: 0px!important;
    unicode-bidi: isolate!important;
}

.matchdate .date {text-align: center;color:rgb(255 255 255 / 100%);font-size: 12px;text-transform: uppercase;font-weight: 600;margin-bottom: 0px;}de

.matchdate .time {text-align: center;color:rgb(255 255 255 / 60%);font-size: 9px;margin-top: 0px;}

.team {font-size: 10px;font-weight: 600;text-transform: uppercase;color: white;padding-top: 5px;}

.carouselmatch::-webkit-scrollbar {
	width: 8px;
    height: 10px;
    display: none;
}

.carouselmatch::-webkit-scrollbar-thumb {
	border-radius: 8px;
 	background: #353535;
}

.bottomsp{
	margin-top:20px;
}
.downloadapp {
	background-image: url(/theme/img/downloadapp.jpg);
	background-size: contain;
    background-color: #131416;
    background-position: center right;
    background-repeat: no-repeat;
	padding: 40px 40px;
	margin-bottom: 20px;
}

.downloadapp .front {width: 40%;color:white;font-size: 16px;font-weight: 300;}

.downloadapp .title {color:white;font-size: 28px;font-weight: 600;}

.downloadapp .back {width: 60%;}

.downloadapp .purplebutton {background-image: conic-gradient(#5718CC, #9459FF);color:white;border:none;border-radius: 0px;padding: 10px 20px;font-size: 14px;height: auto;text-shadow: -1px 1px 2px rgba(0,0,0,0.3);margin-top: 30px;}

.footersp hr {border-top:1px solid rgba(255, 255, 255, 0.06)!important;border-bottom: none;padding: 5px 0px;border-left: none;border-right:none;}

.footersp p {
	color: rgb(255 255 255 / 60%);
	font-size: 14px;
	font-weight: 500;
	display: block!important;
    margin-block-start: 1em!important;
    margin-block-end: 1em!important;
    margin-inline-start: 0px!important;
    margin-inline-end: 0px!important;
    unicode-bidi: isolate!important;
}

.paymentmethod {text-align: center;}

.paymentmethod ol {display: inline-flex;text-align: center;}

.paymentmethod li {list-style-type: none;margin: 0px 40px 0px 0px;}

.paymentmethod img {height: 32px;}

.footersp span {padding: 0px 5px;}

.footersp table td {vertical-align: middle;}

.footersp table {
	width: 95%;
    margin: auto;
}

.footersp table.cert .left img {width: 60%;}
.footersp table.cert .left {width: 70%;text-align: left!important;}
.footersp table.cert .right {width: 50%;text-align: right!important;color: white;}
.footersp table.cert .right img {height: 14px;margin-right: 8px;}
.footersp table.cert .right a, .footersp table.tnc .center a{ text-decoration:none!important;}
.footersp table.tnc .left {width: 15%;}
.footersp table.tnc .center {width: 60%;text-align: left!important;}
.footersp table.tnc .right {width: 25%;text-align: right!important;}

.carousel-container{
	padding: 0px 50px;
}
.sportframe-container{
	padding: 0px 50px;
	height: 100%; 
	overflow-x: scroll; 
	overflow-y: scroll; 
	/* margin-top: 20px; */
	border: none;
} 
.sportframe{
	border:none;
	height: 1000px;
	width: 100%;
    min-width: -webkit-fill-available
}
.betbyframe-container{
	padding: 0px 50px;
	height: 100%; 
	width: 100vw;
	overflow-x: scroll; 
	overflow-y: scroll; 
	/* margin-top: 20px; */
	border: none;
}
.betbyframe{
	border:none;
	height: 1000px;
	width: 100%;
}

.logout {width: 30px;padding-left: 10px;opacity: 0.5;padding-top: 5px}

.logout:hover {opacity: 1;cursor: pointer;}

/*Change Tab*/
.tabs-container {
    display: flex;
    width: 30%;
    border:none;
    outline: none;
    margin-top: -43px;
    z-index: 1000;
    position: absolute;
}

.tabsub {
  display: flex;
  align-items: center;
  padding: 5px 20px;
  cursor: pointer;
  transition: background-color 0.3s;
  width: 50%;
  min-width:150px;
  text-align: center;
  justify-content: center;
  font-size: 16px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.40);
  background-color: rgba(255, 255, 255, 0.16);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  margin-top: 10px;
}

.tabsub:first-child {
  margin-right: 5px;
}

.tabsub:nth-child(2) {
  margin-right: 5px;
}

.tabsub.active {
  font-weight: bold;
}

.tab-icon {
  width: auto;
  height: 20px;
  margin-right: 10px;
}

.tab-content {
  padding: 0px;
  background-color: #fff;
  display: none;
  margin: -15px 0 0px 0;
}

.tab-content.active {
  display: block;
}

/* Custom background colors for active tabs */
.tab1.active {
  background: conic-gradient(from 180deg at 50% 50%, #0043A8 -179.65deg, #3686FF 180.32deg, #0043A8 180.35deg, #3686FF 540.32deg);
  color: white;
  font-weight: 400;
}

.tab2.active {
  background: conic-gradient(from 180deg at 50% 50%, #69CE16 -179.65deg, #219B43 180.32deg, #69CE16 180.35deg, #219B43 540.32deg);
  color: white;
  font-weight: 400;
}
.tab3.active {
  background: conic-gradient(from 180deg at 50% 50%, #5718CC -179.65deg, #9459FF 180.32deg, #5718CC 180.35deg, #9459FF 540.32deg);
  color: white;
  font-weight: 400;
}