button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.slick-slider {
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list,
.slick-slider {
    position: relative;
    display: block;
}
.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: 0;
}
.slick-slider .slick-list {
    transform: translateZ(0);
}
.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    /* display: none; */
}
[dir="rtl"] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
body {
	color:#fff;
    font-size: 14px;
    line-height: 1.2;
    font-family: Arial, sans-serif;
    position: relative;
	background-color: #1f1f1f;
    /* background-image: url("https://mm99.b-cdn.net/images/other/bg2.jpg");
    background-position: top;
    background-size: 100% auto;
	background-repeat: repeat-y;
	background-attachment: fixed; */
    min-height: 100vh;
    padding-bottom: 110px;
	max-width:800px;
	margin:0 auto;
}
body.home {
    padding-bottom: 60px;
}
body.menu-opened .page-content {
    overflow: hidden;
}

div.page-content{padding-top:68px;}

div.lang-box{	display: block; }

#banner {
    width: 100%;
    font-size: 0;
    z-index: 0;
   /*  border-top: 1px solid #0073ba;
    border-bottom: 1px solid #0073ba; */
}
#banner .slider-items .slider-item .image {
    padding-bottom: 25%;
    background-size: cover;
    background-position: 50%;
}
a {
    cursor: pointer;
    transition: 0.5s;
}
a,
a:hover {
    text-decoration: none;
}
.hidden {
    opacity: 0 !important;
    visibility: hidden;
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(240, 220, 100, 0.6);
    border-color: #f8e71c;
}
@-webkit-keyframes blinker {
    50% {
        opacity: 0;
    }
}
@keyframes blinker {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes zoomin {
    0% {
        transform: scale(0.85);
        filter: drop-shadow(2px 2px 5px rgba(246, 255, 46, 0.2));
    }
    to {
        transform: scale(0.9);
        filter: drop-shadow(2px 2px 10px rgba(246, 255, 46, 0.9));
    }
}
@keyframes zoomin {
    0% {
        transform: scale(0.85);
        filter: drop-shadow(2px 2px 5px rgba(246, 255, 46, 0.2));
    }
    to {
        transform: scale(0.9);
        filter: drop-shadow(2px 2px 10px rgba(246, 255, 46, 0.9));
    }
}
@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@keyframes mover {
    0% {
        transform: translateY(0);
    }
    to {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes updown {
    0% {
        bottom: 10%;
    }
    50% {
        bottom: 70%;
    }
    to {
        bottom: 10%;
    }
}
@-webkit-keyframes heartbeat {
    0% {
        transform: scale(0.8);
    }
    20% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.8);
    }
    60% {
        transform: scale(1);
    }
    80% {
        transform: scale(0.8);
    }
    to {
        transform: scale(0.8);
    }
}
@keyframes heartbeat {
    0% {
        transform: scale(0.8);
    }
    20% {
        transform: scale(1);
    }
    40% {
        transform: scale(0.8);
    }
    60% {
        transform: scale(1);
    }
    80% {
        transform: scale(0.8);
    }
    to {
        transform: scale(0.8);
    }
}
@-webkit-keyframes buttonShite {
    0% {
        z-index: 2;
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(
            top left,
            hsla(0, 0%, 100%, 0) 0,
            hsla(0, 0%, 100%, 0) 45%,
            hsla(0, 0%, 100%, 0.5) 48%,
            hsla(0, 0%, 100%, 0.8) 50%,
            hsla(0, 0%, 100%, 0.5) 52%,
            hsla(0, 0%, 100%, 0) 57%,
            hsla(0, 0%, 100%, 0)
        );
        background-position: -250px -250px;
        background-size: 600px 600px;
    }
    to {
        z-index: 2;
        background-repeat: no-repeat;
        background-position: 250px 250px;
    }
}
@keyframes buttonShite {
    0% {
        z-index: 2;
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(
            top left,
            hsla(0, 0%, 100%, 0) 0,
            hsla(0, 0%, 100%, 0) 45%,
            hsla(0, 0%, 100%, 0.5) 48%,
            hsla(0, 0%, 100%, 0.8) 50%,
            hsla(0, 0%, 100%, 0.5) 52%,
            hsla(0, 0%, 100%, 0) 57%,
            hsla(0, 0%, 100%, 0)
        );
        background-position: -250px -250px;
        background-size: 600px 600px;
    }
    to {
        z-index: 2;
        background-repeat: no-repeat;
        background-position: 250px 250px;
    }
}
a.btn-style {
    background: #000;
    border-radius: 20px;
    border: 1px solid #0073ba !important;
}
a.btn-style,
a.btn-style:hover {
    color: #0073ba;
}
.title-image {
    padding: 15px 0;
    color: #fff;
    /* font-family: Audiowide, cursive; */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}
@media only screen and (max-width: 576px) {
    .title-image img {
        height: auto;
        width: 80%;
    }
	
	div.page-content{padding-top:61px;}
}
@-webkit-keyframes loaderSpin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
@keyframes loaderSpin {
    0% {
        transform: rotate(0);
    }
    to {
        transform: rotate(1turn);
    }
}
#footer {
    background-color: #000;
}
#footer .step {
    margin-top: -130px;
    position: relative;
}
#footer .step .title {
    color: #fd7506;
    font-size: 32px;
    padding: 20px 0;
    font-weight: 700;
    text-align: center;
}
#footer .step .step-image img {
    width: 100%;
}
#footer .footer-nav {
    padding: 15px 0;
}
#footer .footer-nav ul {
    padding-left: 0;
    list-style: none;
    text-align: center;
}
#footer .footer-nav ul li {
    display: inline-block;
}
#footer .footer-nav ul li:last-child a {
    border-right: none;
}
#footer .footer-nav ul li a {
    text-transform: uppercase;
    color: #fff;
    padding: 0 20px;
    border-right: 2px solid #fd7506;
}
#footer .footer-nav ul li a:hover {
    color: #fd7506;
}
#footer .footer-content {
    font-size: 12px;
    color: grey;
    text-align: center;
}
#footer .footer-content p {
    margin-bottom: 0;
}
#footer .footer-content p.title {
    color: #fd7506;
}
#footer .copy-right {
    text-align: center;
    color: grey;
    font-size: 12px;
    padding-bottom: 20px;
}
#footer .copy-right img {
    margin-left: 10px;
}
#responsive-footer {
    width: 100%;
    text-align: center;
    z-index: 11;
    position: fixed;
    bottom: 0;
	max-width: 800px;
    margin: 0 auto;
}

#modal-menu div.nav-group span{font-size: 13px;text-transform:initial;color: #fff;}
#modal-menu div.nav-group .server-down span, .server-down .gapi_no{color: #8a8a8a !important;}

#responsive-footer ul li a {color:#fff;}
#responsive-footer.active .popup-menu {
    display: block;
}
#responsive-footer.active .news-info {
    display: none !important;
}
#responsive-footer .contents .links {
    background: #dd0023;
    list-style: none;
    display: flex;
    padding-left: 0;
    width: 100%;
    margin-bottom: 0;
    /* border-top: 2px solid #0073ba; */
}


#responsive-footer  .footer-balance{background-color:#e52144; color:#fff; font-weight:600; padding: 3px 0 2px 0;}
#responsive-footer .contents .links li {
    padding: 5px;
    text-align: center;
    float: left;
    width: 20%;
    position: relative;
    line-height: 12px;
	/* border-right: 1px dashed #fff; */
}
#responsive-footer .contents .links li:last-child {border-right: none;}

#responsive-footer .contents .links li a,
#responsive-footer .contents .links li div {
    display: block;
}
#responsive-footer .contents .links li a img,
#responsive-footer .contents .links li div img {
    width: 40px;
    height: 40px;
    margin-bottom: 4px;
    padding: 5px;
}
#responsive-footer .contents .links li a span,
#responsive-footer .contents .links li div span {
    text-transform: uppercase;
    font-size: 10px;
    color: #fff;
}
#responsive-footer .contents .links li.middle {
    position: relative;
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}
#responsive-footer .contents .links li.middle .special {
    z-index: 2;
	background-color: #e52144;
    border-radius: 2em;
	padding: 1em 0;
	margin-top: -1.5em;
   /*  left: 50%;
    transform: translateX(-50%);
    position: absolute;
    top: -20px; */
}
#responsive-footer .contents .links li.middle .special img {
    width: 55px;
    height: 55px;
    padding: 0;
}
#responsive-footer .contents .links li.open-contact {
    cursor: pointer;
    position: relative;
}
#responsive-footer .contents .links li.open-contact .contact {
    display: none;
    position: absolute;
    top: -60px;
    right: 180px;
}
#responsive-footer .contents .links li.open-contact .contact.active {
    display: flex;
}
#responsive-footer .contents .links li.open-contact .contact .contact-box {
    display: block;
    text-align: right;
}
#responsive-footer .contents .links li.open-contact .contact .contact-box img {
    width: 60px;
    height: 60px;
    padding: 0;
}
@media only screen and (max-width: 991px) {
    #responsive-footer .contents .links li.open-contact .contact {
        top: -50px;
        right: 150px;
    }
    #responsive-footer .contents .links li.open-contact .contact .contact-box img {
        width: 50px;
        height: 50px;
    }
}
@media only screen and (max-width: 576px) {
    #responsive-footer .contents .links li.open-contact .contact {
        top: -45px;
        right: 60px;
    }
    #responsive-footer .contents .links li.open-contact .contact .contact-box img {
        width: 45px;
        height: 45px;
    }
}
@media only screen and (max-width: 400px) {
    #responsive-footer .contents .links li a span,
    #responsive-footer .contents .links li div span {
        font-size: 9px;
    }
}
@media only screen and (max-width: 400px) and (max-width: 380px) {
    #responsive-footer .contents .links li a span,
    #responsive-footer .contents .links li div span {
        font-size: 8px;
    }
}
#responsive-header {
   /*  box-shadow: 0 -5px 10px #000; */
    background-color: #1f1f1f;
    /* background-image: url("https://mm99.b-cdn.net/images/other/header-bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover; */
    width: 100%;
	position: fixed;
    top: 0;
    z-index: 999;
	max-width:800px;
	margin:0 auto;
}
#responsive-header .top-part {
    position: relative;
    width: 100%;
	display: flex;
}
#responsive-header .top-part .menu-button {
   /*  position: absolute;
    left: 0;
    top: 25%;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
	text-align: center;
	margin-top: 10px; */
	cursor: pointer;
	/* margin:35px; */
	display:inline-block;
	color: #ddd;
	width: 38px;
    height: 38px;
	background-color: #dd0023;
	text-align: center;
   /*  margin-top: 14px; */
    padding-top: 5px;
    position: absolute;
    right: 5px;
}
#responsive-header .top-part .menu-button img {
    width: 100%;
    padding: 5px;
}
#responsive-header .top-part .logo {
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
    width: 400px;
	display: inline-block;
	margin-top:0px;
	text-align:center;
}
#responsive-header .top-part .logo a {
    display: block;
}
#responsive-header .top-part .logo a img {
    max-height: 60px; 
}
#responsive-header .top-part .action-box {
    position: absolute;
    right: 10px;
    text-align: left;
	top: 10px;
}
#responsive-header .top-part .action-box a {
    display: block;
    padding-bottom: 5px;
}
#responsive-header .top-part .action-box a img {
    width: 55px;
    padding: 5px;
}
/* #responsive-header .top-part .action-box .profile-info {
    max-width: 300px;
} */

#responsive-header .top-part .action-box .profile-info span {
    color: #e52144;
}

#responsive-header .top-part .action-box .profile-info div {
    display:inline-block;
}

#responsive-header .top-part .action-box .profile-info .name {
    /* text-transform: uppercase; */
    color: #ddd;
    font-weight: 700;
    font-size: 14px;
    padding-bottom: 5px;
	position: absolute;
    right: 65px;
    top: 2px;
}
#responsive-header .top-part .action-box .profile-info .get-balance {
/*     display: flex;
    flex-wrap: wrap; */
    padding-bottom: 5px;
}
#responsive-header .top-part .action-box .profile-info .get-balance .image {
    width: 50%;
    align-items: right;
}
#responsive-header .top-part .action-box .profile-info .get-balance .image img {
    width: 40px;
}
#responsive-header .top-part .action-box .profile-info .get-balance .text {
	color: #f8c71c;
	font-size: 14px;
}

