@CHARSET "UTF-8";

/*公共定义部分*/
*{
	font-size: 14px;
	font-family: Arial, "宋体", serif,sans-serif;
}


BODY{
	
	margin: 0px;
	color: #333333;
	background-color: #ffffff; /*check*/
	height:auto;
	/* background:#fff url("../images/background_easy.jpg"); */
	background:#000;
	background-position: top center;
	/*background-attachment: fixed;
	
	background-image: url("../images/background_ez.jpg"); check*/
	background-repeat: no-repeat; /*check*/
	cursor: default;
}

#header,
#games {
	background-color: #000;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

a:hover {
	text-decoration: none;
}

.btn:focus {
    box-shadow: unset;
}

.gradient_bg {
	/*background-image: linear-gradient(#efac1e, #efac1e);*/
	background-image : linear-gradient(#edd174, #f37c20);
	color: #000;
	border: none;
}

form#adviseForm input[type="submit"],
form#adviseForm input[type="reset"] {
	min-width: 120px;
    min-height: 30px;
    border-radius: 8px;
    margin-top: 20px;
}

form#adviseForm input[type="reset"] {
	filter: grayscale(1);
}


/* APPLY TO ALL */
#main .container-fluid {
	max-width: 1400px;
}

.dropdown-item:hover {
	color: inherit;
}

.maintitle {
    color: #edd174;
    font-weight: bold;
    font-size: 1.5rem;
}

/* Sportbook */
.sportiframe {
	width: 100%;
	min-height: 90vh;
}

/* Header Login & hamburger menu - Tablet / Mobile */
.login-wrap {
	color: #FFF;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}

.log-icon > i.fa-lock-alt {
	background-image: url("../images/icons/lock.png")
}

.log-icon,
.hamburger-menu {
	color: #000;
	/*background-color: #efac1e;*/
	background-image : linear-gradient(#edd174, #f37c20);
    padding: 10px 13px;
    border-radius: 6px;
    margin: 5px 0;
}

.log-icon i,
.hamburger-menu i {
	font-size: 2rem;
}

/* hamburger menu > side navigation */
#sideNav,
#profileNav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 4;
	top: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 30px;
	background-color: #111;
}

#sideNav {
	right: 0;
}

#profileNav {
	left: 0;
	width: 300px;
	transform: translate(-300px, 0px);
}
  
.side-nav a {
	/*padding: 8px 8px 8px 32px;*/
	text-decoration: none;
	/*font-size: 25px;*/
	color: #818181;
	display: block;
	transition: 0.3s;
	width: 80%;
	margin: 0 auto;
}

.side-nav .nav-link::after {
	content: '';
    flex: 1;
    border-bottom: 2px solid #81818182;
    position: absolute;
    left: 20px;
    right: 20px;
}
  
.side-nav a:hover {
	color: #f1f1f1;
}
  
.side-nav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	width: auto;
}

#sideNav img {
    display: block;
    margin: 0 auto;
}

#pushPage {
	transition: all .5s;
}

#sideNav.show {
    width: 140px;
}

#profileNav.show {
	transform: translate(0px, 0px);
}

#pushPage.pushLeft {
	transform: translate(-150px, 0px);
}

#profileNav.pushRight {
	/* transform: translate(0px, 0px); */
}

#transparentBG.gettingDark {
	width: 100%;
	opacity: 0.8;
	z-index: 3;
}
  
#transparentBG {
	height: 100%;
    width: 100%;
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0, 0.9);
    overflow-y: auto;
    overflow-x: hidden;
    text-align: center;
    opacity: 0;
	transition: all .5s;
}

/* #pushPage.transparentBG {
	transform: translate(-250px, 0px);
    width: 100%;
    opacity: 0.8;
} */

/* END hamburger menu > side navigation */

/* Header Login */
.loginInput {
	float: left;
	margin-left: 8px;
}

#loginForm {
	display: inline-block;
}

#loginForm input.form-control {
	background-color: #21242C;
    color: #BABABA;
	font-size: 1rem;
	border: 2px solid #5E6165;
}

#loginForm input.form-control::placeholder {
	color: #898989;
}

#loginForm .login-btn {
	clear: both;
	float: right;
}

#loginForm .btn {
	border: unset;
	min-width: 150px;
	font-weight: bold;
	color: #333333;
}

#loginForm .submit {
	background-color: #FFF;
	margin-right: 10px;
}

#loginForm .theme-color {
	background-color: #FABE2D;
	color: #333;
}

