:root {
	--black: #1e2230;
	--block: #2c2e50;
	--blue: #0b7cff;
	--color: #ff3434;
	--custom-dark-purple-audi777: #2a0134;
	--custom-deep-purple-audi777: #4a0e58;
	--custom-metallic-blue: #0a1749;
	--custom-orange-asavaslot: #eaa600;
	--custom-orange-lg-asavaslot: linear-gradient(180deg,#e5910f,#d7ba02 51.07%,#d79b2c);
	--custom-orange: #ffac2e;
	--custom-purple-2: #e731df;
	--custom-purple-audi777: #8545a6;
	--custom-purple-satta9: #a05bfb;
	--custom-purple: #ba06e1;
	--custom-red-miraclebet: #ff001e;
	--custom-red: #b41152;
	--cyan: #1cd8f6;
	--deep: #171838;
	--gold: #fcdf5f;
	--green: #19d988;
	--orange-baliwbet: #fedc3d;
	--orange-tab: #fca501;
	--orange: #ff8000;
	--red-baliwbet: #4a0909;
	--red: #ff3434;
	--reward-bg-opacity: rgb(72 69 135 / 30%);
	--reward-border: #2f2d59;
	--reward-color: #000;
	--reward-title: --txt;
	--sapphire: #642ef7;
	--shadow: 0 3px 6px var(--000-1);
	--sky-blue: #0ffffe;
	--text-color: #fff;
	--tooltip-color: #171838;
	--tooltip-primary: #fe3434;
	--txt: #8385ae;
	--violet: #a34fe4;
	--yellow: #fe0;
}

@font-face {
	font-family: "Kh-Battambang";
	font-family: "digital_displayregular";
	font-family: digital_displayregular;
	font-style: normal;
	font-weight: 100;
	font-weight: 300;
	font-weight: 400;
	font-weight: 700;
	font-weight: normal;
	src: local(""), url("../../fonts/battambang2/battambang_khmer-100.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-100.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-100.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-100.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-100.svg#Battambang") format("svg");
	src: local(""), url("../../fonts/battambang2/battambang_khmer-300.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-300.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-300.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-300.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-300.svg#Battambang") format("svg");
	src: local(""), url("../../fonts/battambang2/battambang_khmer-700.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-700.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-700.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-700.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-700.svg#Battambang") format("svg");
	src: local(""), url("../../fonts/battambang2/battambang_khmer-regular.eot?#iefix") format("embedded-opentype"), url("../../fonts/battambang2/battambang_khmer-regular.woff2") format("woff2"), url("../../fonts/battambang2/battambang_khmer-regular.woff") format("woff"), url("../../fonts/battambang2/battambang_khmer-regular.ttf") format("truetype"), url("../../fonts/battambang2/battambang_khmer-regular.svg#Battambang") format("svg");
	src: url("../../fonts/battambang2/battambang_khmer-100.eot");
	src: url("../../fonts/battambang2/battambang_khmer-300.eot");
	src: url("../../fonts/battambang2/battambang_khmer-700.eot");
	src: url("../../fonts/battambang2/battambang_khmer-regular.eot");
	src: url("../../fonts/digital/digtl.eot");
	src: url("../../fonts/digital/digtld41d.eot?#iefix") format("embedded-opentype"), url("../../fonts/digital/digtl.woff2") format("woff2"), url("../../fonts/digital/digtl.woff") format("woff"), url("../../fonts/digital/digtl.ttf") format("truetype"), url("../../fonts/digital/digtl.svg#digital_displayregular") format("svg");
	src: url(../fonts/digtl.eot);
	src: url(../fonts/digtl.eot?#iefix) format('embedded-opentype'), url(../fonts/digtl.woff2) format('woff2'), url(../fonts/digtl.woff) format('woff'), url(../fonts/digtl.ttf) format('truetype'), url(../fonts/digtl.svg#digital_displayregular) format('svg');
}

a.ga8:hover>a.ga8 span {
	background: #fff;
	color: #f90;
}

a.more-number {
	cursor: default;
	float: right;
	margin-right: .5em;
}

article p {
	padding: 0.1erm 0;
}

body {
	background-color: var(--deep);
}

button.gradient {
	margin: 15px 0;
	width: 100% !important;
}

details {
	margin: 5px 0;
}

details a {
	color: #ccc;
	font-size: 14px;
	padding-left: 26px;
}

details[open] .arrow {
	transform: rotate(90deg);
}

empty em {
	display: block;
	margin: 0.2rem auto;
	width: 2rem;
}

empty h3 {
	color: var(--block);
	font-size: 0.3rem;
	text-align: center;
	text-transform: uppercase;
}

footer {
	background-color: var(--fff);
	bottom: 0;
	height: 55px;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 3;
}

footer ul li {
	align-items: center;
	display: flex;
	justify-content: center;
	position: relative;
	width: 25%;
}

footer ul li a {
	align-items: center;
	color: var(--fff);
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 0.5rem;
}

footer ul li a i.ico {
	color: var(--333);
	font-size: 1.2rem;
}

footer ul li a span {
	color: var(--333);
	font-size: 0.8rem;
	white-space: nowrap;
}

footer ul li a:hover {
	color: var(--fff);
}

footer ul li cite {
	background-image: url(../images/bar.svg);
	background-position: top;
	display: none;
	height: 88%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

footer ul li.active a {
	background-color: var(--color);
	border-radius: 1rem;
	color: var(--fff);
	margin-bottom: 0.5rem;
	max-width: 3rem;
	padding: 0.25rem;
	width: 50%;
}

footer ul li.active a i.ico {
	color: var(--fff);
	padding: 0.25rem;
}

footer ul li.active a span {
	display: none;
}

footer ul li.active cite {
	display: block;
	width: unset;
	z-index: -1;
}

footer ul.footer-icons {
	display: flex;
	height: 100%;
	justify-content: space-between;
}

header {
	align-items: center;
	display: flex;
	height: 60px;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3;
}

header .header-wrapper {
	height: 100%;
	width: 100%;
}

header .header-wrapper .header-left-wrapper .ico-menu {
	align-items: center;
	color: var(--fff);
	display: flex;
	height: 100%;
	justify-content: flex-start;
	width: 100%;
}

header .header-wrapper .header-right-wrapper {
	align-items: center;
	display: flex;
	flex: 1 0 auto;
	justify-content: end;
}

header .header-wrapper .logo-wrapper {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
}

header .header-wrapper .logo-wrapper a {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
}

header .header-wrapper .logo-wrapper img {
	max-height: 100%;
	padding: 0.25rem;
}

html, body {
	font-size: 16px;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
	position: relative;
}

i {
	font-size: 1rem;
}

img.lazyload:not([src]) {
	visibility: hidden;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	background-image: url(../images/ico/calendar.svg);
}

input[type="datetime-local"]::-webkit-calendar-picker-indicator {
	background-image: url(../images/ico/calendar-many.svg);
}

input[type="month"]::-webkit-calendar-picker-indicator {
	background-image: url(../images/ico/calendar-reduce.svg);
}

input[type="time"]::-webkit-calendar-picker-indicator {
	background-image: url(../images/ico/time.svg);
}

input[type="week"]::-webkit-calendar-picker-indicator {
	background-image: url(../images/ico/calendar-less.svg);
}

label.captcha {
	margin-bottom: 0;
	padding: .375rem .75rem;
}

main {
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

main .main-contact-wrapper {
	background-color: var(--block);
	border-radius: 0.35rem;
	display: flex;
	padding: 1rem 0.5rem;
}

main .main-contact-wrapper .col-4 {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
}

main .main-contact-wrapper .col-4 a {
	line-height: 1.5;
	text-align: center;
}

main .main-contact-wrapper .col-4 i {
	align-items: center;
	border-radius: 100%;
	border: 0.15rem var(--color) solid;
	color: var(--color);
	display: flex;
	height: 3rem;
	justify-content: center;
	margin-bottom: 0.5rem;
	width: 3rem;
}

main .main-contact-wrapper .col-4 span {
	color: var(--fff);
	font-size: 0.65rem;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

main .main-index-wrapper {
	max-width: 640px;
	padding-top: 0.5rem;
}

main .main-left-info-wrapper {
	align-items: center;
	color: var(--fff);
	display: flex;
	flex-direction: unset;
	height: 100%;
}

main .main-left-info-wrapper .btn {
	align-items: center;
	background-color: var(--color);
	border-radius: 0.35rem;
	color: white;
	display: flex;
	font-size: 0.8rem;
	font-weight: bold;
	height: unset;
	justify-content: center;
	line-height: unset;
	padding: 0.5rem;
	position: relative;
	text-transform: capitalize;
	text-transform: uppercase;
	white-space: nowrap;
}

main .main-left-info-wrapper .btn:first-child {
	margin-right: 0.25rem;
}

main .main-left-info-wrapper .main-left-balance-wrapper {
	align-items: center;
	display: flex;
	justify-content: flex-start;
}

main .main-left-info-wrapper .main-left-balance-wrapper i {
	color: var(--fff);
	margin: 0;
}

main .main-left-info-wrapper .main-left-balance-wrapper span {
	display: block;
	font-size: 0.9rem;
	max-width: 100%;
	overflow: hidden;
	padding-left: 0.25rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

main .main-left-info-wrapper.main-left-info-auth-wrapper {
	flex-direction: column;
	height: unset;
}

main .main-left-info-wrapper.main-left-info-auth-wrapper .main-left-info-username {
	display: block;
	font-size: 0.9rem;
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

main .main-menu-wrapper .btn {
	color: #fff;
	padding: 0.25rem;
}

main .main-right-info-wrapper {
	align-items: center;
	display: flex;
	justify-content: flex-end;
}

main .main-right-info-wrapper a {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.35rem;
	display: flex;
	flex-direction: column;
	height: 3.5rem;
	justify-content: center;
	min-width: 3rem;
	padding: 0.25rem 0.5rem;
}

main .main-right-info-wrapper a i {
	color: var(--color);
}

main .main-right-info-wrapper a span {
	font-size: 0.7rem;
	text-transform: uppercase;
	white-space: nowrap;
}

main .main-right-info-wrapper a:hover {
	color: var(--fff);
}

main .main-right-info-wrapper a:last-child {
	margin-left: 0.35rem;
}

name {
	background-color: transparent;
}

name a {
	color: white;
}

name h2 {
	color: white;
}

nav li {
	background-size: cover;
	position: relative;
}

nav li cite {
	background-image: url(../images/bar.svg);
	display: none;
	height: 0.78rem;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 1.7rem;
}

nav li.active {
	flex: none;
	width: 1.7rem;
}

nav li.active a {
	background-color: var(--color);
	border-radius: 1rem;
	color: white;
	margin: 0.1rem auto;
	width: 1rem;
}

nav li.active a span {
	display: none;
}

nav li.active cite {
	display: block;
}

page a, page input, page button {
	background-color: var(--block);
	border: 0;
	color: white;
}

page span {
	color: white;
}

pop {
	z-index: 99;
}

pop-cont {
	max-height: 80vh;
	overflow: auto;
}

pop-main {
	border-radius: 0.2rem;
}

pop-sider pop-cont {
	background-color: var(--deep);
	display: flex;
	flex-direction: column;
	height: 100%;
	max-height: 100%;
}

select {
	background-image: url(../images/ico/alone-bottom.svg);
}

select#bank.noico {
	margin-bottom: 1rem;
}

select.noico[name=transfer] {
	margin-bottom: 1rem !important;
}

summary {
	align-items: center;
	cursor: pointer;
	display: flex;
	gap: 6px;
	list-style: none;
	padding: 8px;
}

summary::-webkit-details-marker {
	display: none;
}

#afbSports2Modal .afb-sport-link {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

#afbSports2Modal .afb-sport-link span {
	color: var(--000);
}

#afbSports2Modal .btn-close {
	background-color: var(--color);
	border-radius: 2rem;
	color: var(--fff);
	padding: 0.5rem 2rem;
}

#afbSports2Modal .btn-close-wrapper {
	display: flex;
	justify-content: center;
}

#afbSports2Modal .modal-content, #afbSports2Modal .modal-body {
	color: var(--000);
}

#btnAffSubmit {
	color: #fff;
	padding: 0.5rem;
}

#btnSubmitDepo, #btnSubmitWithdraw, #btnSubmitBindBank {
	border-radius: 0.35rem;
	padding: 0.5rem;
	width: 100%;
}

#changePassForm .change-password-input-wrapper {
	position: relative;
}

#changePassForm .change-password-input-wrapper .form-control {
	background-color: var(--deep);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom: 1px solid;
	border-color: transparent;
	color: var(--fff);
	font-size: 0.9rem;
	padding-right: 2rem;
}

#changePassForm .change-password-input-wrapper .form-control:focus {
	background-color: var(--deep);
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-color: transparent;
	color: var(--fff);
}

#changePassForm .change-password-input-wrapper .password {
	position: absolute;
	right: 0.25rem;
	top: 0.5rem;
}

#changePassForm .change-password-input-wrapper label {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}

#changePassForm .change-password-input-wrapper.form-phone-wrapper .form-control {
	padding-right: 0.75rem;
}

#changePassForm .change-password-input-wrapper.form-phone-wrapper .form-control:focus {
	border-bottom-left-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

#changePassForm div.row {
	border-bottom-width: 1px;
	border-color: var(--fff-1);
	color: var(--txt);
	display: flex;
	line-height: 1.1;
	padding: 0.5rem 0;
}

#divPromotions ul {
	padding-left: 0;
}

#divPromotions ul.row {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

#divPromotions ul.row li.col {
	padding-left: 0;
	padding-right: 0;
}

#editPhoneModal .modal-content {
	background: var(--deep);
}

#editPhoneModal .modal-content .btn {
	display: inline-block;
	padding: 0.375rem 0.75rem;
}

#editPhoneModal .modal-content .close {
	color: inherit;
	opacity: 1;
	text-shadow: none;
}

#fcModal .modal-body p {
	color: var(--deep);
}

#featuredPopupRight {
	bottom: 70px;
	color: #808080;
	cursor: pointer;
	min-height: 150px;
	position: fixed;
	right: 200%;
	transition-delay: 1s;
	transition: left 0.5s ease 0s, opacity 0.4s ease 0s;
	width: 220px;
	z-index: 50;
}

#gameTransferModal .modal-content {
	background-color: var(--deep);
}

#gameTransferModal .modal-content .btn {
	border-color: var(--color);
	padding: 0.375rem 0.75rem;
	text-transform: capitalize;
}

#gameTransferModal .modal-content span, #gameTransferModal .modal-content label {
	color: var(--text-color);
}

#homeTab {
	margin: auto;
	overflow-x: scroll;
	overflow-y: hidden;
	width: 90vw;
}

#homeTab ul {
	display: flex;
	flex-wrap: nowrap;
	margin: 0 auto;
	overflow: unset;
}

#homeTab ul>li {
	background: #010022;
	box-sizing: border-box;
	color: #987119;
	max-width: 100px;
	min-width: 70px;
	padding: 0 0.5rem;
	position: relative;
	text-align: center;
	width: 18vw;
}

#homeTab ul>li a:hover span {
	color: #fca501;
}

#homeTab ul>li div span, #homeTab ul>li a span {
	overflow: hidden;
	text-overflow: ellipsis;
	transition: none;
	white-space: nowrap;
	width: 100%;
}

#homeTab ul>li div, #homeTab ul>li a {
	align-items: center;
	color: var(--fff);
	display: flex;
	flex-direction: column;
	font-size: 0.8rem;
	justify-content: center;
	padding: 1vw 0;
}

#homeTab ul>li i {
	height: 25px;
	margin-bottom: 5px;
	width: 25px;
}

#homeTab ul>li.active .ht-arcade {
	background-image: url(../images/home/arcade-active.png);
}

#homeTab ul>li.active .ht-casino {
	background-image: url(../images/home/casino-active.png);
}

#homeTab ul>li.active .ht-cockfight {
	background-image: url(../images/home/cockfight-active.png);
}

#homeTab ul>li.active .ht-coin {
	background-image: url(../images/home/coin-active.png);
}

#homeTab ul>li.active .ht-crash {
	background-image: url(../images/home/crash-active.png);
}

#homeTab ul>li.active .ht-cricket {
	background-image: url(../images/home/cricket-active.png);
}

#homeTab ul>li.active .ht-crypto {
	background-image: url(../images/prediction/crypto-active.png);
}

#homeTab ul>li.active .ht-esport {
	background-image: url(../images/home/esport-active.png);
}

#homeTab ul>li.active .ht-fish {
	background-image: url(../images/home/fishing-active.png);
}

#homeTab ul>li.active .ht-forex {
	background-image: url(../images/home/forex-active.png);
}

#homeTab ul>li.active .ht-history {
	background-image: url(../images/home/history-active.svg);
}

#homeTab ul>li.active .ht-hotgame {
	background-image: url(../images/home/hotgame-active.png);
}

#homeTab ul>li.active .ht-lottery {
	background-image: url(../images/home/lottery-active.png);
}

#homeTab ul>li.active .ht-ludo {
	background-image: url(../images/home/ludo-active.png);
}

#homeTab ul>li.active .ht-news {
	background-image: url(../images/prediction/news-active.png);
}

#homeTab ul>li.active .ht-number {
	background-image: url(../images/home/number-active.png);
}

#homeTab ul>li.active .ht-poker {
	background-image: url(../images/home/poker-active.png);
}

#homeTab ul>li.active .ht-promotion {
	background-image: url(../images/home/promotion-active.png);
}

#homeTab ul>li.active .ht-rcb {
	background-image: url(../images/home/rcb-active.png);
}

#homeTab ul>li.active .ht-slots {
	background-image: url(../images/home/slots-active.png);
}

#homeTab ul>li.active .ht-sports {
	background-image: url(../images/home/sports-active.png);
}

#homeTab ul>li.active .ht-tournament {
	background-image: url(../images/home/tournament-active.png);
}

#homeTab ul>li.active .ht-trade {
	background-image: url(../images/home/trade-active.png);
}

#homeTab ul>li.active .ht-trending {
	background-image: url(../images/prediction/trending-active.png);
}

#homeTab ul>li.active .ht-vip {
	background-image: url(../images/home/vip-active.png);
}

#homeTab ul>li.active .ht-vip2 {
	background-image: url(../images/home/vip2-active.png);
}

#homeTab ul>li.active a span {
	color: #fca501;
}

#homeTab ul>li.active div {
	color: #fca501;
	font-size: 0.8rem;
	font-weight: 500;
}

#homeTab ul>li.no-active.active .ht-sports {
	background-image: url(../images/home/sports.png);
}

#homeTab ul>li.no-active.active div {
	color: #ffffff;
}

#homeTabLeftArrow, #homeTabRightArrow {
	align-items: center;
	display: flex;
	height: 100%;
	justify-content: center;
	width: 5vw;
}

#homeTabWrapper {
	align-items: center;
	background: #010022;
	border-radius: 0.35rem;
	display: flex;
	justify-content: center;
	position: relative;
}

#kh_gaming_poker {
	border-color: #ffb821;
	border-radius: 10px;
	border-radius: 1em;
	transition: none;
}

#kh_gaming_poker .ongdo_loader img {
	height: 25px;
	width: 25px;
}

#kh_gaming_poker .poker_transfer-item .btn, #kh_gaming_poker .btn.poker_play {
	background-color: var(--color);
}

#kh_gaming_poker .poker_transfer-item input, #kh_gaming_poker .transfer-item input {
	background-color: var(--333);
	color: var(--fff);
}

#loginForm {
	padding: 0.5rem;
}

#loginForm .form-prepend #password, #registerForm .form-prepend #password {
	padding-right: 2rem;
}

#loginForm .form-prepend .form-control, #registerForm .form-prepend .form-control {
	padding-left: 2.5rem;
}

#loginForm .form-prepend .form-control:focus, #registerForm .form-prepend .form-control:focus {
	background-color: var(--deep);
	border-color: transparent;
	box-shadow: none;
	color: var(--fff);
	outline: 0;
}

#loginForm .form-prepend i, #registerForm .form-prepend i {
	color: var(--fff);
	font-size: 1.35rem;
	left: 0.75rem;
	position: absolute;
	top: 0.95rem;
	z-index: 1;
}

#loginForm .form-prepend o, #registerForm .form-prepend o {
	font-size: 1.25rem;
	position: absolute;
	right: 0.5rem;
	top: 1rem;
	z-index: 2;
}

#loginForm .form-prepend, #registerForm .form-prepend {
	position: relative;
}

#one-click-form #country {
	padding-left: 40px;
}

#one-click-form .icon {
	height: 16px;
	left: 29px;
	position: absolute;
	width: 25px;
	z-index: 1;
}

#providerForm .custom-turnover-input-wrapper {
	align-items: center;
	border-bottom-width: 1px;
	border-color: var(--fff-1);
	color: var(--txt);
	display: flex;
	padding: 0.25rem;
	position: relative;
}

#providerForm .custom-turnover-input-wrapper i {
	position: absolute;
	right: 0;
}

#providerForm .custom-turnover-input-wrapper input {
	background: transparent;
	border-color: transparent;
	color: var(--fff);
	padding-left: 0.25rem;
	padding-right: 1.5rem;
}

#providerForm .custom-turnover-input-wrapper label {
	font-size: 0.9rem;
	width: 35%;
}

#ref-link {
	color: var(--000);
}

#ref-link-btn {
	color: var(--fff);
	font-size: .9rem;
	padding: 2px 5px;
}