#responsive-header .top-part .action-box .profile-info .get-balance .text span.balance {
    font-size: 16px;
    font-weight: 700;
}
#responsive-header .top-part .action-box .profile-info .transfer {
    padding-left: 80px;
}
#responsive-header .top-part .action-box .profile-info .transfer a {
    display: block;
	float: right;
}
#responsive-header .top-part .action-box .profile-info .transfer a img {
    width: 100%;
    height: 35px;
}
#responsive-header .top-part .center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 300px;
    text-align: center;
}
#responsive-header .top-part .center-text a {
    color: #fff;
    position: absolute;
    left: 0;
    font-size: 22px;
    font-weight: 700;
    line-height: 36px;
    text-decoration: none !important;
}
#responsive-header .top-part .center-text span {
    font-size: 15px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    line-height: 36px;
    text-transform: uppercase;
}
#responsive-header .login-info {
    position: relative;
    width: 100%;
    border-top: 1px solid #71c075;
    border-bottom: 1px solid #71c075;
}
#responsive-header .login-info .links {
    position: relative;
    list-style: none;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
}
#responsive-header .login-info .links li {
    text-align: center;
    float: left;
    width: 50%;
    cursor: pointer;
    position: relative;
}
#responsive-header .login-info .links li a {
    display: block;
}
#responsive-header .login-info .links li a :hover{
    display: block;
}
#responsive-header .login-info .links li a img {
    display: none;
}
#responsive-header .login-info .links li a span {
    padding: 8px;
    letter-spacing: 2px;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
    display: block;
    /* font-family: Audiowide, cursive; */
}
@media only screen and (max-width: 768px) {
    #responsive-header .login-info {
        border-top: none;
        border-bottom: none;
    }
    #responsive-header .login-info .links li {
        padding: 0;
    }
}
@media only screen and (max-width: 480px) {
    #responsive-header .login-info .links li a img {
        height: 38px;
    }
	
	#responsive-header .top-part .logo {
	margin-top:4px;
	}
	
	/* .pr25 {
		padding: 0 21px 0 0 !important;
	} */
	#treasurebox{width:100px !important}
}
#responsive-header .special {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    white-space: nowrap;
}
#responsive-header .special .responsive-header-nav-wallet {
    display: block;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(#b4ec51, #3f9421);
    padding: 10px;
    border-radius: 5px;
    font-size: 11px;
}
#responsive-header .special .responsive-header-nav-wallet img {
    width: 16px;
    margin-right: 5px;
}
@media only screen and (max-width: 991px) {
    #responsive-header .top-part .logo {
        width: 325px;
    }
    #responsive-header .top-part .logo a {
        display: block;
    }
    #responsive-header .top-part .logo a img {
        width: 100%;
    }
    /* #responsive-header .top-part .action-box .profile-info {
        max-width: 220px;
    } */
    #responsive-header .top-part .center-text {
        width: 200px;
    }
    #responsive-header .top-part .center-text a {
        font-size: 18px;
    }
    #responsive-header .top-part .center-text span {
        font-size: 14px;
    }
}
@media only screen and (max-width: 576px) {

    #responsive-header .top-part .logo {
        width: 250px;
    }
    #responsive-header .top-part .logo a {
        display: block;
    }
    #responsive-header .top-part .logo a img {
        width: 100%;
    }
    #responsive-header .top-part .action-box a {
        padding-bottom: 3px;
    }
    #responsive-header .top-part .action-box a img {
        width: 35px;
        padding: 0;
    }
    /* #responsive-header .top-part .action-box .profile-info {
        max-width: 110px;
    } */
    #responsive-header .top-part .action-box .profile-info .name {
        font-size: 10px;
        padding-bottom: 0px;
    }
    #responsive-header .top-part .action-box .profile-info .get-balance {
        padding-bottom: 3px;
    }
    #responsive-header .top-part .action-box .profile-info .get-balance .image {
        width: 35%;
    }
    #responsive-header .top-part .action-box .profile-info .get-balance .image img {
        width: 30px;
    }
/*     #responsive-header .top-part .action-box .profile-info .get-balance .text {
        width: 65%;
    } */
    #responsive-header .top-part .action-box .profile-info .get-balance .text span {
        font-size: 10px;
    }
    #responsive-header .top-part .action-box .profile-info .get-balance .text span.balance {
        font-size: 14px;
    }
    #responsive-header .top-part .action-box .profile-info .transfer {
        padding-left: 0;
    }
    #responsive-header .top-part .action-box .profile-info .transfer a img {
        width: 80%;
        height: 23px;
    }
}
@media only screen and (max-width: 450px) {
    
    #responsive-header .top-part .logo {
        width: 150px;
		padding: 0 !important;
    }

    #responsive-header .top-part .logo a {
        display: block;
    }
    #responsive-header .top-part .logo a img {
        width: 100%;
    }
    #responsive-header .top-part .action-box a img {
        padding: 0;
    }
   /*  #responsive-header .top-part .action-box .profile-info {
        max-width: 100px;
    } */
    #responsive-header .top-part .action-box .profile-info .get-balance .image,
    #responsive-header .top-part .action-box .profile-info .get-balance .image img {
        width: 22px;
    }
/*     #responsive-header .top-part .action-box .profile-info .get-balance .text {
        width: calc(100% - 22px);
    } */
}
#contact-us {
    padding-bottom: 170px;
}
#contact-us .page-title {
    font-size: 32px;
    padding: 30px 0;
    font-weight: 700;
    color: #fff;
}
#contact-us .contact-info {
    color: #fff;
    padding-top: 20px;
    text-align: center;
}
#contact-us .contact-info .title {
    line-height: 12px;
    font-size: 24px;
    font-weight: 700;
}
#contact-us .contact-info .title span {
    color: #f8c71c;
    font-size: 14px;
}
#other-info {
    padding-bottom: 170px;
}
#other-info .other-info-title {
    color: #fff;
    font-size: 30px;
    padding: 20px 0;
}
#other-info .all-info-list .list {
    text-decoration: none;
    display: block;
    background: linear-gradient(#edcd79, #e28e00);
    padding: 10px 20px;
    color: #000;
    margin: 20px 0;
    border-radius: 5px;
}
#other-info .all-info-list .list span {
    text-transform: uppercase;
    float: left;
    line-height: 35px;
    font-weight: 700;
}
#tutorials {
    padding-top: 20px;
}
#tutorials .item {
    margin-bottom: 40px;
}
#tutorials .item .videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    border: 2px solid #0073ba;
    border-radius: 8px;
}
#tutorials .item .videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
#tutorials h3 {
    width: 100%;
}
#tutorials h3 img {
    height: 20px;
}
@media only screen and (max-width: 991px) {
    #other-info .all-info-list .list {
        padding: 5px 20px;
    }
}
@media only screen and (max-width: 570px) {
    #tutorials h3 {
        text-align: center;
    }
    #contact-us .contact-info .title {
        line-height: 12px;
        font-size: 24px;
        font-weight: 700;
    }
    #contact-us .contact-info .title span {
        font-size: 14px;
    }
}
#promotion .banner img {
    width: 100%;
}
#promotion .main {
    padding: 15px 0;
}
#promotion .main .promotion-boxes {
    display: flex;
    flex-wrap: wrap;
	font-family: tahoma, arial, helvetica, sans-serif;	
}
#promotion .main .promotion-boxes .box {
    width: 48%;
    margin: 1%;
    background-color: rgba(0,0,0,.1);
    /* border: 1px solid #0073ba; */
    border-radius: 8px;
}
#promotion .main .promotion-boxes .box .box-image img {
    width: 100%;
}
#promotion .main .promotion-boxes .box .box-content {
    padding: 20px 10px 0;
}
#promotion .main .promotion-boxes .box .box-content .box-content-info {
    width: 70%;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin: 15px auto;
    color: #fff;
    text-align: center;
/*     border-radius: 5px; */
}
#promotion .main .promotion-boxes .box .box-content .box-content-info img {
    width: 100%;
}
#promotion .main .promotion-boxes .box .box-content .box-content-info.join a {
    display: block;
    color: #fff;
    font-weight: 700;
}
#promotion .main .promotion-boxes .box .box-content .button-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
#promotion .main .promotion-boxes .box .box-content .button-box .box-content-info {
    width: 48%;
    margin: 1%;
}
#promotion .main .promotion-boxes .box .box-content{
    padding-top: 20px;
    display: none;
    /* color: #fff; */
    font-size: 16px;
}
#promotion .main .promotion-boxes .box .box-content.active {
    display: block;
}
#popup-detail {
    background-color: #252525;
    width: 70%;
    margin: 0 auto;
}
#popup-detail .box-header {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top: 10px solid #f8c71c;
    position: relative;
    padding: 15px;
}
#popup-detail .box-header h3 {
    margin: 35px 0 0;
    font-weight: 700;
    color: #f8c71c;
    font-size: 18px;
    text-align: center;
}
#popup-detail .box-header .fas {
    color: #f8c71c;
    font-size: 30px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