.lang-selection {
	float: right;
}

.lang-selection .divider {
	border-left: 2px solid #FFF;
    margin-left: 15px;
	padding-left: 15px;
	height: 32px;
}

.lang-selection .forgetpwddiv {
	line-height: 2.5;
}

.lang-selection .forgetpwddiv a {
	color: #FFF;

}


#forgetpwdForm .btn.btn-submit,
#forgetpwdForm .btn.btn-cancel, 
#restquesForm .btn.btn-submit,
#restquesForm .btn.btn-cancel {
	min-width: 100px;
	font-weight: bold;
}

#forgetpwdForm .btn.btn-cancel, 
#restquesForm .btn.btn-cancel {
	filter: grayscale(1);
}

.lang-selection .forgetpwddiv a:hover {
	text-decoration: none;
}

/* REGISTER MODAL */
#registerModal .modal-content,
#loginModal .modal-content {
	background-color: #E5E1E1;
	padding: 40px;
	border-radius: 20px;
}

#registerModal .modal-content .modal-header {
	display: block;
}

span.error {
    color: #f00;
}

#registerModal button.close,
#loginModal button.close,
#slotPTDownload button.close {
	position: absolute;
    right: 0;
    top: 0;
	margin: 0 0.5rem;
	text-shadow: unset;
	opacity: 1;
	color: #bb822e;
}

#registerModal button.close span,
#loginModal button.close span,
#slotPTDownload button.close span {
	font-size: 2rem;
}

#registerModal .modal-title img {
	margin: 0 auto 20px;
	display: block;
}

#registerModal ul,
#registerModal .nav-pills .nav-link.active {
	border-radius: 6px;
	text-align: center;
}

#registerModal ul {
	background-color: #909090;
	margin: 0 auto;
	width: 99%;
}

#registerModal li.nav-item {
	width: 33.3333%;
}

#registerModal a {
	color: #FFF;
}

#registerModal a.resend {
	color: #007bff;
}

.isDisabled {
	cursor: not-allowed;
	opacity: 0.5;
}
.isDisabled > a {
	color: currentColor;
	display: inline-block;  /* For IE11/ MS Edge bug */
	pointer-events: none;
	text-decoration: none;
}

#registerModal li.nav-item a.nav-link {
	position: relative;
}

#registerTab.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #F7693A;
}

#registerModal li.nav-item:not(:last-child) a:not(.active)::after {
	content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #909090;
    top: 0;
    right: -10px;
    z-index: 9;
    transform: skewX(45deg);
}
#registerModal li.nav-item:not(:last-child) a:not(.active)::before {
	content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #909090;
    bottom: 0;
    right: -10px;
    z-index: 9;
    transform: skewX(-45deg);
}

#registerModal li.nav-item:not(:last-child) a.active::after{
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #F7693A;
    top: 0;
    right: -10px;
    z-index: 9;
    transform: skewX(45deg);
}

#registerModal li.nav-item:not(:last-child) a.active::before {
      content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #F7693A;
    bottom: 0;
    right: -10px;
    z-index: 9;
    transform: skewX(-45deg);
}

#registerForm label.error {
	margin: 0;
    margin-left: 1rem;
    color: red;
}

#tabContentStep1 form .form-group,
#tabContentStep2 form .form-group
 {
	position: relative;
}

#tabContentStep1 form .form-group label.form-label, 
#tabContentStep1 form .form-group .form-control,
#tabContentStep2 #step2Number input.form-control {
	background: unset;
	border: unset;
	border-radius: unset;
}

#tabContentStep1 form .form-group label.form-label,
#tabContentStep2 label.form-label {
    position: absolute;
	margin: 0 0 0 1rem;
	left: 0;
    top: 50%;
    transform: translate(0px, -50%);
}

#tabContentStep1 form .form-group i {
	position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    cursor: pointer;
}

#tabContentStep1 form .form-group .form-control,
#tabContentStep2 #step2Number input.form-control,
#tabContentStep2 #verifiCode #verify-group {
	position: relative;
	padding-left: 120px;
	margin-top: 1.5rem;
	border-bottom: 1px solid #F7693A;
}

#tabContentStep1 form .form-group:first-child .form-control {
	margin-top: 0;
}

#tabContentStep1 form .form-group #password.form-control {
	padding-right: 50px;
}

#tabContentStep1 form .form-group .form-control:focus,
#tabContentStep1 form button[type=submit]:focus,
#tabContentStep2 form .form-group .form-control:focus,
#tabContentStep3 button[type=submit]:focus {
	box-shadow: unset;
}