#registerForm #account_checkMsg {
	align-items: center;
	display: flex;
}

#registerForm .btn-get-code, .change-password-input-wrapper .btn-get-code, #forgotFormWrapper .btn-get-code {
	align-items: center;
	background-color: var(--color);
	border-radius: 0.5rem;
	color: var(--fff);
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

#registerForm .btn-get-code:disabled, .change-password-input-wrapper .btn-get-code:disabled, #forgotFormWrapper .btn-get-code:disabled {
	opacity: 0.6;
}

#registerForm .form-phone-wrapper .form-control:focus, .change-password-input-wrapper .form-phone-wrapper .form-control:focus, #forgotFormWrapper .form-phone-wrapper .form-control:focus {
	background-color: var(--deep);
	color: var(--fff);
}

#registerForm fieldset .show-loader {
	background-repeat: no-repeat;
	background-size: contain;
	height: 1rem;
	position: relative;
	width: 2rem;
}

#sportsNoticeModal .btn-close-wrapper {
	align-items: center;
	background-color: #eee;
	border-radius: 50%;
	display: flex;
	height: 2rem;
	justify-content: center;
	padding: 0.5rem;
	position: absolute;
	right: -1rem;
	top: -1rem;
	width: 2rem;
}

#sportsNoticeModal .btn-close-wrapper .close {
	color: var(--666);
	opacity: 1;
}

#sportsNoticeModal .modal-dialog {
	color: var(--000);
	justify-content: center;
}

#sportsNoticeModal .modal-dialog .modal-content {
	width: 90%;
}

#withForm .bank-info-wrapper {
	border-radius: 0.5rem;
	border: 1px solid var(--fff);
}

#withForm .col label {
	font-size: 0.8rem;
}

.active-section {
	background: #111;
	border-radius: 16px;
	margin-top: 15px;
	padding: 18px;
}

.active-title {
	color: #fff;
	font-size: 12px;
	font-weight: 800;
	margin-bottom: 20px;
	text-transform: uppercase;
}

.afbgaming img, .slots_w88 img, .slots_pt img {
	height: 10rem;
}

.album .next {
	background: #f90 url(../../images/enter-btn.png) center no-repeat;
	border-radius: 100%;
	float: right;
	height: 25px;
	margin-right: 1em;
	margin-top: -25px;
	width: 25px;
}

.album .previous {
	-webkit-transform: rotate(180deg);
	background: #f90 url(../../images/enter-btn.png) center no-repeat;
	border-radius: 100%;
	border: none;
	float: left;
	height: 25px;
	margin-left: 1em;
	position: absolute;
	transform: rotate(180deg);
	width: 25px;
}

.album p {
	margin-bottom: 0;
}

.all-dice, .board-tab, .bseo, .gnumber-pair, .gnumber-single, .gnumber-six, .gnumber-three, .gnumber-three-all, .gsicbo-board {
	background: #141414;
	margin: 0;
	padding: 2px 5px;
	width: 100%;
}

.amount-input-box {
	align-items: center;
	background: #000;
	border-radius: 12px;
	display: flex;
	gap: 15px;
	padding: 12px 18px;
}

.amount-input-box i {
	color: rgba(255,255,255,0.9);
	font-size: 1.35rem;
}

.announcement {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.35rem;
	display: flex;
}

.announcement .ico-more {
	color: var(--txt);
	font-size: 1rem;
	padding: 0.25rem;
}

.announcement .ico-volume {
	background-color: var(--color);
	border-radius: 0.25rem 1rem 1rem 0.25rem;
	color: var(--fff);
	margin-right: 0.25rem;
	padding: 0.5rem;
}

.announcement .js-marquee {
	font-size: 0.8rem;
	transition: none;
}

.announcement .js-marquee-wrapper {
	transition: none;
}

.announcement .marquee {
	color: var(--fff);
	margin-left: 0;
	opacity: 0;
	overflow: hidden;
	position: relative;
	transition: none;
	width: 100%;
}

.arrow {
	font-size: 12px;
	transition: transform 0.2s ease;
}

.article {
	padding: 0.2rem;
}

.article-title {
	padding: 0.2rem 0;
}

.article-title h3 {
	border-bottom-width: 1px;
	font-size: 0.24rem;
	margin-bottom: 0.2rem;
	padding-bottom: 0.2rem;
	text-align: center;
}

.article-title span {
	display: block;
	text-align: center;
}

.avatar {
	border: 2px white solid;
}

.badge-live {
	background: #ff2d55;
	border-radius: 4px;
	font-size: 0.7rem;
	font-weight: 900;
	padding: 3px 6px;
	text-transform: uppercase;
}

.badge-message {
	position: absolute;
	right: -2px;
	top: -5px;
}

.badge-pad {
	border-radius: 8px;
	padding: 8px;
}

.balance-box {
	align-items: center;
	background: #fee715;
	border-radius: 8px;
	color: #000;
	display: flex;
	font-size: 14px;
	font-weight: 800;
	justify-content: space-between;
	margin-bottom: 15px;
	padding: 10px 15px;
}

.balance-val {
	font-size: 16px;
}

.ball {
	color: #fff;
	display: block;
	font-family: Philosopher;
	font-size: 16pt;
	font-style: bold;
	margin-bottom: 0;
	padding: 0 10px;
	text-align: left;
	text-indent: 5px;
	width: 200px;
}

.bank {
	overflow: hidden;
}

.bank li {
	float: left;
	padding: 0.1rem;
}

.bank li a {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.1rem;
	display: flex;
	height: 1rem;
	justify-content: center;
	position: relative;
	width: 1rem;
}

.bank li a.active .pitch {
	opacity: 1;
}

.bank li a>i {
	border-radius: 100%;
	color: white;
	display: block;
	font-size: 0.48rem;
	height: 0.7rem;
	line-height: 0.7rem;
	width: 0.7rem;
}

.bank-card {
	border-radius: 0.25rem;
	display: flex;
	flex-direction: column;
	margin: 0 auto 1rem auto;
	min-width: 0;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
}

.bank-card img {
	width: 100%;
}