#popup-detail .box-body {
    padding: 0 15px;
    color: #fff;
}
#popup-detail .box-footer .button-group {
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    border-top: 1px solid #f8c71c;
    padding: 15px;
}
#popup-detail .box-footer .button-group a {
    padding: 10px 40px;
    background: linear-gradient(#edcd79, #e28e00);
    color: #fff;
    display: inline-block;
}
@media only screen and (max-width: 991px) {
    #promotion .main .page-title img {
        width: 100%;
    }
    #promotion .main .promotion-boxes .box {
        /* padding: 10px */;
        border-radius: 5px;
        width: 48%;
        margin: 1%;
    }
    #promotion .main .promotion-boxes .box .box-content {
        width: 100%;
    }
}
@media only screen and (max-width: 776px) {
    #promotion .main .promotion-boxes .box {
        width: 100%;
        margin: 1% 0;
    }
}
#game .banner {
    width: 100%;
    font-size: 0;
    position: relative;
    z-index: 0;
}
#game .banner .slider-items .slider-item .image {
    padding-bottom: 27%;
    background-size: cover;
    background-position: 50%;
}
@media only screen and (max-width: 768px) {
    #game .banner .slider-items .slider-item .image {
        padding-bottom: 40%;
    }
}
#game .main {
    padding: 15px 0 75px;
}
#game .main .slot-boxes {
    width: 100%;
}
#game .main .slot-boxes .box {
    float: left;
    width: 29.3333%;
    margin: 20px 2%;
    position: relative;
    display: block;
}
#game .main .slot-boxes .box img {
    width: 100%;
    height: auto;
}
.all-game-content {
    padding: 10px 0;
}
.all-game-content .all-game-content-title {
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    padding: 20px 0;
    color: #fd7506;
}
.all-game-content .is-games-box {
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
}
.all-game-content .is-games-box a {
    width: 31.3333%;
    margin: 1% 1% 3%;
    position: relative;
}
.all-game-content .is-games-box a:hover:after {
    display: block;
    -webkit-animation: buttonShite 1s ease-in infinite alternate;
    animation: buttonShite 1s ease-in infinite alternate;
}
.all-game-content .is-games-box a:after {
    content: "";
    background-color: rgba(26, 26, 26, 0.1);
    width: 100%;
    display: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.all-game-content .is-games-box a span {
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 10px 0;
    display: block;
}
.all-game-content .is-games-box a img {
    width: 100%;
}
.quick-links .link-box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.quick-links .link-box .link {
    color: #fff;
    width: 21%;
    padding: 0 5px;
    margin: 0 2%;
    position: relative;
}
.quick-links .link-box .link img {
    width: 100%;
}
.game-items .games-nav {
    border-bottom: 2px solid #0073ba;
    background: #000;
}
.game-items .games-nav .game-nav-box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}
.game-items .games-nav .game-nav-box .game-nav {
    width: 44%;
    margin: 3%;
    cursor: pointer;
}
.game-items .games-nav .game-nav-box .game-nav.active img.active-image {
    display: block;
}
.game-items .games-nav .game-nav-box .game-nav.active img.inactive-image {
    display: none;
}
.game-items .games-nav .game-nav-box .game-nav img {
    width: auto;
    height: 60px;
    margin: 0 auto;
}
.game-items .games-nav .game-nav-box .game-nav img.active-image {
    display: none;
}
.game-items .games-nav .game-nav-box .game-nav img.inactive-image {
    display: block;
}
.game-items .game-item {
    display: block;
}
/* .game-items .game-item.active {
    display: block;
} */
.game-items .game-item.slot .game-links .all-links .link {
    min-width: 150px;
}
@media only screen and (max-width: 570px) {
    .game-items .game-item.slot .game-links .all-links .link {
        min-width: 120px;
    }
}
.game-items .game-item.casino .game-links .all-links .link {
    min-width: 170px;
}
@media only screen and (max-width: 570px) {
    .game-items .game-item.casino .game-links .all-links .link {
        min-width: 140px;
    }
}
.game-items .game-item .game-links {
    border-bottom: 2px solid #0073ba;
    padding: 5px 0;
    background: #151524;
}
.game-items .game-item .game-links .all-links {
    float: none;
    width: 100%;
    display: flex;
    overflow-x: scroll;
}
.game-items .game-item .game-links .all-links::-webkit-scrollbar {
    height: 4px;
}
.game-items .game-item .game-links .all-links::-webkit-scrollbar-thumb:horizontal {
    border-radius: 25px;
}
.game-items .game-item .game-links .all-links::-webkit-scrollbar-track {
    background: 0 0;
}
.game-items .game-item .game-links .all-links::-webkit-scrollbar-thumb {
    background: #000;
}
.game-items .game-item .game-links .all-links::-webkit-scrollbar-thumb:hover {
    background: #0073ba;
}
.game-items .game-item .game-links .all-links .link {
    float: left;
    margin: 1%;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px;
    border-radius: 8px;
    border: 2px solid #5c5c5e;
    text-align: center;
    display: block;
}
.game-items .game-item .game-links .all-links .link.active {
    color: #0073ba;
    border: 2px solid #0073ba;
}
.game-items .game-item .game-links .all-links .link img {
    display: block;
    width: 120px;
    margin: 0 auto;
}
.game-items .game-item .game-content {
    padding: 20px 0;
    width: 80%;
    position: relative;
    display: none;
    margin: 0 auto;
}
.game-items .game-item .game-content.active {
    display: block;
}
.game-items .game-item .game-content img {
    width: 100%;
}
.game-items .game-item .game-content .game-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
.game-items .game-item .game-content .game-info .game-logo {
    width: 230px;
    /*background-image: url("https://mm99.casa/images/other/home-game.png");*/
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: relative;
    margin: 0 auto;
}
.game-items .game-item .game-content .game-info .game-logo .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 130px;
    transform: translate(-50%, -50%);
}
.game-items .game-item .game-content .game-info .game-button {
    padding-top: 5px;
    color: #0073ba;
    line-height: 40px;
    font-weight: 700;
    font-size: 25px;
    text-align: center;
}
.game-items .game-item .game-content .game-info .game-button a {
    cursor: pointer;
    text-align: center;
    display: block;
    text-transform: uppercase;
}
.game-items .game-item .game-content .game-info .game-button a img {
    margin-left: 10px;
    height: 40px;
    width: auto;
}
.product-items , .tip-items{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
/* .product-items a {
    display: block;
    width: 25%;
    margin: 1% 0;
} */

div.box {
    display: block;
    width: 31%;
    margin: 1%;
	padding-bottom: 5px;
	font-size: 14px;
	position: relative;
	/* border: 2px solid #ade0ff;
    border-radius: 1em; */
	/* background-color: #131313; */
	text-align: center;
}

.product-items img {
    width: 100%;
	padding: 5px;
}

.product-items .box{background-color: #131313; }
.member-games-nav {
    border-bottom: 2px solid #0073ba;
    border-top: 2px solid #0073ba;
    background: #151524;
}
.member-games-nav .game-nav-box {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
}
.member-games-nav .game-nav-box .game-nav {
    width: 44%;
    margin: 3%;
    cursor: pointer;
}
.member-games-nav .game-nav-box .game-nav.active img.active-image {
    display: block;
}
.member-games-nav .game-nav-box .game-nav.active img.inactive-image {
    display: none;
}
.member-games-nav .game-nav-box .game-nav img {
    width: auto;
    height: 60px;
    margin: 0 auto;
}
.member-games-nav .game-nav-box .game-nav img.active-image {
    display: none;
}
.member-games-nav .game-nav-box .game-nav img.inactive-image {
    display: block;
}
@media only screen and (max-width: 991px) {
    #sport .main {
        height: 100vh;
    }
    #sport .main .other-boxes {
        width: 100%;
        min-height: 340px;
    }
    #sport .main .other-boxes .box {
        width: 46%;
        margin: 2%;
        float: left;
        position: relative;
    }
    #sport .main .other-boxes .box .images {
        width: 100%;
    }
    #sport .main .other-boxes .box .images .title {
        width: 100%;
    }
    #sport .main .other-boxes .box a {
        float: inherit;
        text-align: center;
    }
    #sport .main .sport-boxes .box {
        width: 98%;
        margin: 10px 1%;
    }
    #game {
        margin-top: 0;
    }
    #game .main .slot-boxes {
        width: 100%;
    }
    #game .main .slot-boxes .box {
        width: 48%;
        margin: 1%;
    }
    #game .main .game-content .all-games {
        width: 95%;
        margin: 20px auto 0;
        display: flex;
        flex-wrap: wrap;
        text-align: center;
    }
    #game .main .game-content .all-games a {
        width: 31.3333%;
        margin: 1%;
        padding: 15% 5%;
        border: 1px solid;
        border-image-slice: 1;
        border-image-source: linear-gradient(180deg, #676c74, #1f2124);
        position: relative;
    }
    #game .main .game-content .all-games a img {
        width: 100%;
    }
    #game .main .game-content .all-games a span {
        color: #fff;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 5%;
    }
    #casino .main .casino-boxes .box {
        width: 98%;
        margin: 10px 1%;
    }
    .all-game-content .is-games-box a span {
        font-size: 16px;
    }
    .quick-links .link-box .link {
        width: 25%;
        margin: 0;
    }
    .game-items .games-nav .game-nav-box .game-nav img {
        height: 45px;
    }
    .game-items .game-item .game-links .all-links .link img {
        width: 100px;
    }
    .game-items .game-item .game-content {
        width: 100%;
    }
    .game-items .game-item .game-content .game-info .game-logo {
        width: 160px;
    }
    .game-items .game-item .game-content .game-info .game-logo .logo {
        width: 95px;
    }
    .game-items .game-item .game-content .game-info .game-button {
        line-height: 30px;
        font-size: 20px;
    }
    .game-items .game-item .game-content .game-info .game-button a img {
        margin-left: 5px;
        height: 30px;
    }
    .member-games-nav .game-nav-box .game-nav img {
        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 570px) {
    .all-game-content .is-games-box a span {
        font-size: 12px;
    }
    .game-items .games-nav .game-nav-box .game-nav img {
        height: auto;
        width: 100%;
    }
    .game-items .game-item .game-links .all-links::-webkit-scrollbar {
        display: none;
    }
    .game-items .game-item .game-links .all-links .link img {
        width: 70px;
    }
    .game-items .game-item .game-content {
        width: 100%;
    }
    .game-items .game-item .game-content .game-info .game-logo {
        width: 140px;
    }
    .game-items .game-item .game-content .game-info .game-logo .logo {
        width: 80px;
    }
    .game-items .game-item .game-content .game-info .game-button {
        line-height: 25px;
        font-size: 16px;
    }
    .game-items .game-item .game-content .game-info .game-button a img {
        margin-left: 5px;
        height: 25px;
    }
}
@media only screen and (max-width: 479px) {
    .all-game-content .is-games-box a {
        width: 48%;
        margin: 1% 1% 3%;
    }
    .game-items .games-nav .game-nav-box .game-nav img {
        width: 100%;
        height: auto;
    }
    .game-items .game-item .game-links .all-links::-webkit-scrollbar {
        display: none;
    }
    .game-items .game-item .game-links .all-links .link {
        font-size: 12px;
    }
    .game-items .game-item .game-links .all-links .link img {
        margin: 0 auto;
        width: 70px;
    }
    .game-items .game-item .game-content .game-info .game-button {
        line-height: 22px;
        font-size: 14px;
    }
    .game-items .game-item .game-content .game-info .game-button a img {
        height: 22px;
    }
}
.game-center-responsive {
    display: flex !important;
    flex-wrap: wrap;
}
#forgot-password .title {
    text-shadow: -1px 0 #1cbc12, 0 1px #1cbc12, 1px 0 #1cbc12, 0 -1px #1cbc12;
    color: #232323;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
}
#forgot-password .forgot-password-content {
    margin: 0 auto;
}
#forgot-password .forgot-password-content form {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}
#forgot-password .forgot-password-content form .form-group label {
    color: #fff;
	font-weight: 700;
}
#forgot-password .forgot-password-content form .form-group label span {
    color: #f44;
    margin-left: 5px;
}
/* #forgot-password .forgot-password-content form .form-group img {
    width: 35px;
    height: 35px;
} */
#forgot-password .forgot-password-content form .form-group .form-control {
    display: inline-block;
    height: 35px;
	background: #2d2d2d !important;
	padding: 0 10px;
    border: 1px solid #8a8a8a;
    border-radius: 8px;
    outline: 0;
    font-size: 14px;
	color: #fff;
}
/* #forgot-password .forgot-password-content form button {
    background: #000;
    color: #0073ba;
    font-size: 14px;
    font-weight: 700;
    width: 250px;
    display: block;
    padding: 12px 0;
    margin: 15px auto;
    text-align: center;
    cursor: pointer;
    border-radius: 25px;
    border: 1px solid #0073ba;
}
#forgot-password .forgot-password-content .more-info {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    color: #0073ba;
}
#forgot-password .forgot-password-content .more-info h1 {
    font-weight: 700;
    font-size: 20px;
    padding: 10px;
}
#forgot-password .forgot-password-content .more-info ul {
    padding-left: 0;
    list-style: none;
} */
#reset .title {
    text-shadow: -1px 0 #1cbc12, 0 1px #1cbc12, 1px 0 #1cbc12, 0 -1px #1cbc12;
    color: #232323;
    font-size: 38px;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px;
    padding-top: 20px;
}
#reset .reset-content {
    margin: 0 auto;
}
#reset .reset-content #reset-form {
    width: 80%;
    max-width: 100%;
    margin: 0 auto;
}
#reset .reset-content #reset-form .form-group .label-control {
    color: #fff;
}
#reset .reset-content #reset-form .form-group .label-control span {
    color: #f44;
    margin-left: 5px;
}
#reset .reset-content .btn-class button {
    border: none;
    width: 200px;
    display: block;
    padding: 12px 0;
    margin: 0 auto;
    background: 0 0;
    text-align: center;
}
#reset .reset-content .btn-class button img {
    width: 100%;
}
#login .login-title-image {
    text-align: center;
    padding-top: 15px;
}
#login .login-title-image img {
    height: 35px;
}
#login .login-content {
    margin: 0 auto;
}
#login .login-content .title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
}
#login .login-content .login-form {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}
/* #login .login-content .login-form .form-content .form-group {
    margin-bottom: 1.5rem;
} */
#login .login-content .login-form .form-content .form-group label {
    color: #fff;
	line-height: 33px;
	font-weight: 700;
}
#login .login-content .login-form .form-content .form-group label span, #member .box-content .form-group label span{
    color: #f44;
    margin-left: 5px;
}

#member .box-content .form-group .bonus_row label span{
    color: #fff;
}
#login .login-content .login-form .form-content .form-group .form-control {
    width: 100%;
    background: #2d2d2d !important;
    padding: 10px;
    outline: 0;
    color: #fff !important;
    font-size: 14px;
    border-radius: 8px;
    border: 1px solid #8a8a8a;
}

#login .login-content .login-form .form-content .form-group .form-control.password{
    width: 1%;
    background: #2d2d2d !important;
    padding: 10px;
    outline: 0;
    color: #fff!important;
    font-size: 13px;
    border-radius: 8px;
    border: 1px solid #8a8a8a;
}

#login .login-content .login-form .form-content .form-group .code {
    text-align: center;
    background: #000;
    padding: 10px;
    border-radius: 3px;
    color: #0073ba !important;
    font-size: 13px;
    border: 1px solid #0073ba;
}
#login .login-content .login-form .form-content .form-group .row {
    margin-left: -10px;
    margin-right: -10px;
}
#login .login-content .login-form .form-content .form-group .row [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
}
#login .login-content .login-form button {
    width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
#login .login-content .login-form button img {
    width: 100%;
}
#login .login-content .login-form .other-btn {
    color: #fff !important;
    padding: 12px 0;
    border-radius: 5px;
    margin: 10px auto;
    text-align: center;
    cursor: pointer;
    width: 150px;
    display: block;
}
#login .login-content .login-form .other {
    display: block;
    color: #999;
    margin-top: 15px;
    text-align: center;
}
#login .login-content .login-form .other .register-link {
    color: #dd0023;
}
#register-page .register-title-image {
    text-align: center;
    padding-top: 15px;
}
#register-page .register-title-image img {
    height: 35px;
}
#register-page .title {
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding-bottom: 20px;
}
#register-page .register-content {
    margin: 0 auto;
}
#register-page .register-content .register-form, div.sponsor {
    font-size: 14px;
    width: 80%;
    margin: 0 auto;
}
/* #register-page .register-content .register-form .form-group {
    margin-bottom: 1.5rem;
} */
#register-page .register-content .register-form .form-group label {
    line-height: 33px;
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
}
#register-page .register-content .register-form .form-group label.phone:after {
    display: none;
}
#register-page .register-content .register-form .form-group label span,
#member .content .box-wrapper .box-content .change-password label span {
    color: #e52144;
    margin-left: 5px;
}
#register-page .register-content .register-form .form-group .form-control,
#member .content .box-wrapper .box-content .change-password form .form-control {
    width: 100%;
    background: #2d2d2d !important;
    padding: 0 10px;
    border: 1px solid #8a8a8a;
    border-radius: 8px;
    outline: 0;
    font-size: 14px;
	color: #fff;
}

#register-page .register-content .register-form .form-group .form-control.password,
#member .content .box-wrapper .box-content .change-password form .form-control.password{
    width: 1% !important;
    padding: 10px;
    font-size: 13px;
	color: #fff;
}


#register-page .register-content .register-form .form-group .row {
    margin-left: -10px;
    margin-right: -10px;
}
#register-page .register-content .register-form .form-group .row [class^="col"] {
    padding-left: 10px;
    padding-right: 10px;
}
#register-page .register-content .register-form .get-code {
    border-radius: 8px;
   /*  background: #000; */
    border-radius: 3px;
    padding: 15px;
    cursor: pointer;
    margin-bottom: 10px;
    border: 1px solid #0073ba;
}
#register-page .register-content .register-form .get-code span {
    font-size: 12px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    display: block;
}
#register-page .register-content .register-form .get-code .form-control {
    background: #fff;
    border-radius: 0;
    color: #000;
}
#register-page .register-content .register-form .get-code .code-btn,
#member .content .box-wrapper .box-content form  .code-btn {
    border: 1px solid #0073ba;
    width: 100%;
    background: #000f80;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    cursor: pointer;
    margin: 0;
    padding: 0;
    line-height: 38px;
    font-size: 12px;
}
#member .change-password form button {
    width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