#tabContentStep1 form .form-group select.form-control {
	position: absolute;
	bottom: 0;
	width: 80px;
	margin-top: 0;
    margin-left: 100px;
	padding-left: 0;
	z-index: 1;
	-webkit-appearance: none;
}


#m_select::after {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	position: absolute;
	margin-left: 170px;
	bottom: 15px;
}

#tabContentStep1 form .form-group #number,
#tabContentStep1 form .form-group #mobileNo {
	padding-left: 200px;
}
#tabContentStep1 form .form-group #number::-webkit-outer-spin-button,
#tabContentStep1 form .form-group #number::-webkit-inner-spin-button,
#tabContentStep1 form .form-group #mobileNo::-webkit-outer-spin-button,
#tabContentStep1 form .form-group #mobileNo::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

#tabContentStep1 form .form-group input[type=number] {
	-moz-appearance: textfield;
}

#tabContentStep1 form .form-group.form-check input[type=checkbox] {
    margin: 4px 0 0 0;
}
#tabContentStep1 form .form-group.form-check label.form-check-label,
.form-check-label[for=step2Promo] {
	padding-left: 2rem;
}

#tabContentStep1 form .form-group.form-check a{
	color: #F7693A;
}

#tabContentStep1 form button[type=submit],
#tabContentStep2 form button[type=submit],
#tabContentStep2 form button[type=button],
#tabContentStep3 button[type=submit] {
	margin: 2rem auto 0 auto;
    /* display: block; */
    font-size: 1.5rem;
    padding: 10px 60px;
	border-radius: 10px;
	border: unset;
	background-image: linear-gradient(to right, #EE5038, #F0B246);
}

#tabContentStep1 form button[type=submit],
#tabContentStep3 button[type=submit] {
	display: block !important;
}

#tabContentStep2 form button[id=back1Button] {
	background-image: linear-gradient(to right, #444444, #999999);
}

#haveAcc {
    text-align: center;
    margin: 1rem 0 0;
}
#haveAcc a {
	color: #007bff;
}

/* REGISTER STEP 2 */
#tabContentStep2 #step2Number input.form-control {
	padding-left: 120px;
}

#tabContentStep2 #verifiCode #verify-group {
	border-bottom: unset;
}

#tabContentStep2 #verify-group {
	margin-left: 120px;
}

#verify-group input {
    text-align: center;
    height: 35px;
    width: 35px;
    border: unset;
    border-radius: 10px;
    font-size: 1.55rem;
}

#verify-group input:focus {
	outline: unset;
}

.contact-msg {
	text-align: center;
}

#step2Promo {
	margin: 0;
}

.form-check-label[for=step2Promo] {
	font-size: .85rem;
}

/* REGISTER STEP 3 */
#tabContentStep3 {
	text-align: center;
}
.step3-title {
    color: red;
	font-size: 2rem;
	font-weight: bold;
}

#tabContentStep3 img {
	margin: 20px auto;
}

.auto-direct span, 
#tabContentStep3 .auto-direct span a {
	color: red;
}
/* REGISTER MODAL END */

/* Mobile Login Modal Start */
#loginModal #loginForm input.form-control {
    background-color: #FFF;
    border: 2px solid #808080;
    color: #000;
}

#loginModal #loginForm {
	width: 100%;
}

#loginModal #loginForm .login-btn{
	clear: both;
	float: unset;
}

#loginModal #loginForm #registerBtn {
	text-align: left;
}

/* Mobile Login Modal End */

/* Navigation */
#navigation {
	background: url("/res/front/images/header/nav_bg.png");
	background-size: 55px;
	position: relative;
}
#navigation ul.navbar-nav {
	margin: 0 auto;
}

#navigation li.nav-item {
	margin: 0 10px;
	position: inherit;
}

#navigation li.nav-item img {
    height: 70px;
}

.dropdown-toggle::after {
	display: none;
}

.dropdown-menu {
	margin: 0;
	top: 100%;
	border-radius: 0;
}

.dropdown-menu {
	background-color: rgba(0, 0, 0, 0.75);
	color: #FFF;
	text-align: center;
	width: 100%;
}

.dropdown-item {
	clear: unset;
	color: unset;
	display: inline-block;
	transition: all .25s;
	width: 100%;
}

#navigation .dropdown-item {
	width: 288px;
	margin: 5px 0;
}

.acc-prof {
	min-height: 350px;
}