.bank-card-details-wrapper {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

.bank-card-details-wrapper span {
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.bank-card-details-wrapper span:not(:first-child) {
	margin-top: 0.5rem;
}

.bank-card-tick-check-wrapper {
	border-bottom: 30px solid #00aeef;
	border-left: 30px solid transparent;
	bottom: 0;
	display: none;
	position: absolute;
	right: 0;
}

.bank-card.active .bank-card-tick-check-wrapper {
	display: block;
}

.bank-card:last-child {
	margin-bottom: 0;
}

.bank-option {
	list-style: none;
	padding-left: 0;
}

.bank-option a {
	border: 2px solid transparent;
}

.bank-option a.active {
	border-color: var(--bs-white);
}

.banner {
	display: none;
	overflow: hidden;
	width: 100%;
}

.banner img {
	width: 100%;
}

.bar-no {
	background: #dc3545 !important;
	height: 100%;
}

.bar-yes {
	background: #28a745 !important;
	height: 100%;
}

.bet-card {
	background: #111111;
	border-radius: 20px;
	border: 1px solid rgba(255,255,255,0.03);
	/* margin-bottom: 15px; */
	padding: 14px;
}

.between {
	background: #fff;
	height: 10px;
	position: relative;
	width: 100%;
}

.black {
	--color: var(--black);
}

.blue {
	--color: var(--blue);
}

.board-tab a {
	background: #333;
	border-radius: 8px;
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 60px;
	line-height: 40px;
	padding: 8px;
	text-align: center;
	width: 98%;
}

.board-tab a.all-dice {
	height: 75px;
}

.board-tab a:hover, .bseo a:hover, .gnumber-pair a:hover, .gnumber-single a:hover, .gnumber-six a:hover, .gnumber-three a:hover {
	background: #f90;
	color: #fff;
}

.board-tab a:hover>span, .gnumber-pair a:hover>.sicbo-ball, .gnumber-six a:hover>span, .gnumber-three a:hover>span, .wrap-three-all:hover>a span {
	background: #fff;
	color: #f90;
}

.bs-multiple {
	box-sizing: border-box;
	padding: 0 5px;
	width: 100%;
}

.bs-multiple a {
	box-sizing: border-box;
	color: #333;
	display: block;
	font-size: 14px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	width: 100%;
}

.bseo a {
	background: #333;
	border-radius: 8px;
	border: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	height: 100px;
	line-height: 60px;
	text-align: center;
	width: 24.555%;
}

.bseo a span {
	color: #f90;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	line-height: 5px;
	padding: 0;
	width: 100%;
}

.bseo a:hover>span, .gnumber-single a:hover>span {
	color: #fff;
}

.btn {
	border-radius: 0.1rem;
	border-radius: 0.35rem;
	text-transform: uppercase;
}

.btn-add-bank {
	align-items: center;
	color: #fff;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	left: 50%;
	position: absolute;
	text-decoration: none;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 100%;
}

.btn-add-bank:hover {
	color: #fff;
	text-decoration: none;
}

.btn-big {
	color: #ffffff;
	cursor: pointer;
	float: inherit;
	font-size: 16px;
	margin: 20px 10px;
}

.btn-content {
	background-image: -webkit-linear-gradient(top,#f6f6f6,#e2b659);
	color: #fff !important;
}

.btn-crypto-option {
	border-radius: 5px;
	border: 1px solid #ced4da;
	color: var(--fff);
	display: block;
	overflow: hidden;
	padding: 0.5rem;
	position: relative;
	text-align: center;
	width: 100%;
}

.btn-crypto-option.active:after {
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	content: "";
	height: 10px;
	position: absolute;
	right: 6px;
	top: 30px;
	transform: rotate(40deg) translate(-50%,-50%);
	width: 4px;
}

.btn-crypto-option.active:before {
	border-bottom: 1.45rem solid #fc7301;
	border-left: 1.45rem solid transparent;
	bottom: 0;
	content: "";
	height: 0;
	position: absolute;
	right: 0;
	width: 0;
}

.btn-custom-submit {
	align-items: center;
	background-color: var(--color);
	border-radius: 0.5rem;
	color: var(--fff);
	display: flex;
	font-weight: bold;
	justify-content: center;
	padding: 0.5rem;
	text-transform: uppercase;
	width: 100%;
}

.btn-empty {
	border-width: 0.03rem;
}

.btn-fb-blue {
	background-color: #29487d !important;
}

.btn-foot {
	height: 45px;
	margin: 0 auto;
	width: 80%;
}

.btn-foot button {
	background: #f90;
	border-radius: 1em;
	border: 1px solid #aaa;
	float: left;
	margin: 0 5%;
	padding: 5px 0;
	width: 40%;
}

.btn-game {
	background: #f90;
	margin: 10px 0;
	width: 100%;
}

.btn-instagram-blue {
	background-color: #4cb5f9 !important;
	background: linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
}

.btn-line-green {
	background-color: #00c300 !important;
}

.btn-livechat-black, .btn-livechat {
	background-color: #3a3a3a !important;
}

.btn-login, .btn-register {
	align-items: center;
	background-color: var(--color);
	border-radius: 0.35rem;
	color: var(--fff);
	display: flex;
	font-weight: bold;
	justify-content: center;
	padding: 1rem;
	text-transform: uppercase;
	width: 100%;
}

.btn-login, .btn-register, #btnSubmitDepo, #btnSubmitWithdraw, #btnSubmitBindBank {
	transition: background-color 0s;
}

.btn-mail-yellow {
	background-color: #ff4141 !important;
}

.btn-market {
	border-radius: 8px;
	border: none;
	padding: 0.8rem;
	text-align: left;
	transition: opacity 0.2s;
	width: 100%;
}

.btn-market:hover {
	opacity: 0.9;
}

.btn-messenger-blue {
	background: linear-gradient(0deg, rgb(0,120,255) 15%, rgb(0,198,255) 90%);
}

.btn-placement {
	background: #ffb14d;
	border-radius: 14px;
	border: none;
	box-shadow: 0 4px 20px rgba(255,177,77,0.2);
	color: #000;
	cursor: pointer;
	font-size: 18px;
	font-weight: 900;
	padding: 18px;
	text-transform: uppercase;
	width: 100%;
}

.btn-skype-blue {
	background: linear-gradient(#88d9f8,#00aff0);
}

.btn-social {
	border-radius: 1rem;
	color: #fff !important;
	display: block;
	font-size: 0.9rem;
	padding: 0.75rem;
	position: relative;
	text-align: center;
	text-transform: capitalize;
}

.btn-submit {
	margin: 0.4rem 0;
}

.btn-telegram-blue {
	background-color: #08c !important;
}

.btn-twitter-blue {
	background: linear-gradient(45deg,#1da1f2,#0d90e0);
}

.btn-viber-blue {
	background: linear-gradient(0deg,#59267c 15%,#8f5db7 90%);
}

.btn-wechat-green {
	background-color: #09b83e !important;
}

.btn-whatsapp-green {
	background-color: #25d366 !important;
}

.btn-yellow {
	background-color: var(--yellow);
	color: var(--333);
}

.btn-yellow .ico {
	color: var(--333);
}

.btn-youtube-red {
	background-color: #cd201f !important;
}

.btn-zalo-blue {
	background-color: #00acd4 !important;
}

.btn.btn-big {
	padding: 0.5rem;
}

.btn.gradient {
	box-sizing: border-box;
	color: var(--fff);
	display: block;
}

.btn.gradient:hover {
	color: var(--fff);
	opacity: .8;
}

.bx-next {
	background-position: left bottom;
	right: 10px;
}

.bx-next, .bx-prev {
	background: url(../../images/game/new-btn.png) no-repeat;
	height: 26px;
	position: absolute;
	text-indent: -999999px;
	top: 7px;
	width: 26px;
}

.bx-prev {
	background-position: left top;
	left: 10px;
}

.bx-prev:hover, .gkeno-total .bx-next:hover {
	background-image: url(../../images/game/new-btn-hover.png);
}

.bx-window {
	width: 100%;
}

.bx-wrapper {
	margin: 0 auto;
	width: 100%;
}

.card-body {
	padding: 1.0rem !important;
}

.casino {
	overflow: hidden;
	padding: 0 0.1rem;
}

.casino .lott-1 {
	background-image: url(../../images/lottery.png);
}

.casino .lott-2 {
	background-image: url(../../images/thai_lottery.png);
}

.casino .lott-3 {
	background-image: url(../../images/vn_lottery.png);
}

.casino a {
	background: #eceff4 10px no-repeat;
	box-sizing: border-box;
	display: block;
	margin: 10px 0;
	overflow: hidden;
	padding: 10px 10px 10px 160px;
	width: 100%;
}

.casino a span {
	overflow: hidden;
	width: 100%;
}

.casino a span h6 {
	color: #ffc31e;
	font-size: 16px;
	font-weight: 600;
	line-height: 200%;
	text-transform: capitalize;
}

.casino a span i {
	background: #ffc107 url(../../images/enter-btn.png) center no-repeat;
	border-radius: 100%;
	display: block;
	height: 40px;
	margin: 5px 0;
	width: 40px;
}

.casino a span p {
	line-height: 200%;
	padding: 5px 0;
	text-align: justify;
}

.casino a.ca1 {
	background-image: url(../../images/casino-1.png);
}

.casino a.ca10, .casino a.ca5, .casino a.ca6, .casino a.ca7, .casino a.ca8, .casino a.ca9 {
	padding: 10px;
}

.casino a.ca2 {
	background-image: url(../../images/casino-2.png);
}

.casino a.ca3 {
	background-image: url(../../images/casino-3.png);
}

.casino a.ca4 {
	background-image: url(../../images/casino-4.png);
}

.casino li {
	float: left;
	padding: 0.1rem;
	transition-duration: 0s;
	width: 50%;
}

.casino li a {
	display: block;
}

.casino li a cite {
	background-image: url(../images/box.png);
	background-size: 100% 100%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.casino li a em {
	background-size: cover;
	border-radius: 0.1rem;
	display: block;
	height: 2rem;
	margin-bottom: 0.1rem;
	position: relative;
	width: 100%;
}

.casino li a h5 {
	background-color: var(--block);
	border-radius: 0.05rem;
	color: white;
	font-size: 0.18rem;
	line-height: 0.5rem;
	overflow: hidden;
	padding: 0 0.1rem;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.casino li a:hover span {
	top: 0;
}

.category-tabs {
	-webkit-overflow-scrolling: touch;
	display: flex;
	margin-bottom: 20px;
	overflow-x: auto;
	scrollbar-width: none;
}

.category-tabs .tab {
	background-color: #333;
	border-radius: 20px;
	color: white;
	flex-shrink: 0;
	margin-right: 10px;
	padding: 8px 15px;
	text-decoration: none;
	white-space: nowrap;
}

.category-tabs .tab.active {
	background-color: var(--color);
}

.category-tabs::-webkit-scrollbar {
	display: none;
}

.center {
	flex-direction: column;
	margin-bottom: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}

.center .contant.list {
	color: #fff;
}

.center .input {
	width: 100%;
}

.center .input .btn {
	min-height: 3rem;
	min-height: unset;
}

.center .list a:hover {
	background-color: transparent;
	background-color: var(--color);
	color: #fff !important;
	text-decoration: none;
}

.center h2 {
	background-color: var(--color);
	background: #f2f2f2;
	border-radius: 0 15px 15px 0;
	color: #000;
	color: #fff !important;
	display: block;
	float: left;
	font-size: 16px;
	height: 30px;
	line-height: 30px;
	margin: 20px 0;
	padding: 0 15px 0 10px;
}

.center-avtar {
	background: url(../../images/avtar-bg.png) center no-repeat;
	border-radius: 100%;
	height: 80px;
	margin: 50px 0 0;
	width: 80px;
}

.center-basic {
	border-bottom: 1px #d8d8d8 solid;
	border: 0;
	overflow: hidden;
	width: 100%;
}

.center-basic table {
	width: 100%;
}

.center-basic td {
	box-sizing: border-box;
	color: #fff;
	height: 40px;
	padding: 0 5px;
	vertical-align: middle;
}

.center-basic td:first-child {
	text-align: right;
	text-transform: capitalize;
}

.center-basic td:last-child {
	text-align: left;
}

.center-head {
	background: url(../../user/banner-center.jpg) center top no-repeat;
	height: 180px;
	margin: 0 0 10px;
	padding: 10px;
	position: relative;
	width: 100%;
}

.center-header-info-wrapper .center-header-info-wallet {
	margin-top: 0 !important;
}

.center-header-wrapper {
	margin-bottom: 0.5rem;
	overflow: hidden;
	padding: 0 0.25rem;
}

.center-header-wrapper .center-btn-wrapper {
	display: flex;
}

.center-header-wrapper .center-btn-wrapper li {
	flex: 1;
	padding: 0.25rem;
	text-align: center;
}

.center-header-wrapper .center-btn-wrapper li a {
	background-color: var(--block);
	border-radius: 0.35rem;
	display: flex;
	flex-direction: column;
	padding: 0.75rem 0;
}

.center-header-wrapper .center-btn-wrapper li a i {
	display: block;
	font-size: 1.5rem;
	margin-bottom: 0.25rem;
}

.center-header-wrapper .center-btn-wrapper li a span {
	color: var(--fff);
	font-size: 0.8rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.center-header-wrapper .center-header-info-wrapper {
	background-position: center top;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info {
	background-color: var(--color);
	border-radius: 0.5rem;
	display: flex;
	flex-direction: column;
	padding: 2.5rem 0 1rem;
	position: relative;
	text-align: center;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info .avatar {
	border-width: 0.25rem;
	height: 5rem;
	left: 0;
	margin: -3rem auto 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 5rem;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info .center-header-info-email {
	font-size: 0.8rem;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info .info-toggle {
	padding: 0.5rem;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet {
	align-items: center;
	background-color: var(--yellow);
	border-radius: 0.35rem;
	display: flex;
	margin: auto;
	padding: 0.75rem 0.5rem;
	width: 100%;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet input {
	color: var(--red);
	flex: 1;
	font-size: 0.9rem;
	font-weight: bold;
	text-align: right;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet span {
	color: #000;
	font-size: 0.85rem;
	font-weight: bold;
	text-transform: capitalize;
}

.center-header-wrapper .center-header-info-wrapper .center-header-info-wallet u {
	flex: 1;
}

.center-header-wrapper .center-list-wrapper .list li {
	border-color: var(--fff-1);
}

.center-header-wrapper .center-list-wrapper .list li a {
	align-items: center;
	background: transparent;
	color: var(--fff);
	display: flex;
	line-height: 1;
	margin: 0;
	padding: 0.5rem 0;
}

.center-header-wrapper .center-list-wrapper .list li a i {
	align-items: center;
	background: none;
	display: flex;
	justify-content: center;
}

.center-header-wrapper .center-list-wrapper .list li a span {
	font-size: 0.9rem;
}

.center-header-wrapper .center-list-wrapper .list li a:hover {
	color: var(--fff);
}

.center-header-wrapper .center-list-wrapper .list li a:hover i, .center-header-wrapper .center-list-wrapper .list li a:hover span {
	color: var(--fff);
}

.center-header-wrapper .center-list-wrapper .list li:not(:last-child) {
	border-bottom-width: 1px;
}

.center-info {
	padding: 0 0 0 100px;
	position: absolute;
	top: 30px;
	top: 47px;
	width: 100%;
}

.center-info h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 120%;
	margin: 0 0 10px;
}

.center-info h3 span {
	color: #eee;
	display: block;
	font-size: 14px;
	font-weight: 400;
}

.center-info h3, #record-pagin, .depo-img-text {
	color: #eee;
}

.center-info p {
	color: #eee;
	font-size: 14px;
	line-height: 180%;
	margin: 0;
	padding: 0;
	width: 100%;
}

.center-info p span {
	color: #f90;
}

.center-info-btm-wrapper .btn-big {
	border-radius: 0.5rem;
	margin-bottom: 1rem;
	margin: 0;
	padding: 0.5rem;
}

.center-info-list-wrapper {
	padding: 0 0.5rem;
	width: 100%;
}

.center-info-list-wrapper li {
	align-items: center;
	border-bottom: 1px var(--fff-1) solid;
	display: flex;
	line-height: 1;
	padding: 0.5rem 0;
}

.center-info-list-wrapper li b {
	color: var(--yellow);
}

.center-info-list-wrapper li p, .center-info-list-wrapper li span {
	font-size: 0.85rem;
}

.center-info-list-wrapper li span {
	color: #fff;
	text-transform: capitalize;
}

.center-info-list-wrapper li u {
	flex: 1;
}

.center-tab {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding: 5px;
	width: 100%;
}

.center-tab a {
	background-clip: content-box;
	background: #f4f4f4;
	border-radius: 6px;
	border: 3px transparent solid;
	color: #000;
	flex: 1 1 calc(50% - 6px);
	font-size: 1em;
	height: 45px;
	line-height: 39px;
	padding: 0;
	text-align: center;
	text-decoration: none;
}

.center-tab a.active, .center-tab a:hover {
	background-clip: content-box;
	background-clip: unset;
	background: #cb0e01;
	background: unset;
	color: #fff;
}

.center-table {
	background: #fff;
	margin: 10px 0;
	overflow: hidden;
	width: 100%;
}

.center-table table {
	width: 100%;
}

.center-table td {
	border-bottom: 1px #eee solid;
	padding: 0 5px;
}

.center-table td span.grey {
	color: #ccc;
}

.center-table td span.red {
	color: #f33;
}

.center-table td span.yellow {
	color: #fc0;
}

.center-table td, .center-table th {
	color: #444;
	height: 49px;
	text-align: center;
	vertical-align: middle;
}

.center-table th {
	background: #eee;
}

.change-password-notes {
	padding: 0.75rem;
}

.change-password-notes li {
	font-size: 0.85rem;
}

.change-password-notes span {
	color: var(--fff);
	font-weight: bold;
}

.code-match {
	align-items: center;
	background-color: rgb(85,182,187);
	border-radius: 0.5rem;
	color: var(--fff);
	display: flex;
	height: 100%;
	justify-content: center;
	width: 100%;
}

.contact-us-list li {
	margin-bottom: 0.5rem;
	transition-duration: 0s;
}

.contact-us-list li a {
	align-items: center;
	border-radius: 0.5rem;
	color: var(--fff);
	display: flex;
	overflow: hidden;
	padding: 1rem;
	position: relative;
}

.contact-us-list li a .contact-us-list-content {
	font-size: 0.8rem;
}

.contact-us-list li a span {
	bottom: -1rem;
	color: var(--000-1);
	font-size: 4rem;
	position: absolute;
	right: -1rem;
}

.contact-us-list li a u {
	flex: 1;
}

.contact-us-list li em {
	align-items: center;
	background-color: var(--fff);
	border-radius: 0.5rem;
	display: flex;
	font-size: 2rem;
	height: 3rem;
	justify-content: center;
	margin-right: 0.5rem;
	padding: 0.5rem;
	width: 3rem;
}

.contact-us-wrapper {
	color: var(--fff);
}

.contant {
	margin-bottom: 0.2rem;
	overflow: hidden;
	padding: 0 0.2rem;
}

.contant.list {
	padding: 10px;
	width: 100%;
}

.content div a.active, .gnumber-num a.active, .gnumber-num a:hover {
	background: #f90;
	color: #fff;
	cursor: pointer;
}

.copy-bank-details-wrapper {
	border-radius: 0.5rem;
	border: 1px solid white;
	font-size: 0.9rem;
	margin-top: 0.75rem;
	padding: 0.5rem;
	width: 100%;
}

.copy-bank-details-wrapper .btn-copy-bank {
	align-items: center;
	background-color: var(--color);
	border-radius: 0.25rem;
	display: flex;
	height: 100%;
	justify-content: center;
	padding: 0.25rem 0.5rem;
}

.copy-bank-details-wrapper .copy-bank-details-info {
	align-items: center;
	display: flex;
}

.copy-bank-details-wrapper label {
	font-size: 0.9rem;
}

.cross {
	-moz-background-size: cover;
	-o-background-size: cover;
	-webkit-background-size: cover;
	background-size: cover;
	background: url(../../images/modal_close.png);
	display: block;
	float: right;
	height: 45px;
	margin-right: -.5px;
	position: relative;
	width: 45px;
	z-index: 10005 !important;
}

.custom-depo-bank-wrapper .custom-depo-bank {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 0.5rem;
}

.custom-depo-bank-wrapper .custom-depo-bank .custom-depo-selected-bank {
	background-color: var(--block);
	border-radius: 0.5rem;
	border: 2px transparent solid;
	overflow: hidden;
	position: relative;
}

.custom-depo-bank-wrapper .custom-depo-bank .custom-depo-selected-bank .ico {
	background-color: var(--red);
	border-radius: 0 0 0 1rem;
	color: var(--fff);
	font-size: 1rem;
	height: 1.25rem;
	opacity: 0;
	position: absolute;
	right: 0;
	width: 1.25rem;
	z-index: 1;
}

.custom-depo-bank-wrapper .custom-depo-bank img {
	border-radius: 1rem;
	max-width: 4rem;
	padding: 0.5rem;
}

.custom-depo-bank-wrapper .custom-depo-bank span {
	font-size: 0.8rem;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.custom-depo-bank-wrapper .custom-depo-bank.active .custom-depo-selected-bank {
	border-color: var(--red);
}

.custom-depo-bank-wrapper .custom-depo-bank.active .custom-depo-selected-bank .ico {
	opacity: 1;
}

.custom-form-wrapper {
	color: var(--fff);
}

.custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt {
	align-items: center;
	display: flex;
	justify-content: center;
}

.custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt span {
	background-color: var(--block);
	border-radius: 0.35rem;
	color: var(--fff);
	font-size: 0.9rem;
	height: 100%;
	overflow: hidden;
	padding: 0.25rem;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100%;
}

.custom-form-wrapper .custom-amount-wrapper input {
	font-size: 1.2rem;
}

.custom-form-wrapper .depo_img a {
	border-radius: 0.25rem;
}

.custom-form-wrapper .depo_img label {
	background-color: var(--deep);
	border-color: #ced4da;
}

.custom-form-wrapper .depo_img_text {
	font-size: 0.9rem;
}

.custom-form-wrapper .form-control:disabled, .custom-form-wrapper .form-control[readonly] {
	background-color: var(--deep);
}

.custom-form-wrapper input, .custom-form-wrapper select {
	background-color: var(--deep);
	border-bottom: 1px var(--fff-1) solid;
	border-color: transparent;
	border-radius: 0.35rem;
	color: var(--yellow);
	font-size: 1rem;
}

.custom-form-wrapper input:focus, .custom-form-wrapper select:focus {
	background-color: var(--deep);
	border-bottom-color: #ced4da;
	border-left-color: transparent;
	border-right-color: transparent;
	border-top-color: transparent;
	box-shadow: none;
	color: var(--yellow);
	outline: none;
}

.custom-metallic-blue {
	--color: var(--custom-metallic-blue);
	--text-color: var(--orange-tab);
}

.custom-orange {
	--color: var(--custom-orange);
}

.custom-orange-type1 {
	--color: var(--custom-orange-asavaslot);
}

.custom-provider-item {
	align-items: center;
	display: flex;
}

.custom-provider-item .custom-provider-button {
	background: var(--color);
	border-radius: 0.5rem;
	color: var(--fff);
	display: block;
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
	overflow: hidden;
	padding: 0.5rem 0.25rem;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
	width: 100%;
}

.custom-purple {
	--color: var(--custom-purple);
}

.custom-purple-type1 {
	--color: var(--custom-purple-audi777);
}

.custom-purple-type2 {
	--color: var(--custom-purple-satta9);
}

.custom-red {
	--color: var(--custom-red);
}

.custom-red-type1 {
	--color: var(--red-baliwbet);
	--text-color: var(--orange-baliwbet);
}

.custom-red-type2 {
	--color: var(--custom-red-miraclebet);
	--text-color: var(--custom-red-miraclebet);
}

.custom-sky-blue {
	--color: var(--sky-blue);
	--text-color: var(--sky-blue);
}

.custom-table .ref_link.btn {
	font-size: .9rem;
	padding: .375rem .5rem;
}

.customer-list li {
	margin-bottom: 0.2rem;
	transition-duration: 0s;
}

.customer-list li a {
	align-items: center;
	border-radius: 0.1rem;
	color: white;
	display: flex;
	overflow: hidden;
	padding: 0.3rem;
	position: relative;
}

.customer-list li a em {
	background-color: white;
	border-radius: 0.2rem;
	font-size: 0.72rem;
	height: 1rem;
	line-height: 1rem;
	margin-right: 0.2rem;
	width: 1rem;
}

.customer-list li a i {
	font-size: 0.48rem;
}

.customer-list li a p {
	text-transform: capitalize;
}

.customer-list li a span {
	bottom: -0.4rem;
	color: var(--000-1);
	font-size: 1.4rem;
	position: absolute;
	right: -0.4rem;
}

.customer-list li a u {
	flex: 1;
}

.cyan {
	--color: var(--cyan);
}

.data {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.1rem;
	display: flex;
	padding: 0.3rem 0;
}

.data li {
	flex: 1;
	text-align: center;
}

.data li h4 {
	color: white;
	font-size: 0.32rem;
}

.data li span {
	color: var(--txt);
	display: block;
	font-size: 0.18rem;
	padding-bottom: 0.1rem;
}

.data li:not(:last-child) {
	border-right: 1px var(--fff-1) solid;
}

.datepicker>.datepicker_header>.icon-close {
	height: 30px !important;
	width: 30px !important;
}

.datepicker>.datepicker_header>.icon-home>div, .datepicker>.datepicker_header>.icon-close>div {
	background-position-x: left;
	background-size: cover;
}

.datepicker>.datepicker_inner_container>.datepicker_timelist {
	margin-top: 2.5px !important;
}

.datepicker>.datepicker_inner_container>.datepicker_timelist>div.timelist_item {
	color: #000;
}

.depo-popup-qr-img {
	max-height: 20rem;
	max-width: 20rem;
}

.depo_img #btn_img {
	padding: 9px;
}

.depo_img a {
	width: auto !important;
}

.depo_img label {
	border-radius: 3px;
	border: 1px solid #ced4da;
}

.depo_img label span {
	overflow: hidden;
}

.discount li {
	margin-bottom: 0.2rem;
	transition-duration: 0s;
}

.discount-title {
	align-items: center;
	display: flex;
	padding: 0.1rem 0;
}

.discount-title h5 {
	color: white;
	flex: 1;
	font-size: 0.2rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.discount-title i {
	color: var(--color);
	font-size: 0.4rem;
	margin: inherit;
}

.discount-title span {
	color: var(--txt);
}

.discount-txt {
	align-items: center;
	background-size: cover;
	border-radius: 0.1rem;
	display: flex;
	height: 1.5rem;
	padding: 0 0.2rem;
}

.discount-txt h5 {
	color: var(--yellow);
	font-size: 0.2rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dominate {
	display: flex;
	padding: 0 0.1rem;
}

.dominate li {
	flex: 1;
	padding: 0.1rem;
	text-align: center;
}

.dominate li a {
	background-color: var(--block);
	border-radius: 0.1rem;
	display: block;
	padding: 0.2rem 0;
}

.dominate li a i {
	display: block;
	font-size: 0.48rem;
	margin-bottom: 0.1rem;
}

.dominate li a span {
	color: white;
	font-size: 0.18rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.end-date {
	color: rgba(255,255,255,0.9);
	font-size: 0.7rem;
}

.err-msg {
	color: red !important;
	font-size: 0.8rem;
}

.err-msg-wrapper {
	background-color: var(--block);
	border-radius: 0.35rem;
	color: #dc3545;
	font-size: 0.9rem;
	height: 100%;
	padding: 0.5rem;
	text-align: center;
	width: 100%;
}

.expanded {
	box-sizing: border-box;
	width: 100% !important;
}

.f-bold {
	font-weight: bold;
}

.f-large {
	font-size: 20px;
}

.f-rem-small {
	font-size: 0.8rem;
}

.f-small {
	font-size: 16px;
}

.f-xlarge {
	font-size: 24px;
}

.fafaglobal-theme #excModal .btn {
	background: #ff3434;
}

.fafaglobal-theme #excModal.modal-transfer .modal-body, .fafaglobal-theme #excModal .close {
	border-color: #ff3434;
}

.faq-wrapper h2 {
	font-size: 1.5rem;
}

.faq-wrapper p {
	font-size: 0.9rem;
}

.featured-active {
	right: 0px !important;
	transition-delay: 0.8s !important;
}

.featured-popup-body {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
}

.featured-popup-body img {
	padding: 0.25rem;
	width: 100%;
}

.featured-popup-body-detail {
	display: flex;
	flex-direction: column;
	height: 100%;
	width: 100%;
}

.featured-popup-body-detail h3 {
	font-size: 1rem;
	text-align: center;
	width: 100%;
}

.featured-popup-content {
	background-color: white;
	border-radius: 0.25rem;
	bottom: 0;
	height: auto;
	overflow: hidden;
	padding: 0 0 0.25rem 0.25rem;
	position: absolute;
	right: 5px;
	width: 220px;
}

.featured-popup-content .btn-featured-popup-close {
	align-items: center;
	background: #ccc;
	color: var(--000);
	display: flex;
	height: 100%;
	justify-content: center;
	line-height: 2.25rem;
	width: 100%;
}

.featured-popup-content h2 {
	align-items: center;
	color: #343434;
	display: flex;
	font-size: 1rem;
	height: 100%;
	text-transform: uppercase;
}

.featured-winner-amount {
	color: red;
	font-size: 0.9rem;
	text-align: center;
	width: 100%;
}

.featured-winner-btn {
	align-items: center;
	display: flex;
	justify-content: center;
	width: 100%;
}

.featured-winner-btn span {
	background-color: var(--color);
	border-radius: 0.5rem;
	color: var(--fff);
	font-size: 0.85rem;
	padding: 0.25rem 0.5rem;
	text-transform: uppercase;
}

.ffwin-theme header .header-wrapper .logo-wrapper img, .fafaglobal-theme header .header-wrapper .logo-wrapper img {
	height: auto;
	max-width: 180px;
}

.fish li a em {
	background-size: contain;
	height: 2.5rem;
}

.fish li a h5 {
	bottom: 0;
	opacity: 0.9;
	position: absolute;
	width: 100%;
}

.float-link {
	left: 10px;
	position: fixed;
	z-index: 999;
}

.float-link .btn-close {
	background: #eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' focusable='false' height='24' width='24' jsname='lZmugf'%3E%3Cpath d='M0 0h24v24H0z' fill='none'%3E%3C/path%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'%3E%3C/path%3E%3C/svg%3E") center/1rem no-repeat;
	border-radius: 50%;
	height: 20px;
	position: absolute;
	right: 0;
	top: -1rem;
	width: 20px;
}

.float-link.float-link-1 {
	bottom: 28%;
}

.float-link.float-link-2 {
	bottom: 18%;
}

.float-link.float-link-3 {
	bottom: 8%;
}

.footer-fafabets-text {
	text-align: center;
}

.footer-fafabets-text a {
	font-weight: bold;
}

.footer-faq-wrapper h1 {
	font-size: 1.8rem;
}

.footer-faq-wrapper h2 {
	font-size: 1.6rem;
}

.footer-faq-wrapper h3 {
	font-size: 1.5rem;
}

.footer-faq-wrapper h4 {
	font-size: 1.2rem;
}

.footer-faq-wrapper h5 {
	font-size: 1.05rem;
}

.footer-faq-wrapper h6 {
	font-size: 0.9rem;
}

.footer-faq-wrapper p span {
	color: #fff !important;
}

.footer-faq-wrapper table {
	border-collapse: collapse;
	width: 100%;
}

.footer-faq-wrapper table td {
	border: 1px solid #fff;
	text-align: center;
}

.footer-provider-title {
	display: flex;
	margin-bottom: 0.5rem;
	width: 100%;
}

.footer-provider-title span {
	background-color: var(--color);
	border-radius: 1rem;
	display: flex;
	font-size: 0.9rem;
	padding: 0.25rem 1rem;
}

.footer-provider-wrapper .col-3 {
	flex: 0 0 10% !important;
	max-width: 20% !important;
}

.footer-seo-btn-gaming {
	align-items: center;
	display: flex;
	justify-content: center;
	text-align: center;
	width: 100%;
}

.form {
	padding: 0;
}

.form li {
	border-color: var(--fff-1);
	color: var(--txt);
}

.form li .ico {
	color: white;
}

.form li input, .form li select {
	background-color: var(--deep);
	color: white;
}

.form li span:first-child {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 2.4rem;
}

.g-wrap div, .g-wrap span, .g-wrap label {
	transition-duration: unset;
}

.game-free a {
	border: none;
	color: var(--fff);
	font-size: .9rem;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.game-group span {
	background-size: cover;
	background: url(../../images/game/ball1.png);
	color: #000;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 24px;
	line-height: 22px;
	position: absolute;
	text-align: center;
	width: 24px;
}

.game-play-over {
	background-size: 100% 100%;
	background: url(../../images/game/glass.png) center no-repeat;
	height: 100%;
	margin: 0 auto;
	width: 320px;
}

.game-table {
	margin: 0 0 10px;
	overflow-x: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.game-table i {
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	height: 40px;
	vertical-align: middle;
}

.game-table i.add {
	background-image: url(../../images/sport/btn-add.png);
	float: right;
	width: 30px;
}

.game-table i.edit {
	background-image: url(../../images/sport/btn-edit.png);
	float: right;
	width: 30px;
}

.game-table i.f {
	background-image: url(../../images/sport/tip-f.png);
	display: inline-block;
	width: 21px;
}

.game-table i.l {
	background-image: url(../../images/sport/tip-l.png);
	display: inline-block;
	width: 21px;
}

.game-table i.star {
	background-image: url(../../images/sport/star-yellow.png);
	float: left;
	width: 40px;
}

.game-table i.star-hollow {
	background-image: url(../../images/sport/star-hollow.png);
}

.game-table i.star-white {
	background-image: url(../../images/sport/star-white.png);
}

.game-table input[type=number] {
	border: 1px #eee solid;
	height: 38px;
	line-height: 38px;
	padding: 0 5px;
	vertical-align: middle;
	width: calc(100% - 40px);
}

.game-table input[type=radio] {
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.game-table input[type=text] {
	border: 1px #eee solid;
	height: 38px;
	line-height: 38px;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
	width: calc(100% - 10px);
}

.game-table table {
	background: #eee;
	width: 100%;
}

.game-table td {
	background: #fff;
	color: #333;
	line-height: 1.5;
	text-align: center;
	vertical-align: middle;
}

.game-table td a {
	vertical-align: middle;
}

.game-table td.lie {
	width: 2px;
}

.game-table td.red {
	color: #f33;
}

.game-table td.small-two {
	vertical-align: middle;
}

.game-table td.two {
	line-height: 24px;
	vertical-align: middle;
}

.game-table td:hover {
	background: #f9f9f9;
}

.game-table th {
	background: #ccc;
	border: 1px #666 solid;
	color: #333;
	font-size: 14px;
	text-align: left;
	text-indent: 1em;
	text-transform: uppercase;
	vertical-align: middle;
}

.game-table th a {
	float: right;
	font-weight: 400;
	line-height: 40px;
	padding: 0 10px;
}

.game-table th a.refresh {
	background: url(../../images/sport/refresh-black.png) center no-repeat;
	display: inline-block;
	float: inherit;
	height: 40px;
	padding: 0;
	vertical-align: middle;
	width: 40px;
}

.game-table th a.refresh-white {
	background-image: url(../../images/sport/refresh-white.png);
	float: right;
}

.game-table th a.refresh:hover {
	transform: rotate(360deg);
}

.game-table th a:hover {
	color: #f90;
}

.game-table th span {
	float: right;
	font-size: 12px;
	font-weight: 400;
	padding: 0 10px;
}

.game-table th.dark {
	background: #333;
	border-color: #333;
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 40px;
	text-transform: capitalize;
}

.game-table tr {
	height: 40px;
	vertical-align: middle;
}

.game-thumb {
	display: flex;
	flex-direction: column;
}

.game-thumb img {
	width: 100%;
}

.game-thumb span {
	background-color: var(--color);
	border-radius: 0.25rem;
	color: var(--fff);
	font-size: 0.85rem;
	font-weight: bold;
	margin-top: 0.5rem;
	overflow: hidden;
	padding: 0.25rem;
	text-align: center;
	text-overflow: ellipsis;
	text-transform: uppercase;
	white-space: nowrap;
}

.gkeno {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gkeno-btn {
	background: #000;
	overflow: hidden;
	width: 100%;
}

.gkeno-btn a {
	background: #333;
	border-radius: 3px;
	border: 5px #010101 solid;
	box-sizing: border-box;
	color: #fff !important;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 107px;
	line-height: 107px;
	padding: 0 0 0 10px;
	text-transform: capitalize;
}

.gkeno-btn a label {
	color: #666;
	margin-bottom: 0;
}

.gkeno-btn a span {
	color: #f90;
	float: right;
	font-size: 14px;
	line-height: 34px;
	padding: 20px 0;
	text-align: center;
}

.gkeno-btn a span em {
	color: #999;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
}

.gkeno-btn a.active label, .gkeno-btn a:hover label {
	color: #fff;
}

.gkeno-btn a.active span, .gkeno-btn a.active span em, .gkeno-btn a:hover span, .gkeno-btn a:hover span em {
	color: #fff;
}

.gkeno-btn a.active, .gkeno-btn a:hover {
	background: #f90;
}

.gkeno-btn-buo {
	overflow: hidden;
	padding: 5px;
}

.gkeno-btn-buo a {
	width: 35%;
}

.gkeno-btn-buo a span {
	width: 50%;
}

.gkeno-btn-buo a.tie-bs, .gkeno-btn-buo a.tie-oes, .gkeno-btn-buo a.tie-ud, .gkeno-btn-buo a.white {
	background: #fff;
	color: #555;
	line-height: 50px;
	padding: 0;
	text-align: center;
	width: 30%;
}

.gkeno-btn-buo a.tie-bs:hover, .gkeno-btn-buo a.tie-oes:hover, .gkeno-btn-buo a.tie-ud:hover, .gkeno-btn-buo a.white:hover {
	background: #f90;
	color: #fff;
}

.gkeno-btn-buo a.white span {
	line-height: 22px;
	padding: 0;
	width: 100%;
}

.gkeno-btn-max {
	overflow: hidden;
	padding: 5px;
}

.gkeno-btn-max a {
	font-size: 14px;
	height: 80px;
	line-height: 40px;
	padding: 0;
	text-align: center;
	width: 25%;
}

.gkeno-btn-max a span {
	font-size: 14px;
	line-height: 20px;
	padding: 0;
	width: 100%;
}

.gkeno-btn-sd {
	overflow: hidden;
	padding: 0 5px;
}

.gkeno-btn-sd a {
	width: 50%;
}

.gkeno-btn-sd a span {
	line-height: 107px;
	padding: 0;
	width: 100px;
}

.gkeno-guess {
	overflow: hidden;
	width: 100%;
}

.gkeno-guess a {
	color: #fff;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-transform: capitalize;
}

.gkeno-guess label {
	background: #272727;
	display: block;
	float: right;
	width: 80%;
}

.gkeno-guess label a {
	border-left: 1px #4c4c4c solid;
	box-sizing: border-box;
	width: 20%;
}

.gkeno-guess label.line {
	border-bottom: 1px #4c4c4c solid;
	box-sizing: border-box;
	height: 50px;
	margin-bottom: 0;
}

.gkeno-guess-title {
	height: 100px;
	width: 20%;
}

.gkeno-guess-title a {
	background: #f90;
	width: 100%;
}

.gkeno-guess-title a.line {
	border-bottom: 1px #ffb74c solid;
	box-sizing: border-box;
}

.gkeno-info {
	background: #161616;
	height: 115px;
	width: 100%;
}

.gkeno-info a.enter {
	background: #f90 url(../../images/game/btn-enter.png) -8px -8px no-repeat;
	border-radius: 100%;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 0 10px;
	width: 60px;
}

.gkeno-info cite {
	background: #1f1f1f;
	display: block;
	float: left;
	font-style: normal;
	font-weight: 700;
	height: 35px;
	line-height: 40px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.gkeno-info select {
	background: #fff;
	border-radius: 3px;
	border: none;
	box-sizing: border-box;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 20px auto;
	padding: 0 10px;
	text-transform: capitalize;
	width: 200px;
}

.gkeno-info>a {
	background: #f90 url(../../images/game/btn-back.png) -8px -8px no-repeat;
	border-radius: 30px;
	display: block;
	float: left;
	font-size: 20px;
	height: 60px;
	line-height: 60px;
	margin: 10px 10px 0 12px;
	text-indent: 1em;
	width: 60px;
}

.gkeno-info>a:hover {
	background-color: #b97820;
}

.gkeno-info>span {
	box-sizing: border-box;
	display: block;
	font-weight: 700;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}

.gkeno-info>span>em {
	color: #f90;
	float: left;
	font-style: normal;
}

.gkeno-load {
	background: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}

.gkeno-load a {
	background: url(../../images/game/loading.gif) center no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

.gkeno-number {
	overflow: hidden;
	width: 100%;
}

.gkeno-number-list {
	background: #4c4c4c;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	width: 100%;
}

.gkeno-number-list a {
	background: #fff;
	border-radius: 3px;
	display: block;
	float: left;
	font-size: 20px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 5px;
	text-align: center;
	width: 46px;
	z-index: 5;
}

.gkeno-number-list a.active, .gkeno-number-list a:hover {
	background: #f90;
	color: #fff;
}

.gkeno-reb {
	box-sizing: border-box;
	overflow: hidden;
	padding: 0 5px;
}

.gkeno-reb a {
	background: #fff;
	color: #555 !important;
	height: 80px;
	line-height: 80px;
	width: 33.33%;
}

.gkeno-reb a span {
	line-height: 30px;
	padding: 10px;
}

.gkeno-reb a.bet {
	background: #4c4c4c;
	border-style: inset;
	color: #f1f1f1 !important;
	padding: 0;
	text-align: center;
}

.gkeno-reb a:hover {
	color: #fff;
}

.gkeno-results {
	background: #fff;
	overflow: hidden;
	width: 100%;
}

.gkeno-results-list {
	box-sizing: border-box;
	padding: 10px 20px;
	width: 100%;
}

.gkeno-results-list label {
	border-left: 1px #eee solid;
	display: block;
	float: left;
	margin: 5px 0;
	width: 100%;
}

.gkeno-results-list label a {
	border-left: none;
	border: 1px #eee solid;
	box-sizing: border-box;
	color: #f90;
	display: block;
	float: left;
	font-weight: 700;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 10%;
}

.gkeno-results-title {
	border-bottom: 1px #eee solid;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 10px;
	text-transform: capitalize;
	width: 100%;
}

.gkeno-table {
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	width: 100%;
}

.gkeno-table-list {
	border-width: 1px 0 0 1px;
	border: 1px #eee solid;
	box-sizing: border-box;
	overflow: hidden;
	width: 87%;
}

.gkeno-table-list a.yellow {
	color: #f90;
}

.gkeno-table-list label {
	display: block;
	margin-bottom: 0;
	overflow: hidden;
}

.gkeno-table-list label a {
	border-width: 0 1px 1px 0;
	border: 1px #eee solid;
	box-sizing: border-box;
	display: block;
	float: left;
	font-size: 18px;
	height: 46px;
	line-height: 46px;
	text-align: center;
	text-transform: uppercase;
	width: 10%;
}

.gkeno-table-title {
	overflow: hidden;
	width: 13%;
}

.gkeno-table-title a {
	background: #5d5d5d;
	background: -moz-linear-gradient(top,#5d5d5d 0,#4f4f4f 100%);
	background: -ms-linear-gradient(top,#5d5d5d 0,#4f4f4f 100%);
	background: -o-linear-gradient(top,#5d5d5d 0,#4f4f4f 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0,#5d5d5d), color-stop(100%,#4f4f4f));
	background: -webkit-linear-gradient(top,#5d5d5d 0,#4f4f4f 100%);
	background: linear-gradient(to bottom,#5d5d5d 0,#4f4f4f 100%);
	background: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVkNWQ1ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZjRmNGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	color: #fff;
	display: block;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	text-align: center;
	width: 100%;
}

.gkeno-table-title a.active, .gkeno-table-title a:hover {
	background: #f90;
}

.gkeno-time {
	background: url(../../images/game/ann-bg.png);
	height: 151px;
	width: 100%;
}

.gkeno-time a {
	color: #fff !important;
	display: block;
	font-family: digital_displayregular;
	font-size: 85px;
	line-height: 80px;
	text-align: center;
	text-shadow: 0 0 20px #fff;
	width: 100%;
}

.gkeno-time a.enter {
	background: url(../../images/game/btn-enter1.png) center no-repeat;
	border-radius: 40px;
	display: block;
	float: right;
	height: 55px;
	margin-right: 10px;
	margin-top: 10px;
	width: 55px;
}

.gkeno-time a.out {
	color: #fff;
	display: block;
	float: left;
	font-family: digital_displayregular;
	font-size: 65px;
	line-height: 65px;
	text-align: center;
	text-shadow: 0 0 20px #fff;
	width: 65%;
}

.gkeno-time span {
	box-sizing: border-box;
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	text-transform: capitalize;
	width: 100%;
}

.gkeno-time span em {
	color: #555;
	float: right;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
}

.gkeno-title {
	overflow: hidden;
	width: 100%;
}

.gkeno-total {
	background: #f4f4f4;
	height: 151px;
	width: 100%;
}

.gkeno-total .album {
	background: #fff;
	box-sizing: border-box;
	color: #999;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	text-align: center;
	width: 100%;
}

.gkeno-total li {
	display: block;
	height: 151px;
	overflow: hidden;
}

.gkeno-total li label {
	border-left: 1px #eee solid;
	display: block;
	margin: 0 16px;
	overflow: hidden;
	width: 95%;
}

.gkeno-total li label a {
	background: #fff;
	border-left: none;
	border: 1px #eee solid;
	box-sizing: border-box;
	color: #f90;
	display: block;
	float: left;
	font-weight: 700;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 20%;
}

.gkeno-total li label.ten-item a {
	background: #fff;
	border-left: none;
	border: 1px #eee solid;
	box-sizing: border-box;
	color: gray;
	display: block;
	float: left;
	font-weight: 400;
	height: 33px;
	line-height: 33px;
	text-align: center;
	width: 10%;
}

.gkeno-total li span {
	box-sizing: border-box;
	display: block;
	font-size: 20px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	padding: 0 10px;
	text-transform: capitalize;
	width: 100%;
}

.gkeno-total ul {
	height: 151px;
	overflow: hidden;
	width: 100%;
}

.glive-number-game {
	display: none;
	height: 100%;
	overflow: hidden;
	padding: 0 !important;
	position: relative;
	width: 100%;
}

.glive-number-game img {
	height: 100%;
	position: absolute;
	width: 100%;
}

.glivenumber-num {
	background: #4c4c4c;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.glivenumber-num .gold-silver {
	background: #fff;
	border-radius: 3px;
	display: block;
	float: left;
	height: 65px;
	margin: 5px;
	width: calc(100% - 10px);
}

.glivenumber-num .gold-silver ul li {
	padding: 5px;
	width: 100%;
}

.glivenumber-num a {
	background: #fff;
	border-radius: 3px;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 5px;
	text-align: center;
	width: calc(100% - 10px);
}

.glivenumber-num a i img {
	border-right: 5px solid #4c4c4c;
	float: left;
	height: 46px;
	width: 46px;
}

.glivenumber-num a span.group-name1 span, .glivenumber-num a span.group-name2 span {
	color: #f90;
}

.glivenumber-num a span.group-name1, .glivenumber-num a span.group-name2 {
	display: block;
	float: left;
	height: 100%;
	text-align: left;
	text-indent: 5px;
	width: calc(50% - 2.5px);
}

.glivenumber-num a span.group-name2 {
	border-left: 5px solid #4c4c4c;
}

.glivenumber-num h3, .glivenumber-num p {
	color: #fff;
	font-style: bold;
	text-align: center;
	width: 100%;
}

.glivenumber-tab a, .gpromo-tab a {
	color: #333;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
}

.glivenumber-tab a.active, .gpromo-tab a.active {
	background: #4c4c4c;
	color: #fff;
}

.glivenumber-tab, .gmultiple-tab, .gpromo-tab {
	background: #333;
	padding: 0;
	width: 100%;
}

.gload {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	background: rgba(192,192,192,.3);
	box-sizing: border-box;
	height: 100%;
	position: absolute;
	transition: all .3s;
	width: 100% !important;
	z-index: 42;
}

.gmultiple-num a {
	background: #fff;
	border-radius: 3px;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 5px;
	text-align: center;
	width: 15%;
}

.gmultiple-num a:hover, .gmultiple-num-img a:hover {
	background: #f90;
	color: #fff;
	cursor: pointer;
}

.gmultiple-num, .gmultiple-num-img {
	background: #4c4c4c;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.gmultiple-num-img a {
	background: #fff;
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 1px;
	text-align: center;
	width: 13.55%;
}

.gmultiple-tab a {
	box-sizing: border-box;
	color: #333;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	text-align: center;
	width: 50%;
}

.gmultiple-tab a.active {
	background: #4c4c4c;
	border-top: 4px solid #fff;
	color: #fff;
	cursor: pointer;
}

.gmultiple-tab ul, .gpromo-tab ul {
	padding-left: 0;
}

.gnumber {
	overflow: hidden;
	position: relative;
	width: 100%;
}

.gnumber-btn {
	background: #000;
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}

.gnumber-btn a {
	background: #333;
	border-radius: 8px;
	border: 5px #010101 solid;
	box-sizing: border-box;
	color: #f90 !important;
	display: block;
	float: left;
	font-size: 12px;
	height: 100px;
	text-align: center;
	width: 25%;
}

.gnumber-btn a span {
	box-sizing: content-box;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: 35px;
	padding: 20px 0 0;
	width: 100%;
}

.gnumber-btn a.active, .gnumber-btn a:hover {
	background: #f90;
	color: #fff;
}

.gnumber-btn1 a, .gnumber-color-out a {
	background: #fff;
	border-radius: 5px;
	border: 5px solid #1e1e1e;
	box-sizing: border-box;
	color: #333;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 80px;
	line-height: 40px;
	margin: 5px 0;
	padding: 0 10px;
	text-align: center;
	width: 33.33%;
}

.gnumber-btn1, .gnumber-color-out, .gnumber-color-outrou {
	background: #1e1e1e;
	overflow: hidden;
	width: 100%;
}

.gnumber-close {
	font-size: 18px;
	height: 100px;
	line-height: 100px;
	text-align: center;
	width: 100%;
}

.gnumber-color {
	background: #1e1e1e;
	height: 150px;
	padding: 5px;
	width: 100%;
}

.gnumber-color a {
	background: #333;
	border-radius: 20px;
	box-sizing: border-box;
	color: #f90;
	display: block;
	float: left;
	font-size: 12px;
	height: 40px;
	line-height: 40px;
	margin: 5px 0;
	padding: 0 10px;
	text-align: right;
	width: 100%;
}

.gnumber-color a p {
	color: #666;
	display: block;
	float: left;
	font-size: 12px;
	height: 40px;
	line-height: 20px;
	width: 160px;
}

.gnumber-color a span {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: capitalize;
	width: 80px;
}

.gnumber-color a.active p, .gnumber-color a:hover p {
	color: #fff;
}

.gnumber-color a.active, .gnumber-color a:hover, .gnumber-pair a:hover {
	background: #f90;
	color: #fff;
}

.gnumber-color-out a span {
	clear: both;
	color: #f90;
	display: block;
	line-height: 35px;
}

.gnumber-color-out a:hover {
	background: #f90;
	color: #fff;
}

.gnumber-color-out a:hover>span {
	color: #fff;
}

.gnumber-color-outrou a {
	background: #fff;
	border-radius: 5px;
	border: 5px solid #1e1e1e;
	box-sizing: border-box;
	color: #333;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 65px;
	line-height: 65px;
	margin: 5px 0;
	padding: 0 10px;
	text-align: center;
	width: 50%;
}

.gnumber-color-outrou a span {
	color: #f90;
	display: inline-block;
	text-indent: 2px;
}

.gnumber-game {
	background-size: 100% 100%;
	background: url(../../images/game/bg-num-only.jpg) no-repeat center center;
	box-sizing: content-box;
	display: none;
	height: 242px;
	overflow: hidden;
	padding: 10px 0;
	position: absolute;
	position: relative;
	width: 100%;
}

.gnumber-game iframe {
	display: block;
	height: 100%;
	margin: 0 auto;
	overflow: none;
	width: 320px;
}

.gnumber-game img {
	width: 52% !important;
}

.gnumber-game-play {
	background: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 99;
}

.gnumber-game-play a {
	background: url(../../images/game/play.png) center no-repeat;
	display: block;
	height: 100%;
	width: 100%;
}

.gnumber-info {
	background: url(../../images/game/ann-bg.png);
	height: 250px;
	width: 100%;
}

.gnumber-info a.back-inside {
	background: #f90 url(../../images/game/btn-back.png) -8px -8px no-repeat;
	border-radius: 40px;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	margin-top: -10px;
	width: 60px;
}

.gnumber-info a.enter {
	background: #f90 url(../../images/game/btn-enter.png) -8px -8px no-repeat;
	border-radius: 40px;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 0 10px;
	width: 60px;
}

.gnumber-info a.ref-only {
	background: #f90 url(../../images/game/refresh-white.png) 15px 10px no-repeat;
	border-radius: 30px;
	display: block;
	float: none;
	font-size: 22px;
	height: 60px;
	line-height: 60px;
	margin: 30px auto;
	width: 230px;
}

.gnumber-info a.refresh {
	background: #f90 url(../../images/game/refresh-white.png) 15px 10px no-repeat;
	border-radius: 40px;
	display: block;
	float: left;
	height: 60px;
	line-height: 60px;
	margin: 0 10px;
	width: 60px;
}

.gnumber-info a:hover {
	background-color: #b97820;
}

.gnumber-info select {
	background: #fff;
	border-radius: 3px;
	border: none;
	box-sizing: border-box;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 10px auto;
	padding: 0 10px;
	text-transform: capitalize;
	width: 200px;
}

.gnumber-info-data {
	background: #1f1f1f;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	height: 65px;
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.gnumber-info-data span {
	background-size: cover;
	background: #fff url(../../images/game/down.png) no-repeat center center;
	border-radius: 25px;
	border: 1px solid #fff;
	display: block;
	float: right;
	height: 25px;
	margin-right: 1em;
	margin-top: 1.2em;
	width: 25px;
}

.gnumber-info-data1 {
	background: #1f1f1f;
	color: #666;
	font-size: 16px;
	font-weight: 700;
	height: 60px;
	line-height: 55px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}

.gnumber-info-data1 span {
	background-size: cover;
	background: #fff url(../../images/game/down.png) no-repeat center center;
	border-radius: 25px;
	border: 1px solid #fff;
	display: block;
	float: right;
	height: 25px;
	margin-right: 1em;
	margin-top: 1em;
	width: 25px;
}

.gnumber-info-time {
	color: #fff;
	font-family: digital_displayregular;
	font-size: 75px;
	height: 110px;
	line-height: 100px;
	padding: 10px 0 0;
	text-align: center;
	text-shadow: 0 0 20px #fff;
	width: 100%;
}

.gnumber-info-time1 {
	color: #fff;
	font-family: digital_displayregular;
	font-size: 75px;
	height: 110px;
	line-height: 80px;
	padding: 0 0;
	text-align: center;
	text-shadow: 0 0 20px #fff;
	width: 100%;
}

.gnumber-info-time1.totop {
	margin-top: -25px;
}

.gnumber-num {
	background: #4c4c4c;
	box-sizing: border-box;
	overflow: hidden;
	padding: 5px;
	width: 100%;
}

.gnumber-num a {
	background: #fff;
	border-radius: 3px;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 5px;
	text-align: center;
	width: 46px;
}

.gnumber-num-roulette {
	background: #141414;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 100%;
}

.gnumber-num-roulette .roulette {
	width: 80%;
}

.gnumber-num-roulette .triple {
	box-sizing: border-box;
	clear: both;
	width: 100%;
}

.gnumber-num-roulette .triple a {
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 4px 1px;
	text-align: center;
	width: 32.33%;
}

.gnumber-num-roulette a.red {
	background: #c00;
}

.gnumber-num-roulette a.white {
	background: #fff;
	color: #333;
}

.gnumber-num-roulette a:hover {
	background: #f90;
}

.gnumber-obj {
	height: 340px;
	overflow: hidden;
	position: relative;
	width: 468px;
}

.gnumber-pair a.ga7, .gnumber-three a.ga7 {
	background: #333;
	border-radius: 8px;
	border: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 90px;
	line-height: 70px;
	padding: 8px;
	text-align: center;
	width: 25%;
}

.gnumber-pair a.ga7:hover, .gnumber-three a.ga7:hover {
	background: #333;
}

.gnumber-pair a.ga8 .sicbo-ball {
	background: #f90;
	border-radius: 30px;
	color: #fff;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: 700;
	height: 22px;
	line-height: 22px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 22px;
}

.gnumber-pair a.ga8 .sicbo-ball:last-of-type {
	margin-top: 12px;
}

.gnumber-pair a.ga8, .gnumber-three a {
	background: #333;
	border-radius: 8px;
	border: 4px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 12px;
	height: 90px;
	padding: 12px 5px;
	text-align: center;
	width: 12.222%;
}

.gnumber-pair a.ga9 {
	background: #333;
	border-radius: 8px;
	border: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 90px;
	line-height: 70px;
	padding: 8px;
	text-align: center;
	width: 12.222%;
}

.gnumber-results {
	background: #fff;
	display: none;
	height: 340px;
	width: 100%;
}

.gnumber-results h5 {
	background: #f1f1f1;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	width: 100%;
}

.gnumber-results-contant {
	overflow: hidden;
	padding: 10px;
}

.gnumber-results-contant a {
	border: 1px #eee solid;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	height: 48px;
	line-height: 48px;
	margin: 0 0 5px;
	padding: 0 20px;
	width: 100%;
}

.gnumber-results-contant a span {
	color: #f90;
	float: right;
	font-size: 24px;
	font-weight: 700;
}

.gnumber-results-contant a:hover {
	background: #333;
	border-color: #333;
	color: #ccc;
}

.gnumber-results-contant a:hover span {
	color: #fff;
}

.gnumber-sic-out {
	background: #1e1e1e;
	overflow: hidden;
	width: 100%;
}

.gnumber-sic-out a {
	background: #fff;
	border-radius: 5px;
	border: 5px solid #1e1e1e;
	box-sizing: border-box;
	color: #333;
	display: block;
	float: left;
	font-size: 12px;
	height: 80px;
	line-height: 40px;
	margin: 2px 0;
	padding: 0 10px;
	width: 33.33%;
}

.gnumber-sic-out a span {
	background: #f90;
	border-radius: 50%;
	clear: both;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: 700;
	height: 50px;
	line-height: 50px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	text-align: center;
	width: 50%;
}

.gnumber-sic-out a:hover {
	background: #f90;
	color: #fff;
}

.gnumber-sic-out a:hover>span {
	background: #fff;
	color: #333;
}

.gnumber-single a {
	background: #333;
	border-radius: 8px;
	border: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff !important;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 14px;
	height: 100px;
	line-height: 60px;
	text-align: center;
	width: 14%;
}

.gnumber-single a span {
	color: #f90;
	display: block;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	line-height: 5px;
	padding: 0;
	width: 100%;
}

.gnumber-six a {
	background: #333;
	border-radius: 8px;
	border-top: none;
	border: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 12px;
	height: 60px;
	line-height: 40px;
	padding: 8px;
	text-align: left;
	width: 49%;
}

.gnumber-six a span {
	background: #f90;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	float: right;
	font-size: 12px;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.gnumber-tab {
	background: #333;
	height: 40px;
	width: 100%;
}

.gnumber-tab .center-tab-number {
	margin-left: auto !important;
	margin-right: auto !important;
	overflow: hidden;
	padding: 0;
	text-align: center;
	width: 230px;
}

.gnumber-tab .center-tab-number a {
	background-clip: content-box;
	background: #fff;
	border-radius: 25px;
	box-sizing: border-box;
	color: #333;
	float: left;
	font-size: 14px;
	height: 35px;
	line-height: 38px;
	margin: 0 5px;
	padding: 0 10px;
	text-align: center;
	text-transform: capitalize;
	width: 100px;
}

.gnumber-tab .center-tab-number a:hover {
	background: #f90;
	color: #fff;
	cursor: pointer;
}

.gnumber-tab a {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;
	height: 35px;
	line-height: 35px;
	margin: 0 5px;
	padding: 0 10px;
	text-transform: capitalize;
}

.gnumber-tab a.active, .gnumber-tab a:hover {
	background: #fff;
	color: #555;
}

.gnumber-tab input[type=radio] {
	height: 15px;
	vertical-align: middle;
	width: 15px;
}

.gnumber-three a span, .gnumber-three-all a span {
	background: #f90;
	border-radius: 30px;
	color: #fff;
	display: block;
	float: none;
	font-size: 12px;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px;
	text-align: center;
	width: 20px;
}

.gnumber-three a, .gnumber-three-all a {
	cursor: pointer;
	line-height: 35px;
}

.gnumber-three-all a {
	background: #333;
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 155px;
	padding: 8px;
	text-align: center;
	width: 24.222%;
}

.gnumber-three-all a.ga7 {
	background: #333;
	border-left: 5px #141414 solid;
	border-radius: 8px;
	border-right: 5px #141414 solid;
	box-sizing: border-box;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	height: 155px;
	line-height: 140px;
	padding: 8px;
	text-align: center;
	width: 25%;
}

.gnumber-type {
	color: #fff;
	font-family: digital_displayregular;
	font-size: 18px;
	height: 20px;
	line-height: 50px;
	padding: 5px 0 0;
	text-align: center;
	text-shadow: 0 0 10px #fff;
	width: 100%;
}

.gold {
	--color: var(--gold);
}

.gradient:focus {
	box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
	outline: 0;
}

.green {
	--color: var(--green);
}

.gtip {
	background: rgba(0,0,0,.8);
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 41;
}

.gtip-btn {
	box-sizing: border-box;
	overflow: hidden;
	padding: 10px;
	text-align: center;
	width: 100%;
}

.gtip-btn button {
	background: #f90;
	border-radius: 30px;
	border-width: 0 5px 0 5px;
	border: 5px #fff solid;
	color: #fff;
	display: inline-block;
	float: left;
	font-size: 16px;
	width: 50%;
}

.gtip-btn button:hover {
	background: #dd8500;
}

.gtip-group {
	box-sizing: border-box;
	overflow: hidden;
	padding: 15px;
	width: 100%;
}

.gtip-group h5 {
	border-bottom: 1px #eee solid;
	color: #f90;
	font-size: 20px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	width: 100%;
}

.gtip-group label {
	display: block;
	margin: 0 0 5px;
	overflow: hidden;
	width: 100%;
}

.gtip-group label a {
	background: #f90;
	border-radius: 2px;
	color: #fff;
	display: block;
	float: left;
	height: 35px;
	line-height: 35px;
	margin: 0 5px 0 0;
	text-align: center;
	width: 40px;
}

.gtip-group label a:hover {
	background: #dd8500;
}

.gtip-group label em {
	color: #f90;
	font-style: normal;
	line-height: 35px;
}

.gtip-group label input {
	border: 1px #eee solid;
	box-sizing: border-box;
	height: 35px;
	padding: 0 10px;
	width: 175px;
}

.gtip-group label span {
	display: block;
	float: left;
	line-height: 35px;
	margin: 0 10px 0 0;
	text-align: right;
	width: 25%;
}

.gtip-main {
	background: #fff;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 10%;
	width: 100%;
}

.gtip-title {
	background: #222;
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	height: 50px;
	line-height: 50px;
	padding: 0 0 0 15px;
	text-transform: uppercase;
	width: 100%;
}

.gtip-title a {
	background: url(../../images/tip-close.png) center no-repeat;
	display: block;
	float: right;
	height: 50px;
	opacity: .6;
	width: 50px;
}

.gtip-title a:hover {
	opacity: 1;
}

.h1, h1 {
	font-size: 2.5rem;
}

.h2, h2 {
	font-size: 2rem;
}

.h3, h3 {
	font-size: 1.75rem;
}

.h4, h4 {
	font-size: 1.5rem;
}

.h5, h5 {
	font-size: 1.25rem;
}

.h6, h6 {
	font-size: 1rem;
}

.hide~.md-overlay {
	opacity: 0;
	visibility: hidden;
}

.home-tab-gamelist {
	display: none;
}

.home-tab-gamelist.active {
	display: block;
}

.hot-icon {
	background-image: url(../images/ico/hot.png);
	background-position: right;
	background-size: contain;
	height: 50%;
	max-height: 2rem;
	max-width: 5rem;
	position: absolute;
	right: -5px;
	top: -15px;
	width: 40%;
	z-index: 1;
}

.hot-icon_afb1188 {
	background-image: url(../images/ico/hot_ffwin.gif);
	background-position: right;
	background-size: contain;
	height: 100%;
	left: 50%;
	max-height: 5rem;
	max-width: 8rem;
	position: absolute;
	top: 72%;
	transform: translate(-50%,-50%);
	width: 113%;
	z-index: 1;
}

.ht-arcade {
	background-image: url(../images/home/arcade.png);
}

.ht-casino {
	background-image: url(../images/home/casino.png);
}

.ht-cockfight {
	background-image: url(../images/home/cockfight.png);
}

.ht-coin {
	background-image: url(../images/home/coin.png);
}

.ht-crash {
	background-image: url(../images/home/crash.png);
}

.ht-cricket {
	background-image: url(../images/home/cricket.png);
}

.ht-crypto {
	background-image: url(../images/prediction/crypto.png);
}

.ht-esport {
	background-image: url(../images/home/esport.png);
}

.ht-fish {
	background-image: url(../images/home/fishing.png);
}

.ht-forex {
	background-image: url(../images/home/forex.png);
}

.ht-history {
	background-image: url(../images/home/history.svg);
}

.ht-hotgame {
	background-image: url(../images/home/hot_game.png);
}

.ht-lottery {
	background-image: url(../images/home/lottery.png);
}

.ht-ludo {
	background-image: url(../images/home/ludo.png);
}

.ht-news {
	background-image: url(../images/prediction/news.png);
}

.ht-number {
	background-image: url(../images/home/number.png);
}

.ht-poker {
	background-image: url(../images/home/poker.png);
}

.ht-promotion {
	background-image: url(../images/home/promotion.png);
}

.ht-rcb {
	background-image: url(../images/home/rcb.png);
}

.ht-slots {
	background-image: url(../images/home/slots.png);
}

.ht-sports {
	background-image: url(../images/home/sports.png);
}

.ht-tournament {
	background-image: url(../images/home/tournament.png);
}

.ht-trade {
	background-image: url(../images/home/trade.png);
}

.ht-trending {
	background-image: url(../images/prediction/trending.png);
}

.ht-vip {
	background-image: url(../images/home/vip.png);
}

.ht-vip2 {
	background-image: url(../images/home/vip2.png);
}

.ico-fluent-coin {
	background-image: url(../../images/855test/ico/coin_color.svg);
}

.ico-gaming {
	width: 30%;
}

.ico-lang-au {
	background-image: url(../images/lang/australia.svg);
}

.ico-lang-bn {
	background-image: url(../images/lang/bangladesh.svg);
}

.ico-lang-brazil, .ico-lang-pt {
	background-image: url(../images/lang/brazil.svg);
}

.ico-lang-ca {
	background-image: url(../images/lang/canada.svg);
}

.ico-lang-cn {
	background-image: url(../images/lang/china.svg);
}

.ico-lang-de {
	background-image: url(../images/lang/germany.svg);
}

.ico-lang-en {
	background-image: url(../images/lang/england.svg);
}

.ico-lang-es {
	background-image: url(../images/lang/spain.svg);
}

.ico-lang-fr {
	background-image: url(../images/lang/france.svg);
}

.ico-lang-hi {
	background-image: url(../images/lang/india.svg);
}

.ico-lang-hk {
	background-image: url(../images/lang/hongkong.svg);
}

.ico-lang-id {
	background-image: url(../images/lang/indonesia.svg);
}

.ico-lang-jp {
	background-image: url(../images/lang/japan.svg);
}

.ico-lang-kh {
	background-image: url(../images/lang/cambodia.svg);
}

.ico-lang-kr {
	background-image: url(../images/lang/korea.svg);
}

.ico-lang-lo {
	background-image: url(../images/lang/lao.svg);
}

.ico-lang-mm {
	background-image: url(../images/lang/myanmar.svg);
}

.ico-lang-my {
	background-image: url(../images/lang/malaysia.svg);
}

.ico-lang-ph {
	background-image: url(../images/lang/philippines.svg);
}

.ico-lang-pk {
	background-image: url(../images/lang/urdu.svg);
}

.ico-lang-ru {
	background-image: url(../images/lang/russia.svg);
}

.ico-lang-sg {
	background-image: url(../images/lang/singapore.svg);
}

.ico-lang-ta {
	background-image: url(../images/lang/tamil.svg);
}

.ico-lang-th {
	background-image: url(../images/lang/thailand.svg);
}

.ico-lang-tw {
	background-image: url(../images/lang/taiwan.svg);
}

.ico-lang-ur {
	background-image: url(../images/lang/urdu.svg);
}

.ico-lang-vn {
	background-image: url(../images/lang/vietnam.svg);
}

.indo-ann {
	overflow: hidden;
	width: 100%;
}

.indo-ann span {
	box-sizing: border-box;
	display: block;
	padding: 10px;
	width: 100%;
}

.indo-ann span.art {
	background: #333;
	color: #999;
	text-align: center;
}

.indo-ann span.tit {
	color: #fff;
	font-size: 16px;
	font-weight: 700;
}

.indo-ann span.txt {
	font-size: 12px;
	text-align: center;
}

.indo-group {
	margin: 10px 0;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.indo-group a {
	background: #333;
	color: #fff;
	display: block;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 40px;
}

.indo-group cite {
	box-sizing: border-box;
	font-style: normal;
	padding: 0 0 0 40px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.indo-group cite input {
	background: #fff;
	border-left: none;
	border: 1px #eee solid;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	text-align: center;
	width: 14.66%;
}

.indo-group span {
	color: #f90;
	display: block;
	text-align: center;
	width: 100%;
}

.info {
	background-position: center top;
	padding-top: 2rem;
}

.info-cont {
	background-color: var(--color);
	border-radius: 0.2rem;
	padding: 0.8rem 0 0.2rem;
	position: relative;
	text-align: center;
}

.info-cont em {
	border-width: 0.04rem;
	height: 1.2rem;
	left: 0;
	margin: -0.6rem auto 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 1.2rem;
}

.info-cont h5 {
	font-size: 0.28rem;
	margin-bottom: 0.1rem;
}

.info-cont h5, .info-cont span {
	color: white;
	text-transform: inherit;
}

.info-identification {
	padding: 0.1rem;
	position: absolute;
	right: 0;
	top: 0;
}

.info-identification a {
	background-color: var(--000-2);
	border-radius: 100%;
	color: var(--yellow);
	height: 0.6rem;
	line-height: 0.6rem;
	margin: 0.05rem;
	width: 0.6rem;
}

.info-row {
	/* color: rgba(255,255,255,0.7); */
	display: flex;
	font-size: 0.9rem;
	font-weight: 400;
	justify-content: space-between;
	margin-bottom: 8px;
}

.info-toggle {
	left: 0;
	padding: 0.2rem;
	position: absolute;
	top: 0;
}

.info-toggle i, .info-toggle s {
	color: white;
}

.info-toggle s, .info-toggle.active i {
	display: none;
}

.info-toggle.active s {
	display: block;
}

.info-val {
	font-size: 1.2rem;
	font-weight: bold;
}

.info-wallet {
	align-items: center;
	background-color: var(--yellow);
	border-radius: 0 0 0.1rem 0.1rem;
	display: flex;
	margin: auto;
	padding: 0 0.2rem;
	width: 90%;
}

.info-wallet input {
	color: var(--red);
	flex: 1;
	font-size: 0.26rem;
	font-weight: bold;
	text-align: right;
}

.info-wallet span {
	font-weight: bold;
	text-transform: capitalize;
}

.info-wallet u {
	flex: 1;
}

.input form, .input-center form {
	padding-left: 10px;
	padding-right: 10px;
}

.input input[data-role=none]:-ms-input-placeholder, .noico:-ms-input-placeholder {
	color: #6c757d;
	opacity: 1;
}

.input input[data-role=none]::-moz-placeholder, .noico::-moz-placeholder {
	color: #6c757d;
	opacity: 1;
}

.input input[data-role=none]::-ms-expand, .input select[data-role=none]::-ms-expand, .noico::-ms-expand {
	background-color: transparent;
	border: 0;
}

.input input[data-role=none]::-ms-input-placeholder, .noico::-ms-input-placeholder {
	color: #6c757d;
	opacity: 1;
}

.input input[data-role=none]::-webkit-input-placeholder, .noico::-webkit-input-placeholder {
	color: #6c757d;
	opacity: 1;
}

.input input[data-role=none]::placeholder, .noico::placeholder {
	color: #6c757d;
	opacity: 1;
}

.input input[data-role=none]:focus, .input select[data-role=none]:focus, .noico:focus {
	background-color: #fff;
	border-color: #80bdff;
	box-shadow: 0 0 0 .1rem rgba(0,123,255,.25);
	color: #495057;
	outline: 0;
}

.input input[data-role=none]:not([type=checkbox]), .input select[data-role=none]:not([type=checkbox]), .noico:not([type=checkbox]) {
	background-clip: padding-box;
	background-color: #fff;
	background-color: var(--block);
	border-radius: .25rem;
	border: 1px solid #ced4da;
	box-sizing: border-box;
	color: #495057;
	color: #fff;
	display: block;
	font-size: 1rem;
	font-weight: 400;
	height: calc(1.5em + .75rem + 2px);
	line-height: 1.5;
	padding: .375rem .75rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	width: 100%;
}

.input input[name=end_date], .input input[name=start_date] {
	box-sizing: border-box;
}

.input input[type=number] {
	display: inline-block;
}

.input-center input {
	box-sizing: border-box;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 5px 0;
	padding: 0 10px 0 50px;
	width: 49%;
}

.input-field {
	background: transparent;
	border: none;
	color: #fff;
	flex: 1;
	font-size: 22px;
	font-weight: 800;
	outline: none;
	text-align: center;
}

.input-field::-webkit-inner-spin-button, .input-field::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.input-field[type=number] {
	-moz-appearance: textfield;
}

.keno {
	overflow: hidden;
	padding: 10px 0 30px;
	position: relative;
	width: 100%;
}

.keno .fl {
	float: left;
}

.keno .fr {
	float: right;
}

.keno .gkeno-table-list a {
	color: #666;
}

.keno .gkeno-total li label a, .keno .gkeno-table-list a.yellow {
	color: #f90;
}

.keno .gkeno-total li label.ten-item a, .keno .gkeno-total li label.ten-item a:hover {
	color: #666;
}

.keno ul {
	list-style: none;
	padding-left: 0;
}

.keno, .number {
	padding-top: 0px;
}

.kh-poker-overlay {
	background-color: rgba(0,0,0,0.7);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 20;
}

.kh-poker-overlay.kh-poker-overlay-active {
	display: block;
}

.lang-kh *:not(i) {
	font-family: "Kh-Battambang";
}

.language-cont {
	padding: 0.2rem;
}

.language-cont ul {
	text-align: center;
}

.language-cont ul li {
	display: inline-block;
	padding: 0.1rem;
}

.language-cont ul li a {
	border-radius: 100%;
	display: block;
	height: 0.7rem;
	position: relative;
	width: 0.7rem;
}

.language-cont ul li a i {
	background-color: var(--color);
	border-radius: 100%;
	color: white;
	display: none;
	position: absolute;
	right: -0.05rem;
	top: -0.05rem;
}

.language-cont ul li a.active i {
	display: block;
}

.lazyload {
	opacity: 0;
}

.lazyloading {
	background-size: 2rem;
	opacity: 1;
	transition: opacity 300ms;
}

.lb-msg {
	color: #dc3545;
}

.lb-msg, .text-danger {
	font-size: 0.9rem;
}

.light .swiper-slide {
	border-radius: 0.1rem;
	height: 2.5rem;
}

.light-font-theme .main-left-info-wrapper .btn, .light-font-theme .btn-login, .light-font-theme .btn-register, .light-font-theme .btn.gradient, .light-font-theme .game-thumb span, .light-font-theme .pop-navigation .navigation-logout .btn, .light-font-theme .navigation-logout .btn:hover, .light-font-theme .navigation-logout .btn .ico, .light-font-theme .promo-modal .promo-modal-btn-wrapper a, .light-font-theme .copy-bank-details-wrapper .btn-copy-bank, .light-font-theme footer ul li.active a i.ico, .light-font-theme .announcement .ico-volume, .light-font-theme .option-switcher-tab.active span, .light-font-theme .promo-code-btn, .light-font-theme .promo-code-btn:hover, .light-font-theme .wrap-download .download-button-wrapper .download-button, .light-font-theme .footer-provider-title span, .light-font-theme .language-cont ul li a i, .light-font-theme #showQrImgModal .modal-footer .btn, .light-font-theme .modal.modal-slide-up .modal-title, .light-font-theme .modal.modal-slide-up label, .light-font-theme .modal.modal-slide-up .modal-content .close, .template-yellow .main-left-info-wrapper .btn, .template-yellow .btn-login, .template-yellow .btn-register, .template-yellow .btn.gradient, .template-yellow .game-thumb span, .template-yellow .pop-navigation .navigation-logout .btn, .template-yellow .navigation-logout .btn:hover, .template-yellow .navigation-logout .btn .ico, .template-yellow .promo-modal .promo-modal-btn-wrapper a, .template-yellow .copy-bank-details-wrapper .btn-copy-bank, .template-yellow footer ul li.active a i.ico, .template-yellow .announcement .ico-volume, .template-yellow .option-switcher-tab.active span, .template-yellow .promo-code-btn, .template-yellow .promo-code-btn:hover, .template-yellow .wrap-download .download-button-wrapper .download-button, .template-yellow .footer-provider-title span, .template-yellow .language-cont ul li a i, .template-yellow #showQrImgModal .modal-footer .btn, .template-yellow .modal.modal-slide-up .modal-title, .template-yellow .modal.modal-slide-up label, .template-yellow .modal.modal-slide-up .modal-content .close {
	color: var(--333);
}

.limit-box {
	background: rgba(255,255,255,0.15);
	border-radius: 8px;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	font-size: 0.65rem;
	font-weight: 700;
	padding: 8px;
	text-align: center;
}

.list a {
	background: #fff;
	border-radius: 3px;
	border: 1px solid rgba(0,0,0,.125);
	box-sizing: border-box;
	color: #000;
	color: #0d0d0d;
	display: block;
	height: 40px;
	line-height: 40px;
	margin: 5px 0;
	padding: 0 0 0 20px;
	text-transform: capitalize;
	width: 100%;
}

.list a i {
	background: url(../../images/list-btn.png) right top no-repeat;
	display: block;
	float: right;
	height: 40px;
	transition: none;
	width: 40px;
}

.list a:hover {
	background-color: #cb0e01;
	color: #fff;
}

.list a:hover i {
	background-position: left top;
}

.list a:hover, .lott-list.list a:hover {
	background-color: var(--color);
	color: #fff !important;
	text-decoration: none;
}

.list li {
	border-color: var(--fff-1);
}

.list li a {
	align-items: center;
	color: white;
	display: flex;
	line-height: 0.5rem;
	padding: 0.1rem 0;
}

.list li a i {
	margin: 0 0.15rem;
}

.list li a span {
	font-size: 0.22rem;
}

.list-drop {
	display: none;
	width: 100%;
}

.list-drop a {
	background: #333;
	color: #fff;
}

.list-drop a:hover {
	background: #555;
}

.login name {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.login-body-wrapper .form-control:disabled, .login-body-wrapper .form-control[readonly], .register-body-wrapper .form-control:disabled, .register-body-wrapper .form-control[readonly] {
	background-color: var(--deep);
	opacity: 0.8;
}

.login-body-wrapper input#auto, .register-body-wrapper input#auto {
	height: 1.5rem;
	width: 1rem;
}

.login-body-wrapper input, .login-body-wrapper select, .register-body-wrapper input, .register-body-wrapper select {
	background-color: var(--deep);
	border-color: transparent;
	border-radius: 0.35rem;
	color: var(--fff);
	height: 50px;
}

.login-body-wrapper, .register-body-wrapper {
	background-color: var(--block);
	border-radius: 0.5rem;
	padding: 0.5rem;
}

.login-footer-wrapper a, .register-footer-wrapper a {
	border-radius: 0.35rem;
	border-width: 0.15rem;
	color: var(--color);
	height: 100%;
	padding: 0.25rem 2rem;
}

.login-footer-wrapper a:hover, .register-footer-wrapper a:hover {
	color: var(--color);
}

.login-footer-wrapper, .register-footer-wrapper {
	align-items: center;
	bottom: 0;
	display: flex;
	height: 55px;
	justify-content: center;
	left: 0;
	margin-top: auto;
	padding: 0.5rem;
	position: relative;
	width: 100%;
	z-index: 1;
}

.login-form {
	background-color: var(--block);
	border-radius: 0.2rem;
	padding: 0.2rem;
}

.login-form .form {
	padding: 0;
}

.login-form .form li {
	border: 0;
	margin-bottom: 0.1rem;
	padding: 0;
}

.login-form .form li .code {
	border-radius: 0.1rem;
	margin-left: 0.1rem;
	overflow: hidden;
}

.login-form .form li i {
	color: white;
	margin: 0.17rem;
	position: absolute;
	z-index: 1;
}

.login-form .form li input {
	background-color: var(--deep);
	border-radius: 0.1rem;
	color: white;
	padding-left: 0.7rem;
}

.login-form .form li input::-webkit-input-placeholder {
	color: var(--txt);
}

.login-header-background {
	align-items: center;
	background-size: cover;
	display: flex;
	height: 15rem;
	justify-content: center;
	padding: 5rem 0;
	position: relative;
}

.login-header-background cite {
	background-image: none !important;
	background-position-y: bottom;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	width: 100%;
}

.login-header-background img {
	max-height: 7rem;
	max-width: 12rem;
}

.login-header-wrapper {
	height: 60px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.login-header-wrapper a {
	align-items: center;
	color: var(--fff);
	display: flex;
	height: 3rem;
	justify-content: center;
	margin: 0;
	width: 3rem;
}

.login-name {
	background-size: cover;
	margin-bottom: 0.3rem;
	padding: 1.2rem 0;
	position: relative;
}

.login-name cite {
	background-image: url(../images/login.svg);
	bottom: 0;
	height: 0.8rem;
	left: 0;
	position: absolute;
	width: 100%;
}

.login-name h1 {
	width: 2.5rem;
}

.login-other {
	align-items: center;
	bottom: 0;
	display: flex;
	padding: 0.2rem;
	position: absolute;
	width: 100%;
}

.login-other a {
	color: white;
	font-size: 0.2rem;
	font-weight: bold;
}

.login-other a.btn {
	color: var(--color);
	padding: 0 0.4rem;
}

.login-other u {
	flex: 1;
}

.login-wrapper, .register-wrapper {
	margin-top: 1rem;
}

.lott-basic {
	border-bottom: 1px #d8d8d8 solid;
	border: 0;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 10px 0;
	width: 100%;
}

.lott-basic table {
	width: 100%;
}

.lott-basic td {
	box-sizing: border-box;
	height: 40px;
	padding: 5px;
	vertical-align: middle;
	word-break: break-all;
}

.lott-basic td.title {
	color: maroon;
	font-size: 16px;
}

.lott-basic td:first-child {
	text-align: right;
}

.lott-basic td:last-child {
	text-align: left;
}

.lottery {
	overflow: hidden;
	width: 100%;
}

.lottery .game-table .table-striped td {
	background: transparent;
}

.lottery .game-table .table-striped th {
	border: 0;
	text-align: inherit;
}

.lottery-ann {
	background: #333;
	color: #f2f2f2;
	margin: 10px;
	padding: 10px;
}

.lottery-contant {
	background: #fff;
	overflow: hidden;
	padding: 10px;
}

.main .page {
	padding: 10px 0;
}

.main form input.noico {
	background-color: var(--block);
	border-color: transparent;
	color: var(--fff);
}

.main form input.noico:focus {
	background-color: var(--block);
	border-color: transparent;
	color: var(--fff);
}

.main.center #captcha {
	text-align: left;
}

.main.center #receipt {
	display: none;
}

.main.center .btn.gradient {
	font-weight: bold;
}

.main.center .canceled {
	color: #ff0000;
}

.main.center .center-head {
	display: none;
}

.main.center .center-tab {
	padding-top: 5px;
}

.main.center .center-tab a, .center-tab a {
	background-clip: unset;
	background: unset;
	border: none;
	color: #000;
	flex: unset;
	font-size: 1rem;
	height: inherit;
	line-height: unset;
	padding: .25rem;
	text-align: center;
	text-decoration: none;
	width: 50%;
}

.main.center .center-tab a.active span, .main.center .center-tab a:hover span, .center-tab a.active span, .center-tab a:hover span {
	background-color: transparent;
	background-color: var(--color);
	color: #fff;
}

.main.center .center-tab a:focus, .center-tab a:focus {
	box-shadow: none;
}

.main.center .center-table {
	background: transparent;
	margin-bottom: 10px;
	overflow-x: auto;
	padding: 0;
}

.main.center .center-table td {
	color: #fff;
}

.main.center .center-table th {
	background-color: var(--color);
	color: #fff;
	padding: 0.25rem;
	white-space: nowrap;
}

.main.center .custom-table .custom-bottom-line {
	border-bottom: 1px #d8d8d8 solid;
	height: 1px;
}

.main.center .form-group-captcha {
	display: flex;
	flex-wrap: wrap;
}

.main.center .form-group-captcha #captcha {
	flex: 1 0 70%;
	float: none;
	margin-bottom: 0;
}

.main.center .form-group-captcha #captchaLb {
	flex: 1 0 25%;
	float: none;
}

.main.center .form-update-bank select#bank, .main.center .form-update-bank input {
	margin-bottom: 0;
}

.main.center .tblBonus td {
	width: 50%;
}

.main.center .tblBonus td span {
	float: unset !important;
	padding-right: 5px;
	word-break: break-word;
}

.main.earning-link {
	background-image: linear-gradient(180deg,#060d0b 0%,#0c0c0c 100%);
	padding-bottom: 30px;
}

.main.earning-link .affiliate-header {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	margin-top: 20px;
}

.main.earning-link .chevron-icon {
	float: right;
	position: absolute;
	right: 12px;
	scale: 1.5;
	top: 57%;
	transform: translateY(-50%);
}

.main.earning-link .ico-line::before {
	background-image: url(../../images/icon/social/icon-line.png);
}

.main.earning-link .ico.ico-facebook::before {
	background-image: url(../../images/icon/social/ico-facebook.png);
}

.main.earning-link .ico.ico-telegram::before {
	background-image: url(../../images/icon/social/ico-tele.png);
}

.main.earning-link .ico.ico-twitch::before {
	background-image: url(../../images/icon/social/ico-twitter.png);
}

.main.earning-link .ico.ico-whatapp::before {
	background-image: url(../../images/icon/social/ico-whatapp.png);
}

.main.earning-link .ico::before {
	background-position: center;
	background-size: contain;
	content: "";
	display: block;
	height: 41px;
	margin: auto;
	width: 41px;
}

.main.earning-link .overview-container-2 #incomeLinkAffiliate, .main.earning-link .overview-container-2 #memberLinkAffiliate {
	--text-primary: #fff;
}

.main.earning-link .overview-subcontainer {
	background: var(--color);
	border-radius: 6px;
	flex-grow: 1;
	margin: 0 5px;
	padding: 8px;
}

.main.earning-link .overview-subcontainer p {
	color: #fff;
	font-size: 12px;
}

.main.earning-link .ref_link_name input, .main.earning-link .ref_code_name input {
	background-color: var(--color) !important;
	border-radius: 6px;
	border: 2px var(--color) solid;
	color: #fff5eb !important;
	font-size: 12px;
	height: 44px;
}

.main.earning-link .referral-link p {
	color: #fff;
	font-size: 12px;
}

.main.earning-link .report-item {
	border-radius: 8px;
	border: 1px solid rgba(255,255,255,0.5);
	color: #fff5eb;
	cursor: pointer;
	font-size: 14px;
	height: 44px;
	line-height: 40px;
	padding-left: 15px;
	position: relative;
	width: 100%;
}

.main.earning-link .report-item:hover {
	background-color: #1b3c31;
}

.main.earning-link .separator {
	align-items: center;
	color: #fff;
	display: flex;
	font-size: 14px;
	margin-bottom: 15px;
	margin-top: 20px;
	text-align: center;
}

.main.earning-link .separator:after, .main.earning-link .separator:before {
	border-bottom: 1px solid #b7beab;
	content: "";
	flex: 1;
}

.main.earning-link .separator:not(:empty):after {
	margin-left: 0.65em;
}

.main.earning-link .separator:not(:empty):before {
	margin-right: 0.65em;
}

.main.earning-link ul li {
	list-style-type: none;
}

.market-card {
	background-color: #1a1a1a;
	background-color: #1e1e1e;
	border-radius: 12px;
	color: white;
	display: block;
	margin-bottom: 15px;
	margin: auto;
	overflow: hidden;
	padding: 15px;
	padding: 1rem;
	text-decoration: none;
}

.market-card .option {
	background-color: #333;
	border-radius: 8px;
	flex: 1;
	padding: 10px;
	text-align: center;
}

.market-card .option small {
	font-size: 0.75rem;
	opacity: 0.8;
}

.market-card .option strong {
	display: block;
	font-size: 1.2rem;
}

.market-card .option.no {
	background-color: #dc3545;
}

.market-card .option.yes {
	background-color: #28a745;
}

.market-card .options-row {
	display: flex;
	gap: 10px;
	margin-bottom: 10px;
}

.market-card .question {
	font-size: 1.1rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.market-card .volume {
	display: block;
	font-size: 0.8rem;
	text-align: right;
}

.market-card a:hover {
	color: unset;
	text-decoration: none;
}

.market-header {
	align-items: flex-start;
	display: flex;
	gap: 15px;
	margin-bottom: 25px;
}

.market-icon {
	border-color: #ffc107;
	border-width: medium;
	font-weight: bold;
	height: 40px;
	width: 40px;
}

.market-img {
	border-radius: 8px;
	object-fit: cover;
	width: 2rem;
}

.md-content h3, .md-content-drag h3 {
	background: #222;
	border-radius: 3px 3px 0 0;
	color: #fff;
	font-size: 2em;
	font-weight: 300;
	margin: 0;
	opacity: .8;
	padding: .1em .2em;
	text-align: center;
	text-transform: uppercase;
}

.md-content input[type=text], .md-content-drag input[type=text] {
	border: 1px #eee solid;
	height: 38px;
	line-height: 38px;
	padding: 0 10px;
	vertical-align: middle;
	width: calc(100% - 40px);
}

.md-content label {
	display: block;
	margin: 0 0 5px;
	overflow: hidden;
	width: 100%;
}

.md-content label em {
	color: #f90;
	line-height: 35px;
}

.md-content label input {
	border: 1px #eee solid;
	box-sizing: border-box;
	height: 35px;
	padding: 0 10px;
	width: 175px;
}

.md-content label span {
	display: block;
	float: left;
	line-height: 35px;
	margin: 0 10px 0 0;
	text-align: right;
	width: 30%;
}

.md-content, .md-content-drag {
	background: #fff;
	border-radius: 3px;
	color: #333;
	margin: 0 auto;
	position: relative;
}

.md-content-drag div, .md-content>div {
	-ms-transform: none;
	-webkit-transform: none;
	font-size: 1.15em;
	font-size: 1em;
	font-weight: 300;
	margin: 0;
	padding: 5px 10px 5px;
	position: relative;
	transform: none;
}

.md-content-drag>div h5, .md-content>div h5 {
	border-bottom: 1px #eee solid;
	color: #f90;
	font-size: 20px;
	font-weight: 700;
	line-height: 50px;
	text-align: center;
	width: 100%;
}

.md-content-drag>div p, .md-content>div p {
	margin: 0;
	padding: 10px 0;
}

.md-content-drag>div ul li, .md-content>div ul li {
	padding: 5px 0;
}

.md-content-drag>div ul, .md-content>div ul {
	margin: 0;
	padding: 0 0 30px 20px;
}

.md-effect-1 .md-content {
	-moz-transform: scale(.1);
	-moz-transition: all .4s;
	-ms-transform: scale(.1);
	-webkit-transform: scale(.1);
	-webkit-transition: all .4s;
	opacity: 0;
	transform: scale(.1);
	transition: all .4s;
}

.md-modal {
	-moz-backface-visibility: hidden;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateX(-50%) translateY(-50%);
	backface-visibility: hidden;
	height: auto;
	left: 50%;
	max-width: 630px;
	min-width: 320px;
	position: fixed;
	top: 50%;
	transform: translateX(-50%) translateY(-50%);
	visibility: hidden;
	width: 50%;
	z-index: 1500;
}

.md-overlay {
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	background: rgba(0,0,0,.5);
	height: 100%;
	left: 0;
	opacity: 0;
	position: fixed;
	top: 0;
	transition: all .3s;
	visibility: hidden;
	width: 100%;
	z-index: 46;
}

.md-perspective, .md-perspective body {
	height: 100%;
	overflow: hidden;
}

.md-show {
	-moz-backface-visibility: visible;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	visibility: visible;
}

.md-show-drag {
	-moz-backface-visibility: visible;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	visibility: visible;
	z-index: 900;
}

.md-show-drag.md-effect-1 .md-content {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	transform: scale(1);
}

.md-show-drag~.md-overlay {
	opacity: 1;
	visibility: visible;
}

.md-show.md-effect-1 .md-content {
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	opacity: 1;
	transform: scale(1);
}

.md-show~.md-overlay {
	opacity: 1;
	visibility: visible;
}

.message aside {
	background-color: var(--block);
	border-radius: 0.1rem;
	color: var(--txt);
}

.message tt {
	background-color: var(--block);
	border-color: var(--fff-1);
	border-radius: 0.1rem;
	border: 0;
	margin: 0.1rem 0;
}

.message tt a h5 {
	color: white;
	font-size: 0.18rem;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.message tt a i {
	color: var(--color);
}

.message tt a s {
	color: white;
	display: none;
}

.message tt a span {
	color: var(--txt);
}

.message tt.active {
	background-color: var(--color);
}

.message tt.active i, .message tt.active span {
	color: white;
}

.message-col {
	align-items: center;
	display: flex;
}

.message-col a {
	background-color: var(--deep);
	border-radius: 0.1rem;
	height: 0.6rem;
	line-height: 0.6rem;
	margin: 0.05rem;
	width: 0.6rem;
}

.message-col span {
	opacity: 0.3;
}

.message-col u {
	flex: 1;
}

.mission .progress {
	line-height: 1.5;
}

.mission .progress progress {
	flex: 1;
	margin-top: 10px;
	width: 100%;
}

.mission .progress span {
	margin-left: 10px;
}

.mission li {
	margin-bottom: 1rem;
	transition-duration: 0s;
}

.mission li a {
	background-color: white;
	border-radius: 0.5rem;
	box-shadow: var(--shadow);
	display: block;
}

.mission-cont {
	align-items: center;
	border-bottom-width: 1px;
	display: flex;
	padding: 0.2rem 0;
}

.mission-cont em {
	display: block;
	height: 3rem;
	margin: 0 0.3rem;
	width: 3rem;
}

.mission-cont h5 {
	color: #333 !important;
	flex: 1;
	font-size: 1.15rem;
	text-transform: uppercase;
}

.mission-cont h5 span {
	display: block;
	font-size: 0.8rem;
	font-weight: normal;
	margin-top: 0.25rem;
	text-transform: capitalize;
}

.mission-info {
	align-items: center;
	display: flex;
	padding: 0.5rem;
}

.mission-info .progress {
	align-items: center;
	display: flex;
	height: 0.5rem;
	width: 50%;
}

.mission-info .progress .progress-bar {
	background-color: var(--color);
	height: 100%;
}

.mission-info em {
	color: #000;
	flex: 1;
	font-size: 0.8rem;
	text-transform: capitalize;
}

.mission-info span {
	font-size: 0.8rem;
	margin-left: 0.25rem;
}

.modal-content {
	background-color: var(--deep);
}

.modal-dialog {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
}

.modal-drag {
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height: auto;
	left: 50%;
	max-width: 630px;
	min-width: 320px;
	position: fixed;
	top: 50%;
	width: 50%;
}

.modal-drag button {
	position: relative !important;
	z-index: 48;
}

.modal.modal-slide-up {
	bottom: 0;
	height: auto;
	left: auto;
	max-height: 95%;
	overflow-y: hidden;
	right: auto;
	top: auto;
}

.modal.modal-slide-up .modal-content {
	background-color: var(--deep);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 0.3rem;
	border-top-right-radius: 0.3rem;
	border: none;
}

.modal.modal-slide-up .modal-content .close {
	opacity: 1;
}

.modal.modal-slide-up .modal-content .close span {
	color: var(--fff);
}

.modal.modal-slide-up .modal-dialog {
	margin: 0 auto;
	max-width: unset;
}

.modal.modal-slide-up .modal-dialog-scrollable {
	max-height: 95vh;
}

.modal.modal-slide-up .modal-title, .modal.modal-slide-up label {
	color: var(--fff);
}

.modal.modal-slide-up.fade .modal-dialog {
	transform: translate3d(0,100%,0);
}

.modal.modal-slide-up.show .modal-dialog {
	transform: translate3d(0,0,0);
}

.navigation {
	background-color: var(--deep);
	height: 100%;
}

.navigation-list {
	padding: 0 0.5rem 0.5rem 0.5rem;
	padding: 0.2rem;
}

.navigation-list li {
	margin: 0.1rem 0;
	margin: 0.5rem 0;
}

.navigation-list li a em, .navigation-list li div em {
	border-radius: 100%;
	height: 0.4rem;
	height: 1.5rem;
	width: 0.4rem;
	width: 1.5rem;
}

.navigation-list li a i {
	margin: 0 0.2rem 0 0;
}

.navigation-list li a i, .navigation-list li a img, .navigation-list li div i, .navigation-list li div img {
	margin-right: 0.5rem;
}

.navigation-list li a img, .navigation-list li div img {
	max-width: 1.5rem;
}

.navigation-list li a span {
	font-size: 0.22rem;
}

.navigation-list li a span, .navigation-list li div span {
	font-size: 0.9rem;
}

.navigation-list li a u, .navigation-list li div u {
	flex: 1;
}

.navigation-list li a, .navigation-list li div {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.1rem;
	border-radius: 0.35rem;
	color: white;
	display: flex;
	padding: 0.2rem;
	padding: 0.5rem;
}

.navigation-logout {
	margin-top: auto;
	padding: 0.2rem;
	width: 100%;
}

.navigation-logout .btn {
	background-color: var(--color);
}

.navigation-name {
	background-size: cover;
	position: relative;
}

.navigation-name cite {
	background-image: none !important;
	background-size: cover;
	bottom: 0;
	height: 0.1rem;
	left: 0;
	position: absolute;
	width: 100%;
}

.navigation-name em {
	display: block;
	width: 2rem;
}

.notice {
	align-items: center;
	background-color: var(--block);
	background: #333;
	border-radius: 0.1rem;
	display: flex;
	display: none;
	height: 30px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.notice a.more {
	color: var(--txt);
	font-size: 0.3rem;
	width: 0.6rem;
}

.notice a.more:hover {
	color: white;
}

.notice i {
	background-color: var(--color);
	border-radius: 0 0.3rem 0.3rem 0;
	color: white;
	margin-right: 0.1rem;
	width: 0.8rem;
}

.notice marquee a {
	color: #999;
	line-height: 30px;
	white-space: nowrap;
}

.notice marquee, .notice marquee a {
	color: white;
}

.notice span {
	background: #6f0102 url(../../images/ann-ico.png) 2px center no-repeat;
	border-radius: 0 15px 15px 0;
	display: block;
	float: left;
	height: 26px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 26px;
	z-index: 90;
}

.number {
	overflow: hidden;
	padding: 10px 0 30px;
	width: 100%;
}

.o-wrapper {
	background: #000;
	height: 100%;
	min-height: 100vh;
	overflow-y: auto;
	padding-bottom: 55px;
	padding-bottom: 80px;
	padding-top: 60px;
	position: relative;
	width: 100%;
}

.o-wrapper.login-wrapper {
	margin: 0 auto;
	max-width: 640px;
	padding-bottom: 0;
	padding-top: 0;
}

.o-wrapper.login-wrapper header {
	left: 0;
	position: absolute;
	top: 0;
}

.o-wrapper.login-wrapper header, .o-wrapper.login-wrapper footer {
	display: none;
}

.o-wrapper.login-wrapper main {
	display: flex;
	flex-direction: column;
}

.operate {
	align-items: center;
	display: flex;
}

.operate u {
	flex: 1;
}

.operate-cont {
	display: flex;
}

.operate-cont a {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.15rem;
	display: flex;
	height: 0.8rem;
	justify-content: center;
	margin-left: 0.1rem;
	width: 0.8rem;
}

.operate-cont a i {
	color: var(--color);
}

.opt-btn {
	border-radius: 12px;
	border: none;
	padding: 0.6rem;
	text-align: center;
	transition: transform 0.1s;
}

.opt-btn.active {
	border: 2px solid #ffb14d;
	box-shadow: 0 0 20px rgba(255,177,77,0.4);
	opacity: 1;
}

.opt-btn:active {
	transform: scale(0.98);
}

.opt-label {
	font-size: 1.0rem;
	font-weight: 800;
	opacity: 1.0;
}

.opt-no {
	background: #dc3545;
	color: #fff;
	opacity: 1.0;
}

.opt-price {
	font-size: 1.2rem;
	font-weight: 900;
}

.opt-yes {
	background: #28a745;
	box-shadow: 0 0 15px rgba(0,163,255,0.3);
	color: #fff;
}

.option-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 24px;
}

.option-switcher {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: scroll;
	overflow-y: hidden;
	padding: 1rem 0;
}

.option-switcher-tab {
	display: flex;
	flex-shrink: 0;
	margin-right: 0.5rem;
}

.option-switcher-tab span {
	background-color: var(--block);
	border-radius: 0.5rem;
	color: white;
	padding: 0.5rem 0.75rem;
}

.option-switcher-tab.active span {
	background-color: var(--color);
}

.orange {
	--color: var(--orange);
}

.overlay-img {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 50%;
	width: 100px;
}

.page {
	overflow: hidden;
	padding: 20px 0;
	width: 100%;
}

.page a {
	background: #ffc107 url(../../images/enter-btn.png) center no-repeat;
	border-radius: 100%;
	display: block;
	height: 40px;
	margin: 0 auto;
	width: 40px;
}

.page a.prev {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.page li {
	float: left;
	line-height: 40px;
	overflow: hidden;
	text-align: center;
	width: 33.33%;
}

.page-game a {
	background-color: #f90 !important;
	background-color: var(--color) !important;
}

.page.page-game li span {
	color: #fff;
}

.pay input {
	border-bottom: 1px var(--fff-1) solid;
	color: var(--yellow);
	font-size: 0.4rem;
	height: 1rem;
	padding: 0;
}

.pay-cont {
	display: flex;
	padding: 0.1rem 0;
}

.pay-cont li {
	flex: 1;
}

.pay-cont li a {
	background-color: var(--block);
	border-radius: 0.1rem;
	color: white;
	display: block;
	font-size: 0.2rem;
	line-height: 0.6rem;
	text-align: center;
}

.pay-cont li a:hover {
	background-color: var(--color);
}

.pay-cont li:not(:last-child) {
	margin-right: 0.1rem;
}

.payout-small {
	color: #ccc;
	font-size: 0.85rem;
	font-weight: bold;
	opacity: 0.8;
}

.pitch {
	border-radius: 0.1rem;
	border: 2px var(--red) solid;
	height: 100%;
	left: 0;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 100%;
}

.pitch i {
	background-color: var(--red);
	border-radius: 0 0 0 0.3rem;
	color: white;
	font-size: 0.24rem;
	height: 0.3rem;
	position: absolute;
	right: 0;
	width: 0.3rem;
}

.pop-language .center {
	align-items: center;
	display: flex;
	justify-content: center;
}

.pop-language .language-cont {
	background-color: var(--deep);
	padding: 0.5rem;
}

.pop-language .language-cont ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.pop-language .language-cont ul li {
	display: flex;
	justify-content: center;
	margin-bottom: 0.5rem;
	padding: 0.25rem;
	text-align: center;
	width: 20%;
}

.pop-language .language-cont ul li a {
	height: 2.25rem;
	width: 2.25rem;
}

.pop-language .language-cont ul li a i {
	font-size: 1.2rem;
}

.pop-language pop-solve .btn {
	font-size: 1rem;
	opacity: 1;
}

.pop-language pop-title {
	align-items: center;
	background-color: var(--block);
	font-weight: bold;
	justify-content: space-between;
	padding: 0.5rem;
}

.pop-language pop-title a.ico {
	align-items: center;
	color: var(--fff);
	display: flex;
	height: 2rem;
	justify-content: center;
	margin: unset;
	opacity: 1;
	width: 2rem;
}

.pop-language pop-title span {
	color: var(--fff);
}

.pop-navigation .navigation-logout a {
	border-radius: 0.35rem;
	color: var(--fff);
	display: flex;
	padding: 0.25rem;
}

.pop-navigation .navigation-logout a:hover {
	color: var(--fff);
}

.pop-navigation .navigation-name {
}

.pop-navigation .navigation-name cite {
	height: 2rem;
}

.pop-navigation .navigation-name em {
	text-align: center;
	width: unset;
}

.pop-navigation .navigation-name em img {
	max-height: 5rem;
	max-width: 10rem;
}

.pop-navigation pop-sider {
	width: 15rem;
}

.pop-toggle-color .center {
	align-items: center;
	display: flex;
	justify-content: center;
}

.pop-toggle-color .toggle-color-cont {
	display: flex;
	margin: 0 auto;
	padding: 0.5rem;
}

.pop-toggle-color .toggle-color-cont div {
	display: flex;
	flex: 0 0 16.666667%;
	justify-content: center;
	max-width: 16.666667%;
}

.pop-toggle-color .toggle-color-cont div a {
	border-radius: 100%;
	display: flex;
	height: 2.5rem;
	margin: 0.25rem;
	position: relative;
	width: 2.5rem;
}

.pop-toggle-color .toggle-color-cont div a i.ico-done {
	color: var(--fff);
	display: none;
	font-size: 1.15rem;
	position: absolute;
	right: -0.05rem;
	top: -0.05rem;
}

.pop-toggle-color .toggle-color-cont div a.template-black {
	background-color: var(--black);
}

.pop-toggle-color .toggle-color-cont div a.template-blue {
	background-color: var(--blue);
}

.pop-toggle-color .toggle-color-cont div a.template-clear i.fa-ban {
	color: red;
	font-size: 2.5rem;
}

.pop-toggle-color .toggle-color-cont div a.template-cyan {
	background-color: var(--cyan);
}

.pop-toggle-color .toggle-color-cont div a.template-green {
	background-color: var(--green);
}

.pop-toggle-color .toggle-color-cont div a.template-orange {
	background-color: var(--orange);
}

.pop-toggle-color .toggle-color-cont div a.template-red {
	background-color: var(--red);
}

.pop-toggle-color .toggle-color-cont div a.template-sapphire {
	background-color: var(--sapphire);
}

.pop-toggle-color .toggle-color-cont div a.template-violet {
	background-color: var(--violet);
}

.pop-toggle-color .toggle-color-cont div a.template-yellow {
	background-color: var(--yellow);
}

.pop-toggle-color .toggle-color-cont div.active a i.ico-done {
	display: block;
}

.pop-toggle-color pop-cont {
	background-color: var(--deep);
}

.pop-toggle-color pop-main {
	max-width: 500px;
}

.pop-toggle-color pop-solve .btn {
	font-size: 1rem;
	opacity: 1;
}

.pop-toggle-color pop-title {
	align-items: center;
	background-color: var(--block);
	font-weight: bold;
	justify-content: space-between;
	padding: 0.5rem;
}

.pop-toggle-color pop-title a.ico {
	align-items: center;
	color: var(--fff);
	display: flex;
	height: 2rem;
	justify-content: center;
	margin: unset;
	opacity: 1;
	width: 2rem;
}

.pop-toggle-color pop-title span {
	color: var(--fff);
}

.premium-header {
	display: grid;
	display: none;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
	padding: 15px;
}

.price-large {
	font-size: 1.2rem;
	font-weight: 700;
}

.progress-container {
	background: rgba(255,255,255,0.1);
	border-radius: 2px;
	display: flex;
	height: 4px;
	margin-bottom: 20px;
	overflow: hidden;
}

.progress-labels {
	color: #00a3ff;
	display: flex;
	font-size: 0.8rem;
	font-weight: 800;
	justify-content: space-between;
	margin-bottom: 8px;
}

.promo-modal .modal-content {
	background-color: var(--deep);
}

.promo-modal .modal-footer {
	justify-content: center;
}

.promo-modal .promo-modal-btn-wrapper {
	text-align: center;
}

.promo-modal .promo-modal-btn-wrapper a {
	color: white;
	font-size: 0.9rem;
	padding: 0.5rem 1.5rem;
}

.promo-modal .promo-modal-img-wrapper img {
	border-radius: 0.5rem;
}

.promo-modal-content td {
	border: 1px solid #ccc;
}

.promo-modal-table-wrapper {
	max-width: 100%;
	overflow-x: scroll;
	overflow-y: hidden;
	padding-bottom: 0.5rem;
	padding-bottom: 0.75rem;
}

.promo-modal-table-wrapper table td {
	border: 1px solid #ccc;
}

.promotion-container {
	margin-bottom: 1rem;
	padding-left: 0;
	padding-right: 0;
}

.promotion-container .promotion-container-date {
	align-items: center;
	color: var(--txt);
	display: flex;
	font-size: 0.85rem;
	font-weight: bold;
	justify-content: flex-end;
}

.promotion-container .promotion-container-title {
	align-items: center;
	color: var(--fff);
	display: flex;
	flex-wrap: wrap;
	font-size: 0.85rem;
}

.promotion-container .promotion-container-title i {
	color: var(--color);
	margin: 0;
}

.promotion-container .promotion-container-title span {
	display: block;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.provider-item {
	padding: 0 !important;
}

.provider-item .btn-turnover {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.provider-item label {
	margin: .5rem 0;
}

.qrcode-bank-wrapper {
	border-radius: 0.5rem;
	border: 1px solid #fff;
	font-size: 0.9rem;
	margin-top: 0.75rem;
	overflow: hidden;
	width: 100%;
}

.qrcode-bank-wrapper .qrcode-bank-details {
	background-color: var(--fff);
	border-top: 1px solid var(--ddd);
	color: var(--000);
	padding: 1rem;
	width: 100%;
}

.qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info {
	align-items: center;
	display: flex;
}

.qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info #bankaccber_to, .qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info .btn-copy-bank {
	color: #007bff;
}

.qrcode-bank-wrapper .qrcode-bank-details .qrcode-bank-details-info .btn-copy-bank {
	padding: 0 0.5rem;
}

.qrcode-bank-wrapper .qrcode-bank-img-wrapper {
	background-color: var(--ddd);
	padding: 0.5rem;
	width: 100%;
}

.qrcode-bank-wrapper .qrcode-bank-img-wrapper img {
	display: block;
	margin: 0 auto;
	max-height: 180px;
	min-height: 120px;
}

.quick-box, .quick-box-limit, .quick-box-market, .quick-box-limit-sell {
	background: rgba(255,255,255,0.05);
	border-radius: 8px;
	border: 1px solid transparent;
	color: #fff;
	cursor: pointer;
	font-size: 0.7rem;
	font-weight: 700;
	padding: 12px;
	text-align: center;
}

.quick-box.active {
	border: 1px solid #fee715;
	color: #fee715;
}

.quick-grid {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4,1fr);
}

.radio-inline input {
	width: auto;
}

.recommend {
	margin: 0 -0.5rem;
	overflow: hidden;
	padding: 0 0.1rem;
}

.recommend .recommend-long {
	width: 100%;
}

.recommend li {
	float: left;
	margin-bottom: 0.2rem;
	margin-bottom: 0.5rem;
	padding: 0 0.1rem;
	padding: 0 0.5rem;
	transition-duration: 0s;
	width: 50%;
}

.recommend li a {
	border-radius: 0.1rem;
	border-radius: 0.35rem;
	display: block;
	overflow: hidden;
}

.red {
	--color: var(--red);
}

.referral-cont {
	background-color: var(--color);
	border-radius: 0.1rem;
	padding: 0.2rem;
}

.referral-cont h5 {
	color: white;
	margin: 0.1rem 0;
}

.referral-copy {
	display: flex;
	margin-bottom: 0.2rem;
}

.referral-copy a {
	font-size: 0.18rem;
	height: 0.7rem;
}

.referral-copy a i {
	font-size: 0.3rem;
}

.referral-copy input {
	background-color: white;
	border-radius: 0.1rem;
	flex: 1;
	margin-right: 0.2rem;
}

.referral-data {
	align-items: center;
	background-color: var(--block);
	border-radius: 0.5rem;
	display: flex;
	padding: 0.5rem;
}

.referral-data li {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}

.referral-data li .referral-data-count {
	font-size: 1.25rem;
}

.referral-data li span {
	color: var(--txt);
	font-size: 0.8rem;
}

.referral-data-url-wrapper {
	background-color: var(--color);
	border-radius: 0.5rem;
	padding: 0.5rem;
}

.referral-data-url-wrapper .h6 {
	font-weight: bold;
}

.referral-data-url-wrapper .referral-data-url {
	display: flex;
}

.referral-data-url-wrapper .referral-data-url .btn {
	border-radius: 0.5rem;
	color: #000;
	font-size: 0.85rem;
	padding: 0.5rem;
}

.referral-data-url-wrapper .referral-data-url .btn:hover {
	color: #000;
}

.referral-data-url-wrapper .referral-data-url input {
	background-color: var(--fff);
	border-radius: 0.5rem;
	color: #000;
	font-size: 0.85rem;
}

.referral-support {
	background-color: var(--block);
	border-radius: 0.5rem;
	display: flex;
	padding: 0.5rem;
}

.referral-support li {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex: 1;
}

.referral-support li em {
	align-items: center;
	border-radius: 100%;
	border: 0.25rem var(--color) solid;
	color: var(--color);
	display: flex;
	font-size: 0.8rem;
	height: 2rem;
	margin: 0.25rem 0;
	width: 2rem;
}

.referral-support li span {
	align-items: center;
	color: var(--txt);
	display: flex;
	font-size: 0.65rem;
	justify-content: center;
	line-height: 1;
	min-height: 1.5rem;
	text-transform: uppercase;
}

.reg-bank-detail-wrapper #regSelectedBankLogo {
	border-radius: 0.5rem;
	height: 7.5rem;
	width: 7.5rem;
}

.reg-bank-detail-wrapper #regSelectedBankName {
	display: block;
	font-size: 0.9rem;
	margin-top: 0.25rem;
	width: 100%;
}

.reg-bank-logo-wrapper {
	border-radius: 0.5rem;
	padding: 0 0.25rem;
}

.reg-bank-logo-wrapper .reg-bank-logo {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: center;
	margin: 0.25rem 0;
}

.reg-bank-logo-wrapper .reg-bank-logo img {
	border-radius: 0.5rem;
	padding: 0.5rem;
}

.reg-bank-logo-wrapper .reg-bank-logo span {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	display: block;
	font-size: 0.9rem;
	line-height: 1.1;
	margin-top: 0.25rem;
	max-height: 2.6em;
	overflow: hidden;
	text-align: center;
	text-overflow: ellipsis;
}

.register-wrapper .form-check-inline .form-check-input {
	height: 20px;
	width: 20px;
}

.register-wrapper .form-check-inline .form-check-label {
	font-size: 12px;
	width: 100%;
}

.register-wrapper .register-option {
	display: none;
}

.register-wrapper .register-option.active {
	display: block;
}

.result-validation {
	background: rgba(255,255,255,0.05);
	border-radius: 8px;
	border: 1px solid transparent;
	color: rgba(255,255,255,0.7);
	font-size: 0.9rem;
	margin-bottom: 20px;
	padding: 12px;
}

.roulette a {
	background: #333;
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 46px;
	line-height: 46px;
	margin: 4px;
	text-align: center;
	width: 46px;
}

.sapphire {
	--color: var(--sapphire);
}

.search-bar {
	display: flex;
	margin-bottom: 10px;
}

.search-bar button {
	background-color: var(--color);
	border-radius: 8px;
	border: none;
	color: white;
	cursor: pointer;
	margin-left: 10px;
	padding: 8px 15px;
}

.search-bar input {
	background-color: #333;
	border-radius: 8px;
	border: 1px solid #555;
	color: white;
	flex-grow: 1;
	padding: 8px;
}

.section-label {
	color: rgba(255,255,255,0.8);
	display: block;
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.show-result {
	background: #f90;
	border-radius: 1em;
	color: #fff;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	width: 150px;
}

.sidebar {
	color: white;
	font-size: 0.9rem;
	padding: 10px;
}

.sidebar a {
	color: white;
	display: block;
	padding: 8px;
	text-decoration: none;
}

.simple {
	color: white;
}

.simple li {
	align-items: center;
	border-bottom: 1px var(--fff-1) solid;
	display: flex;
	line-height: 0.5rem;
	padding: 0.1rem 0;
}

.simple li .avatar {
	height: 0.7rem;
	width: 0.7rem;
}

.simple li b {
	color: var(--yellow);
}

.simple li span {
	color: var(--txt);
	text-transform: capitalize;
}

.simple u {
	flex: 1;
}

.slot li {
	width: 33.33%;
}

.slot li a em {
	height: 1.6rem;
}

.slots {
	width: 100%;
}

.slots ul {
	padding-left: 0;
}

.slots-contant {
	background-color: unset;
	background: #fff;
	overflow: hidden;
	padding: 5px;
}

.slots-contant .slot-mode-tab .nav-item {
	height: 2.5rem;
}

.slots-contant .slot-mode-tab .nav-item a {
	background: var(--color);
	height: inherit;
	padding: 6px 0;
}

.slots-contant .slot-mode-tab .nav-item a img {
	height: auto;
	width: 16px !important;
}

.slots-contant .slot-mode-tab .nav-item a span {
	display: inline;
}

.slots-contant a {
	border: 1px #eee solid;
	display: block;
	height: 150px;
	height: auto;
	padding: 0;
	padding: 10px 0 0;
	position: relative;
	text-align: center;
	width: 100%;
}

.slots-contant a img {
	max-width: 100%;
	width: 100% !important;
}

.slots-contant a span {
	bottom: 0;
	color: #000;
	display: block;
	height: 30px;
	left: 0;
	line-height: 30px;
	position: absolute;
	text-align: center;
	text-transform: capitalize;
	width: 100%;
}

.slots-contant a span, .game-box span {
	background-color: var(--color);
	color: #fff;
	font-size: .9rem;
	overflow: hidden;
	position: relative;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.slots-contant li {
	box-sizing: border-box;
	float: left;
	padding: 5px;
	width: 33.33%;
}

.slots-contant li a::before, .slots-contant #slot_games li a::before {
	left: 0;
}

.slots-tab {
	-webkit-flex-wrap: wrap;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: .5rem;
}

.slots-tab .fav-game-container {
	display: flex;
	flex-wrap: wrap;
}

.slots-tab a {
	background-clip: content-box;
	background-color: #eaedef;
	background-color: rgb(224 231 246);
	border: 1px transparent solid;
	color: #080808;
	color: #212529 !important;
	height: 40px;
	line-height: 1.25;
	line-height: 40px;
	padding: 0;
	width: 25%;
}

.slots-tab a.active, .slots-tab a:hover {
	background-clip: content-box;
	background-color: #daa300;
	background-color: transparent;
	background-color: var(--color);
	color: #fff;
	color: #fff !important;
}

.slots-tab a.ccc {
	background: #ccc;
	color: #555;
}

.slots-tab-images {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: .25rem;
}

.slots-tab-images a {
	background-color: transparent;
	display: flex;
	height: unset;
	padding: .25rem;
	width: 25%;
}

.slots-tab-images a img {
	background: rgba(255,255,255,0.1);
	border-radius: .5rem;
	padding: .25rem;
}

.slots-tab-images a.active img, .slots-tab-images a:hover img {
	background-color: var(--color);
}

.slots-tab-images a:focus {
	box-shadow: none;
}

.slots_bestgamer img, .slots_afbgaming img {
	height: 9rem;
}

.slots_mg img, .slots_netent img {
	height: 8rem;
}

.slots_playstar img, .slots_fish img, .slots_joker123 img, .slots_pplay img {
	height: 11rem;
}

.social-content {
	align-items: center;
	display: flex;
}

.social-content span {
	color: #fff !important;
	word-break: break-word;
}

.social-icon {
	align-items: center;
	display: flex;
	justify-content: center;
}

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

.specific-page-num {
	border-color: #fff;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,.4);
	color: #fff;
	display: inline-block;
	height: 35px;
	min-width: 40px;
	text-align: center;
	width: 15%;
}

.sport .list a span {
	color: #f90;
	float: right;
	padding: 0 10px;
}

.sport .list i {
	background: top right no-repeat;
	float: left;
}

.sport .list i.athletics {
	background-image: url(../../images/sport/ico/athletics.png);
}

.sport .list i.badminton {
	background-image: url(../../images/sport/ico/badminton.png);
}

.sport .list i.baseball {
	background-image: url(../../images/sport/ico/baseball.png);
}

.sport .list i.basketball {
	background-image: url(../../images/sport/ico/basketball.png);
}

.sport .list i.beachsoccer {
	background-image: url(../../images/sport/ico/beachsoccer.png);
}

.sport .list i.boxing {
	background-image: url(../../images/sport/ico/boxing.png);
}

.sport .list i.cricket {
	background-image: url(../../images/sport/ico/cricket.png);
}

.sport .list i.cycling {
	background-image: url(../../images/sport/ico/cycling.png);
}

.sport .list i.darts {
	background-image: url(../../images/sport/ico/darts.png);
}

.sport .list i.favourite {
	background-image: url(../../images/sport/ico/favourite.png);
}

.sport .list i.formula1 {
	background-image: url(../../images/sport/ico/formula1.png);
}

.sport .list i.futsal {
	background-image: url(../../images/sport/ico/futsal.png);
}

.sport .list i.golf {
	background-image: url(../../images/sport/ico/golf.png);
}

.sport .list i.handball {
	background-image: url(../../images/sport/ico/handball.png);
}

.sport .list i.icehockey {
	background-image: url(../../images/sport/ico/icehockey.png);
}

.sport .list i.misswold {
	background-image: url(../../images/sport/ico/misswold.png);
}

.sport .list i.motorsports {
	background-image: url(../../images/sport/ico/motorsports.png);
}

.sport .list i.olympic {
	background-image: url(../../images/sport/ico/olympic.png);
}

.sport .list i.others {
	background-image: url(../../images/sport/ico/others.png);
}

.sport .list i.rugby {
	background-image: url(../../images/sport/ico/rugby.png);
}

.sport .list i.snooker {
	background-image: url(../../images/sport/ico/snooker.png);
}

.sport .list i.soccer {
	background-image: url(../../images/sport/ico/soccer.png);
}

.sport .list i.squash {
	background-image: url(../../images/sport/ico/squash.png);
}

.sport .list i.supercombo {
	background-image: url(../../images/sport/ico/supercombo.png);
}

.sport .list i.tabletennis {
	background-image: url(../../images/sport/ico/tabletennis.png);
}

.sport .list i.tennis {
	background-image: url(../../images/sport/ico/tennis.png);
}

.sport .list i.usfootball {
	background-image: url(../../images/sport/ico/usfootball.png);
}

.sport .list i.volleyball {
	background-image: url(../../images/sport/ico/volleyball.png);
}

.sport .list i.waterpolo {
	background-image: url(../../images/sport/ico/waterpolo.png);
}

.sport .list i.wintersport {
	background-image: url(../../images/sport/ico/wintersport.png);
}

.sport .list i:hover {
	background-position: top left;
	float: left;
}

.sport .list>a {
	padding: 0;
}

.sport .list>a:hover {
	background: #f90;
}

.sport .list>a:hover span {
	color: #fff;
}

.sport-contant {
	overflow: hidden;
	width: 100%;
}

.sport-select {
	overflow: hidden;
	width: 100%;
}

.sport-select input, .sport-select select {
	background-clip: padding-box;
	background: #fff;
	border: 5px transparent solid;
	box-sizing: border-box;
	display: block;
	float: left;
	height: 50px;
	padding: 0 10px;
	width: 50%;
}

.sport-stip {
	overflow: hidden;
}

.sport-stip h5 {
	background: #f90;
	color: #fff;
	font-weight: 400;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-transform: capitalize;
	text-transform: uppercase;
	width: 100%;
}

.sport-stip input {
	border: 1px #eee solid;
	box-sizing: border-box;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	text-transform: capitalize;
	width: 100%;
}

.sport-stip input[type=radio] {
	height: 20px;
	vertical-align: middle;
	width: 20px;
}

.sport-stip label {
	display: block;
	overflow: hidden;
	padding: 5px 0;
	text-transform: capitalize;
	width: 100%;
}

.sport-stip label.yel {
	color: #f90;
}

.sport-stip table {
	width: 100%;
}

.sport-stip td {
	border: 1px #eee solid;
	height: 40px;
	vertical-align: middle;
}

.sport-stip td span {
	color: #f90;
}

.sport-stip-ann {
	border-bottom: 1px #eee solid;
	overflow: hidden;
	padding: 5px 0;
	width: 100%;
}

.sport-stip-main {
	background: #fff;
	overflow: hidden;
	padding: 10px;
	text-align: center;
}

.sport-tab {
	background: #333;
	overflow: hidden;
	width: 100%;
}

.sport-tab a {
	border-radius: 0;
	height: 40px;
	line-height: 40px;
	width: 50%;
}

.sport-tab a.active, .sport-tab a:hover {
	background: #f4f4f4;
	color: #333;
}

.sport-three {
	background: #222;
	overflow: hidden;
	width: 100%;
}

.sport-three a {
	height: 40px;
	line-height: 40px;
	width: 33.33%;
}

.sport-three a.active, .sport-three a:hover {
	color: #f90;
}

.sport-title {
	margin: 0 0 10px;
	overflow: hidden;
	width: 100%;
}

.sport-title h2 {
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	text-align: center;
}

.stat-lbl {
	color: rgba(255,255,255,0.8);
	font-size: 0.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.stat-val-small {
	color: rgba(255,255,255,0.75);
	font-size: 0.85rem;
	font-weight: 800;
	margin-top: 4px;
}

.stat-val-smallg {
	color: #09b83e;
	font-size: 2rem;
	font-weight: 800;
}

.state {
	align-items: center;
	color: white;
	display: flex;
}

.state a {
	color: white;
	margin: 0 0.05rem;
}

.state a.btn {
	font-size: 0.18rem;
	height: 0.6rem;
	width: 1.2rem;
}

.state b {
	color: var(--yellow);
}

.stats-grid {
	align-items: flex-end;
	display: flex;
	justify-content: space-between;
}

.sub-category-pill .nav-item .nav-link {
	align-items: center;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: contain;
	background: url("../images/slots/xmode/btnhk.png");
	border-radius: 8px;
	display: flex;
	filter: drop-shadow(0px 2px 4px rgba(0,0,0,0.6862745098));
	height: 4.8vh;
	justify-content: center;
	min-width: 25%;
	padding-left: 0;
	position: relative;
	transition: all 0.3s;
	width: 100%;
}

.sub-category-pill .nav-item .nav-link img {
	filter: brightness(1.5) grayscale(0.5);
	height: 2.2vh;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: auto;
}

.sub-category-pill .nav-item .nav-link.active {
	background-image: url("../images/slots/xmode/btnhk_hover.png");
}

.support {
	background-color: var(--block);
	border-radius: 0.1rem;
	display: flex;
	padding: 0.2rem;
}

.support li {
	flex: 1;
	text-align: center;
}

.support li em {
	border-radius: 100%;
	border: 0.03rem var(--color) solid;
	color: var(--color);
	font-size: 0.4rem;
	height: 0.8rem;
	line-height: 0.8rem;
	margin: 0.1rem 0;
	width: 0.8rem;
}

.support li h6 {
	align-items: center;
	color: var(--txt);
	display: flex;
	font-size: 0.16rem;
	height: 0.6rem;
	justify-content: center;
	text-transform: uppercase;
}

.swiper .swiper-slide img {
	border-radius: 0.35rem;
}

.table table {
	background-color: transparent;
}

.table table tbody tr:hover {
	background-color: var(--block);
}

.table table tbody tr:nth-child(2n) {
	background-color: var(--block);
}

.table table th, .table table td {
	color: white;
}

.table table thead th, .table table thead td {
	background-color: var(--color);
	border: 0;
}

.table-head {
	border-bottom: 1px solid rgba(255,255,255,0.05);
	color: rgba(255,255,255,0.7);
	display: grid;
	font-size: 10px;
	font-weight: 800;
	grid-template-columns: 1fr 1fr 1fr 0.5fr;
	padding-bottom: 12px;
}

.table-row {
	align-items: center;
	color: #fff;
	display: grid;
	font-size: 12px;
	font-weight: 800;
	grid-template-columns: 1fr 1fr 1fr 0.5fr;
	padding: 15px 0;
}

.template-black {
	--color: var(--black);
	--text-color: var(--black);
}

.template-blue {
	--color: var(--blue);
	--text-color: var(--blue);
}

.template-cyan {
	--color: var(--cyan);
	--text-color: var(--cyan);
}

.template-green {
	--color: var(--green);
	--text-color: var(--green);
}

.template-orange {
	--color: var(--orange);
	--text-color: var(--orange);
}

.template-red {
	--color: var(--red);
	--text-color: var(--red);
}

.template-sapphire {
	--color: var(--sapphire);
	--text-color: var(--sapphire);
}

.template-violet {
	--color: var(--violet);
	--text-color: var(--violet);
}

.template-yellow {
	--color: var(--yellow);
	--text-color: var(--yellow);
}

.three-pair {
	float: left;
	text-align: center;
	width: 33.33333%;
}

.three-pair span {
	background: #f90;
	border-radius: 1em;
	color: #fff;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: 700;
	height: 23px;
	line-height: 25px;
	margin: 1px;
	text-align: center;
	width: 30%;
}

.tick-check {
	bottom: -25px;
	color: #fff;
	font-size: 0.75rem;
	position: absolute;
	right: 3px;
}

.tip {
	background-color: var(--block);
	border-radius: 0.1rem;
	color: var(--txt);
	line-height: 180%;
	padding: 0.2rem;
}

.tip h6 {
	color: white;
	padding: 0.1rem 0;
}

.title {
	padding: 0.3rem 0;
	text-align: left;
}

.title h3, .title h5 {
	color: white;
}

.topbar {
	background-color: #333;
	border-radius: 8px;
	color: white;
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 10px;
}

.transfer label {
	box-sizing: border-box;
	display: block;
	padding: 5px;
	width: 100%;
}

.transfer label span {
	box-sizing: border-box;
	color: #eee;
	padding: 0;
	text-align: left;
}

.transfer label>.btn-big:not(.gradient) {
	color: #333 !important;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.transfer:not(.dps) button.gradient {
	margin: 0 !important;
	width: calc(50% - 20px) !important;
}

.trash-btn {
	color: #ff2d55;
	cursor: pointer;
	font-size: 14px;
	text-align: right;
}

.turnover-item.custom-turnover-item {
	padding: 0 0.5rem;
	width: 100%;
}

.turnover-item.custom-turnover-item .checkbox {
	display: flex;
}

.turnover-item.custom-turnover-item input {
	width: auto;
}

.turnover-item.custom-turnover-item label {
	align-items: center;
	display: flex;
	padding: 0;
	white-space: unset;
}

.turnover-item.custom-turnover-item label span {
	font-size: 0.8rem;
	margin: 0;
	padding-left: 3px;
}

.turnplate canvas {
	transition-duration: unset !important;
}

.two-one {
	float: left;
	width: 17%;
}

.two-one a {
	background: #333;
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	font-size: 16px;
	font-weight: 700;
	height: 102px;
	line-height: 102px;
	margin: 4px;
	text-align: center;
	width: 100%;
}

.under-zero {
	z-index: -1;
}

.usdt-content-wrapper {
	padding-top: 1rem;
}

.usdt-content-wrapper .usdt-payment-button {
	background: #ddd;
	display: flex;
	flex-direction: column;
}

.usdt-content-wrapper .usdt-payment-button .crypto_name {
	padding-top: 0.3rem;
}

.usdt-content-wrapper .usdt-payment-button.active {
	background: #f1d046;
}

.usdt-qr-image {
	display: none;
}

.violet {
	--color: var(--violet);
}

.vip-buy a {
	margin: 10px 0;
	padding: 0.25rem;
	width: 100%;
}

.vip-buy a:hover {
	color: var(--bbb);
}

.vip-buy b {
	border: 2px solid;
	color: var(--orange);
	margin-left: auto;
	padding: 0.5rem;
	text-align: center;
	text-transform: uppercase;
}

.vip-buy li {
	align-items: center;
	display: flex;
	margin: 0.1rem 0;
}

.vip-buy li span {
	max-width: 50%;
	text-transform: capitalize;
}

.vip-buy u {
	flex: 1;
}

.vip-cont {
	padding: 0.2rem 0;
}

.vip-daily-cashback-wrapper span {
	display: block;
	white-space: nowrap;
}

.vip-grade .progress {
	height: 0.5rem;
	margin-bottom: 1rem;
}

.vip-grade .progress-bar {
	background-color: var(--color);
}

.vip-grade .vip-grade-title {
	color: var(--orange);
	font-size: 1.25rem;
	padding: 0.1rem 0;
	text-align: center;
	text-shadow: 0.1rem 0.1rem 0.1rem var(--orange);
	text-transform: uppercase;
}

.vip-grade em {
	display: block;
	text-align: center;
}

.vip-info {
	padding: 0.5rem 0;
}

.vip-info aside {
	padding: 0 0.2rem;
}

.vip-info aside h5 {
	color: var(--orange);
}

.vip-info fold tt {
	cursor: pointer;
	display: flex;
	padding: 0.5rem;
}

.vip-info fold tt .ico {
	align-items: center;
	display: flex;
	font-size: 1.5rem;
	justify-content: center;
	margin-left: auto;
	margin-right: unset;
}

.vip-info fold tt h3 {
	flex: 1;
}

.vip-info fold tt.active i {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.vip-info h2 {
	font-size: 1.5rem;
}

.vip-info p {
	font-size: 0.9rem;
}

.vip-list .table td, .vip-list .table th {
	padding: 0.5rem;
}

.vip-list h4 {
	font-size: 1.25rem;
	padding: 0.2rem 0;
	text-align: center;
	text-transform: uppercase;
}

.vip-list table {
	min-width: 7rem;
	overflow: auto;
}

.vip-list table .ico {
	font-size: 1.15rem;
}

.vip-list table thead td {
	white-space: nowrap;
}

.vip-list table thead th {
	border-bottom: 0;
}

.vip-list td {
	width: 15%;
}

.vip-lv {
	position: relative;
}

.vip-lv .vip-filled {
	background-color: var(--color);
}

.vip-lv .vip-filled span {
	color: var(--fff);
}

.vip-lv li {
	align-items: center;
	background-color: white;
	border-radius: 0.5rem;
	border-width: 1px;
	display: flex;
	margin: 0.25rem 0;
	padding: 0.25rem;
}

.vip-lv li h5 {
	color: var(--orange);
	text-transform: uppercase;
}

.vip-lv li span {
	color: var(--000);
	flex: 1;
	font-size: 0.9rem;
}

.vip-upgrade {
	padding: 0.2rem 0;
}

.vip-wrapper li {
	transition-duration: 0s;
}

.wallet-grid {
	display: grid;
	gap: 0.5rem;
	grid-template-columns: repeat(2,1fr);
}

.wrap-download .download-button-wrapper .download-button {
	background-color: var(--color);
}

.wrap-enmenu {
	height: 60px;
	margin: 0 auto;
	width: 320px;
}

.wrap-enref {
	display: block;
	height: 60px;
	margin: 0 auto 5px;
	width: 160px;
}

.wrap-three-all:hover>a {
	background: #f90;
	color: #fff;
}

.wrap-txt {
	text-transform: uppercase;
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	word-wrap: break-word;
}

.yellow {
	--color: var(--yellow);
}

@media (max-width: 375px) {
	main .main-left-info-wrapper .btn {
		font-size: 0.75rem;
		padding: 0.5rem 0.25rem;
	}
}

@media (max-width: 350px) {
	main .main-left-info-wrapper .btn {
		font-size: 0.65rem;
	}
}

@media (max-width: 375px) {
	main .main-right-info-wrapper a {
		min-height: 2.5rem;
		min-width: 2.5rem;
		padding: 0.25rem;
	}

	main .main-right-info-wrapper a span {
		font-size: 0.6rem;
	}
}

@media (min-width: 576px) {
	.login-body-wrapper, .register-body-wrapper {
		background-color: var(--block);
		border-radius: 0.5rem;
		margin: 0 auto;
		padding: 0.5rem;
		width: 576px;
	}
}

@media (max-width: 350px) {
	#registerForm .form-phone-wrapper, .change-password-input-wrapper .form-phone-wrapper, #forgotFormWrapper .form-phone-wrapper {
		background-position-x: right;
	}
}

@media (max-width: 375px) {
	.custom-form-wrapper .btn-depo-amt-wrapper .btn-depo-amt span {
		font-size: 0.75rem;
		padding: 0.25rem 0;
	}
}

@media (min-width: 576px) {
	#homeTab ul>li {
		width: 12.5vw;
	}
}

@media (max-width: 375px) {
	footer {
		height: 50px;
	}
}

@media (max-width: 350px) {
	footer {
		height: 45px;
	}
}

@media (max-width: 414px) {
	.usdt-content-wrapper .usdt-payment-button .crypto_name {
		font-size: 0.7rem;
	}
}

@media (max-width: 470px) {
	.slots-tab a {
		width: 33.33%;
	}
}

@media (max-width: 420px) {
	.slots-contant li {
		width: 50%;
	}
}

@media (max-width: 460px) {
	.sport-select input, .sport-select select {
		width: 100%;
	}
}

@media (max-width: 400px) {
	.gkeno-btn a {
		text-align: center;
	}

	.gkeno-btn a span {
		display: none;
	}

	.gkeno-btn-buo a, .gkeno-btn-buo a.white {
		line-height: 100px;
	}

	.gkeno-btn-max a {
		line-height: 70px;
	}
}

@media (max-width: 420px) {
	.gnumber-results-contant a span.multiple {
		font-size: 14px;
		font-weight: 700;
	}
}

@media (max-width: 415px) {
	.casino .lott-1, .casino .lott-2, .casino .lott-3, .casino a.ca1, .casino a.ca2, .casino a.ca3, .casino a.ca4 {
		background-size: 90px 90px !important;
		padding: 5px 5px 5px 110px;
	}

	.casino a {
		padding: 0;
		padding: 5px 5px 5px 115px;
	}

	.casino a span i {
		background-size: inherit;
		height: 30px !important;
		margin: 0 0;
		width: 30px !important;
	}

	.vcasino span p {
		padding: 0 0;
	}
}

.custom-form-wrapper {
	.center-tab {
		padding: 0;
	}
}

.main.center .center-tab a span, .center-tab a span {
	overflow: hidden;
	text-overflow: ellipsis; white-space: nowrap; border-radius: 0.5rem; padding: 0.5rem 0.25rem; width: 100%; background-color: #f4f4f4; @media (max-width: 375px) {
		font-size: .85rem;
	}
}

.game-box {
	display: flex;
	flex-direction: column; span {
		height: 30px;
		line-height: 30px;
		text-align: center;
		text-transform: capitalize;
		width: 100%;
	}
}

.center-head {
	padding: 1rem .5rem;
	.center-top-info-wrapper {
		color: var(--fff);
	}
}

.center-top-info-last-bonus, .center-top-info-total-bonus {
	font-size: .85rem;
	span {
		color: #f90;
	}
}

.center-top-avatar-wrapper {
	display: flex;
	justify-content: center; align-items: center; .center-avtar {
		margin: 0 auto;
	}
}

.referral_popup {
	.contant {
		margin: 0;
		padding: 0;
	}

	.table table th, .table table td {
		height: unset;
		padding: 1rem;
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

@media (max-width: 425px) {
	.slots-contant li {
		width: 50%;
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

@media (max-width: 340px) {
	.custom-table .ref_link.btn {
		font-size: .9rem;
		padding: .375rem .3rem;
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

.light-font-theme {
	.game-free a {
		color: var(--333);
	}

	.main.center .center-tab a.active span, .main.center .center-tab a:hover span, .center-tab a.active span, .center-tab a:hover span {
		color: var(--000);
	}

	.main.center .center-table th, .center-tab a.active, .center-tab a:hover {
		color: var(--000);
	}

	.slots-contant a span, .game-box span {
		color: var(--000) !important;
	}

	.slots-tab a {
		background-color: #eaedef;
	}

	.slots-tab a.active, .slots-tab a:hover {
		background-color: var(--color);
		color: var(--333) !important;
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

.ayamgaming-theme {
	.center-tab, .btn .active {
		color: var(--fff);
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

.jawara377-theme {
	#ref-link {
		color: var(--000);
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}

#kh_gaming_poker {
	.poker_transfer-item .btn, .btn.poker_play {
		background-color: var(--color);
	}

	.poker_transfer-item input, .transfer-item input {
		background-color: var(--333);
		color: var(--fff);
	}

	.table table {
		margin: 0 auto;
		max-width: unset; tbody td {
			color: #000;
			height: unset;
		}
	}
}