#register-page .register-content .register-form button img {
    width: 100%;
}
#register-page .register-content .register-form .other {
    display: block;
    color: #999;
    margin-top: 15px;
    text-align: center;
}
#register-page .register-content .register-form .other .register-link {
    color: #dd0023;
}
@media only screen and (max-width: 991px) {
    #login .login-title {
        text-align: left;
        padding: 20px 0;
    }
    #login .login-content .login-form {
        color: #fff;
        width: 100%;
    }
    #register-page .register-content .register-form, div.sponsor {
        width: 100%;
    }
    #register-page .register-content .register-form .registration {
        font-size: 14px;
    }
/*     #register-page .register-content .register-form .form-group {
        margin-bottom: 1.5rem;
    } */
    #register-page .register-content .register-form .form-group label {
        font-weight: 700;
    }
    #forgot-password .title {
        font-size: 24px;
    }
    #forgot-password .forgot-password-content {
        padding: 0;
    }
    #forgot-password .forgot-password-content form {
        width: 100%;
        text-align: left;
    }
    #forgot-password .forgot-password-content form .form-group .form-control,
    {
        width: 100%;
    }
    #forgot-password .forgot-password-content .more-info {
        width: 100%;
        margin-top: 15px;
        padding: 10px;
        background: #000;
        border-radius: 3px;
        text-align: left;
    }
    #reset .title {
        font-size: 24px;
    }
    #reset .reset-content {
        padding: 0;
    }
    #reset .reset-content #reset-form {
        width: 100%;
    }
}
.news-info {
    /* border-bottom: 1px solid #52525e; */
    background: #191919;
}
.news-info .info-content {
    /* padding-left: 5px; */
    height: 33px;
    float: left;
    width: 100%;
}

div.horn{
	position: absolute;
    left: 0px;
    line-height: 33px;
    color: #f9ffff;
	background-color: #dd0023;
	width: 40px;
    text-align: center;
}
.news-info .info-content marquee {
    color: #fff;
    line-height: 33px;
    font-size: 12px;
	margin-left: 42px;
	
}
@media only screen and (max-width: 991px) {
    /* .news-info .info-content {
        height: 30px;
    }
    .news-info .info-content marquee {
        line-height: 30px;
    } */
}
@media only screen and (max-width: 576px) {
    /* .news-info {
        border-top: 1px solid #52525e;
    } */
    /* .news-info .info-content {
        height: 25px;
    }
    .news-info .info-content marquee {
        line-height: 25px;
        font-size: 12px;
    } */
}
marquee {
    white-space: nowrap;
}
marquee span {
    margin-right: 65%;
}
#home .banner {
    width: 100%;
    font-size: 0;
    position: relative;
    z-index: 0;
}
#home .banner .slider-items .slider-item .image {
    padding-bottom: 25%;
    background-size: cover;
    background-position: 50%;
}
@media only screen and (max-width: 768px) {
    #home .banner .slider-items .slider-item .image {
        padding-bottom: 40%;
    }
}
#home .main {
    /* background-image: url("https://mm99.b-cdn.net/images/other/bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: 100%; */
    min-height: 100vh;
    padding-bottom: 0;
}
#home .main .payment,
#home .main .payment img {
    width: 100%;
}
/* #home .main .info-content {
    padding: 10px 0;
    color: #000;
    background: #fafaf9;
} */
#home .main .info-content .info-box {
    float: left;
    margin-bottom: 15px;
}
#home .main .info-content .info-box .info-title {
    margin: 15px 0;
    width: 100%;
    font-size: 18px;
    font-weight: 700;
}
#home .main .other-link {
    display: flex;
    text-align: center;
    padding: 20px 0;
}
#home .main .other-link img {
    width: 30px;
    height: 30px;
    margin-right: 15px;
}
#home .main .other-link a {
    padding: 30px 0;
    font-weight: 700;
    color: #fff;
    width: 25%;
    border-right: 2px solid #fd7506;
}
#home .main .other-link a:hover {
    background-color: #1f2124;
}
#home .main .other-link a:last-child {
    border-right: none;
}
#home .main .attendance-bonus {
    background: #000;
    border-bottom: 2px solid #0073ba;
    padding: 20px 0;
}
#home .main .attendance-bonus .attendance-title-image {
    color: #c6ded0;
    text-align: center;
    padding-bottom: 20px;
    font-size: 45px;
}
#home .main .attendance-bonus .attendance-title-image img {
    padding-bottom: 20px;
    width: 70%;
}
#home .main .attendance-bonus .attendance {
    position: relative;
}
#home .main .attendance-bonus .attendance .line {
    width: 90%;
    height: 10px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#home .main .deposit-box {
    padding: 40px 0;
}
#home .main .deposit-box .deposit-slides .slick-dots {
    padding-left: 0;
    text-align: center;
}
#home .main .deposit-box .deposit-slides .slick-dots li {
    display: inline-block;
    border: 2px solid #dd0023;
    padding: 3px;
    border-radius: 50%;
    margin: 5px;
}
#home .main .deposit-box .deposit-slides .slick-dots li.slick-active div {
    background: #dd0023;
}
#home .main .deposit-box .deposit-slides .slick-dots li div {
    width: 13px;
    height: 13px;
    border-radius: 50%;
}
#home .main .deposit-box .deposit-slides .slider-table .table-header {
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    height: 65px;
    margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
    #home .main .deposit-box .deposit-slides .slider-table .table-header {
        height: 35px;
        margin-bottom: 10px;
    }
	
	#history{padding-bottom: 5em}
}
@media only screen and (max-width: 450px) {
    #home .main .deposit-box .deposit-slides .slider-table .table-header {
        width: 90%;
        height: 25px;
        margin: 0 auto 10px;
    }
}
#home .main .deposit-box .deposit-slides .slider-table .table-header.deposit-header,
#home .main .deposit-box .deposit-slides .slider-table .table-header.withdrawal-header,
.history-header {
    /* color: #e52144; */
   /* font-family: Audiowide, cursive; */
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
}
#home .main .deposit-box .deposit-slides .slider-table .table-footer {
    padding-top: 20px;
    background-size: cover;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body,
#history .table-body {
    position: relative;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table,
#history .table-body .table {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
	color: #fff;
    /* border-radius: 10px;
    border: 1px solid #0073ba; */
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table,
#history .table-body .table table {
    width: 100%;
    /* color: #fafaf9; */
    font-size: 22px;
    text-align: center;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table thead tr{
    border-bottom: none !important;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table thead tr.is_head,
#history  .table-body .table table thead tr.is_head{
    background: #dd0023;
    color: #fff;
	border-bottom: 1px dotted #8a8a8a;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table thead tr th,
#history  .table-body .table table thead tr th{
    border-bottom: none;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table tbody,
#history  .table-body .table table tbody{
    background-color: #2d2d2d;
}

@media only screen and (max-width: 991px) {
    #home .main .deposit-box .deposit-slides .slider-table .table-body .table table,
	#history .table-body .table table{
        font-size: 14px;
    }
	
	#history span.detail-add{font-size:12px}
}

/* @media only screen and (max-width: 767px) {
    #home .main .deposit-box .deposit-slides .slider-table .table-body .table table,
	#history .table-body .table table
	{
        font-size: 12px;
    }
	
	#history span.detail-add{font-size:10px}
} */
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table td,
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table th,
#history .table-body .table table td, #history .table-body .table table th{
    border-top: none;
}
@media only screen and (max-width: 991px) {
    #home .main .deposit-box .deposit-slides .slider-table .table-body .table table td,
    #home .main .deposit-box .deposit-slides .slider-table .table-body .table table th,
	#history .table-body .table table td, #history .table-body .table table th{
        padding: 0.25rem;
    }
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table thead tr,
#history .table table thead tr{
    border-bottom: 1px solid #fafaf9;
    border-top: none !important;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table thead tr th.left,
#history  .table-body .table table thead tr th.left{
    text-align: left;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table tbody tr,
#history .table-body .table table tbody tr{
    border-bottom: 1px dotted #8a8a8a;
}
#home .main .deposit-box .deposit-slides .slider-table .table-body .table table tbody tr td.left,
#history .table-body .table table tbody tr td.left{
    text-align: left;
}

@media only screen and (max-width: 576px) {	
	/* div.box{
        width: 48%;
    } */
}
@media only screen and (max-width: 576px) {
    #home .main .deposit-box {
        padding: 20px 0;
    }
}

#member {
    min-height: 450px;
}
#member .top-info {
    padding: 15px;
    text-align: center;
}
#member .top-info .top-title {
    font-size: 15px;
    color: #f8c71c;
    font-weight: 700;
    line-height: 36px;
}
#member .top-info .balance {
    padding: 10px 0;
    font-size: 11px;
}
#member .top-info .balance .text {
    color: #f8c71c;
}
#member .top-info .balance .money {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding: 5px 0;
}
#member .top-info .balance .money span {
    color: #cc842e;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
#member .top-info .btn {
    background: linear-gradient(#edcd79, #e28e00);
    width: 150px;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}