.dropdown-item:hover {
	/* background-color: rgba(208, 174, 102, .75); */
	/* background-color: rgba(254, 254, 173, .75); */
	/*background-color: rgba(255, 217, 118, .75);*/
	/*background-color: #f37c20;*/
	background-color: unset;
	background-image: linear-gradient(#edd174, #f37c20);
}

.navi-top-border {
	height: 10px;
	background-image: linear-gradient(#fcedb3 20%, #b78835 70%);
}

.navbar {
	position: inherit;
	padding: 0;
}

#navigation .dropdown-menu .dropdown-item img {
    max-width: 180px;
    max-height: 67px;
}


/* marquee notice */
.notice-board {
	color: #FFF;
	position: relative;
	display: flex;
	z-index: 0;
    min-height: 36px;
}

.notice-board.bm {
	background-color: #144745;
}
.notice-board.cn {
	background-color: #7F1419;
}
.notice-board.en {
	background-color: #000;
}

.notice-board img {
	position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
	margin-left: 15px;
	width: 30px;
}
.marquee {
    overflow: hidden;
	margin-left: 50px;
	margin-right: 15px;
    line-height: 2;
    padding: 4px 0;
}

.messages {
	margin-right: 15px;
}

/* Index - Main */
#main .home-swiper {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.swiper-button-prev:after, 
.swiper-container-rtl .swiper-button-next:after,
.swiper-button-next:after, 
.swiper-container-rtl .swiper-button-prev:after {
    color: #edd174;
    font-weight: bold;
}

.swiper-button-next, 
.swiper-button-prev {
	z-index: 1!important;
}

/* Index - Games Logo */
.bg_en {
	background: url("/res/front/images/header/header_bg.png");
}
.bg_cn {
	background: url("/res/front/images/main/game_bg_cn.png");
}
.bg_bm {
	background: url("/res/front/images/main/game_bg_bm.png");
}
.game_logo {
	padding: 40px 0;
}

.game_logo img {
    min-width: 100px;
    margin: 0 auto;
    display: flex;
}

/* Index - Flip */
#flip {
	background-color: #000;
	/*background-position: center;*/
	background-repeat: no-repeat;
	background-size: cover;
}
.flip_bg_cn {
	background: url("/res/front/images/main/flip_bg_cn.png");
	/*height: 90vh;*/
}
.flip_bg_bm {
	background: url("/res/front/images/main/flip_bg_bm.png");
	/*height: 90vh;*/
}

.col-md-20percent {
	position: relative;
    width: 100%;
    padding-right: 15px;
	padding-left: 15px;
	
	-ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}

#flip .container-fluid {
	display: flex;
}

#flip .row {
	margin: 0 auto;
}

#flip .front-wrapper img {
	border: 1px solid #DCA842;
}

#flip .front-wrapper {
	position: relative;
}

.front-wrapper .front-content {
	top: 0;
}

.front-content .flip-title {
	color: #ffd024;
	font-size: 1.4rem;
    position: absolute;
    top: 5%;
    left: 50%;
    transform: translate(-50%, 0%);
}

.front-content .bottom-content {
	position: absolute;
    bottom: 0;
    text-align: center;
    left: 50%;
    transform: translate(-50%, 0px);
	margin-bottom: 15px;
	font-weight: bold;
	color: #FFF;
	width: 100%;
	display: inline-block;
	padding: 0 15px;
}

.front-content .play-now {
	background-image: linear-gradient(#fff834, #e28a0f);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 1.8rem;
	padding: 8px 0;
	line-height: 1;
}

.front-wrapper .play-now i {
	font-size: 1.8rem;
    margin-left: 5px;
}

.online-player {
    font-size: 1.8rem;
    margin: 0px 0 8px;
}

.back-content {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
	padding: 15px;
}

/* Flipping Effect */
.flip-card {
	background-color: transparent;
	perspective: 1000px;
}
.flip-card-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.6s;
	transform-style: preserve-3d;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
  
.flip-card:hover .flip-card-inner {
	transform: rotateY(180deg);
}
  
.front-wrapper, .back-wrapper {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
  
.front-wrapper {
	color: black;
}
  
.back-wrapper {
	background-color: #000;
	border: 1px solid #DCA842;
	color: white;
	transform: rotateY(180deg);
}

/* End Flipping Effect */

/* Page - Live Casino */
.btn-download {
	width: 100%;
    border-radius: 50px;
	padding: 5px 10px;
	border: unset;
}


/* Page - Promotion */
.nav-tabs {
	border-bottom: unset;
}

.tab_deco img,
#promotionTab a.nav-link img {
	max-width: 150px;
}

#promotionTab li {
	/* margin: 0 auto; */
}

