html {min-height: 100%;}
body {
	max-width: 768px;
	margin: 0 auto;
	background: #ffffff;
}
a:hover,
a:active,
a:focus,button {text-decoration: none;outline: none;color: #FFFFFF;}
.col1{ width: 10%;}
.col2{ width: 20%;}
.col3{ width: 30%;}
.col4{ width: 40%;}
.col5{ width: 50%;}
.col6{ width: 60%;}
.col7{ width: 70%;}
.col8{ width: 80%;}
.col9{ width: 90%;}
.col10{ width: 100%;}
button {background: none;border: none;color: dodgerblue;cursor: pointer;}
button:hover {color: #888888;}
.table-primary {border-collapse:collapse;border:1px solid #000;}
.table-primary > tbody > tr > th {border:1px solid #000;padding:5px;background:#d8cca2;color:#000;text-align:center;}
.table-primary > tbody > tr > td {border:1px solid #000;padding:5px;}
.table-primary > tbody > tr:nth-child(even) {background:#846d3c;color:#fff;}
.table-primary > tbody > tr:nth-child(odd) {background:#bda46f;color:#000;}
.subtitle-member {font-size:17px;font-weight:bold;color:#8f7437;}
/********************************
**********Header CSS ***********
********************************/
.navbar-fixed-top {width: 100%;height: 65px;max-width: 768px;position: fixed;background: white;text-align: center;top: 0;left: 50%;z-index: 10;-moz-transform: translate(-50%);-ms-transform: translate(-50%);-webkit-transform: translate(-50%);transform: translate(-50%);}
#header {display: block;float: left;width: 100%;background: #fbfbfb;height: 119px;border-bottom:2px solid #A78B4D;position:relative;}
.contant {margin-top: 119px;margin-bottom: 50px;padding-bottom: 10px;}
.top-res {float: right;font-size: 12px;padding-top: 20px;padding-right:5px;}
.top-res-2 {float:right;font-size:12px;padding-top:3px;padding-right:5px;}
.top-res-2 a {display:block;}
.top-res-2 a + a {margin-top:2px;}
.ico-top {text-align: left;}
.top-logo {width: 150px;margin:0 auto;}
.top-downl {width: calc(100% - 65%);float: right;}
.top-logo img {display: block;margin:17px auto 0;}
.btn-red {display: block;padding: 5px 12px;background:#a78b4d;color: #fff;margin: 0px 6px;border: 1px solid #fff;}
a.btn-dnl {text-align: right;position: absolute;right: 54px;top: 20px;color: #d41802;font-size: 12px;border: 1px solid #d41802;padding: 4px;}
.sidebar-right .fas {background:  #910105;color: #fff;font-size: 25px;padding: 5px;}
a.btn-dnl .fas {font-size: 12px;}
.btn-red {}
/********************************
******Side Menu CSS ***********
********************************/
.navbar-outer {overflow: hidden;position: absolute;right: 0;top: 0;bottom: 0;height: 100vh;width: 280px;}
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.sidebar-left{border: 1px solid #fff;background:#a78b4d;color: #fff;padding: 5px 12px;}
.sidebar-left:hover{border:1px solid #fff;color: #fff;}
.sidebar-left:focus{color:#fff;}
.sidebar-right{position: absolute;left: 9px;top: 14px;z-index: 0;padding: 0;display: block;}
@media screen and ( max-width: 950px ) {
	.navigation .nav-group {padding-left: 5px;padding-right: 5px;}
}
#media-query-trigger {display: block;}
.sidebar-menu-open {display: block;}
.menu-screen {position: absolute;display: none;top: 0;right: 0;bottom: 0;left: 0;background-color: #888888;background-color: rgba(0, 0, 0, 0.5);z-index: 4;}
.menu-screen2 {position: absolute;display: none;top: 0;right: 0;bottom: 0;left: 0;background-color: #888888;background-color: rgba(0, 0, 0, 0.5);z-index: 0;}
.navbar-outer {overflow: hidden;position: absolute;right: 0;top: 0;bottom: 0;height: 100vh;width: 280px;}
.sidebar-menu-close {position: absolute;right: 15px;top: 15px;padding: 0;display: block;}
.sidebar-menu-close button {padding: 0;}
.navigation {width: 280px;height: 100vh;background-color: #e4e4e4;color: black;position: absolute;right: 0;top: 0;bottom: 0;padding: 20px;box-sizing: border-box;z-index: 10;overflow-y: scroll;display: block;margin-right: -280px;}
.navigation .navbar-navigation {display: block;}
.accordion {display: block;height: auto;}
.navigation .nav-group {padding-top: 5px;padding-bottom: 5px;display: block;min-height: 45px;text-align: left;}
.navigation .nav-group .nav-group-links {position: static;}
.navbar-logo {float: none;display: block;}
.navigation .sidebar-logo-wrapper {display: block;width: 100%;margin-bottom: 15px;float: none;}
.navigation .sidebar-logo-wrapper img {display: block;margin: 0;max-width: 180px;}
.navigation .sidebar-menu-title {text-align: center;font-size: 20px;font-weight: bold;display: block;}
.navigation hr {border-top: 2px solid #888888;display: block;}
.navigation a.group-title {color: dodgerblue;cursor: pointer;margin-bottom: 10px;display: block;text-align: left;}
.navigation .group-title:hover {color: #888888;}
.navigation .group-title .ui-icon {float: right;color: #888888;position: relative;margin-top: 0;}
.navigation .nav-group ul {color: black;background-color: #e4e4e4;list-style-type: none;padding-left: 15px;margin-left: 0;}
.navigation .nav-group a,.navigation .nav-group ul li a {color: dodgerblue;}
.navigation .nav-group a:hover,.navigation .nav-group ul li a:hover {color: #000000;}
/***************************
******** Slide ************
***************************/
.wrap-banner {max-width: 768px;margin:0 auto;}
.carousel-indicators {position: absolute;bottom: -10px;left: 50%;z-index: 1;width: 60%;padding-left: 0;margin-left: -30%;text-align: center;list-style: none;}
.carousel-indicators li {display: inline-block;width: 10px;height: 10px;margin: 1px;text-indent: -999px;cursor: pointer;background-color: #000 \9;background-color: rgb(255, 255, 255);border:none;border-radius: 10px;}
.carousel-indicators .active {width: 12px;height: 12px;margin: 0;background-color: #d41802;}	
/***************************
*******Announcement********
***************************/
.wrap-announcement {background:#3d3d3d;margin: 0 auto;font-size: 12px;height: 40px;}
.wrap-announcement .icon-annouce {float:left;width: 100px;padding-top: 10px;color: #fff;background: #222222;text-align: center;height: 40px;font-size: 15px;}
.wrap-announcement .runningtxt {float:left;width:100%;padding-top: 10px;color:#f1d495;font-size: 15px;}
/***************************
********Jacktop***********
***************************/
.jacktop-in {position: absolute;bottom: 13px;text-align: center;width: 100%;font-size: 24px;color: #fff;}
.jacktop-bg {position: relative;background: #ad0611;padding-top: 6px;}
.jacktop-bg img {display: block;margin: 0px auto;}
/********************************
*********** TAB CSS ***********
********************************/
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
	background: #a78b4d !important;
}
.tab-home ul {margin: 0px;padding: 0px;}
.tab-home ul li a {color: #000;border-radius: 0px;text-align: center;font-size: 14px;padding: 0px;padding-top: 53px;}
.tab-home ul li {margin:0px;width:33.333%;background: #ffffff;padding-top: 7px;}
.tab-home ul li:first-child {}
.tabin-game ul li:nth-child(2n+1){margin: 0px;}
.tab-content2 {padding: 10px;}
.tab-home ul li.active a {color: #a78b4d!important;font-weight:bold;}
.tab-home .nav-pills > li.active > a, .nav-pills > li.active > a:hover{}
.tab-home .tab-content {padding: 10px;color: #006ca2; font-size:0;text-align:center;}
.tabin-game ul li p {color: #31b1f8;margin-top: 5px;}
.tabin-game ul li {list-style: none;float: left;padding: 0px 5px;width: 49%;border: none;margin-right: 2%;margin-bottom: 2%; height: auto;}
.tabin-game ul li img {display: block; margin: 0px auto;}
.btn-t1{background: url(../images/tab-sport.png) no-repeat center top !important;height: 77px;}
.active a.btn-t1{ background: url(../images/tab-sport-a.png) no-repeat center top !important;}
.btn-t2{background: url(../images/tab-casino.png) no-repeat center top !important;height: 77px;}
.active a.btn-t2{ background: url(../images/tab-casino-a.png) no-repeat center top !important;}
.btn-t3{background: url(../images/tab-slot.png) no-repeat center top !important;height: 77px;}
.active a.btn-t3{ background: url(../images/tab-slot-a.png) no-repeat center top !important;}
.hg-inf {padding-top: 20px;}
.hc-name {font-weight: bold;}
.hg-inf2 {padding-top: 20px;}
/********************************
*********Footer CSS ***********
********************************/
.navbar-fixed-bottom {width: 100%;height: 52px;max-width: 768px;position: fixed;background: white;text-align: center;bottom: -52px;left: 50%;z-index: 10;-moz-transform: translate(-50%);-ms-transform: translate(-50%);-webkit-transform: translate(-50%);transform: translate(-50%);}
.barFixed {border: 0px none;position: fixed;border-top: 2px solid #A78B4D;background:#fff;}
.footer-col-x {width: 25%;float: left;text-align: center;border-right: 0px solid white;padding-bottom: 5px;}
.navbar .fa {display: block !important;font-size: 20px !important;padding-top: 8px;}
.navbar .fas {display: block !important;font-size: 20px !important;padding-top: 8px;}
.footer-col-x a {color:#000;}
.active .footer-col-x a {color:#a78b4d;}
ul#tab_change li:hover .footer-col-x > a {
	color: #a78b4d;
}
/********************************
***************modal*************
********************************/
.modal-dialog {position: relative;width: auto;margin: 0px;border-radius: 0px;}
.modal-content {position: relative;background-color: #fff;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;outline: 0;borderradius: 0px;-webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);box-shadow: none;}
.modal-title {margin: 0px 10px;text-align: center;}
.modal-header .close {margin-top: -2px;}
button.close {-webkit-appearance: none;padding: 0;cursor: pointer;border: 0;padding: 8px 5px;}
.close {float: left;font-size: 22px;font-weight: normal;line-height: 1;color: #ffffff;text-shadow: none;opacity: 1;background: #fff;}
close:focus, .close:hover {color: #FFF;text-decoration: none;cursor: pointer;opacity: 1;}
.modal-header .close {margin-top: 0px;}
.modal-clr .close-X {float: left !important;font-size: 15px;padding: 9px 0px 8px 15px;margin-right: 23px;}
.modal-clr2 {background:#2e2e2e;padding: 10px !important;}
.modal-clr2 .close-X {float:right!important;padding: 8px 5px 8px 5px;margin: 10px;}
.modal-header h4 {line-height: 39px;color: #ffffff;}
.modal-open .modal {overflow-x: hidden;overflow-y: auto;background: rgba(0, 0, 0, 0);padding: 0px !important;}
.modal-body {position: relative;padding: 0px;}
.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #e5e5e5;display: none;}
.modal-header .close {margin-top: 0px;}
.modal.left .modal-dialog,.modal.right .modal-dialog {position: fixed;margin: auto;width: 260px;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,.modal.right .modal-content {height: 100%;overflow-y: auto;}
/*Left*/
.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.in .modal-dialog{left: 0;}      
/*Right*/
.modal.right.fade .modal-dialog {
		left: -320px;
		-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
		   -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
		     -o-transition: opacity 0.3s linear, right 0.3s ease-out;
		        transition: opacity 0.3s linear, right 0.3s ease-out;
	}	
.modal.right.fade.in .modal-dialog {left: 0;}
.bln-list {display: inline-block;width: 100%;padding: 10px;border-bottom: 1px solid #cdcdcd;color: #fff;}
.bln-list a{ color:#555;}
.bln-list select {height: auto;padding: 0px;margin: 0px;border: none;box-shadow: none;}
.modal-content {position: relative;background-color:#3d3d3d;-webkit-background-clip: padding-box;background-clip: padding-box;border: none;outline: 0;border-radius: 0px;}
.modal-header {min-height: 16.43px;padding: 0px;border-bottom: none;background: #103d5e;}
.modal-open .modal2 {
    overflow-x: hidden;
    overflow-y: auto;
    /* background: #000; */
    padding: 0px !important;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    margin: 20px;
    margin-top: 30%;
}
/********************************
******Side Menu Modal***********
********************************/
.login-info {background:#a78b4c;padding: 20px 10px 0px 10px;}
.login-info h3 {text-align: center;color: #fff;}
.log-form .input-group-addon {background:#fff;color:#000;border:none;}
.log-form .form-control {background:#fff;color:#000 !important;border:none;box-shadow: none;}
.login-info .form-control {color: #fff;}
.log-form {xborder-bottom: 1px solid #bd3840;}
.btn-submit, .btn-submit:hover {
	background: #fc231c;
	color: #fff;
	display: block;
	width: 50%;
	padding: 8px;
	border-radius: 18px;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ffdb9d;
	text-align: center;
	margin: 0 auto;
}
.acco-theme .nav-group {color: #000;}
.acco-theme .nav-group {border-bottom:1px solid #7d7d7d;}
.acco-theme .nav-group a {color:#fff;background:#3d3d3d;padding: 10px;text-align: center;display: block;}
.acco-theme .nav-group-links ul li:last-child {border: none;}
.acc-theme .ui-accordion-content-active {background: #fff !important;}
.acco-theme .nav-group-links li a {background:#dddcdc;color:#000;}
.acco-theme .nav-group-links ul {margin: 0px;padding: 0px;background:#dddcdc;}
.acco-theme .nav-group-links ul li {list-style:none;border-bottom:1px solid #3d3d3d;margin: 0px 20px;}
span.ui-accordion-header-icon {float: right;}
.btn-forgot {color: #fff;padding: 0px 0px 5px 0px;display: block;width:  100%;text-align: center;}
.drop-up-menu .dropdown-menu {width: 100%;border-radius: 0px;margin: 0px;top:53px;bottom:auto;}
.btn-contc img {display: block;margin: 0px auto;max-height: 43px;}
.drop-up-menu.dropdown-menu ul li {float: left;}
.open > .dropdown-menu ul li {}
.drop-up-menu .dropdown-menu li {float: left;width:  50%;border: 1px solid #e5e5e5; }
.btn-contc {display: table;width: 100%;color:#000;}
.btn-contc a {color:#000;}
btn-c-td {display: table-cell;align-content: center;}
.btn-c-td {display: table-cell;vertical-align: middle;}
.btn-contact-img {padding: 10px;}
.btn-c-td h4 {color: #d41802;font-weight: bold;margin: 0px;padding-bottom: 5px;font-size: 4vw;}
.btn-c-td p {margin: 0px;font-size: 3vw;}
.drop-up-menu .dropdown-menu li:first-child {border: none;margin: 20px 0px;}
.log-top img {display: block;margin: 0px auto;}
.modal-in h3 {text-align: center;color: #fff;}
.ico-top .fa {font-size: 32px;color: #d41802;text-align: left !important;}
.clr-red {color:#a78b4d;}
/********************************
****** Registration ***********
********************************/
label.mamber-lab {width:20%;text-align:right;float:left;color:#8f7437;padding-top:5px;margin-right:15px;font-size: 15px;}
.member-reg .form-group {width: 70%;min-width: 70%;position: relative;margin-bottom:10px;float: left;}
.member-reg {width: 100%;display: inline-block;padding: 10px;}
.w-contact {padding-top: 40px;}
.btn-submit2 {background: #fc231c;color:#fff;display: block;width: 90%;padding: 8px;border-radius: 18px;font-size: 19px;font-weight: bold;margin-left: 5%;border: 1px solid #ffdb9d;}
/*******************************
******** Promotions CSS ********
*******************************/
.promo-wrap{border-top: 2px solid #A78B4D;}
.tabs-promo > .tab-content {float:left;background:url(../images/common/suite-line.png) top left repeat-y;width:919px;min-height:400px;}
a.promo_selection {float:left;width:50%;padding:8px;}
.promo-pic {position:relative;}
.modal-header-promo {min-height: 16.43px;padding: 0px;border-bottom: none;background:#a78b4d;}
.modal-header-promo > .close {float:right;}
.modal-header-promo > .modal-title {line-height:1.1;padding:10px;color:#fff;}
.modal-header-promo > .modal-title > strong {color:#fdff46;}
.modal-body-promo {padding:10px;background:#fff;}
.promo-button {position:absolute;left:0;bottom:0;width:100%;text-align:center;text-shadow: -1px -1px 0 rgba(246,218,156,0.3), 1px -1px 0 rgba(246,218,156,0.3), -1px 1px 0 rgba(246,218,156,0.3), 1px 1px 0 rgba(246,218,156,0.3);color:#121212;font-size:2vw;padding-bottom:01vw;font-weight:bold;}
.promo-red {color:#f11616;}
/*******************************
********* Contact CSS **********
*******************************/
.contact-wrap {padding:15px;}
.contact-table > tbody > tr > td {padding:3px;}
.contact-icon {width:40px;height:40px;color:#fff;background:#a78b4d;border-radius:3px;text-align:center;font-size:20px;padding-top:5px;}
.contact-title {color:#FF0004;font-weight:bold;}
.contact-table a, .contact-table a:focus {color:#000;}
/*******************************
********My Account CSS ********
*******************************/
.circle {background: red;border-radius: 200px;color: white;height: 20px;font-weight: bold;width: 20px;display: table;}
.circle p {vertical-align: middle;display: table-cell;text-align: center;}
.block {position: absolute;top: -19px;right: -14px;margin-top: 5px;}
.d-contact {position: relative;/* padding:  10px; */display: block;}
.d-content-in {padding: 10px;background: #fff;display: inline-block;width: 100%;}
.inner-top-d {display: inline-block;width: 100%;font-size: 16px;padding-top: 10px;}
.user-ico img {display: block;height: 60px;width: 60px;margin: 0px auto;}
.user-info {height: 100%;vertical-align:  middle;padding: 0px;padding-top: 8px;}
.user-ico {margin-right: 20px;}
span.user-name {font-size: 18px;font-weight: bold;display: block;float: left;margin-right: 20px;}
.msg-red {width: 20%;position: relative;}
.msg-red .fa {font-size:  24px;}
.red-test {color:#8f7437;margin-left: 6px;}
.user-info-top {}
.d-info ul {list-style:  none;margin: 0px;padding: 0px;}
.d-info ul li {float: left;width: 33%;text-align: center;border-left: 1px solid #a1a1a1;}
.d-info {display: inline-block;width: 100%;}
.d-info ul li:first-child {border: none;}
.d-content-in hr {border-top: 1px solid #a1a1a1;margin-top: 10px;margin-bottom: 10px;}
.d-content-in2 {padding: 10px;background: #fff;display: inline-block;width: 100%;margin-top:  10px;}
.d-accord-t {display: inline-block;width: 100%;color: #000;}
.d-accord-t a {color: #000;display: inline-block;width: 100%;}
.d-accord-content {padding-top:  10px;}
.d-accord-content ul {list-style:  none;margin: 0px;padding: 0px;}
.d-accord-content ul li {display: inline-block;width: 100%;padding: 5px 0px;}
.info-suite {text-align: center;width: 50%;}
.am-suite {text-align: center;width: 50%;}
.d-content-in3 {padding: 10px;background: #fff;display: inline-block;width: 100%;margin-top: 10px;}
.d-content-in3 ul {list-style: none;padding: 0px;margin: 0px;}
.d-content-in3 ul li {text-align: center;float: left;display: block;width: 50%;border-left: 1px solid #a1a1a1;padding: 10px 0px;}
.d-content-in3 hr {display: inline-block;width: 100%;border-top: 1px solid #a1a1a1;margin-top: 10px;margin-bottom: 10px;}
.d-content-in3 ul li a {color: #3c3c3c;vertical-align:  middle;position: relative;}
.d-content-in3 ul li a .fa {font-size: xx-large;color:#a78b4d;margin-right: 10px;vertical-align: middle;}
.d-content-in3 ul li a .fas {font-size: xx-large;color:#a78b4d;margin-right: 10px;vertical-align: middle;}
.d-content-in3 ul li a .far {font-size: xx-large;color:#a78b4d;margin-right: 10px;vertical-align: middle;}
.d-content-in3 ul li:nth-child(3n+1) {border: none;}
.d-content-in4 {padding: 10px;background: #fff;display: inline-block;width: 100%;margin-top: 10px;}
.d-content-in4 ul {list-style: none;padding: 0px;margin: 0px;}
.d-content-in4 ul li {text-align: center;float: left;display: block;width: 50%;border-left: 1px solid #a1a1a1;padding: 10px 0px;}
.d-content-in4 hr {display: inline-block;width: 100%;border-top: 1px solid #a1a1a1;margin-top: 10px;margin-bottom: 10px;}
.d-content-in4 ul li a {color: #3c3c3c;vertical-align:  middle;position: relative;}
.d-content-in4 ul li a .fa {font-size: xx-large;color: #bda46f;margin-right: 10px;vertical-align: middle;}
.d-content-in4 ul li a .fas {font-size: xx-large;color: #bda46f;margin-right: 10px;vertical-align: middle;}
.d-content-in4 ul li:nth-child(3n+1) {border: none;}
.d-content-in4 ul li a .far {font-size: xx-large;color:#bda46f;margin-right: 10px;vertical-align: middle;}
.d-full .fas {font-size: xx-large;color: #bda46f;margin-right: 10px;vertical-align: middle;}
.d-full a {color:  #3c3c3c;text-align: center;display: block;padding: 10px 0px;}
.d-content-in5 {padding: 10px;background: #fff;display: inline-block;width: 100%;margin-top: 10px;}
.d-content-in5 ul {list-style: none;padding: 0px;margin: 0px;}
.d-content-in5 ul li {text-align: center;float: left;display: block;width: 50%;border-left: 1px solid #a1a1a1;padding: 10px 0px;}
.d-content-in5 ul li a {color: #3c3c3c;vertical-align:  middle;position: relative;}
.d-content-in5 ul li a .fa {font-size: xx-large;color: #d41802;margin-right: 10px; vertical-align: middle;}
.d-content-in5 ul li a .fas {font-size: xx-large;color: #d41802;margin-right: 10px;vertical-align: middle;}
.d-content-in5 ul li:nth-child(3n+1) {border: none;}
.tab-content3 {background:  #fff;display: inline-block;width: 100%;}
.tab-content3 ul li {width: 33.3333333333333333%;border: none;border-radius: 0px;}
.tab-content3 .nav-tabs {border: none;}
.tab-content3 .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover,.tab-content3 .nav-tabs > li.active > a:focus {border: none;background-color: #d41802;color: #fff;border-radius: 0px;}
.tab-content3 ul li.active {}
.tab-content3 ul li a {text-align: center;color: #383838;}
.l-info {padding: 20px 10px;}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {background: #666;}
.CommonBtt2 {background:#f1d495;color:#000;}
table.member-table tr td {padding: 10px 0px;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: #a78b4d;
  border-color: #a78b4d;
}
.pagination > li > a,
.pagination > li > span {
  color: #a78b4d;
  border: 1px solid #a78b4d;
}
/***************************
****** Game *******
***************************/
.download-text{}
.download-text h4{text-align:center;margin-bottom:  10px;}
.btn-down{margin-bottom: 10px;}
.btn-down2{border: 1px solid #a78b4d;border-radius: 5px;padding: 5px;color: #a78b4d;display: inline-block;width: 100%;}
a.btn-dwn{color: #fff;padding: 15px 10px;display: block;margin: 0px auto;text-align: center;border-radius: 5px;font-size: 18px;background:#a78b4d;}
.mobileBox img {display: block;margin: 0px auto;margin-bottom: 14px;}
.g-contact {position: relative;padding: 10px;display: block;}
.mobileBox {padding: 10px;background: #fff;display: inline-block;width: 100%;}
.table-responsive {border: none;}
.pt-game {margin-top: 120px;display: inline-block;}
.game-item {border: 3px solid rgba(255, 255, 255, 0);margin-bottom: 5px; width: 50%; float: left;}
a.btn-fun {text-align: center;background: #e36348;color: #ffd6d6;width: 100%;display: block;padding: 6px;}
a.btn-play {text-align: center;background: #d41802;color: #fff;width: 100%;display: block;padding: 6px;}
.game-title {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;color: #d41802;padding: 8px 0px;}
.thumbnail {padding: 0px;background: none;border-radius: 0px;}
.thumbnail img {width: 100%;margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto;margin-bottom: 0px;}
ul.tab-slot {margin: 0px;padding: 0px;display: inline-block;margin-bottom: 10px;}
ul.tab-slot li {list-style: none;float: left;margin: 8px 3px;}
ul.tab-slot li a {padding: 5px 10px;border: 1px solid #d41802;border-radius: 5px;color: #fff;background: #e26448;}
ul.tab-slot li.active a {background: #d41802 !important;border-radius: 5px;color: #ffffff;}
ul.tab-slot li a:hover {background: #28adec;}
@media only screen and (max-width:320px) {.game-title{ font-size: 12px;}}
@media (min-width: 992px){.game-item  {width: 16.66666667%;}}
@media (min-width: 768px){
	.game-item  {width: 25%;border: 3px solid rgba(255, 255, 255, 0);}
	.promo-button {font-size:21px;padding-bottom: 4px;}
}	
/*******************************
********VIP CSS ********
*******************************/
.table-vip tr td {border: 1px solid #ddddde;}
.table-vip tr th {border: 1px solid #ddddde;background: #d41802;color: #fff;text-align: center;}
ol.vip-ol {margin: 0px;padding: 0px 0px 0px 25px;}

/*******************************
******** REG CSS ********
*******************************/
.reg-bg-2 {background-image:url(../images/reg-bg-2.jpg);background-size:cover;min-height:673px;}
.reg-txt-1 {margin-top:27%;color:#000;font-size:6vw;text-align:center;font-weight:bold;}
.reg-txt-2 {text-align:center;color:#000;margin-top:1%;font-size:2.5vw;}
.reg-btn-1 {display:inline-block;font-size:2.5vw;color:#fff;text-align:center;width:38%;background:#9d7d41;border:3px solid #d2a65b;padding:1%;}
.reg-btn-2 {display:inline-block;font-size:2.5vw;color:#fff;text-align:center;width:38%;background:#9d7d41;border:3px solid #d2a65b;padding:1%;margin-left:2%;}

@media (min-device-width: 768px) {
	.all-bg {display: block;margin: 0px auto;width: 768px;}
	.user-ico {margin-right: 20px;width: auto;}
	.btn-down{width: 49%;float: left;text-align: center;margin: 0px 3px;}
	.btn-down2 {border: 1px solid #a78b4d;border-radius: 5px;padding: 5px;color: #a78b4d;text-align: center;width: 100%;margin-top:  10px;display: inline-table;}
	.reg-bg-2 {min-height:908px;}
	.reg-txt-1 {font-size:40px;}
	.reg-txt-2 {font-size:18px;}
	.reg-btn-1, .reg-btn-2 {font-size:20px;}
}
@media (max-device-width: 414px) {
	.jacktop-in {position: absolute;bottom: 13px;text-align: center;width: 100%;font-size: 24px;color: #fff;}
	.sidebar-left {border: 1px solid #fff;color:#fff;padding: 5px 10px;background:#a78b4d;}	
	.btn-red {display: block;padding: 5px 10px;background:#a78b4d;color: #fff;margin: 0px 3px;border: 1px solid #fff;}	
	.col1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9,.col10{ width: 100%;}	
	.hg-inf {padding-top: 0px;}	
	.tab-home ul li a {color: #383838;border-radius: 0px;text-align: center;font-size: 15px;padding: 0px;font-weight:bolder/*padding-top: 53px;*/;}	
	.btn-c-td {display: block;vertical-align: middle;text-align: center;}		
}
@media (max-device-width: 320px) {
	.top-res {width: calc(100% - 65%);float: left;font-size: 12px;padding-top: 20px;padding-left: 5px;}
	.jacktop-in {position: absolute;bottom: 7px;text-align: center;width: 100%;font-size: 24px;color: #fff;}	
}





/* inbox */
#inbox-btn{
    position: relative;
}
.inb_count{
    position: absolute;
    top: -7px;
    background: red;
    color: #fff;
    font-size: 10px;
    border-radius: 25px;
    padding: 0px 5px;
    right: 38px;
    font-weight: normal;
    text-shadow: none;
}
.d-content-in3 li .inb_count{
    position: relative;
    display: inline-block;
    right: auto;
    font-size: 12px;
    top: -2px;
    border-radius: 5px;
    padding: 0 4px;
}
.globalModal{
    z-index: 99;
}
.globalModal, .globalModal-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.globalModal-bg{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.5);
}
.globalModal-box{
    position: relative;
    left: 50%;
    top: 50%;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
    width: 1000px;
    height: 500px;
    margin-left: -500px;
    margin-top: -250px;
}
.globalModal-header{
    background-color: #a78b4d;
    color: #fff;
    width: 100%;
    text-align: center;
    position: relative;
    height: 46px;
    line-height: 2;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
}
.globalModal-close{
    position: absolute;
    top: 10px;
    right: 6px;
    font-size: 18px;
    border-radius: 50%;
    color: #fff;
    width: 25px;
    height: 25px;
    line-height: 1.3;
    text-align: center;
    cursor: pointer;
    font-weight: lighter;
    opacity: 0.6;
}
.globalModal-close:hover{
    transition: .2s;
    opacity: 1;
}
.inbox_page{
    padding: 0px 10px;
    font-size: 15px;
    width: 100%;
    float: left;
    margin-top: 15px;
}
.inbox_page table{
    text-align: center;
    font-size: 14px;
    margin: 5px 0;
    width: 100%;
}
.inbox_page table td{
    cursor: pointer;
}
.inbox_page table th{
    font-weight: bold;
}
.inboxModal .globalModal-box{
    width: 95%;
    height: 515px;
    margin-left: -47.5%;
    margin-top: -263px;
}
.inboxModal .inboxModal_details{
    border: 1px solid #c6c6c6;
    width: 95%;
    margin: 2% 2.5%;
    font-size: 13px;
    float: left;
    border-bottom: none;
    border-right: 0;
    padding: 0;
}
.inboxModal .inboxModal_details div{
    width: 30%;
    float: left;
    border-right: 1px solid #c6c6c6;
    border-bottom: 1px solid #c6c6c6;
    padding: 0 5px;
    height: 40px;
    display: flex;
    align-items: center;
}
.inboxModal .inboxModal_details div:nth-child(2n){
    width: 70%;
}
.inboxModal .inboxModal_cont{
    margin: 0% 2.5%;
    float: left;
    height: 392px;
    overflow: auto;
    text-align: left;
}
.inboxModal .globalModal-header{
    line-height: 3;
    font-size: 16px;
}
.inb_notif{
    top: -4px;
    position: absolute;
    background: red;
    color: #fff;
    padding: 0 5px;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
    right: 12px;
}
#message-content {
    margin: 0;
    padding: 0;
}
.inboxModal .inboxModal_cont p{
    line-height: 1;
    font-size: 14px;
}
#form_inbox{
    text-align: center;
    margin: 10px 0 0;
}
/* inbox end */

/* Start Blog */
.blog-content {
    width: 100%;
    padding: 15px 0px;
    background-color: #FFF;
    margin: 0 auto;
    font-size: 16px !important;
    line-height: normal !important;
    margin-bottom: 50px !important;
}

.blog-content-inner {
    width: 100%;
    margin: 0 auto;
}

    .blog-content-inner::after {
        content: "";
        clear: both;
        display: table;
    }

.blog-content-table {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 2% 0%;
    text-align: center !important;
}

.blog-content-table-article {
    width: 100%;
    margin: 0 auto;
    text-align: left !important;
    color: #000 !important;
}

    .blog-content-table-article p, .blog-content-table-article h1, .blog-feat-article-box-content p {
        text-align: left !important;
    }

.blog-featured-article {
    width: 100%;
    margin: 0 auto;
    text-align: left !important;
    color: #000 !important;
}

.blog-content-table-article a {
    color: #CC0000 !important;
}

.blog-feat-article-box {
    background-color: #a78b4d;
    color: #FFF;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
}

.blog-feat-article-box-content {
    padding: 5px 10px;
    color: #000 !important;
}

.blog-feat-article-box-content2 {
    margin-top: 5px;
    padding: 5px 0px;
    color: #FFF !important;
}

.blog-feat-article-box-content a {
    color: #000 !important;
}

.blog-content-table-article img {
    width: 100%;
    height: auto !important;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.blog-content-table-article-img img {
    border-radius: 10px !important;
    margin: 10px 0px;
}

.blog-table-content {
    background-color: #EEE;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.blog-content-table-article h1 {
    font-size: 20px !important;
    font-weight: bold;
    padding: 0px !important;
    margin: 0px !important;
    color: #000 !important;
    line-height: normal !important;
}

.blog-content-table-article h2 {
    font-size: 18px !important;
    font-weight: bold;
    line-height: normal !important;
}

.blog-feat-article-box-content img, .blog-feat-article-box-content2 img {
    width: 100% !important;
    height: auto !important;
}

.blog-table-content-img {
    width: 100%;
    height: 287px !important;
    border-bottom-right-radius: 10px;
    border-top-right-radius: 10px;
}

    .blog-table-content-img img {
        width: 100%;
        height: 287px !important;
        border-bottom-right-radius: 10px;
        border-top-right-radius: 10px;
    }

.blog-table-content-text {
    background-color: #EEE;
    padding: 0px 10px;
    overflow: hidden;
    height: 245px;
    text-align: left !important;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
}

.blog-table-content-text-article {
    /*background-color: #EEE;*/
    padding: 0px 20px;
    margin-bottom: 20px;
}

    .blog-table-content-text-article h3, .blog-table-content-text h3 {
        font-size: 15px;
        font-weight: bold;
        text-transform: uppercase;
        line-height: normal !important;
    }

.blog-table-content h3 {
    font-weight: bold;
    text-transform: uppercase;
    margin: 0px !important;
    padding: 10px 0px !important;
    line-height: normal !important;
}

.blog-content-table button {
    margin: 10px 0px;
}

.blog-paging-content {
    margin: 0 auto !important;
    text-align: center !important;
    padding-top: 40px;
}

.blog-more-button a {
    background: -webkit-linear-gradient(#9d0104, #fd0002);
    background: -o-linear-gradient(#9d0104, #fd0002);
    background: linear-gradient(#9d0104, #fd0002);
    margin: 0 auto;
    text-align: center !important;
    padding: 5px 10px;
    color: #FFF !important;
    border: none;
    text-transform: uppercase;
    width: 95%;
    border-radius: 5px;
    display: block;
    margin-top: 5px;
}

    .blog-more-button a:hover {
        background: -webkit-linear-gradient(#333, #999);
        background: -o-linear-gradient(#333, #999);
        background: linear-gradient(#333, #999);
        display: block;
    }

.blog-paging-button a {
    color: #FFF !important;
}

.blog-paging-button {
    background: -webkit-linear-gradient(#333, #999);
    background: -o-linear-gradient(#333, #999);
    background: linear-gradient(#333, #999);
    margin: 0 auto;
    text-align: center !important;
    padding: 5px 10px;
    color: #FFF !important;
    border: none;
}

    .blog-paging-button.active, .blog-paging-button:hover {
        background: -webkit-linear-gradient(#9d0104, #fd0002);
        background: -o-linear-gradient(#9d0104, #fd0002);
        background: linear-gradient(#9d0104, #fd0002);
        margin: 0 auto;
        text-align: center !important;
        padding: 5px 10px;
        color: #FFF !important;
        border: none;
    }
/* End Blog */