#member .content {
    width: 100%;
}
#member .content .top-nav {
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    background: #1f1f1f;
    border-bottom: 1px solid #f8c71c;
    border-top: 1px solid #f8c71c;
}
#member .content .top-nav .links {
    text-align: center;
    font-size: 0;
}
#member .content .top-nav .links .link {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    color: #fff;
    margin: 0;
    padding: 20px 30px;
}
#member .content .top-nav .links .link.active,
#member .content .top-nav .links .link:hover {
    color: #fff;
    background: linear-gradient(#edcd79, #e28e00);
}
#member .content .mobile-top-nav {
    position: relative;
}
#member .content .mobile-top-nav .current {
    padding: 0 15px;
    background: linear-gradient(#edcd79, #e28e00) !important;
    color: #fff;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
}
#member .content .mobile-top-nav .current img {
    line-height: 1;
    width: 16px;
    position: absolute;
    right: 15px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#member .content .profile-content {
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0;
    width: 100%;
}
#member .content .profile-content .affiliate-wrapper {
    color: #fff;
    width: 100%;
    margin: 0 auto;
}
#member .content .profile-content .affiliate-wrapper .info-box {
    border: 1px dotted #8a8a8a;
    width: 100%;
    margin-bottom: 10px;
    display: table;
}
#member .content .profile-content .affiliate-wrapper .info-box .info-left {
    display: table-cell;
    width: 30%;
    padding: 10px 20px;
    border-right: 1px solid #0073ba;
    text-align: right;
    line-height: 16px;
    font-size: 16px;
	background-color: #dd0023;
}
@media only screen and (max-width: 991px) {
    #member .content .profile-content .affiliate-wrapper .info-box .info-left {
        padding: 8px;
        font-size: 0.8rem;
    }
}
#member .content .profile-content .affiliate-wrapper .info-box .info-right {
    display: table-cell;
    width: 70%;
    border-left: 1px solid #8a8a8a;
    padding: 8px 20px;
    line-height: 16px;
    font-size: 0.8rem;
	/* color: #e52144; */
}
#member .content .profile-content .affiliate-wrapper .info-box .info-right .click-to-copy {
    cursor: pointer;
    color: #fff;
    background: #0073ba;
    padding: 4px 20px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 20px;
    border: 1px solid #000f80;
}
#member .content .profile-content .affiliate-wrapper .info-box .info-right .btn-block {
    background: linear-gradient(#edcd79, #e28e00);
    color: #fff;
    border: none;
}
#member .content .profile-content .affiliate-wrapper .info-box:after {
    content: "";
    display: table;
    clear: both;
}
#member .content .profile-content .affiliate-wrapper h5 {
   /*  color: #e52144; */
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 20px 0;
	font-weight:700;
}
#member .content .profile-content .affiliate-wrapper table {
    width: 100%;
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
}
#member .content .profile-content .affiliate-wrapper table thead {
    border-bottom: 1px dotted #8a8a8a;
	background-color: #dd0023;
	color:#fff;
}
#member .content .profile-content .affiliate-wrapper table thead th {
    width: 25%;
    padding: 8px 0;
	font-size: 16px;
}
/* #member .content .profile-content .affiliate-wrapper table tbody {
    border-top: 2px solid #0073ba;
} */
#member .content .profile-content .affiliate-wrapper table tbody tr {
    border-bottom: 1px dotted #8a8a8a;
	background-color:#2d2d2d;
}
#member .content .profile-content .affiliate-wrapper table tbody tr td {
    width: 25%;
    padding: 10px 0;
	font-size: 0.8rem;
}
#member .content .profile-content .account-info,
#member .content .profile-content .bank-info {
    width: 50%;
    padding: 0 20px;
    text-align: center;
}
#member .content .profile-content .account-info .profile-table,
#member .content .profile-content .bank-info .profile-table {
    width: 100%;
}
#member .content .profile-content .account-info .profile-table tbody tr,
#member .content .profile-content .bank-info .profile-table tbody tr {
    background-color: #fff;
}
#member .content .profile-content .account-info .profile-table tbody tr.header,
#member .content .profile-content .bank-info .profile-table tbody tr.header {
    color: #0073ba;
    font-weight: 700;
    font-size: 16px;
    background: #000;
}
#member .content .profile-content .account-info .profile-table tbody tr td,
#member .content .profile-content .bank-info .profile-table tbody tr td {
    width: 50%;
    padding: 8px 15px;
    border: 1px solid #0073ba;
}
#member .content .box-wrapper {
    padding: 10px 0;
}
#member .content .box-wrapper .top-links {
    background: #dd0023;
    /* border-bottom: 2px solid #0073ba; */
    text-align: center;
}
#member .content .box-wrapper .top-links .link {
	padding: 0.5em 0.75em !important;
	width: auto;
    /* margin: 7px !important; */
    float: left;
    font-weight: 700;
    cursor: pointer;
    border-radius: 0px;
}
#member .content .box-wrapper .top-links .link img {
    height: 40px;
}
#member .content .box-wrapper .top-links .link img.active-image {
    display: none;
}
#member .content .box-wrapper .top-links .link img.inactive-image,
#member .content .box-wrapper .top-links .link.active img.active-image {
    display: block;
}
#member .content .box-wrapper .top-links .link.active img.inactive-image {
    display: none;
}
#member .content .box-wrapper .box-content {
    display: flex;
    flex-wrap: wrap;
}
#member .content .box-wrapper .box-content .is_box {
    display: none;
}
#member .content .box-wrapper .box-content .is_box.withdrawal-list {
    width: 100%;
}
#member .content .box-wrapper .box-content .is_box.active {
    display: block;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal {
    display: none;
    flex-wrap: wrap;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal.active {
    display: flex;
    width: 100%;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank {
	padding: 20px 10px;
    width: 40%;
	margin: 0 auto;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info {
    /* padding: 0 20px; */
    text-align: center;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info .profile-table {
    width: 100%;
	font-size: 0.8rem;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info .profile-table tbody tr {
    background-color: #2d2d2d;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info .profile-table tbody tr.header {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    background: #dd0023;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info .profile-table tbody tr td {
    padding: 8px 15px;
    border-bottom: 1px dotted #8a8a8a;
	text-align: left;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .bank-info .note {
    color: #fff;
    font-size: 12px;
    text-align: left;
    padding: 5px 0;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .transfer-info .info .left-size {
    padding: 5px;
    line-height: 1.4;
    width: 50%;
    float: left;
    text-align: right;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank .transfer-info .info .right-size {
    padding: 5px;
    line-height: 1.4;
    width: 50%;
    float: left;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .withdrawal-box {
    width: 60%;
    padding: 20px 10px;
}
#member .content .box-wrapper .box-content .is_box.new-withdrawal .withdrawal-box label span {
    color: #e52144;
    display: inline;
    padding: 0;
}
#member .content .box-wrapper .box-content .claim-form {
    width: 80%;
    margin: 0 auto;
    padding: 20px 0;
}
#member .content .box-wrapper .box-content .change-password {
    width: 80%;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 auto;
}
#member .content .box-wrapper .box-content .change-password form label {
    text-align: right;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    line-height: 38px;
}
/* #member .content .box-wrapper .box-content .change-password form button {
    border: none;
    width: 200px;
    display: block;
    padding: 12px 0;
    margin: 0 auto;
    background: 0 0;
    text-align: center;
} */
#member .content .box-wrapper .box-content .change-password form button img {
    width: 100%;
}
#member .content .box-wrapper .box-content form {
    width: 100%;
    color: #dd0023;
}
#member .content .box-wrapper .box-content form.other-type {
    float: left;
    display: block;
    width: 100%;
}
#member .content .box-wrapper .box-content form.other-type .form-group.other {
    margin-bottom: 5px;
}
#member .content .box-wrapper .box-content form.other-type .form-group.other .form-control {
    line-height: 50px;
    height: 50px;
}
#member .content .box-wrapper .box-content form label:not(.form-check-label) ,
{
    text-align: left;
    width: 100%;
}
#member .content .box-wrapper .box-content form.deposit-form .form-group {
    width: 100%;
}
#member .content .box-wrapper .box-content form.deposit-form .form-group.upload_receipt {
    padding: 5px 10px;
    border-radius: 8px;
    /*border: 1px solid #0073ba;*/
    background: #dd0023;
    position: relative;
}
#member .content .box-wrapper .box-content form.deposit-form .form-group.upload_receipt label {
    text-align: center !important;
}
#member .content .box-wrapper .box-content form.deposit-form .form-group.upload_receipt .upload-button {
    position: absolute;
    top: 45px;
    height: 35px;
    right: 10px;
    z-index: 2;
    width: 28%;
}
#member .content .box-wrapper .box-content form.deposit-form .form-group .pe-note {
    color: #0073ba;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
}
@media only screen and (max-width: 570px) {
    #member .content .box-wrapper .box-content form.deposit-form .form-group .pe-note {
        font-size: 12px;
    }
}
#member .content .box-wrapper .box-content span.help {
    text-align: left !important;
    padding: 5px 0 !important;
    color: #dd0023;
	
}
#member .content .box-wrapper .box-content form.deposit-form .line {
    height: 1px;
    width: 100%;
    background-color: #9a9a9a;
    margin: 20px 0;
}
#member .content .box-wrapper .box-content form.deposit-form .box {
    width: 100%;
}
#member .content .box-wrapper .box-content form.deposit-form .box .form-box-left {
    width: 49%;
    margin-right: 1%;
    float: left;
}
#member .content .box-wrapper .box-content form.deposit-form .box .form-box-left .form-group {
    width: 100%;
}
#member .content .box-wrapper .box-content form.deposit-form .box .form-box-right {
    width: 49%;
    margin-left: 1%;
    float: left;
}
#member .content .box-wrapper .box-content form.deposit-form .box .form-box-right .form-group {
    width: 100%;
}
#member .content .box-wrapper .box-content form.deposit-form input[type="file"] {
    line-height: 30px;
    opacity: 1;
    background: #fff;
    color: #000;
    width: 100%;
    border-radius: 8px;
}

#member .content .box-wrapper .box-content form.deposit-form input[type="file"]:after {
    content: "Choose File";
    width: 30%;
    display: inline-block;
    background: #0073ba;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    margin: 0;
    padding: 0;
    font-size: 12px;
	position:absolute;
	right: 0px;
	height:100%;
}