#promotionTab a.nav-link {
	position: relative;
	background: unset;
	border: unset;
	text-align: center;
}

#promotionTab a.nav-link img {
	transition: transform .25s;
	width: 90%;
}

#promotionTab li.nav-item a.nav-link img:last-child {
	position: absolute;
    left: 50%;
    bottom: 0;
	transform: translate(-50%, 10px);
}

#promotionTab a.nav-link:hover img:first-child {
	transform: translate(0, -15px);
}

#promotionTabContent #vipTab img {
	border: 1px solid #DCA842;
}

/* Page - Promotion - Modal */
.promotion-modal .modal-content {
    background-color: #000;
    box-shadow: 0px 0px 12px 2px #FFF;
}

.promotion-modal .modal-header {
	/*background-image: linear-gradient(#F0CA61, #B3792B);*/
	background-image: linear-gradient(#edd174, #f37c20);
	border-bottom: unset;
	align-items: center;
	padding: .5rem .5rem;
}

.promotion-modal .modal-header .modal-title {
	font-size: 1.4rem;
    font-weight: bold;
    color: #000;
    line-height: 1;
}

.promotion-modal button.close {
	padding: 1rem 1.5rem;
}

.promotion-modal button.close span {
	font-size: 2.75rem;
}

.promotion-modal .modal-body {
	color: #FFF;
}

.promotion-modal ol {
	padding-left: 1.75rem;
}

.promotion-modal ol li {
	margin-bottom: 1rem;
}

/* Modal - Table Start */
.promotion-modal .table {
	border: 1px solid #FFF;
	text-align: center;
	max-width: 500px;
	margin: 1rem auto 1rem 0;
}

.promotion-modal .table .table-header {
	background-color: #000;
    color: #FFF;
}

.promotion-modal .table .table-body {
    background-color: #FFF;
}

.promotion-modal .table .table-header th:not(:last-child) {
	border-right: 1px solid #FFF;
}

.promotion-modal .table .table-body td:not(:last-child) {
	border-right: 2px solid #343434;
}

.promotion-modal .table .table-body tr:not(:last-child) {
	border-bottom: 2px solid #343434;
}

/* Modal - Table End */

.promotion-modal .modal-footer {
	border-top: 1px dotted #FFF;
}

.promotion-modal .modal-body,
.promotion-modal .modal-footer {
	margin: 1rem;
	padding: 1rem 0 0;
}

.promotion-modal .modal-footer button.btn-claim {
    background-image: linear-gradient(#F0CA61, #B3792B);
    color: #000;
    font-weight: bold;
    padding: 0.45rem 2rem;
    font-size: 1.2rem;
    border-radius: 12px;
    border-color: unset;
}

/* ESPORT PAGE */
#esportBG {
	width: 100%;
	margin-bottom: -100px;
}

#es-playBtn {
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 72%;
}

/* VIP Page */
#vip-club, #m-vip-club {
	color: #FFF;
	text-align: center;
	margin: 50px 0;
}
#vip-club thead tr td:first-child{
	width: 25%;
    padding: 25px 15px;
}

#vip-club thead tr td img,
#m-vip-club thead img {
	max-width: 65px!important;
	margin: 0 auto;
	display: block;
}

#vip-club.table td, #vip-club.table th {
	border-top: unset;
}

#vip-club tbody tr td:not(:last-child) {
	border-right: 1px solid #bb822e;
}

/* Mobile VIP Table */
#m-vip-club thead tr th{
	border: unset;
}

.vip-container {
	float: right;
    position: relative;
    overflow: hidden;
}

.vip-table {
	display: table;
	float: left;
}

.vip-container,
.vip-table {
	width: 100%;
	color: #FFF;
}

.vip-level-wrapper {
	text-align: center;
}

.vip-level-wrapper img {
	max-width: 45px;
}

.vip-privileges {
	height: 50px;
}

.benefit-rows {
	line-height: 3.5;
	border-top: 1px solid #bb822e;
}

.benefit-rows>* {
	line-height: 3.5;
}

/* Slots Game */
.slots-game {
	position: relative;
}

.slots-game::before {
    border-radius: 100%;
    bottom: 0;
    content: '';
    height: 20%;
    left: 5px;
    position: absolute;
    right: 5px;
    width: 90%;
    z-index: -1;
    -webkit-box-shadow: 0 10px 12px rgba(45,45,45,0.5);
    -moz-box-shadow: 0 10px 12px rgba(45,45,45,0.5);
    box-shadow: 0 10px 12px rgba(45,45,45,0.5);
}

.slots-game img {
	position: relative;
	width: 100%;
}

.game-hover {
	position: absolute;
    height: 100%;
    width: 100%;
	top: 0;
	background-color: rgba(255, 255, 255, .75);
	opacity: 0;
	transition: all .35s;
}

.slots-game img,
.game-hover {
	border-radius: 10px;
}

.slots-game:hover .game-hover {
	opacity: 1;
}
.game-btn {
	text-align: center;
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
.btn-plynw a,
.btn-demo a {
	padding: 12px 0;
    border-radius: 8px;
    display: block;
    width: 80%;
    margin: 15px auto;
}

.btn-plynw a {
	background-color: rgba(245, 126, 32, 0.9);
}

.btn-demo a {

	background-color: #808080;
	transition: all .35s;
}

.btn-plynw a:hover {
	background-color: rgba(245, 126, 32, 1);
}

.btn-demo a:hover {
	/* background-color: #808080; */
}

.game-btn a,
.game-btn a:hover {
	color: #FFF;
}

.slot-modal button.close {
	color: #FFF;
    opacity: 1;
    position: absolute;
    right: 10px;
    font-weight: unset;
}

.slot-modal button.close span {
	font-size: 40px;
}

/* About US */
.nav-border-btm #about-tab {
	border-bottom: 2px solid #e6c552;
}

#about-tab .nav-link {
	margin-right: 15px;
	color: #e6c552;
	font-weight: bold;
	font-size: 1.2rem;
	transition: color .2s, background-color .2s;
}

#about-tab .nav-link.active,
#about-tab .nav-link:hover {
	background-color: #e6c552;
	color: #000;
}

.help-content {
	margin-bottom: 50px;
	color: #FFF;
}

.help-content.help-contact {
	padding: 10px 15px;
	margin-bottom: 0;
}

.help-content h3 {
	color: #e6c552;
	font-weight: bold;
}

h2.help-tab-title {
	color: #e6c552;
	font-weight: bold;
}

.help-content p {
	color: #FFF;
}

.faq-accordion .card {
	border: 1px solid #e6c552;
    background-color: #000;
    color: #FFF;
}

.faq-accordion .card-header {
	border-bottom: 1px solid #e6c552;
}

.faq-accordion button {
	color: inherit;
	padding-left: 0;
}

.faq-accordion .card-body {
	padding-left: 2.5rem;
}

.faq-accordion button:hover,
.faq-accordion button:focus {
	color: inherit;
	text-decoration: unset;
}

.faq-accordion span.mini-title {
	color: #e6c552;
}

.help-content ul:not(.list-bullet) {
	list-style-type: decimal;
}

.help-content li {
	margin-bottom: 10px;
}

hr.contact-hr {
	border-top: 1px solid #e6c552;
}

.yellow-border {
	border: 1px solid #e6c552;
    border-radius: 12px;
    padding: 1rem;
    margin: 1rem 0;
}

.help-content.help-contact img {
	max-width: 80px;
	width: 100%;
	margin: 0 10px;
}

.img-liveChat img {
    max-width: 250px!important;
    width: 100%!important;
}

.tooltip-inner {
	font-size: 1.2rem;
	background-color: #FFF;
	color: #505050;
	font-weight: bold;
}

/* Footer */
.float-footer {
	position: fixed;
	bottom: 0;
	right: 0;
	max-width: 70px;
	margin: 0 15px 0 auto;
	z-index: 1;
}

.float-footer-left {
	position: fixed;
	bottom: 0;
	left: 15px;
	max-width: 125px;
	margin: 0 15px 0 auto;
	z-index: 1;
}

.float-footer img {
	max-width: 65px;
}

.f-weChat-Tooltip {
	position: absolute;
    top: 50%;
    right: 0;
    width: max-content;
	transform: translate(0%, -40%);
	background-color: #1F9B48;
    color: #FFF;
    padding: 10px 30px 10px 20px;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition: all .65s;
}

.wechat-hover:hover .f-weChat-Tooltip {
	opacity: 1;
	visibility: visible;
	right: 70%;
}

footer {
	background: url("/res/front/images/header/nav_footer_bg.png");
	/*background-size: 55px;*/
	position: relative;
	background-size: contain;
}