#member .content .box-wrapper .box-content form.deposit-form .custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}
#member .content .box-wrapper .box-content form.deposit-form .box-account {
    border: 1px solid #0073ba;
    background: #000;
    padding: 10px;
    border-radius: 0;
    margin-top: 38px;
    color: #0073ba;
    font-weight: 700;
}
#member .content .box-wrapper .box-content form.deposit-form .box-account .row {
    margin: 15px 0;
}
#member .content .box-wrapper .box-content form.deposit-form .box-account .row .text {
    padding-right: 5px;
    padding-left: 5px;
}
#member .content .box-wrapper .box-content form.deposit-form .box-account .row .text .click-to-copy {
    cursor: pointer;
    color: #0073ba;
    background: #000;
    padding: 4px 20px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 20px;
    border: 1px solid #0073ba;
}
#member .content .box-wrapper .box-content form .select-amount {
    padding: 15px 0 5px;
    margin-top: 10px;
    font-siz: 0;
}
#member .content .box-wrapper .box-content form .select-amount .box-amount {
    font-size: 16px;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #0073ba;
    color: #0073ba;
    cursor: pointer;
    background: #000;
    line-height: 1;
    margin: 0;
    width: calc(25% - 11px);
}
#member .content .box-wrapper .box-content form .select-amount .box-amount:not(:first-child) {
    margin-left: 10px;
}
#member .content .box-wrapper .box-content form .form-title {
   /*  color: #e52144; */
    font-weight: 700;
    padding-bottom: 20px;
}
#member .content .box-wrapper .box-content form.deposit-form span {
    width: 100%;
    box-sizing: border-box;
    padding: 5px 10px;
    display: block;
    text-align: center;
    font-weight: 700;
	font-size:12px;
}
#member .content .box-wrapper .box-content form label:not(.form-check-label) {
    text-align: left;
    font-weight: 700;
    color: #fff;
    margin-bottom: 0;
    width: 100%;
    line-height: 38px;
}
#member .content .box-wrapper .box-content form button {
    width: 200px;
    display: block;
    margin: 0 auto;
    text-align: center;
}
#member .content .box-wrapper .box-content form button img {
    width: 100%;
}
#member .content .box-wrapper .box-content .center-table {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 0;
    overflow: hidden;
}
#member .content .box-wrapper .box-content .center-table table {
    width: 100%;
}
#member .content .box-wrapper .box-content .center-table tr th {
    background: #0073ba;
    height: 49px;
    vertical-align: middle;
    text-align: center;
    color: #000;
}
#member .content .box-wrapper .box-content .center-table tr td {
    height: 49px;
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #0073ba;
    color: #fff;
}
#member .content .box-wrapper .box-content .center-table tr td span.red {
    color: #f33;
}
#member .content .box-wrapper .box-content .transfer {
    width: 100%;
    font-weight: 700;
    padding: 20px 0;
}
#member .content .box-wrapper .box-content .transfer .transfer-info {
    width: 45%;
    margin-left: 5%;
    border: 2px solid #0073ba;
    background: linear-gradient(-45deg, #000, #363636, #000);
    border-radius: 10px;
    padding: 20px 0;
}
#member .content .box-wrapper .box-content .transfer .transfer-info .info .left-size {
    padding: 5px;
    line-height: 1.4;
    width: 50%;
    float: left;
    color: #fff;
    text-align: right;
}
#member .content .box-wrapper .box-content .transfer .transfer-info .info .right-size {
    padding: 5px;
    line-height: 1.4;
    width: 50%;
    float: left;
    color: #fff;
}
#member .content .box-wrapper .box-content .transfer .transfer-form {
    width: 50%;
}
#member .content .box-wrapper .box-content .transfer .note {
    width: 50%;
    padding: 0 10px;
    line-height: 50px;
    font-size: 12px;
    text-align: center;
}
#member .content .box-wrapper .box-content .transfer-list {
    width: 100%;
}
#member .content .box-wrapper .box-content .bonus {
    padding: 20px 0;
}
#member .content .box-wrapper .box-content .bonus .bonus-form {
    font-weight: 700;
}
#member .content .box-wrapper .box-content .update {
    padding: 20px 0;
}
#member .content .box-wrapper .box-content .update .note {
    padding: 40px 40px 40px 80px;
    color: #555;
}
#member .content .box-wrapper .box-content .statement .top-action {
    width: 100%;
    padding: 10px;
}
#member .content .box-wrapper .box-content .statement .top-action .left {
    width: 30%;
    margin-right: 5%;
    float: left;
}
#member .content .box-wrapper .box-content .statement .top-action .right {
    width: 60%;
    float: left;
    margin-left: 5%;
}
#member .content .box-wrapper .box-content .statement .top-action .right form label {
    text-align: left !important;
    font-weight: 400 !important;
    width: 35% !important;
    display: inline !important;
}
#member .content .box-wrapper .box-content .statement .top-action .right form .form-control {
    width: 65% !important;
    display: inline !important;
    padding: 2px;
    font-size: 12px;
}
#member .content .box-wrapper .box-content .deposit-list {
    width: 100%;
}
#member .content .box-wrapper .box-content .dep_cdm,
#member .content .box-wrapper .box-content .dep_i1bayar,
#member .content .box-wrapper .box-content .dep_online {
    padding: 20px;
    width: 100%;
}
@media only screen and (max-width: 570px) {
    #member .content .box-wrapper .box-content .dep_cdm,
    #member .content .box-wrapper .box-content .dep_i1bayar,
    #member .content .box-wrapper .box-content .dep_online {
        padding: 20px 10px;
    }
}
#member-nav .top-info {
    padding: 15px;
    text-align: center;
    background-color: #000;
}
#member-nav .top-info .top-title {
    font-size: 15px;
    color: #0073ba;
    font-weight: 700;
    line-height: 36px;
}
#member-nav .top-info .balance {
    padding: 10px 0;
    font-size: 11px;
}
#member-nav .top-info .balance .text {
    color: #0073ba;
}
#member-nav .top-info .balance .money {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    padding: 5px 0;
}
#member-nav .top-info .balance .money span {
    color: #cc842e;
    font-weight: 600;
    font-size: 14px;
    margin-right: 10px;
    vertical-align: middle;
}
#member-nav .top-info .btn {
    background: linear-gradient(#edcd79, #e28e00);
    width: 150px;
    margin: 0 auto;
    color: #fff;
    font-weight: 700;
    font-size: 10px;
    padding: 8px 20px;
    border-radius: 5px;
    text-decoration: none;
    display: block;
}
#member-nav .links {
    padding: 25px 0 160px;
    background: #022438;
    width: 100%;
}
#member-nav .links .link {
    width: 31%;
    float: left;
    margin: 1%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 1px solid #0073ba;
    padding: 50px 0;
}
#member-nav .links .link img {
    width: 40px;
    padding-bottom: 5px;
}
@media only screen and (max-width: 991px) {
    #member {
        padding: 0;
    }
    #member .content {
        background: 0 0;
    }
    #member .content .top-nav {
        background-color: #000;
    }
    #member .content .top-nav .links {
        text-align: center;
    }
    #member .content .top-nav .links .link {
        padding: 15px 8px;
        opacity: 0.5;
    }
    #member .content .top-nav .links .link.active {
        opacity: 1;
    }
    #member .content .profile-content .account-info,
    #member .content .profile-content .bank-info {
        width: 100%;
        padding: 20px 0;
    }
    #member .content .box-wrapper {
        width: 100%;
    }
    #member .content .box-wrapper .box-title {
        display: none;
    }
    #member .content .box-wrapper .box-content {
        background: 0 0;
    }
    #member .content .box-wrapper .box-content form {
        /* padding: 20px 0; */
    }
    #member .content .box-wrapper .box-content form.other-type {
        width: 100%;
    }
    #member .content .box-wrapper .box-content form.deposit-form .form-group,
    #member .content .box-wrapper .box-content form.deposit-form label {
        width: 100%;
        margin-right: 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .form-group.upload_receipt label {
        text-align: center !important;
    }
    #member .content .box-wrapper .box-content form.deposit-form .line {
        height: 1px;
        width: 100%;
        background-color: #9a9a9a;
        margin: 20px 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box {
        width: 100%;
        margin-bottom: 10px;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box .form-box-left {
        width: 100%;
        margin-right: 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box .form-box-right {
        width: 100%;
        margin-left: 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box-account {
        margin-top: 10px;
    }
    /* #member .content .box-wrapper .box-content form span {
        color: #0073ba;
    } */
    #member .content .box-wrapper .box-content form label {
        text-align: left !important;
    }
    #member .content .box-wrapper .box-content form .form-control {
        width: 100%;
		/* overflow: hidden; 
		word-wrap: normal !important; */
        background: #2d2d2d !important;
        font-size: 13px;
        border: 1px solid #8a8a8a;
		color: #fff;
		border-radius: 8px;
    }
    #member .content .box-wrapper .box-content .is_box.new-withdrawal {
        flex-direction: column;
    }
    #member .content .box-wrapper .box-content .is_box.new-withdrawal .fixed-bank,
    #member .content .box-wrapper .box-content .is_box.new-withdrawal .withdrawal-box {
        width: 100%;
    }
    #member .content .box-wrapper .box-content .is_box.transfer {
        flex-direction: column-reverse;
    }
    #member .content .box-wrapper .box-content .change-password {
        width: 100%;
        padding: 20px 0;
    }
    #member .content .box-wrapper .box-content .change-password form label {
        text-align: left;
    }
    #member .content .box-wrapper .box-content .center-table {
        padding: 5px;
    }
    #member .content .box-wrapper .box-content .center-table table tr th {
        border-top: 1px solid #0073ba;
        border-bottom: 1px solid #0073ba;
        color: #fff;
        background: 0 0;
    }
    #member .content .box-wrapper .box-content .center-table table tr td {
        color: #fff;
        border-bottom: 1px solid #0073ba;
    }
    #member .content .box-wrapper .box-content .transfer {
        font-weight: 700;
        padding: 20px 0;
    }
    #member .content .box-wrapper .box-content .transfer .transfer-info {
        width: 100%;
        margin-left: 0;
    }
    #member .content .box-wrapper .box-content .transfer .transfer-form {
        width: 100%;
    }
    #member .content .box-wrapper .box-content .transfer .note {
        color: #0073ba;
        padding-left: 0;
    }
    #member .content .box-wrapper .box-content .transfer-list {
        width: 100%;
    }
    #member .content .box-wrapper .box-content .bonus {
        padding: 20px 0;
    }
    #member .content .box-wrapper .box-content .bonus .bonus-form {
        font-weight: 700;
    }
    #member .content .box-wrapper .box-content .update .note {
        color: #0073ba;
    }
}
@media only screen and (max-width: 570px) {
    /* #member .content .box-wrapper .top-links .link {
        margin-right: 8px;
        padding: 8px 0;
    }
    #member .content .box-wrapper .top-links .link img {
        height: 30px;
    } */
    #member .content .box-wrapper .box-content form.deposit-form .select-amount {
        padding: 15px 0 5px;
        margin-top: 10px;
    }
    #member .content .box-wrapper .box-content form.deposit-form .select-amount .box-amount {
        display: inline-block;
        padding: 10px 20px;
        text-align: center;
        margin-right: 0;
        margin-bottom: 3px;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box {
        width: 100%;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box .form-box-left {
        width: 100%;
        margin-right: 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box .form-box-right {
        width: 100%;
        margin-left: 0;
    }
    #member .content .box-wrapper .box-content form.deposit-form .box-account .row .text .click-to-copy {
        display: block;
        margin: 10px auto;
        width: 150px;
    }
    #member .content .profile-content .affiliate-wrapper .info-box {
        display: flex;
        flex-wrap: wrap;
		background-color: #2d2d2d;
    }
    #member .content .profile-content .affiliate-wrapper .info-box .info-left {
        display: block;
        width: 100%;
        border-right: none;
        border-bottom: 1px dotted #8a8a8a;
        text-align: center;
        font-weight: 700;
		text-transform:uppercase;
    }
    #member .content .profile-content .affiliate-wrapper .info-box .info-right {
        text-align: center;
        display: block;
        width: 100%;
        border-left: none;
    }
    #member .content .profile-content .affiliate-wrapper .info-box .info-right .click-to-copy {
        display: block;
        margin: 10px auto;
        width: 150px;
    }
}
@media only screen and (max-width: 450px) {
    /* #member .content .box-wrapper .top-links .link {
        padding: 8px 0;
    }
    #member .content .box-wrapper .top-links .link img {
        height: 25px;
    } */
}
.right-menu {
    position: fixed;
    top: 250px;
    right: -105px;
    z-index: 10;
    background: linear-gradient(#5ad2ff, #5ad2ff);
    border: 1px solid #f8e71c;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.right-menu:hover {
    right: 0;
}
.right-menu .main-content {
    padding: 15px 0;
}
.right-menu .main-content a {
    display: block;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    padding: 5px 10px;
    transition: all 0.5s ease;
}
.right-menu .main-content a:hover {
    color: #f8e71c;
    background: #1a1a1a;
}
.right-menu .main-content a .contact-info {
    margin: 0 auto;
    padding: 10px 0;
}
.right-menu .main-content a .contact-info img {
    padding: 0 20px 0 0;
    width: 50px;
}
.right-menu .main-content a .contact-info span {
    vertical-align: middle;
}

@-webkit-keyframes bang {
    to {
        box-shadow: 59px -229.6666666667px #f7b223, 76px -279.6666666667px #f7b223, -14px -295.6666666667px #f7b223, -152px -413.6666666667px #f7b223, 69px -332.6666666667px #f7b223, 252px -39.6666666667px #f7b223,
            -192px -230.6666666667px #f7b223, 265px -311.6666666667px #f7b223, 79px -245.6666666667px #f7b223, -148px 59.3333333333px #f7b223, -199px -44.6666666667px #f7b223, 288px 46.3333333333px #f7b223, -34px -169.6666666667px #f7b223,
            -119px -43.6666666667px #f7b223, 206px -162.6666666667px #f7b223, 97px -160.6666666667px #f7b223, -194px -3.6666666667px #f7b223, 56px -257.6666666667px #f7b223, -163px -93.6666666667px #f7b223, -183px -259.6666666667px #f7b223,
            -211px -310.6666666667px #f7b223, -155px 78.3333333333px #f7b223, 113px -158.6666666667px #f7b223, 115px -27.6666666667px #f7b223, 122px -143.6666666667px #f7b223, 49px 2.3333333333px #f7b223, 7px -150.6666666667px #f7b223,
            170px -322.6666666667px #f7b223, -159px -260.6666666667px #f7b223, 136px -248.6666666667px #f7b223, -70px -48.6666666667px #f7b223, 90px -318.6666666667px #f7b223, 223px -156.6666666667px #f7b223, 161px -41.6666666667px #f7b223,
            272px -42.6666666667px #f7b223, -256px -357.6666666667px #f7b223, -141px -152.6666666667px #f7b223, -220px -249.6666666667px #f7b223, 35px -314.6666666667px #f7b223, -123px -91.6666666667px #f7b223, 95px 35.3333333333px #f7b223,
            -56px 37.3333333333px #f7b223, 219px -123.6666666667px #f7b223, 107px -116.6666666667px #f7b223, 93px -187.6666666667px #f7b223, 250px -327.6666666667px #f7b223, 254px 75.3333333333px #f7b223, 12px 29.3333333333px #f7b223,
            -296px -238.6666666667px #f7b223, -149px 78.3333333333px #f7b223, 285px -270.6666666667px #f7b223, 248px 82.3333333333px #f7b223, -173px 15.3333333333px #f7b223, 20px -381.6666666667px #f7b223, 36px -189.6666666667px #f7b223,
            -235px 12.3333333333px #f7b223, -26px -359.6666666667px #f7b223, 123px -31.6666666667px #f7b223, 122px -215.6666666667px #f7b223, -24px -150.6666666667px #f7b223, 225px -360.6666666667px #f7b223, 168px -252.6666666667px #f7b223,
            281px -182.6666666667px #f7b223, -57px -212.6666666667px #f7b223, -118px -30.6666666667px #f7b223, 150px -83.6666666667px #f7b223, 277px -321.6666666667px #f7b223, -99px -44.6666666667px #f7b223, 55px -290.6666666667px #f7b223,
            -81px 76.3333333333px #f7b223, 209px -337.6666666667px #f7b223, 194px -44.6666666667px #f7b223, -141px 51.3333333333px #f7b223, -280px 49.3333333333px #f7b223, 242px -82.6666666667px #f7b223, -86px -382.6666666667px #f7b223,
            -100px -212.6666666667px #f7b223, 248px -20.6666666667px #f7b223, -104px -17.6666666667px #f7b223, 268px -387.6666666667px #f7b223, -192px -258.6666666667px #f7b223, -55px 22.3333333333px #f7b223, 224px 12.3333333333px #f7b223,
            -39px -9.6666666667px #f7b223, -169px -188.6666666667px #f7b223, -35px -7.6666666667px #f7b223, 149px -258.6666666667px #f7b223, 14px 15.3333333333px #f7b223, -220px -398.6666666667px #f7b223, 273px -103.6666666667px #f7b223,
            -270px 68.3333333333px #f7b223, 192px 26.3333333333px #f7b223, 167px -178.6666666667px #f7b223, -4px -228.6666666667px #f7b223, -66px -61.6666666667px #f7b223, -69px -238.6666666667px #f7b223, -51px -84.6666666667px #f7b223,
            281px -187.6666666667px #f7b223, -44px -218.6666666667px #f7b223, 24px -46.6666666667px #f7b223, -174px -171.6666666667px #f7b223, 111px -397.6666666667px #f7b223, 75px -61.6666666667px #f7b223, -89px -123.6666666667px #f7b223,
            136px -352.6666666667px #f7b223, -260px -220.6666666667px #f7b223, 56px -337.6666666667px #f7b223, -26px 8.3333333333px #f7b223, 25px -25.6666666667px #f7b223, -227px 8.3333333333px #f7b223, 62px -289.6666666667px #f7b223,
            275px -103.6666666667px #f7b223, 243px -238.6666666667px #f7b223, 231px 7.3333333333px #f7b223, 52px -87.6666666667px #f7b223, -84px -369.6666666667px #f7b223, 37px -250.6666666667px #f7b223, -281px -306.6666666667px #f7b223,
            -295px -344.6666666667px #f7b223, 216px -235.6666666667px #f7b223, 289px -37.6666666667px #f7b223;
    }
}
@keyframes bang {
    to {
        box-shadow: 59px -229.6666666667px #f7b223, 76px -279.6666666667px #f7b223, -14px -295.6666666667px #f7b223, -152px -413.6666666667px #f7b223, 69px -332.6666666667px #f7b223, 252px -39.6666666667px #f7b223,
            -192px -230.6666666667px #f7b223, 265px -311.6666666667px #f7b223, 79px -245.6666666667px #f7b223, -148px 59.3333333333px #f7b223, -199px -44.6666666667px #f7b223, 288px 46.3333333333px #f7b223, -34px -169.6666666667px #f7b223,
            -119px -43.6666666667px #f7b223, 206px -162.6666666667px #f7b223, 97px -160.6666666667px #f7b223, -194px -3.6666666667px #f7b223, 56px -257.6666666667px #f7b223, -163px -93.6666666667px #f7b223, -183px -259.6666666667px #f7b223,
            -211px -310.6666666667px #f7b223, -155px 78.3333333333px #f7b223, 113px -158.6666666667px #f7b223, 115px -27.6666666667px #f7b223, 122px -143.6666666667px #f7b223, 49px 2.3333333333px #f7b223, 7px -150.6666666667px #f7b223,
            170px -322.6666666667px #f7b223, -159px -260.6666666667px #f7b223, 136px -248.6666666667px #f7b223, -70px -48.6666666667px #f7b223, 90px -318.6666666667px #f7b223, 223px -156.6666666667px #f7b223, 161px -41.6666666667px #f7b223,
            272px -42.6666666667px #f7b223, -256px -357.6666666667px #f7b223, -141px -152.6666666667px #f7b223, -220px -249.6666666667px #f7b223, 35px -314.6666666667px #f7b223, -123px -91.6666666667px #f7b223, 95px 35.3333333333px #f7b223,
            -56px 37.3333333333px #f7b223, 219px -123.6666666667px #f7b223, 107px -116.6666666667px #f7b223, 93px -187.6666666667px #f7b223, 250px -327.6666666667px #f7b223, 254px 75.3333333333px #f7b223, 12px 29.3333333333px #f7b223,
            -296px -238.6666666667px #f7b223, -149px 78.3333333333px #f7b223, 285px -270.6666666667px #f7b223, 248px 82.3333333333px #f7b223, -173px 15.3333333333px #f7b223, 20px -381.6666666667px #f7b223, 36px -189.6666666667px #f7b223,
            -235px 12.3333333333px #f7b223, -26px -359.6666666667px #f7b223, 123px -31.6666666667px #f7b223, 122px -215.6666666667px #f7b223, -24px -150.6666666667px #f7b223, 225px -360.6666666667px #f7b223, 168px -252.6666666667px #f7b223,
            281px -182.6666666667px #f7b223, -57px -212.6666666667px #f7b223, -118px -30.6666666667px #f7b223, 150px -83.6666666667px #f7b223, 277px -321.6666666667px #f7b223, -99px -44.6666666667px #f7b223, 55px -290.6666666667px #f7b223,
            -81px 76.3333333333px #f7b223, 209px -337.6666666667px #f7b223, 194px -44.6666666667px #f7b223, -141px 51.3333333333px #f7b223, -280px 49.3333333333px #f7b223, 242px -82.6666666667px #f7b223, -86px -382.6666666667px #f7b223,
            -100px -212.6666666667px #f7b223, 248px -20.6666666667px #f7b223, -104px -17.6666666667px #f7b223, 268px -387.6666666667px #f7b223, -192px -258.6666666667px #f7b223, -55px 22.3333333333px #f7b223, 224px 12.3333333333px #f7b223,
            -39px -9.6666666667px #f7b223, -169px -188.6666666667px #f7b223, -35px -7.6666666667px #f7b223, 149px -258.6666666667px #f7b223, 14px 15.3333333333px #f7b223, -220px -398.6666666667px #f7b223, 273px -103.6666666667px #f7b223,
            -270px 68.3333333333px #f7b223, 192px 26.3333333333px #f7b223, 167px -178.6666666667px #f7b223, -4px -228.6666666667px #f7b223, -66px -61.6666666667px #f7b223, -69px -238.6666666667px #f7b223, -51px -84.6666666667px #f7b223,
            281px -187.6666666667px #f7b223, -44px -218.6666666667px #f7b223, 24px -46.6666666667px #f7b223, -174px -171.6666666667px #f7b223, 111px -397.6666666667px #f7b223, 75px -61.6666666667px #f7b223, -89px -123.6666666667px #f7b223,
            136px -352.6666666667px #f7b223, -260px -220.6666666667px #f7b223, 56px -337.6666666667px #f7b223, -26px 8.3333333333px #f7b223, 25px -25.6666666667px #f7b223, -227px 8.3333333333px #f7b223, 62px -289.6666666667px #f7b223,
            275px -103.6666666667px #f7b223, 243px -238.6666666667px #f7b223, 231px 7.3333333333px #f7b223, 52px -87.6666666667px #f7b223, -84px -369.6666666667px #f7b223, 37px -250.6666666667px #f7b223, -281px -306.6666666667px #f7b223,
            -295px -344.6666666667px #f7b223, 216px -235.6666666667px #f7b223, 289px -37.6666666667px #f7b223;
    }
}
@-webkit-keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@keyframes gravity {
    to {
        transform: translateY(200px);
        -moz-transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -o-transform: translateY(200px);
        -ms-transform: translateY(200px);
        opacity: 0;
    }
}
@-webkit-keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
@keyframes position {
    0%,
    19.9% {
        margin-top: 10%;
        margin-left: 40%;
    }
    20%,
    39.9% {
        margin-top: 40%;
        margin-left: 30%;
    }
    40%,
    59.9% {
        margin-top: 20%;
        margin-left: 70%;
    }
    60%,
    79.9% {
        margin-top: 30%;
        margin-left: 20%;
    }
    80%,
    99.9% {
        margin-top: 30%;
        margin-left: 80%;
    }
}
.responsive-main {
    background: #111;
}
.responsive-main .login-info {
    background: 0 0;
    margin-top: -8px;
    width: 100%;
    padding: 0 20px;
}
.responsive-main .login-info .links {
    list-style: none;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
}
.responsive-main .login-info .links li {
    padding: 15px 10px;
    text-align: center;
    float: left;
    width: 50%;
    cursor: pointer;
    position: relative;
}
.responsive-main .login-info .links li a {
    display: block;
    width: 100%;
    height: 100%;
}
.responsive-main .login-info .links li a img {
    width: 18px;
    height: 18px;
    margin-right: 3px;
}
.responsive-main .login-info .links li a span {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
}
.responsive-main .home-nav {
    width: 100%;
    background: #111;
    padding: 20px;
    display: flex;
}
.responsive-main .home-nav .nav-item {
    background: 0 0;
    text-align: center;
    font-weight: 700;
    color: #fff;
    padding: 10px;
    display: inline-block;
    width: 25%;
}
.responsive-main .home-nav .nav-item.active {
    background: linear-gradient(#fbbf17, #fd7506);
}
.responsive-main .game-content .all-games {
    width: 95%;
    margin: 20px auto 0;
    display: flex;
    flex-wrap: wrap;
    text-align: center;
}
.responsive-main .game-content .all-games a {
    width: 48%;
    margin: 1% 1% 3%;
    position: relative;
}
.responsive-main .game-content .all-games a:hover span,
.responsive-main .game-content .all-games a:hover:after {
    display: block;
}
.responsive-main .game-content .all-games a:after {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    display: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}
.responsive-main .game-content .all-games a span {
    position: absolute;
    color: #fd7506;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
    font-size: 20px;
    font-weight: 700;
    display: none;
}
.responsive-main .game-content .all-games a img {
    width: 100%;
}
/* .button {
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin: 0 2px;
    outline: 0;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: 0.5em 2em 0.55em;
    text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
} */
.blue {
    color: #fff;
    background: #F15A24;
	border: 1px solid #0073ba;
}
.purple {
    color: #fff;
    background: #dd0023;
	border: 1px solid #dd0023;
}
div.nav-bar ul.bar-links li a {
    width: 78px;
    max-height: 78px;
	color:#fff;
}
/* #responsive-footer ul li a i,
a,
div.nav-bar ul.bar-links li a i {
    color: #0073ba !important;
} */
ul.game-nav > li.nav-item {
    width:25%;
	border: 1px dotted #191919;
	background-color:#585858;
}

ul.game-nav > li.nav-item a{
	font-size: 13px;
	text-transform: uppercase;
}

ul.game-nav > li.nav-item.active a{
    color: #dd0023;
}

ul.game-nav > li.nav-item a img{
    filter: brightness(10) contrast(0);
}

ul.game-nav > li.nav-item.active a img{
    filter: brightness(1) contrast(1);
}

a.nav-link {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    padding: 0.5em 0;
}

ul.game-nav > li.nav-item.active{background-color: #1f1f1f;}

a.nav-link img {
    display: block;
    margin: auto;
    max-width: 46px;
    padding-bottom: 5px;
}

#this_game_status{background-color: #dd0023; padding:0.5em; font-weight: 600}
#this_game_code{font-size: 4em; font-weight: 600;}
.game_attempt{ border : 3px solid #e10000; 
-webkit-animation-name: rainbow;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: rainbow;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: rainbow;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;}


@keyframes rainbow{
		100%,0%{
			border-color: rgb(255,0,0);
		}
		8%{
			border-color: rgb(255,127,0);
		}
		16%{
			border-color: rgb(255,255,0);
		}
		25%{
			border-color: rgb(127,255,0);
		}
		33%{
			border-color: rgb(0,255,0);
		}
		41%{
			border-color: rgb(0,255,127);
		}
		50%{
			border-color: rgb(0,255,255);
		}
		58%{
			border-color: rgb(0,127,255);
		}
		66%{
			border-color: rgb(0,0,255);
		}
		75%{
			border-color: rgb(127,0,255);
		}
		83%{
			border-color: rgb(255,0,255);
		}
		91%{
			border-color: rgb(255,0,127);
		}
}

@-moz-keyframes rainbow{
		100%,0%{
			border-color: rgb(255,0,0);
		}
		8%{
			border-color: rgb(255,127,0);
		}
		16%{
			border-color: rgb(255,255,0);
		}
		25%{
			border-color: rgb(127,255,0);
		}
		33%{
			border-color: rgb(0,255,0);
		}
		41%{
			border-color: rgb(0,255,127);
		}
		50%{
			border-color: rgb(0,255,255);
		}
		58%{
			border-color: rgb(0,127,255);
		}
		66%{
			border-color: rgb(0,0,255);
		}
		75%{
			border-color: rgb(127,0,255);
		}
		83%{
			border-color: rgb(255,0,255);
		}
		91%{
			border-color: rgb(255,0,127);
		}
}

@-webkit-keyframes rainbow{
		100%,0%{
			border-color: rgb(255,0,0);
		}
		8%{
			border-color: rgb(255,127,0);
		}
		16%{
			border-color: rgb(255,255,0);
		}
		25%{
			border-color: rgb(127,255,0);
		}
		33%{
			border-color: rgb(0,255,0);
		}
		41%{
			border-color: rgb(0,255,127);
		}
		50%{
			border-color: rgb(0,255,255);
		}
		58%{
			border-color: rgb(0,127,255);
		}
		66%{
			border-color: rgb(0,0,255);
		}
		75%{
			border-color: rgb(127,0,255);
		}
		83%{
			border-color: rgb(255,0,255);
		}
		91%{
			border-color: rgb(255,0,127);
		}
}

#game-selector {
    background-color: #1f1f1f ;
    /* background-image: url("https://mm99.b-cdn.net/images/other/header-bg.jpg");
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: cover; */
    width: 100%;
	z-index: 99;
}

#game-selector.sticky {
    position: fixed;
    top: 0;
    width: 100%;
	/* background-color:#000; */
}

#banner .banner-slider .carousel-inner .carousel-item {
   /*  padding-bottom: 25%; */
    background-size: cover;
    background-position: 50%;
}