#footer-shadow {
	height: 100%;
    width: 100%;
    position: absolute;
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
}

.top-borders {
    height: 30px;
    background-color: #d0AE66;
    border-top: 3px solid #FEFEAD;
	border-bottom: 3px solid #ffd976;
	clear: both;
}

#btn-wrap {
	padding: 50px 0;
	color: #333333;
}

.col-title {
    font-weight: bold;
    margin-bottom: 15px;
}

.col-wrap li {
	list-style: none;
	font-weight: bold;
}

.col-wrap li a {
	color: #333333;
}

.liveChat-wrap {
	margin-top: 5px;
}

.col-wrap.social-media li{
	float: left;
	margin: 0 10px;
}

.col-wrap.social-media li:last-child{
	margin-top: 15px;
}

footer hr {
	margin: 1rem;
	border-top: 2px solid rgba(0,0,0,.1);
}

.copyright img {
	width: 180px;
}

.copyright-text {
	text-align: right;
    font-weight: bold;
	margin-top: 2rem;
	color: #333333;
}


.mainWallet {
	 width: 80%;
	 right: 0;
	 margin-right: 1rem;
	 position: absolute;
	 text-align: right;		
}

.walletRow {
	margin: 30px 0 15px 0;
}

.mobileOnly{
	display: none;
}

.wf-grid {
	/*border: dotted 1px;*/
	color: white;
	font-size: 11px;
}
.wf-item {
	list-style: none;
	border: dashed 1px #fabe2d;
	/*border-right: dotted 1px;
	border-bottom: dotted 1px;*/
	padding: 20px;
	float: left;
	width: 220px;
}

.wf-title {
	color: #fabe2d;
	margin-bottom: 5px;
}

/* Responsive */

@media only screen and (min-width: 720px) {
	BODY {
		margin: 0 auto;
		background: #191815;
		max-width: 1440px;
	}
}
@media only screen and (max-width: 1400px) {
	#navigation li.nav-item img {
		height: unset;
	}
}

@media only screen and (max-width: 1199px) {
	.col-wrap.social-media li:last-child {
		margin-top: 0;
	}
	.col-wrap.social-media li {
		margin-bottom: 15px;
		margin-top: 0;
	}
}

@media only screen and (max-width: 1150px) {
	.navbar-brand {
		margin: 0 auto;
	}
	.front-content .play-now,
	.online-player{
		font-size: 1.2rem;
		margin: 5px 10px;
	}
	.online-player {
		margin-bottom: 20px;
	}
	.tick [data-layout~=horizontal][data-layout~=fit] {
		transform: scale(1.2);
	}
}

@media only screen and (max-width: 991px) {
	.myWalletVIP {
		max-width: 180px;
	}
	.navbar-brand {
		margin: 0 auto;
	}
	#flip .mobile-view img {
		display: block;
		width: 80%;
		margin: 12px auto;
	}
	#flip .mobile-view {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}
	#col-social {
		order: -1;
	}

	/* 991 - Promotion Page */
	li.tab_deco {
		display: none;
	}
	#promotionTab li {
		max-width: 30%;
		margin: 0 auto;
	}

	/* VIP Page */
	#vip-Swiper .swiper-button-next {
		right: -40px;
	}
	#vip-Swiper .swiper-button-prev {
		left: -40px;
	}


	/* Footer */
	footer {
		display: none;
	}
	#m-footer {
		/*background-color: #efac1e;*/
		background-image : linear-gradient(#edd174, #f37c20);
		border-top: 3px solid #FEFEAD;
		position: fixed;
		bottom: 0;
		width: 100%;
		z-index: 2;
	}
	#m-footer .nav-link,
	#m-footer .dropdown-menu {
		text-align: center;
		width: 100%;
		margin: 6px auto;
		display: block;
		padding: 0;
	}
	#m-footer a {
		color: inherit;
	}

	#m-footer .dropdown img {
		max-width: 36px;
		max-height: 36px;
	}
	
	#m-footer button:focus {
		outline: unset;
	}
	#m-footer .dropdown {
		position: static;
	}
	.x2-items a{
		width: calc(100%/2) !important;
		float: left;
	}
	.x3-items a{
		width: calc(100%/3);
		float: left;
	}
	.x4-items a{
		width: calc(100%/4);
		float: left;
	}
	#m-footer .dropdown-menu .dropdown-item:not(:last-child) {
		/*border-right: 2px solid;*/
		padding-top: 5px;
		padding-bottom: 5px;
		border-right: 2px solid #fffeac; 
	}
	#m-footer .nav-link[aria-expanded="true"] ~ .dropdown-menu {
		/*background-color: #efac1e;*/
		background-image : linear-gradient(#edd174, #f37c20);
		transform: translate(0px, calc(-100% + -8px))!important;
		width: 100%;
		border: unset;
		padding: 0;
	}

	.float-footer .float-mail,
	.float-footer .float-wc {
		display: none!important;	
	}

	.dropdown-toggle,
	.dropdown-item {
		white-space: normal;
		line-height: 1;
	}

	.top-borders {
		opacity: 0;
	}
}