.mbutton{
	display: block;
	background: #dd0023;
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    padding: 6px 25px;
    width: 40%;
    border-radius: 4px;
    margin: 0 auto;
    text-align: center;	
	border: none;
}
	
.mbutton:hover{text-decoration:none}

.mbutton.link.active{color: #fff !important; background-color:#1f1f1f; background:#1f1f1f}
.mlogin{margin:5px auto; color:#0073ba !important; border-color:#0073ba !important;} 
	
.mbutton:disabled{
	color:#e9e9e9;
	border-color: #e9e9e9;
	background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.modal-title {
    margin-left: 1em;
}
	
div.promotion-boxes h6{color: #e52144;font-size: 14pt;font-weight:600;text-align:center}
div.promotion-boxes p{font-size: 12px; line-height: 12px;}
.hide{display:none !important;}

button.reveal{ padding: 0px 10px !important;}
.w20 {width:20%}
.w30 {width:30%}
.w40 {width:40%}
.w50 {width:50%}
.slider-table{text-transform:uppercase}
#register-page div.form-group, #login  div.form-group{margin-bottom:0.5rem}
.mb15 {margin-bottom:1.5rem !important}
.txt-align-center{text-align:center}
.txt-align-left{text-align:left}
.txt-align-right{text-align:right}
img.spinner{max-height:42px; max-width:42px}
.gapi_yes, .gapi_no{background-color: rgba(0,0,0,.1); margin: 0 2px; border-radius:1em;padding:0.5em 0.15em; text-align:center; color:#fff }
/*.gapi_no{color:#333}*/
.fright{float:right;}
table.acc_detail{color:#fff; /* line-height:1 */ width:95%; max-width: 380px; margin:1em auto;font-weight: 600; text-align: left;}
table.acc_detail th{color:#e52144; padding: 3px 0;/* height:33px */ /* width: 31px; */}
table.acc_detail .detail_label{text-align:right; width:118px}
table.acc_detail td{padding-left:5px}
table.acc_detail .detail_copy{text-align:left}
span.detail-add{font-size:18px}

.download_btn{color:#333 !important}
.copy_btn{color:#ffd400 !important;}

.gtopwith{display:flex;text-align: center;margin:0.5em 0}
.gtopwith.ggamerepond{ display: inherit}
.gtopwith a{width:47%;display: inline-block;
	vertical-align: baseline;
	margin: 0 1%;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	/* color: #e91e63; */
	/* font-family: Audiowide, cursive; */
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
	padding: 0.2em 0.5em;
	/* border: 1px solid #e91e63; */
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: 0.5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding: 1em 0;
	}

.btn-game{color:#fff !important; border: 1px solid #000f80; background-color: #0073ba;}
.btn-topup{color:#fff !important; border: 1px solid #0073ba; background-color: #000f80;}
.btn-withdraw{color:#fff !important; border: 1px solid #000f80; background-color: #0073ba;}
.btn-play{color:#fff !important; background-color: #e52144;}
.btn_changeacc, .btn-play {display: inline-block;
	vertical-align: baseline;
	margin: 0 auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: 2em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	padding: 10px 0;
	width: 100%;
	margin-top: 1em;}
	
.btn_changeacc{
	color: #fff;
	border: 1px solid #F15A24;
	background: #F15A24;
	}
.btn_changeacc:disabled{
	color:#e9e9e9;
	border-color: #e9e9e9;
	background: #6e6e6e;
    background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
    background: -moz-linear-gradient(top, #888, #575757);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}

.mbutton.history{padding:0 0.5em !important; margin: 0 !important}
div.dropdown a.dropdown-item
{
	color:#fff
}

div.dropdown div.dropdown-menu.language 
{
	background:#000
}

button.lang-btn{background-color: transparent;
    color: #ddd;
    border: none;
	margin-left:5px}
	
.tip-box img{width: 100%;}
.tip-detail{text-align:center; font-size:12px;background-color:#000;}
.tip-game{color:#0073ba}
.tip-rate{color:#ff920a}
.p5{padding:5px !important}
.modal-content{background-color:#2d2d2d !important; color: #fff}
.modal-header {padding:1rem 1rem 0 0}
.mbutton.btn-primary{color:#fff; background-color:#dd0023}
.mbutton.btn-secondary{color:#fff; background-color:#ff920a}
.modal-header .close{color:#fff ;text-shadow: none; opacity: 1;}
.modal-footer {border-top: 1px dotted #8a8a8a;}
.modal-header {border-bottom: 1px dotted #8a8a8a;}

.slide_left_open, .slide_left_close, .slide_right_open, .slide_right_close, .slide_top_open, .slide_top_close, .push_left_open, .push_left_close, .body_close, .body_open_left, .body_open_right, .push_right_open, .push_right_close {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.srl_menu {
    top: 127px;
    height: 100%;
}

.slide_right_close {
    position: fixed;
    right: -124px;
    z-index: 99999;
	height: 295px;
}

.slide_right_open {
	position: fixed;
    right: 0px;
    z-index: 99999;
}

#slide_right > ul {
    float: right;
	margin-top: 17px;
}

.list_menu-right {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 119px;
}

#slide_right .right-wrapper {
	color: #fff;
    width: 119px;
    border: 1px solid #8f0a0e;
    font-size: 14px;
    background: #8f0a0e;
    background: -moz-linear-gradient(top, #8f0a0e 0%, #010000 100%);
    background: -webkit-linear-gradient(top, #8f0a0e 0%,#010000 100%);
    background: linear-gradient(to bottom, #8f0a0e 0%,#010000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0a0e', endColorstr='#010000',GradientType=0 );
}

#slide_right .right-top {
    margin-bottom: 10px;
}

#slide_right .right-item {
    width: 100px;
    margin: 0 auto;
    border-top: 1px solid #430304;
    padding: 10px 0;
}

#button_right
{
	outline: none;
    padding: 0;
    cursor: pointer;
    background: none;
    overflow: hidden;
    border: none;
	}
	
#treasurebox{position:fixed; top:10%; left:0;display:block; z-index:100;}
#treasureboxgif{width: 100%}
#CloseBtn{float:right;}
.CloseBtn{width:20px;height:20px}

table.dob th{text-align:center; color:#e52144}
.pragmatic-slot ul, .angpow ul {
    margin: 0;
    padding: 0;
	width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.pragmatic-slot li {
    width: 20%;
    float: left;
    list-style: none;
    padding: 0 !important;
}

.pragmatic-slot a {
    padding: 0 !important;
    float: left;
    /* border: 1px solid #000000; */
    margin: 3px;
    position: relative;
}

.pp-slot-card {
    width: 200px;
    height: 200px;
    margin: 10px;
}

#angpow-selector{background-color:#000}

.angpow li {
    width: 95px;
	height: 133px;
    float: left;
    list-style: none;
    padding: 0 !important;
	position: relative;
	margin-top: 0.5rem;
}

.angpow_detail{position:absolute; z-index:9;width: 95px;text-align: center;font-weight: 600;padding: 0 3px; bottom:0; font-size:12px; color:#fff}

.ineligible:before {
    content: "";
    position: absolute;
    width: 95px;
    height: 133px;
    background: rgba(0,0,0,.6);
    z-index: 10;
}

#error_msg ul{margin-bottom:0 !important}
.cdm_acc td{padding:3px;}

.cdm_time
{
	line-height:25px !important;
	width: inherit !important;
	margin: 0 5px !important;
}

.cdm_time_row
{
	margin: 0 !important;
}

#member .content .box-wrapper .box-content form  .code-btn {width: 30%; display: inline-block}

.modal-content{width:95% !important; margin: 0 auto; box-shadow: 0 0 20px 0 #ffc164;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;}
.wdate{width: 150px}

#error_msg{color: #c10012;
    background-color: #f8d7da;
    border-color: #f5c6cb;
	padding: 0.75rem 1.25rem;
	border-radius: 0.25rem;
	margin-top: 1rem;}

/* #popup_notice .modal-content { border: 3px solid #0073ba !important; border-radius: 1rem;background-color: #000} */
#popup_notice .modal-header { text-align:center; border-bottom: none;}
#notice-header {max-width: 60%; margin: 0 auto}

div.newgame
{
	padding: 0.5em;
	position: absolute;
    right: 0;
	color: #fff;
	font-weight:700;
	/*background-color: #ff0000;*/
	background: linear-gradient(top, #ff3232 0%,#fcf528 16%,#28fc28 32%,#28fcf8 50%,#272ef9 66%,#ff28fb 82%,#ff3232 100%);

	/* Firefox */
	background: -moz-linear-gradient(top, #ff3232 0%, #fcf528 16%, #28fc28 32%, #28fcf8 50%, #272ef9 66%, #ff28fb 82%, #ff3232 100%);

	/* Chrome,Safari4+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3232), color-stop(16%,#fcf528), color-stop(32%,#28fc28), color-stop(50%,#28fcf8), color-stop(66%,#272ef9), color-stop(82%,#ff28fb), color-stop(100%,#ff3232));

	/* Chrome10+,Safari5.1+ */
	background: -webkit-linear-gradient(top, #ff3232 0%,#fcf528 16%,#28fc28 32%,#28fcf8 50%,#272ef9 66%,#ff28fb 82%,#ff3232 100%);

	background-size: 1000%;
	-moz-background-size: 1000%;
	-webkit-background-size: 1000%;	

	/* W3C */
	animation-name: fun-time-awesome;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-play-state: running;

	/* Firefox: */
	-moz-animation-name: fun-time-awesome;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite;
	-moz-animation-direction: alternate;
	-moz-animation-play-state: running;

	/* Chrome, Safari */
	-webkit-animation-name: fun-time-awesome;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction: alternate;
	-webkit-animation-play-state: running;
}

.server-down{filter: grayscale(100%)}
.game-container {
    padding: 10px 10px 20px 10px;
    background: #000;
    text-align: center;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.dl-box h2 {
    font-size: 20px;
    text-align: center;
    margin: 12px 0;
}

.download-btn {
    background: #0073ba;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 13px 25px;
    width: 100%;
    display: block;
    border-radius: 5px;
    margin: auto;
    text-align: center;
    margin-top: 15px;
	color:#fff;
}

.download-btn:hover{color: #fff;}

.case-box {
    border: 1px solid #b5b5b5;
    padding: 10px;
    margin-top: 15px;
    font-size: 14px;
}

.game-container .dl-box .download-btn i{margin-right:1em}
/* W3C */
@keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}

/* Firefox */
@-moz-keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}

/* Chrome, Safari */
@-webkit-keyframes fun-time-awesome {
	0% {background-position: left top;}
	100% {background-position: left bottom;}
}
	
#member .content .box-wrapper .box-content form.deposit-form div.bonus_row label{display: flex;
			color: #999
            font-size: 13px;
            font-weight: 700;
            margin-bottom: 0px;
			line-height: inherit}
			
#member .content .box-wrapper .box-content form.deposit-form div.bonus_row label > span { position: relative;    left: 1em;    margin-top: -2px; text-align:left; padding: 0}

div.bonus_row{padding: 10px 0}
div.sponsor{margin-top: 1em}
div.sponsor label{line-height: 33px;
    color: #fff;
    position: relative;
    display: block;
    width: 100%;
	font-weight: 700;}
	
div.sponsor img{margin: 0 5px; max-width: 45%}
video.tutorial{max-width: 100%}
.notice_link{color:#000f80  !important; font-weight:700}
@media only screen and (max-width: 540px) {
    .pp-slot-card {
    width: 33% !important;
    height: auto;
    margin: 0px 0;
	}
	
	#cdm_hour, #cdm_min
	{
		width: inherit !important;
	}
	
	div.reg_login .btn {font-size: 0.7rem;}
	.wdate{width: 84px}
}

div.reg_login {
    /* position: absolute; */
	margin: 15px auto;
   /*  left: 5px;
	top: 15px; */
	display: inline-block;
	text-transform: uppercase;
}

.p0 {padding: 0 !important}

div.reg_login .btn{font-weight: 600; /* margin-left:5px; */}
.reg_login a{text-decoration: none;}
.reg_login a:link, .reg_login a:visited {color: #fff;}
#signout.btn{text-transform:uppercase;padding: 3px 3px 1px 3px;
    font-size: 12px;}
	
.back-icon a {
    color: #fff;
    font-size: 35px;
    padding: 0px 20px;
}

.back-icon {
    margin-top: 12px;
}
	
.angpowBG_glow {
    background: linear-gradient(270deg, #f60e62, #b144c3, #fd607d);
    background-size: 600% 600%;

    -webkit-animation: angpowBG 1s ease infinite;
    -moz-animation: angpowBG 1s ease infinite;
    animation: angpowBG 1s ease infinite;
}

@-webkit-keyframes angpowBG {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@-moz-keyframes angpowBG {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}
@keyframes angpowBG {
    0%{background-position:0% 54%}
    50%{background-position:100% 47%}
    100%{background-position:0% 54%}
}

/* left menu drawer */
#modal-menu div.nav-group a{text-transform: uppercase;}

.modal.left .modal-dialog {
	position: fixed;
	margin: auto;
	width: 280px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body {
    padding: 15px 0;
    background: #ac0610;
    text-align: center;
}
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.show .modal-dialog {
	left: 0;
}

.user-welcome img {
    max-width: 50px;
}

.user-welcome h3 {
    font-size: 18px;
    margin: 5px 0;
    color: #fff;
}

.user-wrapper {
    padding: 0px 8px;
    height: 50px;
}

.userclient {
    float: left;
}

.userclient img {
    max-width: 38px;
}

.name-client {
    color: #fff;
    font-size: 14px;
    margin-left: 5px;
    vertical-align: middle;
}

.logout-box {
    float: right;
    margin-top: 2px;
}

.logout-btn {
    color: #000;
    background: #fff;
    padding: 6px 5px;
    border-radius: 3px;
    border: 1px solid #fff;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
}

.user-balanc-wrapper {
    background: #1f1f1f;
    padding: 8px 5px;
}

.bal-amount {
    color: #fcbc83;
    font-size: 22px;
    font-weight: 700;
}

.main-wallet-text {
    color: #fff;
    font-size: 15px;
}

.twa-wrapper {
    padding: 5px 0;
    background: #353535;
}

.twa-box {
    display: inline-block;
    width: 31%;
    background: #1f1f1f;
    border: 1px solid #1f1f1f;
    padding: 1%;
}

.twa-box a {
    color: #fff;
    font-size: 13px;
}

.twa-box img {
    display: block;
    text-align: center;
    margin: auto;
}

div.user-login-box {
    padding: 0 15px 5px;
}

.user-login-box .input-group, .forgot-password .input-group {
    margin-bottom: 5px;
}

.menu-btn-submit {
    background: #fff;
    color: #ac110f;
    display: block;
    width: 100%;
    padding: 8px;
    border-radius: 18px;
    font-size: 19px;
    font-weight: bold;
	text-transform: uppercase;
	border: none;
	margin: 10px 0;
}

.menu-btn-forgot {
    color: #fff;
    padding: 5px 0px;
    display: block;
    width: 100%;
    text-align: right;
    font-size: 14px;
}

.accordion {
    display: block;
    height: auto;
}

.acco-theme .nav-group {
    border-bottom: 1px solid #383535;
    background: #000;
}

.acco-theme .nav-group {
    color: #000;
}

.acco-theme .nav-group a {
    color: #fff;
    background: #131313;
    padding: 10px;
    text-align: center;
    display: block;
}


.modal.left .form-control{
	color: #fff;
background-color: #2d2d2d;
border: 1px solid #0c0c0c;}

.modal.left .form-control::-webkit-input-placeholder{color: #fff;}
.modal.left .form-control:-ms-input-placeholder{color: #fff;}
.modal.left .form-control::placeholder{color: #fff;}

span.ui-accordion-header-icon {
    float: right;
}

#menu-button{
background: none;
    outline: none;
    border: none;
}

.acco-theme .nav-group-links ul {
    margin: 0px;
    padding: 0px;
}

.acco-theme .nav-group-links ul li {
    list-style: none;
    border-bottom: none;
    margin: 0;
    display: inline-block;
}

.acco-theme .nav-group a {
    color: #fff;
    background: #131313;
    padding: 10px;
    text-align: center;
    display: block;
}

.acco-theme .nav-group-links li a {
    background: transparent;
    font-size: 13px;
}

.acco-theme .nav-group img {
    max-width: 100px;
    display: block;
    margin: auto;
}

#div_wallet_balance_desktop, #refresh_wallet_balance_desktop, #spinner_wallet_balance_desktop{display: inline-block}
#refresh_wallet_balance_desktop{margin-left:0.5em}
div.row_wallet_balance {margin-top: 10px}
#div_wallet_balance_desktop{margin-top: 13px;}


.btn-cwithdraw {
    text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8);
    border-radius: 10px;
    color: #fff;
    text-transform: uppercase;
    padding: 5px 4px;
    margin-left: 5px;
	font-size: 0.7em;
}

.btn-red
{
    background: rgba(248,80,50,1);
	background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
	background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
	background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
}

.netent-slot li { width: 33%; float: left; list-style: none; padding: 0!important;}