@media only screen and (max-width: 768px) {
	#flip .mobile-view img {
		width: 100%;
	}
	#games {
		display: none;
	}
	.vip-table {
		width: 70%;
	}
	.top-borders {
		margin-top: 45px;
	}
	.acc-prof {
		min-height: unset;
	}

	.flip_bg_cn {
		background: url("/res/front/images/main/flip_bg_cn.png");
		/*height: 90vh;*/
	}
	.flip_bg_bm {
		background: url("/res/front/images/main/flip_bg_bm.png");
		/*height: 90vh;*/
	}

	.mainWallet {
		 width: 100%;
		 right: 0;
		 margin-right: 1rem;
		 position: unset;
		 text-align: left;
	}

	.walletRow {
		margin: 0;
	}
}

@media only screen and (max-width: 575px) {
	#vip-Swiper .swiper-button-prev,
	#vip-Swiper .swiper-button-next {
		display: none;
	}

	.float-wa{
		bottom: 0;
		position: fixed;
		left: 10px;
	}

	.greyBox{
		background-color: #4a4949;
	}

	.goldBorder-2{
		border: 2px solid #efac1e;
	}

	.mobileOnly{
		display: block;
	}

	.btmBanner {
		color: #efac1e;
	}

	.btmBanner span {
		color: #fff;
	}

	.btmBanner p {
		color: #fff;
		font-size: 10px;
	}

	.btmBanner_cn p {
		color: #fff;
		font-size: 13px !important;
		max-width: 68%;
		margin: 0 auto;
	}

	/*.btmBannerTitle_cn{
		font-size: 11px !important;
		font-weight: bold;
	}

	.btmBannerTitle_bm{
		font-size: 8px !important;
		font-weight: bold;
	}*/

	.btmBannerTitle{
		font-size: 12px;
		font-weight: bold;
	}

	.btmNav a{
		text-decoration: none;
		color: #efac1e;
		/*font-weight: bold;*/
	}

	.borderBtm{
		/*content: '';
	    flex: 1;*/
	    border-bottom: 2px solid #81818182;
	    /*position: absolute;*/
	    /*left: 20px;*/
	    /*right: 20px;*/
	}

	.footerText {
		color: #000 !important;
		font-size: 13px;
	}

	#promotionTab a.nav-link img {
		width: 100%;
	}

	#promotionTab a.nav-link.active img:first-child {
		transform: translate(0, -15px);
	}
}

@media only screen and (max-width: 500px) {
	.navbar-brand {
		max-width: 200px;
	}
	.navbar-brand img {
		width: 100%;
	}
	#loginModal #loginForm .login-btn a {
		width: 100%;
		text-align: center!important;
	}
	#tabContentStep1 form .form-group label.form-label {
		position: relative;
		transform: unset;
	}
	#tabContentStep1 form .form-group .form-control {
		margin-top: 0;
	}
	#m_select::after {
		margin-left: 80px;
	}
	#tabContentStep1 form .form-group i {
		bottom: 0;
		top: unset;
		transform: translate(0px, -5px);
		padding-right: 15px;
	}
	#tabContentStep1 form .form-group select.form-control {
		margin-left: 1rem;
	}
	#tabContentStep1 form .form-group .form-control {
		padding-left: 1rem;
	}
	#tabContentStep1 form .form-group #mobileNo {
		padding-left: 100px;
	}

	.navbar-brand-bm {
		max-width: 185px !important;
	}
}

@media only screen and (max-width: 380px) {
	.navbar-brand {
		max-width: 185px;
	}

	.navbar-brand-bm {
		max-width: 150px !important;
	}

	#myWallet {
		top: 58px;
	}
}

@media only screen and (max-width: 320px) {
	.navbar-brand {
		max-width: 155px;
	}

	#myWallet {
		top: 58px;
	}
}

#pwdForm label.error {
    color: white;
}