label {
	color: var(--color-text-black);
	font-weight: bold;
}

button {
	border-radius: unset;
	background: var(--color-bg-button-primary);
}

button.pc-header-bnt {
	background: var(--color-bg-button-warning) !important;
}

#keyboard {
	position: absolute !important;
	bottom: 50px !important;
}

.full-screen {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 9999;
}

.pointer {
	cursor: pointer;
}

#header {
	/* background-image: url(../images/spring.png); */
	height: auto;
}

#login {
	width: 100%;
}

#entry-head {
	height: 135px;
	display: flex;
	flex-direction: column;
}

#entry-head .top-bar {
	padding: 15px 12px 0 12px;
	height: 72px;
	flex-shrink: 0;
	display: flex;
	justify-content: space-between;
	flex-grow: 1;
	align-items: flex-start;
}

#entry-head .top-bar .close-btn {
	width: .18rem;
	height: .18rem;
	flex: 1;
	text-align: left;
}

#entry-head .top-bar .login-btn {
	color: var(--color-tab-blue-text);
	font-weight: 700;
	font-size: .18rem;
	text-align: right;
}

#entry-head .page-tabs1 {
	flex-shrink: 0;
	height: 63px;
	padding: 0 13px;
	text-align: left;
	font-size: .22rem;
	flex-grow: 1;
	align-items: flex-start;
}

#entry-head .page-tabs1 a {
	color: var(--color-tab-text-white);
	margin-right: 8.5%;
	position: relative;
	text-decoration: none;
	font-size: 18px;
}

#entry-head .page-tabs1 a.active {
	font-weight: 700;
}

#entry-head .page-tabs1 a.active:before {
	position: absolute;
	content: "";
	height: 2px;
	bottom: -2px;
	left: 0;
	right: 50%;
	background: var(--color-tab-active-border);
	border-radius: 2px;
}

.login-input {
	width: 100%;
	background-color: var(--color-input-login-bg);
	border-radius: 4px;
	border: none;
	height: 37px;
	color: var(--color-text-black);
	padding: 0 10px;
}

.login-submit {
	width: 100%;
	height: 39px;
	background: var(--color-tab-active-border);
	border: none;
	border-radius: 10px;
	justify-content: space-around;
	font-size: 16px;
	color: var(--color-text-light);
}

.col-app-store {
	padding: 2px;
}

.app-store {
	width: 100%;
}

.app-store-right {
	margin-top: 4px;
	height: 85%;
}

.icon-orange-gradient {
	color: var(--color-icon-orange-gradient);
}

#right-tool {
	position: fixed;
	width: 152px;
	right: 0;
	bottom: 80px;
	z-index: 9;
}

@media screen and (max-width: 767px) {
	#right-tool {
		display: none;
	}
}

#right-tool .tool-area {
	z-index: 2600;
	position: fixed;
	width: 152px;
	top: 50%;
	right: 0;
}

@media screen and (max-width:1441px) {
	#right-tool .tool-area {
		top: unset !important;
		bottom: 80px;
	}
}

#right-tool .tool-area .tool-box {
	margin-bottom: 12px;
	margin-right: 17px;
	-webkit-transition: width .2s linear;
	transition: width .2s linear;
}

#right-tool .tool-area .tool-box.deposit-assistant {
	background-image: var(--color-gradient-deposit-assistant);
	color: var(--color-text-light);
}

#right-tool .tool-area .tool-box.deposit-assistant .icon .payment-icons {
	margin-top: 2px;
	border-radius: 8.5px;
	width: 42px;
	height: 17px;
	background-color: var(--color-bg-payment-icon);
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAMAAACelLz8AAABQVBMVEVHcEz//////8T/4b7/6Lj//9D/58P/3rH/3bD/4LX/37b/26n/3Kb/3az/47b/3rX/4sD/4Lz/4Ln/37P/4bj/47b/4LP/3rH/3rH/4b7/4bz/4Lz/37j/4r3/37b/4bn/47//4cD/5r7/4LX/4L3/3qj/3Kb/3Kf/26n/26T/2qb/3a3/4sb/4sT/4cL/4cT/4sD/4b7/4L7/4sb/3bH/37n/4b3/4Lb/3rf/3K//4sX/4sX/4sb/4sf/5cf/4cT/4sT/48H/4MH/3rr/4b3/4MD/37j/3a//4Lr/4LT/3bD/37n/4Lr/3bb/3Kv/3rT/3az/5bn/4cL/26n/3bT/4MD/3bL/3bD/3Kz/37n/3Kv/3bX/4L7/26b/26j/3K7/3rX/3rb/3rj/4cT/26r/37r/4ML/37j/4cP/3rP/3rqcVKWYAAAAUnRSTlMAAQNDFQUKLvEf2I+3uiTyNpWueygPMLx024Lz7T1qdxLCF0vAL3D9utPt/sD987WG958s17vOQOXiudT2ejvdl1rG02X5qfNkmvu1jdzw34cdzMa06QAAAapJREFUKM9dkmdjmzAQht+a0YL3SDxjxyN7Nrt77x0wGJuUKbD9/39AJcCu20fS3b06jg+6AxKk7cze/v5eZlvCv2xl7pZktlYSqfTO3Qo76dQis7b7e4kS7d21pCar+GOFHWoVX6HOz8Z16fHYZ8v/XuF/RiHdaZZZPxglPALKi/hgHUCWBlb1PqUC8Mz3R9ZolAVyuq5b1ucHlAugxvwHy6J3OdT0JeyHf1UNVY15Tb+WpF+iyEs83460VoWszTRGbLUf9/Ap1hfIq6o6ozCrztQOxFas88jbtnPTllL8deObPbkR0badycSe2HnIjiP3NhvvS+UcuFIfvZYTI+PSDfui7DpuGH4pACi7oRM6VF+iY7j8hmEQw3CNr9HrFFsG0x1UCOH45pzMSfMjhGJpA0hxxTdkngMGZCCcl+qD0x4qV4SQq7cia9QGgIJpdrkUkCqcPTQjmmdc0ssiVe/q9eQ+5vhVlBK6Q5OuoRnbyJwkZZvdIeOWrsS+FhfDIbwMboMpPcGUnuDoVFiZqcJh4HlTzwu86dHj5/9N4vmzwxdPj5+cNJYj+gcmSopiqjfBGAAAAABJRU5ErkJggg==), url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAaCAMAAADhRa4NAAABYlBMVEVHcEz/4L//37j/26f/4br/3az/3Kv//8f/4L3/4sH/3rT/37f/37T/37j/6sD/3Kf/37f/3bD/5b3/36z/3Kn/3rL/4cP/4Lz/8L//26b/3rH/4L3/37X/4rr/3rT/////4b3/3rH/3rX/37j/3rT/26X/26X/3Kn/3Kv/3a7/3rD/3rX/3rP/3q//367/3bT/4b7/37T/3a7/4b//4cL/4cL/4sX/3az/4br/4b3/4b//3rX/48b/26T/4MD/37z/4L7/4bj/3bD/26X/3Kr/5MT/3KX/3bH/37X/5Lb/3K7/3LT/3a3/4sH/37j/4Lr/3bf/3a7/3Kr/3a7/37b/3rX/3bL/36//3Kn/4sX/4cX/4sX/3rj/37j/3rT/3bL/37r/26r/3bD/3a//3Kz/3rb/37n/3bH/4Lz/3rT/37z/26j/3Kv/4L7/4L//3K7/4ML/373/4cP/26b/4L3/4MCyV9UxAAAAXHRSTlMAqU3uI/JQBfg6K/mM2gzpWvoTPv3MxecI2d9zGBZYAi6yu/yBmPmo+Vxr0ehzNuRlO8Xdb9GI2me8X+sbzUGhkn5Kd704ZqvFHEIzifyW9HjnvNhX1sMg4k/pwHGcdk8AAAGgSURBVCjPfZIFd8IwFIXDkAEbLnNXwW3u7u6htIN2O1WK/P+9FBhFzr683OT23dNTCUIaYycLQ8Z51/acpRd1YXRuvtzAddgZsRjLeobsbf0lv9CK2dfS9/lFgVl8cDGiIArCGyMIotGk6w+uMqLIRJB3kWFEfwRZRPBHusB4gWBHTjMs5l70qvmLZmCKeMW88KgUlEIhEU6A9dxfNQPD+XxeUbRJKq8Eln3u8OzygbMe8Hy1ELIsBWo7z+ll7Q65byAHg9RK/EXn+8k3m85ROYKm0XiU0vspSMQoHU/PzX2oD6QfvsNm/QJLUYE7llw0TYOeTZggwU4i1MP+MeIg2oNmQR3nWuMGIbTPZlnMYpDxLKy4b6XhcRY7yIuszXAczXGYc2OywRyue6hb7VV36RpuuoMk6U8M8Nb1AZrnN6w8DQuZPzwIqIEEdqx7Wwh5J21jBrWiVqBUtS6qjQRso40fY7dKkirJUJIEU5YM7acvVZVhaCLLcjXt7DifI9fVJkFvlxN+HCwWS6WiNkyoK7ZMMPmRNqQ+SzH0P+8ZkF+717gKazSwfAAAAABJRU5ErkJggg==);
	background-position: 26px, 3px;
	background-repeat: no-repeat;
	background-size: 13px 13px, 16px 13px;
}

@media screen and (max-width:1441px) {
	#right-tool .tool-area .tool-box {
		margin-right: 14px;
		width: 40px;
		height: 40px;
	}

	#right-tool .tool-area .tool-box .icon {
		width: 40px;
		font-size: 17px;
	}
}

#right-tool .tool-area .tool-box:hover {
	width: 100%;
}

#right-tool .tool-area .tool-box:hover>.tool-text {
	width: 102px;
	display: inline-block;
}

#right-tool .to-top {
	width: 24px;
	right: 17px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: fixed;
	bottom: 19px;
	color: var(--color-text-to-top);
	font-size: 12px;
	cursor: pointer;
	-webkit-transform: translateY(80px);
	transform: translateY(80px);
	overflow: hidden;
	opacity: 0;
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
}

#right-tool .to-top span.ico-top {
	font-size: 22px;
	color: var(--color-to-top-icon);
	margin-bottom: 6px;
}

.tool-area .tool-box {
	width: 50px;
	height: 50px;
	background: var(--color-tool-bg);
	border-radius: 4px;
}

.tool-area .tool-box .icon {
	color: var(--color-tool-icon);
	width: 50px;
	font-size: 22px;
}

.tool-area .phone-number {
	font-size: 12px;
	color: var(--color-tool-phone);
}

.new-header-styled-img-sbobet {
	background: url(../images/icon/sbobet-button.svg) no-repeat;
}

.new-header-styled-img-sbobet.active {
	background: url(../images/icon/sbobet-button-active.svg) no-repeat;
}

.new-header-styled-img-sbobet:hover {
	background: url(../images/icon/sbobet-button-active.svg) no-repeat;
}

.new-header-styled-img-cmd368 {
	background: url(../images/icon/cmd368-button.svg) no-repeat;
}

.new-header-styled-img-cmd368.active {
	background: url(../images/icon/cmd368-button-active.svg) no-repeat;
}

.new-header-styled-img-cmd368:hover {
	background: url(../images/icon/cmd368-button-active.svg) no-repeat;
}

.new-header-styled-img-wbet {
	background: url(../images/icon/wbet-button.svg) no-repeat;
}

.new-header-styled-img-wbet.active {
	background: url(../images/icon/wbet-button-active.svg) no-repeat;
}

.new-header-styled-img-wbet:hover {
	background: url(../images/icon/wbet-button-active.svg) no-repeat;
}

.new-header-styled-img-maxbet {
	background: url(../images/icon/maxbet-button.svg) no-repeat;
}

.new-header-styled-img-maxbet.active {
	background: url(../images/icon/maxbet-button-active.svg) no-repeat;
}

.new-header-styled-img-m34axbet:hover {
	background: url(../images/icon/maxbet-button-active.svg) no-repeat;
}

.game-slot-main {
	background: url(../images/banner/sports-bg02.jpg) no-repeat;
}

.ico-service:before {
	content: "";
	background: url(../images/icon.service.svg) no-repeat center;
	width: 19px;
	height: 17px;
	display: block;
}

.ico-phone:before {
	content: "";
	background: url(../images/icon-phone.svg) no-repeat center;
	width: 19px;
	height: 17px;
	display: block;
}

.ico-qrcode:before {
	content: "";
	background: url(../images/icon-qrcode.svg) no-repeat center;
	width: 19px;
	height: 17px;
	display: block;
}

.close {
	position: relative;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: var(--color-bg-dark-base);
	border: 1.2px solid var(--color-close-border);
	;
	cursor: pointer;
	margin-left: 15px;
}

.close::before {
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	left: 13px;
	content: "";
	position: absolute;
	width: 23.5px;
	border-bottom: 1.2px solid var(--color-close-border);
	;
	top: 13px;
}

.close::after {
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	right: 13px;
	content: "";
	position: absolute;
	width: 23.5px;
	border-bottom: 1.2px solid var(--color-close-border);
	;
	top: 13px;
}

#register .left-part {
	background-image: "https://a04front.liweiyameirong.com/cdn/A04FW/assets/img/register.939b4b2c.png_.webp";
	width: 321px;
	height: 550px;
	position: relative;
	background-color: var(--color-bg-gold-soft);
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	float: left !important;
}

#register .left-part .left-bg {
	width: 321px;
	height: 550px;
	background-image: none;
}

.h-100 {
	height: 100% !important;
}

.w-100 {
	width: 100% !important;
}

.go-register {
	bottom: 35px;
	left: 25px;
	font-size: 13px;
	color: var(--color-accent-gold-light);
	position: absolute !important;
}

.content-div {
	margin-left: 300px;
	width: 599px;
	height: 550px;
	position: relative;
	border-radius: 25px 0 0 25px;
	background: var(--color-tab-text-white);
}

.page-tabs {
	padding-top: 38px;
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	display: flex !important;
}

.page-tabs a:first-child {
	margin-right: 80px;
}

.page-tabs a {
	width: 105px;
	height: 40px;
	line-height: 40px;
	position: relative;
	text-decoration: none;
	color: var(--color-tab-text) !important;
	font-size: 16px;
	text-align: center;
	border-bottom: 2px solid transparent;
	cursor: pointer;
}

.page-tabs a.active,
.page-tabs a:hover {
	color: var(--color-accent-brown-light);
	border-bottom-color: var(--color-accent-brown-muted);
}

.entry-content {
	margin-top: 20px;
}

.form-div {
	margin: 0 auto;
	width: 377px;
	height: 438px;
	position: relative;
}

.btn-login {
	margin-top: 30px;
	height: 50px;
	background-image: var(--color-gradient-bg-orange-soft);
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 15px;
	border: none;
	outline: none;
	font-family: inherit;
	border-radius: 6px;
	width: 100%;
	padding: 0;
	color: var(--color-tab-text-white);
	cursor: pointer;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.btn-withdraw {
	width: 120px;
	flex-shrink: 0;
	height: 30px;
	background: var(--color-btn-withdraw-bg-hsl);
	font-weight: 500;
	-webkit-box-shadow: 0 3px 5px 0 var(--color-shadow-btn-dark);
	box-shadow: 0 3px 5px 0 var(--color-shadow-btn-dark);
	border-radius: 8px;
	border-width: 0;
	color: var(--color-tab-text-white);
	-webkit-box-align: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	justify-content: space-around !important;
	display: flex !important;
	font-size: 100%;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.btn-withdraw .text {
	color: var(--color-text-link-white);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.ico-simple-deposit-o {
	color: var(--color-tab-text-white) !important;
}

.ico-simple-deposit-o:before {
	content: "";
	background: url(../images/icon_top2.svg) center no-repeat;
	width: 25px;
	height: 18px;
	display: block;
}

.login-box {
	display: flex;
	margin-right: 10px;
}

.rs {
	margin: 0;
	padding: 0;
}

* {
	outline: none !important;
}

a:hover {
	text-decoration: none;
}

.cf:before,
.cf:after {
	content: "";
	display: table
}

.cf:after {
	clear: both
}

body {
	color: var(--color-text-title);
	font-family: 'Roboto', sans-serif;
}

body ::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px var(--color-bg-overlay-30);
	border-radius: 10px;
}

body ::-webkit-scrollbar {
	width: 5px;
	height: 3px;
	background-color: var(--color-bg-overlay-10)
}

body ::-webkit-scrollbar-thumb {
	-webkit-box-shadow: inset 0 0 6px var(--color-bg-overlay-30);
	background-color: var(--color-bg-overlay-30);
	border-radius: 6px;
}

.display_flex {
	display: flex;
	-webkit-display: flex;
	-moz-display: flex;
}

.show_mb {
	display: none;
}

.show_ipad {
	display: none;
}

.w_1220 {
	max-width: 100%;
	margin: 0 auto;
	position: relative;
	background: var(--color-bg-light);
}

.col2 {
	width: 182px;
	height: 50px;
}

.col8 {
	width: calc(100% - 182px - 182px);
	padding-left: 18px;
	padding-right: 18px;
}

.plr_15 {
	padding-left: 15px;
	padding-right: 15px;
}

.mb_5 {
	margin-bottom: 5px;
}

.mb_6 {
	margin-bottom: 6px;
}

.mb_8 {
	margin-bottom: 8px;
}

header {
	height: 100%;
	/* border-bottom: 1px solid var(--color-border-main); */
}

header .w_1220 {
	justify-content: center;
	align-items: center;
	height: 100%;
}

.logo {
	width: 100px;
	height: 100%;
	background: url(../images/icon/logoWithText.png) no-repeat;
	background-size: contain;
	background-position: center;
	display: block;
	width: 130px;
	transform: scale(0.95);
}

.head-marrqe {
	font-size: 17px;
	line-height: 20px;
	color: var(--color-text-primary);
	text-align: right;
	overflow: hidden;
	margin-bottom: 0;
}

.btn-gr-menu {
	flex: 1;
	font-weight: bold;
	text-align: center;
	/*font-style: italic;*/
	list-style-type: none;
}

/* .btn-gr-menu:first-child{
	color: hsl(347deg 78% 42%);
} */
.icon_caret {
	display: inline-block;
	position: relative;
}

.icon_caret::after {
	content: "";
	position: absolute;
	width: 11px;
	height: 6px;
	background: url(../images/icon_down.svg) no-repeat;
	right: -14px;
	top: 5px;
	z-index: 2;
}

.head-drop-usa img {
	display: block;
}

.head-right {
	text-align: right;
	padding-right: 14px;
}

.head-right>li>a span {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-muted-dark);
	display: block;
	margin-top: 3px;
}

.head-ico {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.head-right .list-inline-item:not(:last-child) {
	margin-right: .5rem;
	margin-right: 20px;
}

.head-drop-usa .dropdown-menu {
	transform: none !important;
	top: 18px !important;
	left: auto !important;
	right: -15px !important;
	background: var(--color-bg-charcoal);
}

.dropdown-item {
	padding-left: 15px;
	padding-right: 15px;
}

.head-drop-usa .dropdown-item {
	display: flex;
	align-items: center;
	color: var(--color-text-link-white);
}

.dropdown-item:focus,
.dropdown-item:hover {
	color: var(--color-text-charcoal-dark);
}

.head-drop-usa .dropdown-item img {
	display: inline-block;
	margin-right: 6px;
}

.quick_account {
	background: var(--color-bg-gradient);
	border-radius: 5px;
	font-size: 17px;
	line-height: 17px;
	text-align: center;
	color: var(--color-text-primary);
	padding: 19px 5px 12px;
	display: block;
}

.icon_account {
	display: block;
	margin: auto;
	margin-bottom: 2px;
	width: 155px;
	height: 36px;
	background: url(../images/icon_account.svg) center no-repeat;
}

.quick_account:hover {
	color: var(--color-text-link-white);
}

.profile_account {
	background: var(--color-text-charcoal-dark);
	border-radius: 5px;
	padding: 7px 12px 9px;
}

.profile_account h3 {
	font-size: 17px;
	line-height: 17px;
	color: var(--color-text-primary);
	font-weight: normal;
	padding-bottom: 3px;
	border-bottom: 1px solid rgba(134, 134, 134, 0.3);
	margin-bottom: 6px;
}

.profile_account_info {}

.profile_account-img {
	width: 25px;
	margin-right: 6px;
}

.profile_account-img img {}

.profile_account-text {
	padding-bottom: 2px;
}

.profile_account-text p {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-gray-soft);
	margin-bottom: 2px;
}

p.p_border {
	border-bottom: 1px solid rgba(134, 134, 134, 0.3);
	padding-bottom: 5px;
	margin-bottom: 8px;
}

p.p_myaccount {}

p.p_myaccount span {
	display: inline-block;
	width: 7px;
	height: 7px;
	background: url(../images/icon_1per.svg) center no-repeat;
	margin-right: 4px;

}

.profile_signout {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	color: var(--color-text-title);
	text-shadow: 0px 0px 2px var(--color-signout-text-shadow);
	position: relative;
	padding: 7px 18px;
	background: var(--color-signout-bg-gradient);
	border: 1px solid var(--color-signout-border);
	box-sizing: border-box;
	box-shadow: var(--shadow-soft);
	border-radius: 5px;
	display: inline-block;
	text-transform: uppercase;
	margin-top: 8px;
}

.login {
	background: var(--color-text-charcoal-dark);
	border-radius: 5px;
	display: block;
	font-size: 17px;
	line-height: 17px;
	text-align: center;
	color: var(--color-text-primary);
	padding: 15px;
}

.login:hover {
	color: var(--color-text-link-white);
}

.menu_sidebar {
	padding: 12px 7px 18px;
	padding: 12px 0 18px;
	background: var(--color-bg-charcoal);
	border-radius: 5px;
}

.menu_sb1 {
	border-bottom: 1px solid var(--color-border-main);
	margin-left: 7px;
	margin-right: 7px;
}

.menu_sb1 a {
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	padding: 0 10px 12px 79px;
	position: relative;

}

.menu_sb1 a::before {
	content: "";
	width: 25px;
	height: 18px;
	display: block;
	position: absolute;
	left: 50px;
	top: -4px;
	z-index: 2;
}

a.icon_top1::before {
	background: url(../images/icon_top1.svg) center no-repeat;
}

a.icon_top2::before {
	background: url(../images/icon_top2.svg) center no-repeat;
}

a.icon_top3::before {
	height: 22px;
	background: url(../images/icon_top3.svg) center no-repeat;
}

.menu_sb2 {
	padding-top: 8px;
}

.menu_sb2_title {
	display: block;
	font-size: 12px;
	line-height: 12px;
	padding: 7px 3px 6px 27px;
	color: var(--color-text-muted-dark);
}

.menu_sb2 a {
	position: relative;
	display: block;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	padding: 0 3px 22px 42px;
	padding: 11px 3px 11px 49px;
}

.menu_sb2 a.active {
	background: var(--color-bg-gradient-hover);
}

.menu_sb2 a img {
	display: inline-block;
	position: absolute;
	left: 20px;
}

.menu_sb2 a span {
	display: inline-block;
	width: 16px;
	height: 15px;
	position: absolute;
	left: 27px;
	top: 9px;
	z-index: 1;
}

.icon_menu0 {
	background: url(../images/icon_top2.svg) center no-repeat;
	background-size: 100%;
}

.icon_menu1 {
	background: url(../images/icon_menu1.svg) center no-repeat;
}

.icon_menu2 {
	background: url(../images/icon_menu2.svg) center no-repeat;
}

.icon_menu3 {
	background: url(../images/icon_menu3.svg) center no-repeat;
}

.icon_menu4 {
	background: url(../images/icon_menu4.svg) center no-repeat;
}

.icon_menu5 {
	background: url(../images/icon_menu5.svg) center no-repeat;
}

.icon_menu6 {
	background: url(../images/icon_menu6.svg) center no-repeat;
}

.icon_menu7_1 {
	background: url(../images/icon_menu7_1.svg) center no-repeat;
}

.icon_menu7 {
	background: url(../images/icon_menu7.svg) center no-repeat;
}

.icon_menu8 {
	background: url(../images/icon_menu8.svg) center no-repeat;
}

.icon_menu9 {
	background: url(../images/icon_menu9.svg) center no-repeat;
}

.sb_right1 {
	background: var(--color-bg-charcoal);
	border-radius: 5px;
	padding-top: 3px;
}

.sb_r1_title {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	color: var(--color-text-primary);
	padding: 12px 15px 9px 49px;
	background: var(--color-bg-accent);
	border-radius: 5px;
	margin: 0px 4px 0;
	position: relative;
}

.sb_r1_title::before {
	content: "";
	width: 38px;
	height: 38px;
	background: url(../images/icon_road.png) center no-repeat;
	display: block;
	position: absolute;
	top: 7px;
	left: 3px;
	z-index: 2;
}

.sb_right1 h3 {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	color: var(--color-text-primary);
	padding: 8px 7px 0;
}

.sb_right1 h4 {
	font-weight: 500;
	font-size: 10px;
	line-height: 10px;
	color: var(--color-text-gray-darker);
	padding: 0 7px 32px;
}

.loading {
	background: var(--color-bg-dark-base);
	border-radius: 40px;
	height: 3px;
	margin-bottom: 14px;
	display: block;
	margin-left: 9px;
	margin-right: 9px;
	position: relative;
}

.loading .lv1 {
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-gray-soft);
	position: absolute;
	left: 0;
	top: -12px;
	z-index: 2;
}

.loading .lv2 {
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-gray-soft);
	position: absolute;
	right: 0;
	top: -12px;
	z-index: 2;
}

.styled-loading {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}

.sb_r1_text {
	padding: 0 7px;
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-gray-soft);
}

.sb_r1_text p {
	margin-bottom: 5px;
}

.sb_r1_text p strong {
	font-weight: 500;
	color: var(--color-text-link-white);
}

.sb_r1_btn {
	padding: 9px 7px 63px;
}

.sb_r1_btn a {
	display: inline-block;
	font-size: 13px;
	line-height: 13px;
	color: var(--color-text-title);
	padding: 5px 6px;
	background: var(--color-bg-hover);
	border-radius: 5px;
}

.sb_right2 {
	background: var(--color-bg-charcoal);
	border-radius: 5px;
	padding-bottom: 47px;
}

.sb_r2_item {
	border-bottom: 0.5px solid var(--color-border-sb-item);
	min-height: 111px;
	margin-left: 7px;
	margin-right: 7px;
}

.sb_r2_item_title {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	color: var(--color-text-primary);
	padding: 12px 0px 5px;
	position: relative;
}

.sb_r2_item_title a {
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/icon_right.png) center no-repeat;
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 2;
}

.please_login {
	font-weight: 500;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-gray-soft);
}

.please_login a {
	color: var(--color-text-warning) !important;
}

.main_row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	/*    margin-right: -4px;
margin-left: -4px;*/
}

.main_col6 {
	width: 46.94%;
	-ms-flex: 0 0 46.94%;
	flex: 0 0 46.94%;
	max-width: 46.94%;
}

.main_col6_right {
	width: 53.06%;
	-ms-flex: 0 0 53.06%;
	flex: 0 0 53.06%;
	max-width: 53.06%;
}

.main_col3 {
	width: 26.53%;
	-ms-flex: 0 0 26.53%;
	flex: 0 0 26.53%;
	max-width: 26.53%;
}

.roww {
	margin-left: -4px;
	margin-right: -4px;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.col3 {
	width: 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col4 {
	width: 33.33333%;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col6 {
	width: 50%;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.main_col3,
.main_col6,
.col3,
.col4,
.col6,
.main_col6_right {
	position: relative;
	padding-left: 4px;
	padding-right: 4px;
}

.title_recoment {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	/*color: var(--color-text-primary);*/
	border-bottom: 1px solid var(--color-border-highlight);
	display: inline-block;
	padding-bottom: 9px;
	margin-bottom: 10px;
	position: relative;
}

.title_recoment::after {
	content: "";
	width: 154px;
	height: 1px;
	background: var(--color-border-highlight);
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	z-index: 1;

}

.title_win {
	padding-top: 12px;
}

.slick-prev,
.slick-next {
	width: 15px;
	height: 22px;
	z-index: 2;
}

.slick-prev:before,
.slick-next:before {
	content: "";
	opacity: 1;
	display: block;
	width: 15px;
	height: 22px;
	background: url(../images/icon_right.png) center no-repeat;
	background-size: contain;
}

.slick-next {
	right: 0px;
}

.slick-prev {
	left: 0px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform-origin: center;
	margin-top: -11px;
}

.slider_recoment {
	height: 162px;
	border-radius: 5px;
	overflow: hidden;
}

.slider_recoment img {
	height: 162px;
	object-fit: cover;
}

.most {
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	display: block;
}

.most_big {
	height: 162px;
}

.most_medium {
	height: 112px;
}

.most_small {
	height: 68px;
}

.most img {
	position: absolute;
	height: 100%;
	/*top: 17px;*/
	/*right: 2px;*/
	z-index: 0;
	/*max-width: 117px;*/
}

/*.most3 img{*/
/*top: -4px;*/
/*right: 36px;*/
/*}*/
.most3 .most-des {
	max-width: 217px;
}

.most4 img,
.most5 img {
	top: 13px;
	right: 3px;
	max-width: 95px;
}

.most3 .most-name,
.most4 .most-name,
.most5 .most-name {
	padding-top: 3px;
}

.most6 .most-name,
.most7 .most-name,
.most8 .most-name {
	padding-top: 6px;
}

.most4 .most-des,
.most5 .most-des {
	max-width: 136px;
}

.most6 img,
.most7 img,
.most8 img {
	top: 6px;
	right: 2px;
	max-width: 60px;
}

.most6 .most-des,
.most7 .most-des,
.most8 .most-des {
	max-width: 86px;
	bottom: auto;
	top: 1px;
}

.most-name {
	font-weight: bold;
	font-size: 18px;
	line-height: 18px;
	color: var(--color-text-primary);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	padding: 5px 7px 5px;
}

.most-number {
	font-weight: 500;
	font-size: 15px;
	text-transform: uppercase;
	color: var(--color-text-title);
	text-shadow: var(--shadow-strong);
	height: 30px;
	line-height: 30px;
	padding-left: 45px;
	position: absolute;
	top: calc((100% - 30px) / 2);
	z-index: 5;
}

.most-number::before {
	content: "";
	width: 30px;
	height: 26px;
	background: url(../images/icon_person.svg) center no-repeat;
	background-size: contain;
	position: absolute;
	left: 7px;
	z-index: 5;
}

.most-des {
	font-weight: 500;
	font-size: 14px;
	line-height: 14px;
	color: var(--color-text-title);
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 5;
	padding: 5px 7px;
	max-width: 170px;
}

.most::after {
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	display: block;
}

.most1 {
	background: var(--color-bg-deep);
}

.most1::after {
	background: var(--bg-most1-gradient);
}

.most2 {
	background: var(--color-bg-most2);
}

.most2::after {
	background: var(--color-bg-most2-after);
}

.most3 {
	background: var(--color-bg-deep);
}

.most3::after {
	background: var(--color-bg-most3-after);
}

.most4 {
	background: var(--color-bg-most4);
}

.most4::after {
	background: var(--color-bg-most4-after);
}

.most5 {
	background: var(--color-bg-deep);
}

.most5::after {
	background: var(--color-bg-most5-after);
}

.most6 {
	background: var(--color-bg-most6);
}

.most6::after {
	background: var(--color-bg-most6-after);
}

.most7 {
	background: var(--color-bg-most6);
	/* Dùng chung biến với most6 */
}

.most7::after {
	background: var(--color-bg-most7-after);
}

.most8 {
	background: var(--color-bg-most6);
	/* Dùng chung biến với most6 */
}

.most8::after {
	background: var(--color-bg-most8-after);
}

.img_item {
	display: block;
	border-radius: 5px;
	overflow: hidden;
}

.img_item img {
	display: block;
}

.imgWrap {
	position: relative;
	display: block;
}

.imgWrap::before {
	content: "";
	display: block;
}

.pt_47::before {
	padding-top: 47.27%;
}

.imgWrap-item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}

.table_win {
	background: var(--color-bg-light);
	border-radius: 5px;
	padding: 12px 14px 0 10px;
	height: 290px;
	overflow: auto;
}

.tableWin tr {
	border-bottom: 0.5px solid var(--color-border-tablewin);
}

.tableWin th {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-title);
	font-weight: normal;
	text-align: center;
	padding: 7px 4px;
	border-top: 0;
}

.tableWin td {
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: var(--color-text-tablewin);
	text-align: center;
	padding: 7px 4px;
	border-top: 0;
}

.tableWin th:first-of-type {
	text-align: left;
	padding-left: 0;
}

.tableWin td:first-of-type {
	text-align: left;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-tablewin-first);
	padding-left: 0;
}

.tableWin th:last-of-type,
.tableWin td:last-of-type {
	padding-right: 0;
}

.popular {
	padding: 10px 12px 0px;
	background: var(--color-bg-light);
	border-radius: 5px;
}

.popular-left {
	width: 55%;
	padding-right: 10px;
}

.popular-right {
	width: 45%;
	padding-left: 10px;
}

.txt_videogame {
	font-weight: 900;
	font-size: 15px;
	line-height: 15px;
	margin-top: 6px;
	margin-bottom: 7px;

}

.number_videogame {
	box-shadow: 0px 0px 1px rgba(253, 178, 119, 0.6), 0px 0px 1px rgba(229, 51, 121, 0.6);
	border-radius: 44.5px;
	font-weight: 900;
	font-size: 15px;
	color: var(--color-text-title);
	text-shadow: 0px 0px 4px var(--color-signout-text-shadow);
	display: block;
	max-width: 288px;
	margin: auto;
	height: 35px;
	line-height: 35px;
	text-align: center;
	position: relative;
	z-index: 20;
	background: var(--color-bg-light);
	padding-left: 10px;
	padding-right: 10px;
}

.number_videogame span {
	z-index: 5;
	display: block;
	position: relative;
}

.number_videogame::before {
	content: "";
	width: calc(100% + 5px);
	height: calc(100% + 5px);
	display: block;
	top: -2px;
	left: -3px;
	position: absolute;
	z-index: -1;
	border-radius: 44px;
	background: -webkit-linear-gradient(249.28deg, #59FFFF -35.27%, #8123CB 120.55%);
}

.number_videogame::after {
	content: "";
	width: 100%;
	height: 100%;
	background: var(--color-bg-light);
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 44px;
	z-index: 0;
}

.number_videogame:hover {
	color: var(--color-text-title);
}

.txt_7day {
	margin: 30px 0 18px;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-title);
}

.txt_7day span {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-7day-highlight);
}

.game_play {
	padding-bottom: 6px;
}

.game_play-img {
	width: 84px;
}

.game_play-text {
	width: calc(100% - 84px);
	padding-left: 20px;
}

.game_play-text h3 {
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-title);
}

.game_play-text a {
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-title);
	display: inline-block;
	padding: 4px 11px;
	background: var(--color-bg-gradient);
	border-radius: 5px;
	margin-top: 5px;
}

.game_play-text p {
	margin-top: 6px;
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-title);
}

.game_play-text span {
	display: block;
	font-size: 14px;
	line-height: 14px;
	color: var(--color-text-accent);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.title_popular {
	font-weight: bold;
	font-size: 14px;
	line-height: 14px;
	color: var(--color-text-title);
	margin-bottom: 8px;
}

.title_popular span {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-muted-dark);
	display: inline-block;
	margin-left: 7px;
}

.item_game {
	display: inline-block;
	width: 48px;
	margin-right: 12px;
	margin-bottom: 6px;
	float: left;
}

.item_game p {
	height: 51px;
	width: 58px;
	display: unset;
	justify-content: center;
	align-items: center;
}

.item_game a {
	width: 60px;
}

.item_game img {
	display: block;
	margin: auto;
}

.item_game span {
	display: block;
	font-size: 9px;
	line-height: 9px;
	text-align: center;
	color: var(--color-text-primary);
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 100%;
}

.item_game_more {
	background: url(../images/border_more.png) center no-repeat;
	background-size: 100% 100%;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
	color: var(--color-text-7day-highlight);
	display: block;
	margin-top: 3px;
	height: 47px;
	width: 47px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.item_game_more:hover {
	color: var(--color-text-7day-highlight);
}

footer {
	border-top: 1px solid var(--color-border-main);
	padding: 20px 0 22px;
}

.f-col1 h3 {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: var(--color-text-primary);
	font-weight: normal;
	text-align: center;
	margin-bottom: 5px;
	margin-top: 10px;
}

.f-col1 img {
	display: block;
	margin: auto
}

.f-col2-chat {
	align-items: center;
	justify-content: center;
}

.f-col2-chat a {
	text-align: center;
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;
	color: var(--color-text-7day-highlight);
	margin-right: 25px;
}

.f-col2-chat img {
	display: block;
	margin: auto;
	margin-bottom: 7px;
}

.f-col2-chat a:last-if-type {
	margin-right: 0;
}

.f-col2-link {
	text-align: center;
}

.f-col2-link li {
	padding: 0;
	margin-right: 5px !important;
}

.f-col2-link a {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: var(--color-text-primary);
	border-right: 1px solid var(--color-text-primary);
	display: block;
	padding-right: 5px;
}

.f-col2-link li:last-of-type a {
	border-right: none;
	padding-right: 0;
}

.copyright {
	font-size: 12px;
	line-height: 12px;
	text-transform: uppercase;
	color: var(--color-text-primary);
	text-align: center;
	margin-top: 10px;
}

.tile_deposit {
	margin-bottom: 28px;
	padding-top: 16px;
}

/* .depositW{

}
.deposit-left{
	width: calc(100% - 445px - 58px);
	margin-right: 58px;
} */
.deposit-right {
	width: 445px;
}

.h3_deposit {
	font-size: 17px;
	line-height: 17px;
	margin-bottom: 4px;
	text-transform: uppercase;
	font-weight: normal;
}

.deposit-left-main {
	border: 1px solid var(--color-border-highlight);
	padding: 15px;
}

.reload {
	font-weight: bold;
	font-size: 17px;
	line-height: 17px;
	text-shadow: 0px 0px 2px var(--color-signout-text-shadow);
	position: relative;
	padding: 8px 24px 7px 32px;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 5px;
}

.reload:hover {
	color: var(--color-text-title);
}

.list_current {
	max-height: 530px;
	overflow: auto;
	padding-right: 5px;
}

.item_current {
	font-size: 15px;
	line-height: 15px;
	/*color: var(--color-text-primary);*/
	justify-content: space-between;
	padding: 7px 0;
}

.item_current p {
	padding-right: 8px;
}

.item_current span {
	display: block;
	min-width: 80px;
	text-align: right;
}

.deposit-right-main {
	border: 1px solid var(--color-border-highlight);
	padding: 22px 10px;
}

.formGroup {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	margin-bottom: 10px;
}

.formGroup_account {
	margin: 18px 0 14px;
}

.formGroup_idn {
	margin: 19px 0 14px;
}

.formGroup_min {
	margin-bottom: 14px;
}

.formGroup label {
	font-weight: normal;
	display: inline-block;
	width: 184px;
	padding-right: 6px;
	margin: 0;
}

.formGroup_txt label {
	padding-left: 30px;
}

.formGroup .inputW {
	width: calc(100% - 184px);
}

.input_block {
	background: var(--color-bg-input-dark);
	border: 1px solid var(--color-border-input-soft);
	font-size: 15px;
	color: var(--color-text-title);
	padding: 8px 10px;
	display: block;
	width: 100%;
}

.input_white {
	background: var(--color-text-link-white);
	color: var(--color-text-gray-medium-dark);
}

.formGroup_ckb {
	margin: 18px 0;
}

.styled-checkbox {
	position: absolute;
	opacity: 0;
}

.styled-checkbox+label {
	position: relative;
	cursor: pointer;
	padding: 0;
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	margin-bottom: 0;

}

.styled-checkbox+label:before {
	content: '';
	margin-right: 7px;
	display: inline-block;
	vertical-align: text-top;
	width: 10px;
	height: 10px;
	background: transparent;
	border: 1px solid var(--color-text-link-white);
	margin-top: 2px;
}

.styled-checkbox:disabled+label {
	color: var(--color-text-tablewin);
	cursor: auto;
}

.styled-checkbox:disabled+label:before {
	box-shadow: none;
	background: var(--color-input-border);
}

.styled-checkbox:checked+label:after {
	content: '';
	position: absolute;
	left: 2px;
	top: 4.4px;
	width: 6px;
	height: 5px;
	background: url(../images/icon_tick.svg) center no-repeat;
	background-size: contain;
}

.formGroup_note {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
}

.formGroup_btn {
	margin-top: 22px;
}

.reportMain {
	border: 1px solid var(--color-border-highlight);
	padding: 22px 20px 70px 10px;
}

.report-search {
	margin-bottom: 20px;
}

.form-report {
	width: calc((100% - 120px - 10px) / 3);
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}

.form-report label {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	font-weight: normal;
	display: inline-block;
	width: 58px;
	margin-right: 30px;
	margin: 0;
}

.form-report-todate {
	margin-left: 10px;
}

/* .form-report .input_block{
	width: calc(100% - 58px - 30px);
	} */
.report-search .reload {
	margin: 0 0 0 18px;

}

.reportTable table {
	border: 1px solid var(--color-border-medium);
}

.reportTable tr:first-of-type {
	border-bottom: 1px solid var(--color-border-medium);
}

.reportTable tr:first-of-type td {
	font-weight: normal;
	text-transform: uppercase;
}

.reportTable th,
.reportTable td {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	border: 0;
	padding: 8px 6px 6px;
}

.table-report td:nth-child(1) {
	min-width: 50px;
}

.table-report td:nth-child(2) {
	min-width: 120px;
}

.table-report td:nth-child(3) {
	min-width: 100px;
}

.table-report td:nth-child(4) {
	min-width: 100px;
}

.table-report td:nth-child(5) {
	min-width: 100px;
}

.table-report td:nth-child(6) {
	min-width: 100px;
}

.reportNavigation {
	margin-top: 20px;
	text-align: right;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.reportNavigation a {
	border: 1px solid var(--color-border-medium);
	display: inline-block;
	width: 28px;
	height: 22px;
}

.reportNavi-left {
	background: url(../images/icon_arr_left.svg) center no-repeat;
}

.reportNavi-right {
	background: url(../images/icon_arr_right.svg) center no-repeat;

}

.profile-main {
	border: 1px solid var(--color-border-warning);
	border-radius: 12px;
	/* padding: 15px; */
}

.profile-item {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
	padding: 7px 0;
}

.profile-item:last-of-type {
	padding-bottom: 0;
}

.profile-item p {
	width: 50%;
	padding-right: 10px;
}

.profile-item span {
	width: 50%;
	word-break: break-word;
}

.login_main {
	max-width: 390px;
	margin: 20px auto 40px;

}

.loginForm {
	border: 1px solid var(--color-border-highlight);
	padding: 16px 12px 26px;
}

.loginForm .formGroup label {
	width: 100px;
}

.loginForm .formGroup .inputW {
	width: calc(100% - 100px);
}

.inputW-login {
	margin-top: 16px;
}

.inputW-login .qmk {
	font-size: 15px;
	line-height: 15px;
	color: var(--color-text-primary);
}

.register2Main {
	border: 1px solid var(--color-border-highlight);
	padding: 22px 12px 25px;
}

.register2Main-left {
	width: 50%;
	padding-right: 20px;
}

.register2Main-right {
	width: 50%;
	padding-left: 20px;
}

.inputW-note {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-primary);
	display: block;
	margin-top: 12px;
}

.formGroup_ckb_register {
	justify-content: center;
	align-items: center;
	margin: 6px auto 28px;
}

.formGroup_ckb_register .styled-checkbox+label {
	font-size: 12px;
	line-height: 12px;
	color: var(--color-text-primary);
}

.formGroup_ckb_register .styled-checkbox+label:before {
	margin-top: 0px;
	margin-right: 4px;
}

.formGroup_ckb_register .styled-checkbox:checked+label:after {
	top: 3.2px;
}

.register2Main .formGroup label {
	width: 120px;
}

.register2Main .formGroup .inputW {
	width: calc(100% - 120px);
}

@media screen and (max-width: 1023px) {
	.d-flex-mb {
		display: flex !important;
	}

	#header {
		background-repeat: no-repeat;
		background-size: 100% 50%;
		background-position: top;
	}

	.main {
		margin-top: 55px !important;
	}
}

@media(max-width: 1080px) {
	.main {
		margin-top: 55px !important;
	}
}
@media screen and (max-width: 1217px) and (min-width: 1024px) {

	/* .w_1220{
			padding-left: 15px;
			padding-right: 15px;
		} */
	.col2 {
		width: 160px;
	}

	.col8 {
		width: calc(100% - 160px - 160px);
		padding-left: 8px;
		padding-right: 8px;
	}

	.menu_sb2_title {
		padding-left: 12px;
	}

	.menu_sb1 a {
		padding-left: 56px;
	}

	.menu_sb1 a::before {
		left: 26px;
	}

	.menu_sb2 a span,
	.menu_sb2_title {
		left: 11px;
	}

	.menu_sb2 a {
		padding-left: 32px;
	}

	.most4 img,
	.most5 img {
		max-width: 60px;
	}

	.most6 img,
	.most7 img,
	.most8 img {
		max-width: 43px;
	}

	.game_play-img {
		width: 50px;
	}

	.game_play-text {
		width: calc(100% - 50px);
		padding-left: 5px;
	}

	.popular-right {
		padding-left: 0;
	}

	.item_game {
		width: 44px;
		margin-right: 4px;
	}

	.item_game p {
		height: 45px;
	}

	.item_game_more {
		height: 39px;
	}

	.item_game span {
		margin-top: 6px;
	}

	.deposit-right {
		width: 390px;
	}

	.deposit-left {
		width: calc(100% - 390px - 15px);
		margin-right: 15px;
	}
}

@media screen and (max-width: 1023px) {
	.show_pc {
		display: none;
	}

	.show_ipad {
		display: block;
	}

	footer {
		display: none;
	}

	header .w_1220 .col2 {
		display: block;
		height: 50px;
	}

	header .w_1220 .col2-right {
		background: none;
	}

	.col2,
	.col8 {
		width: 100%;
		padding: 0;
	}

	.head-chat {
		font-size: 7px;
		line-height: 7px;
		text-transform: uppercase;
		color: var(--color-text-7day-highlight);
		width: 28px;
		height: 28px;
		text-align: center;
		position: absolute;
		right: 0;
		top: 24px;
		z-index: 2;
	}

	.head-chat span {
		display: block;
		width: 19px;
		height: 19px;
		background: url(../images/icon_livechat.svg) center no-repeat;
		background-size: contain;
		margin: 0 auto 3px;
	}

	.logo {
		margin-top: 7px;
	}

	.head-menu_sb1 {
		border-bottom: 0;
		margin-right: 0;
	}

	.head-menu_sb1 a {
		background: var(--color-bg-headmenu-brown);
		border-radius: 5px;
		width: 62px;
		text-align: center;
		font-size: 15px;
		line-height: 15px;
		color: var(--color-text-primary);
		padding: 25px 5px 3px;
		display: inline-block;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}

	.head-menu_sb1 a::before {
		left: 18px;
		top: 5px;
		filter: brightness(0) invert(1);
		-webkit-filter: brightness(0) invert(1);
	}

	.head-right {
		text-align: unset;
		padding-right: 0;
	}

	.head-drop-usa .dropdown-menu {
		right: auto !important;
	}

	.col2-right {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 5px 10px;
		border-top: 0.5px solid var(--color-border-col2-gradient);
		background-image: linear-gradient(0deg, var(--color-bg-col2-grad-start), var(--color-bg-col2-grad-end) 45%);
		height: 60px;
	}

	.flags {
		width: 50px;
	}

	.title_recoment {
		padding-top: 12px;
	}

	.popular-right {
		padding-left: 0;
	}

	.menuMb {
		background: var(--color-tab-text-white);
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 9;
		border: solid 1px var(--color-bg-deposit-mobile);
		border-radius: 25px 25px 0 0;
		padding-bottom: 5px;
	}

	.menu_item {
		font-size: 12px;
		line-height: 12px;
		text-align: center;
		/*color: #acacbb !important;*/
		width: 20%;
		padding: 5px 5px;
		position: relative;
		font-weight: bold;
		flex-basis: 25%;
		max-width: 25%;
		font-weight: bold;
	}

	.menu_item img {
		width: 30px;
		display: block;
		margin: auto;
		padding-bottom: 3px;
		filter: brightness(1.2) contrast(0.5);
	}

	.menu_item:hover {
		color: var(--color-text-hover-muted);
	}

	.menu_item p {
		font-size: 13px;
		font-weight: 700;
		color: var(--color-text-darkblue);
		/*color: var(--color-text-link-white);*/
		margin-top: 10px;
	}

	.menu_item span {
		display: block;
		margin: auto;
		width: 27px;
		height: 27px;
		position: absolute;
		top: 6px;
		left: 40%;
		margin-left: -8.5px;
		z-index: 2;
	}

	.menu_item1 span {
		background: url(../images/withdraw-icon.png) center no-repeat;
		background-size: cover;
	}

	.menu_item2 span {
		background: url(../images/reward-icon.png) center no-repeat;
		background-size: cover;
	}

	.menu_item3 span {
		width: 40px;
		height: 40px;
		border-radius: 50%;
		top: -13px;
		margin-left: -20px;
		background: var(--color-bg-charcoal) url(../images/icon_logo.svg) center no-repeat;
		background-size: 28px;
	}

	.menu_item4 span {
		background: url(../images/game-icon.png) center no-repeat;
		background-size: cover;
	}

	.menu_item5 span {
		background: url(../images/profile-icon.png) center no-repeat;
		background-size: cover;
	}

	.deposit-left {
		width: calc(100% - 445px - 15px);
		margin-right: 15px;
	}

	.menuMb-game {
		position: fixed;
		width: 180px;
		bottom: 38px;
		background: var(--color-bg-charcoal);
		border-radius: 0px 5px 5px 0px;
		z-index: 999;
		height: 73%;
		left: 0;
		overflow-y: auto;
		transform: translateX(-200px);
		-webkit-transform: translateX(-200px);
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
	}

	.menuMb-game.show {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}

	.menuMb-game .menu_sb2_title {
		border-bottom: 1px solid var(--color-border-main);
		margin-bottom: 20px;
		margin-left: 8px;
		margin-right: 8px;
	}
}

@media screen and (max-width: 767px) {
	.w_1220 .main section {
		padding: 10px 0 !important;
		margin: 30px 0 !important;
	}

	.responsive {
		justify-content: start !important;
	}

	.show_mb {
		display: block;
	}

	.hide_mb {
		display: none;
	}

	.head-chat {
		right: 5px;
	}

	.slider_recoment_mb,
	.slider_recoment_mb img {
		height: auto;
	}

	.slider_recoment_mb.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}

	.slider_recoment_mb .slick-dots {
		bottom: 0;
	}

	.slider_recoment_mb .slick-dots li {
		width: 16px;
		height: 1px;
	}

	.slider_recoment_mb .slick-dots li button {
		width: 16px;
		height: 1px;
		background: var(--color-text-link-white);
		padding: 0;
	}

	.slider_recoment_mb .slick-dots .slick-active button {
		height: 2px;
	}

	.slider_recoment_mb .slick-dots li button:before {
		display: none;
	}

	.mb_banner {
		border-radius: 5px;
		overflow: hidden;
	}

	.mb_most-left {
		width: 60%;
	}

	.mb_most-right {
		width: 40%;
		padding-left: 6px;
	}

	.most2 {
		height: 205px;
	}

	.most4 {
		height: 125px;
	}

	.most5 {
		height: 74px;
	}

	.most2 img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0 !important;
		right: 0 !important;
		max-width: unset !important;
	}

	.most .most-number {
		top: 40px;
	}

	.most4 img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0 !important;
		right: 0 !important;
		max-width: unset !important;
	}

	.most4 .most-des {
		max-width: 100%;
	}

	.most5 img {
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0 !important;
		right: 0 !important;
		max-width: unset !important;
	}

	.most5 .most-des {
		bottom: 0;
		top: 0px;
		max-width: calc(100% - 60px);
	}

	.mb_game-left-top {
		/*display: flex;*/
		justify-content: center;
		align-items: center;
		border-bottom: 0.5px solid var(--color-border-col2-gradient);
		padding-bottom: 7px;
		margin-bottom: 15px;
	}

	.mb_game-left-top .txt_videogame {
		/* margin-right: 10px; */
	}

	.number_videogame::after {
		left: -1px;
	}

	.mb_game-left-bottom {
		/*display: flex;*/
		justify-content: center;
		padding-left: 5px;
	}

	.mb_game-left-bottom .item_game {
		width: calc((100vw - 69px) / 4);
	}

	.mb_game-left-bottom .item_game_home {
		display: inline-block;
		margin-right: 12px;
		margin-bottom: 6px;
		float: left;
	}

	.mb_game-left-bottom .item_game_home img {
		border-radius: 5px;
	}

	.mb_game-left-bottom .item_game_home span {
		margin-top: 6px;
	}

	/*.mb_game-left-bottom .item_game:nth-child(3n) {*/
	/*margin-right: 12px;*/
	/*}*/
	/*.mb_game-left-bottom .item_game:nth-child(4n) {*/
	/*margin-right: 0;*/
	/*}*/
	.mb_game-left {
		width: calc(100% - 125px - 6px);
		margin-right: 6px;
		background: var(--color-bg-game-block);
		border-bottom-right-radius: 5px;
		padding: 6px 4px;
		border-bottom-left-radius: 5px;
	}

	.mb_game-right {
		width: 125px;
		background: var(--color-bg-game-block);
		border-radius: 5px;
	}

	.mb_game-right .game_play-img {
		margin: 4px auto 0;
		width: 66px;
	}

	.mb_game-right .game_play-text {
		width: 100%;
		padding: 6px 5px 5px;
	}

	.mb_game-right .game_play-text h3 {
		text-align: center;
	}

	.mb_list_img .img_item {
		margin-right: 6px;
		width: calc((100% - 6px - 125px) / 2);
	}

	.mb_list_img .img_item:last-of-type {
		margin-right: 0;
		width: 125px;
		min-width: 125px;
	}

	.mb_list_img .img_item img {
		height: 91px;
		object-fit: cover;
		width: 100%;
	}

	.mb_playnow {
		border-radius: 5px;
		overflow: hidden;
		position: relative;
	}

	.mb_playnow a {
		font-weight: bold;
		font-size: 15px;
		line-height: 15px;
		color: var(--color-text-title);
		display: inline-block;
		padding: 4px 11px;
		background: var(--color-bg-gradient);
		border-radius: 5px;
		margin-top: 5px;
		position: absolute;
		top: 50%;
		margin-top: -10px;
		right: 25px;
		z-index: 5;
	}

	.depositW {
		flex-direction: column;
	}

	.deposit-left,
	.deposit-right {
		width: 100%;
		margin-right: 0;
	}

	.deposit-left {
		margin-bottom: 25px;
	}

	.list_current {
		max-height: 400px;
	}

	.report-search {
		flex-direction: column;
	}

	.form-report-todate {
		margin-left: 0;
	}

	.form-report {
		width: 100%;
		margin-bottom: 10px;
	}

	.report-submit {
		text-align: center;
	}

	.register2Main-wrap {
		flex-direction: column;
	}

	.register2Main-left {
		width: 100%;
		padding-right: 0;
	}

	.register2Main-right {
		width: 100%;
		padding-left: 0;
	}

	.content-1 .content-1-left .title-play {
		font-size: 26px !important;
	}

	.content-1 .content-1-left .text {
		font-size: 12px;
	}

	.btn-login_mb {
		width: 100%;
		border-radius: 5px;
		background: var(--color-btn-login-gradient);
		border: none;
		color: var(--color-btn-login-text);
		font-weight: 700;
		/*font-style: italic;*/
		display: flex;
		/* font-size: 20px; */
		align-items: center;
		justify-content: center;
	}

	.btn-login_mb img {
		width: 10%;
	}

	.btn-login_mb span {
		font-size: 23px;
	}

	.display_mb {
		display: flex !important;
	}
}

@media screen and (max-width: 479px) {
	.head-right .list-inline-item:not(:last-child) {
		margin-right: 6px;
	}

	.head-menu_sb1 a {
		width: 60px;
	}

	.most5 .most-des {
		max-height: 37px;
		overflow: hidden;
	}

	.mb_game-left {
		width: 100%;
		margin: 0;
	}

	.mb_game-right {
		width: 82px;
	}

	.mb_game-left-top .txt_videogame {
		font-size: 14px;
	}

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

	.mb_game-left-top .number_videogame {
		padding-left: 4px;
		padding-right: 4px;
		font-size: 15px;
	}

	.mb_game-left-bottom .item_game,
	.mb_game-left-bottom .item_game {
		margin-right: 6px;
	}

	.mb_list_img .img_item:last-of-type {
		margin-right: 0;
		width: 82px;
		min-width: 82px;
	}

	.mb_list_img .img_item {
		margin-right: 6px;
		width: calc((100% - 6px - 82px) / 2);
	}

	.mb_list_img .img_item img {
		height: 65px;
	}

	.formGroup .inputW {
		width: calc(100% - 116px);
	}

	.formGroup label {
		width: 116px;
		padding-right: 4px;
	}

	.formGroup_txt label {
		padding-left: 0;
	}

	.loginForm .formGroup label {
		width: 80px;
	}

	.loginForm .formGroup .inputW {
		width: calc(100% - 80px);
	}

	.inputW-login .qmk {
		display: block;
	}

	.register2Main .formGroup label {
		width: 92px;
	}

	.register2Main .formGroup .inputW {
		width: calc(100% - 92px);
	}
}

img {
	width: 100%;
	height: auto;
}

/* input select */
.input-dow-crop {
	position: relative;
}

.input-dow-crop .icon-dow {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(-50%, -50%);
}

.input-dow-crop .icon-dow img {
	width: 20px;
}

.input-dow-crop select.input_block {
	background: transparent !important;
	-webkit-appearance: none;
}

.input-dow-crop {
	background: url(../images/dropdown.png) 97% / 6% no-repeat var(--color-tab-text-white);
	border-radius: 5px;
	width: 100%;
}

/* style All page */
.pages {
	max-width: 1224px;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	padding: 0 10px;
}

.pages-btn-items {
	max-width: 180px;
	display: flex;
	align-items: center;
	color: var(--color-tab-text-white);
	background: var(--color-highlight-dark-orange);
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	border: none;
	border-radius: 24px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px;
	/* cursor: pointer; */
}

@media (max-width: 575px) {
	.pages-btn-items {
		max-width: 150px;
		height: 40px;
		font-size: 16px;
		line-height: 18px;
	}
}

.pages-card {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 35px;
	margin: 30px 0;
}

@media (max-width: 1224px) {
	.pages-card {
		padding: 0 10px;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.pages-card {
		display: flex;
		justify-content: center;
		gap: 20px;
	}
}

@media (max-width: 575px) {
	.pages-card {
		display: flex;
		justify-content: center;
		margin: 10px 0;
		gap: 10px;
	}
}

.pages-item {
	position: relative;
	max-width: 269px;
	width: 100%;
	max-height: 190px;
	cursor: pointer;
	transition: transform 0.3s ease-in-out;
}

.pages-item:hover {
	transform: translateY(-9px);
}

@media (max-width: 575px) {
	.pages-item {
		max-width: 250px;
	}
}

.pages-icon-hot {
	position: absolute;
	top: 15px;
	left: -15px;
	width: 60px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 8px 0 8px 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: var(--color-tab-text-white);
	background: var(--color-red-bright);
}

.pages-icon-coming {
	position: absolute;
	top: 15px;
	left: -20px;
	width: 70px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	text-align: center;
	border-radius: 8px 0 8px 0;
	font-size: 14px;
	line-height: 16px;
	font-weight: 600;
	color: var(--color-tab-text-white);
	background: var(--color-purple-neon);
}

.pages-icon-hot-none {
	display: none;
}

.containerActive {
	max-width: 1224px;
	margin: 0 auto;
	padding: 10px;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.containerBox {
	height: 100%;
	border-radius: 8px;
	background: var(--color-tab-text-white);
	padding: 20px;
}

@media (max-width: 600px) {
	.containerBox {
		width: 100%;
	}
}

.profile-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.withdraw-container {
	width: 100%;
	height: 100%;
	border-radius: 8px;
	background: var(--color-tab-text-white);
	padding: 20px 10px;
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (max-width: 575px) {
	.withdraw-container {
		gap: 20px;
	}
}

.styled-group-banks {
	display: flex;
	flex-direction: column;
	gap: 30px;
}

@media (max-width: 575px) {
	.styled-group-banks {
		align-items: center;
		gap: 15px;
	}
}

.title-profile {
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-text-black);
}

.text-profile {
	font-size: 14px;
	line-height: 18px;
	font-weight: 400;
	color: var(--color-bg-light);
	margin: 0;
}

.showBoxright {
	width: 45%;
}

@media (max-width: 1090px) {
	.showBoxright {
		display: none;
	}
}

.showBoxrightmb {
	display: none;
}

@media (max-width: 1090px) {
	.showBoxrightmb {
		display: block;
	}
}

.styledContainer {
	display: flex;
	flex-direction: row;
	gap: 10px;

}

@media (max-width: 625px) {
	.styledContainer {
		flex-direction: column;
	}
}

.withdraw-title {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: var(--color-text-gray-blue);
}

.withdraw-text {
	padding: 5px;
	font-size: 12px;
	line-height: 24px;
	font-weight: 400;
	color: var(--color-tab-text-white);
	margin: 0;
}

.type-red {
	padding-left: 4px;
	color: var(--color-text-error);
}

.styled-bank {
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-around;
	gap: 20px;
	padding: 10px;
	border-radius: 12px;
}

@media (max-width: 575px) {
	.styled-bank {
		gap: 10px;
	}
}

.styled-item-bank {
	/*max-width: 170px;*/
	width: 100%;
	height: 52px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--color-btn-join-now);
	cursor: pointer;
}

.deposit-styled-item-bank {
	/*max-width: 170px;*/
	width: 100%;
	height: 52px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--color-btn-join-now);
	cursor: pointer;
}

@media (max-width: 700px) {
	.styled-item-bank {
		max-width: 140px;
		height: 42px;
	}

	.deposit-styled-item-bank {
		max-width: 140px;
		height: 42px;
	}
}

@media (max-width: 400px) {
	.styled-item-bank {
		max-width: 100%;
		height: 42px;
	}

	.deposit-styled-item-bank {
		max-width: 100%;
		height: 42px;
	}
}

.styled-item-bank-active {
	/*max-width: 170px;*/
	/* width: 100%; */
	height: 52px;
	margin-top: 0.5rem;
	display: flex;
	margin-top: 0.5rem;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--color-bg-gradient-darkblue);
	cursor: pointer;
}


.deposit-styled-item-bank-active {
	/*max-width: 170px;*/
	width: 100%;
	height: 52px;
	margin-top: 0.5rem;
	display: flex;
	margin-top: 0.5rem;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--color-bg-gradient-darkblue);
	cursor: pointer;
}

@media (max-width: 700px) {
	.styled-item-bank-active {
		/* max-width: 140px; */
		height: 42px;
	}

	.deposit-styled-item-bank-active {
		/* max-width: 140px; */
		height: 42px;
	}
}

@media (max-width: 400px) {
	.deposit-styled-item-bank-active {
		/* max-width: 100%; */
		height: 42px;
	}

	.styled-item-bank-active {
		/* max-width: 100%; */
		height: 42px;
	}
}

.style-from {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

@media (max-width: 575px) {
	.style-from {
		align-items: center;
	}
}

.styled-from-account-banks {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

/* @media (max-width: 575px) {
	.styled-from-account-banks {
	align-items: center;
}
} */
.withdraw-text-form {
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	color: var(--color-text-blue-gray);
	margin: 0;
	padding: 0 5px 5px;
}

.styled-input-from {
	width: 250px;
	height: 39px;
	border-radius: 8px;
	padding: 0 15px;
}

@media (max-width: 575px) {
	.styled-input-from {
		width: 100%;
	}
}

.syled-active {
	width: 90px;
	height: 61px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: var(--color-bg-gradient-cyan);
}

.style-bank {
	width: 36px;
	height: 36px;
}

@media (max-width: 700px) {
	.style-bank {
		width: 28px;
		height: 28px;
	}
}

/* styledButton */
.styled-button-all {
	height: 38px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
	color: var(--color-tab-text-white);
	padding: 0 14px;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

@media (max-width: 575px) {
	.styled-button-all {
		height: 34px;
		padding: 0 12px;
		font-size: 14px;
		line-height: 18px;
	}
}

.styled-button-all:hover {
	opacity: 0.5;
}

/* Styled table */

.styled-container-table {
	max-height: 250px;
	max-width: 100%;
	overflow: auto;
}

.styled-table {
	border-collapse: collapse;
	/* min-width: 500px; */
	width: 100%;
}

.styled-table td,
.styled-table th {
	/* border: 1px solid #ddd; */
	padding: 8px;
}

.styled-table th {
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	background-color: var(--color-bg-light);
	color: var(--color-text-black);
}

.styled-warning {
	width: 15px;
	margin-left: 5px;
	cursor: pointer;
}

.wraning-amount {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 9px;
	margin: 5px 0;
	font-size: 12px;
}

/* deposit new */
.deposit-new-container {
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 20px;
	background: var(--color-tab-text-white);
	border-radius: 8px;
}

.deposit-new-content {
	display: flex;
	flex-direction: column;
}

.deposit-new-box-active {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 90px;
	height: 55px;
	border-radius: 8px;
	cursor: pointer;
	background: var(linear-gradient(90deg, #0781B0 0%, #04A8BF 78.94%));
}

.deposit-new-box {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 55px;
	border-radius: 8px;
	cursor: pointer;
	background: var(--color-bg-light);
}

.deposit-new-container-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.deposit-new-text {
	font-size: 13px;
	line-height: 24px;
	color: var(--color-text-black);
	margin: 0;
}

.deposit-new-title {
	font-size: 16px;
	line-height: 18px;
	color: var(--color-text-gray-blue);
}

.deposit-new-input-amount {
	width: 250px;
	height: 35px;
	padding: 5px 10px;
	border: 1px solid var(--color-border-light-gray);
	border-radius: 4px;
}

@media (max-width: 575px) {
	.deposit-new-input-amount {
		width: 100%;
	}
}

.deposit-new-amount-option {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--color-tab-text-white);
	border-radius: 4px;
	width: 60px;
	height: 34px;
	font-size: 13px;
	line-height: 24px;
	color: var(--color-text-gray-blue-2);
	background: var(--color-bg-light);
	cursor: pointer;
}

.deposit-new-amount-option-active {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 2px solid var(--color-border-orange-bright);
	border-radius: 4px;
	width: 60px;
	height: 34px;
	font-size: 13px;
	line-height: 24px;
	color: var(--color-text-gray-blue-2);
	background: var(--color-bg-light);
	cursor: pointer;
}

.deposit-new-styled-amount {
	display: flex;
	flex-direction: row;
	align-items: center;
}

@media (max-width: 575px) {
	.deposit-new-styled-amount {
		flex-direction: column;
	}
}

/* history */
.history-new-container-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.history-new-styled-box-active {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	border: 2px solid var(--color-border-orange-bright);
	border-radius: 8px;
	background: var(--color-bg-light);
}

.history-new-styled-box {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 150px;
	height: 45px;
	border: 2px solid var(--color-bg-light);
	border-radius: 8px;
	background: var(--color-bg-light);
}

.history-new-text {
	font-size: 14px;
	line-height: 24px;
	color: var(--color-text-blue-gray-2);
	margin: 0;
}

.history-new-styled-option-date {
	display: flex;
	flex-direction: row;
	gap: 15px;
	flex-wrap: wrap;
}

@media (max-width: 768px) {
	.history-new-styled-option-date {
		display: flex;
		flex-direction: row;
	}
}

.history-new-date-start {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

@media (max-width: 575px) {
	.history-new-date-start {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: start;
	}
}

.history-new-title {
	font-size: 16px;
	line-height: 18px;
	color: var(--color-text-blue-gray-3);
	margin: 0;
	min-width: 90px;
}

.history-new-styled-inputdate {
	border-radius: 4px;
	border: 1px solid var(--color-bg-tertiary);
	height: 40px;
	padding: 0 10px;
	color: var(--color-tab-text-white) !important;
	background-color: var(--color-bg-tertiary) !important;
}

@media (max-width: 575px) {
	.react-datepicker-wrapper {
		width: 100%;
	}
}

.ant-form-item-label>label {
	min-width: 115px;
}

.ant-form-item {
	margin-bottom: 0 !important;
}

.deposit-new-select {
	max-width: 276px;
	width: 100%;
	padding: 0px 10px;
	color: var(--color-text-black-strong);
	background: var(--color-text-link-white);
	height: 36px;
}

@media (max-width: 575px) {
	.deposit-new-select {
		max-width: 100%;
	}
}

.styled-botton-center {
	display: flex;
}

@media (max-width: 575px) {
	.styled-botton-center {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

.styled-title-router {
	width: 100%;
	height: 30px;
	display: flex;
	align-items: center;
	margin: 10px 20px;
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
}

@media (max-width: 575px) {
	.styled-title-router {
		font-size: 18px;
		line-height: 24px;
	}
}

.content-body {
	background: var(--color-rebate-bg) var(--bg-reg-image) no-repeat top center;
	background-size: 100%;
	padding: 60px 0 45px;
	color: var(--color-tab-text-white);
}

.content-container {
	max-width: 1120px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 280px auto;
	grid-gap: 15px;
	position: relative;
	padding: 0 10px;
}

/* ===== CONTENT AREA ===== */
.withdraw-content {
	flex: 1;
	padding: 20px;
}

/* === TOP SECTION (WALLET, FORTUNE WHEEL, REWARD CENTER) === */
.withdraw-top-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: var(--color-bg-deep-blue-dark);
	padding: 15px;
	border-radius: 5px;
}

.withdraw-wallet-info {
	display: flex;
	align-items: center;
	background-color: var(--color-bg-deep-navy);
	padding: 10px;
	border-radius: 5px;
	width: 40%;
}

.withdraw-restore-btn {
	background-color: var(--color-bg-orange-soft);
	color: var(--color-text-link-white);
	border: none;
	padding: 5px 12px;
	margin-left: 10px;
	cursor: pointer;
	border-radius: 5px;
}

.withdraw-balance {
	margin-left: auto;
	font-weight: bold;
}

.withdraw-refresh {
	margin-left: 10px;
	cursor: pointer;
}

.withdraw-fortune-wheel {
	background-color: var(--color-bg-steelblue-dark);
	padding: 8px 15px;
	border-radius: 5px;
	text-align: center;
}

.withdraw-reward-center {
	background-color: var(--color-bg-gold-warm);
	padding: 8px 15px;
	border-radius: 5px;
	color: var(--color-text-black-strong);
	font-weight: bold;
	text-align: center;
}

/* === WITHDRAWAL SECTION === */
.withdraw-withdraw-section {
	margin-top: 20px;
	background-color: var(--color-bg-blue-night);
	padding: 20px;
	border-radius: 5px;
}

.withdraw-withdraw-buttons {
	display: flex;
	gap: 10px;
}

.withdraw-withdraw-btn,
.withdraw-add-bank-btn,
.withdraw-bank-transfer-btn {
	background-color: var(--color-bg-orange-soft);
	color: var(--color-text-link-white);
	padding: 10px;
	border: none;
	cursor: pointer;
	border-radius: 5px;
	font-size: 14px;
	font-weight: bold;
}

.withdraw-bank-details {
	width: 100%;
	margin-top: 20px;
	border-collapse: collapse;
}

.withdraw-bank-details th,
.withdraw-bank-details td {
	padding: 10px;
	border-bottom: 1px solid var(--color-border-light-gray);
	text-align: left;
}

/* === WITHDRAWAL FORM === */
.withdraw-withdraw-form {
	margin-top: 20px;
}

.withdraw-withdraw-form label {
	display: block;
	margin-top: 10px;
	font-size: 14px;
}

.withdraw-withdraw-form input,
.withdraw-withdraw-form select {
	width: 100%;
	padding: 10px;
	margin-top: 5px;
	background-color: var(--color-bg-dark-cyan);
	border: none;
	color: var(--color-text-link-white);
	border-radius: 5px;
}

.withdraw-limit-info {
	color: var(--color-text-teal-soft);
	margin-top: 10px;
}

/* === SUBMIT BUTTON === */
.withdraw-submit-btn {
	width: 100%;
	background: var(--color-gradient-gold-bottom);
	border: none;
	padding: 12px;
	color: var(--color-text-black-strong);
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	margin-top: 10px;
	text-transform: uppercase;
	box-shadow: 0px 4px 6px var(--color-box-shadow-fab);
}

.withdraw-submit-btn:hover {
	background: var(--color-gradient-gold-bright);
}

.main {
	margin-top: 140px;
}

.player-vip-box {
	/* background: url(../images/uservip-base-bg.jpg) no-repeat; */
	background: var(--color-bg-player-vip-box);
	background-size: cover;
	border-radius: 20px;
	text-align: center;
	padding: 10px 10px 25px;
	margin-bottom: 15px;
}

.cursor-pointer {
	cursor: pointer !important;
}

.h-70 {
	height: 70px !important;
}

.w-12 {
	width: 12px;
}

.h-12 {
	height: 12px;
}

.w-15 {
	width: 15px;
}

.h-15 {
	height: 15px;
}

.w-24 {
	width: 24px;
}

.h-24 {
	height: 24px;
}

.w-30 {
	width: 30px;
}

.h-30 {
	height: 30px;
}

.w-38 {
	width: 38px;
}

.h-38 {
	height: 38px;
}

.size-32 {
	width: 32px;
	height: 32px;
}

.size-80 {
	width: 80px;
	height: 80px;
}

.w-100p {
	width: 100% !important;
}

.w-auto {
	width: auto !important;
}

.image-featured-slots {
	width: 253px;
	height: 43px;
}

.carousel-inner {
	padding-bottom: 12px;
}

.filter-unset {
	filter: unset !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.fs-16 {
	font-size: 16px;
}

.custom-antd-table .ant-table {
	background-color: unset !important;
	color: var(--color-tab-text-white) !important;
}

.custom-antd-table .ant-table .ant-empty-description {
	color: var(--color-tab-text-white) !important;
}

.custom-antd-table .ant-table-thead>tr>th {
	background-color: unset !important;
	color: var(--color-tab-text-white) !important;
	border-bottom: unset !important;
}

.custom-antd-table .ant-table-thead>tr>th:not(:last-child):not(.ant-table-selection-column):not(.ant-table-row-expand-icon-cell):not([colspan])::before {
	background-color: var(--color-tab-text-white) !important;
	content: unset !important
}

.custom-antd-table .ant-table .ant-table-tbody>tr>td {
	border-bottom: unset !important;
	color: var(--color-tab-text-white) !important;
	border-bottom: unset !important;
}

.custom-antd-table .ant-table .ant-table-tbody>tr.ant-table-placeholder:hover>td {
	background-color: var(--color-bg-tertiary) !important;
}


.custom-antd-table .ant-table .ant-table-tbody>tr.ant-table-row:hover>td,
.ant-table-tbody>tr>td.ant-table-cell-row-hover {
	background-color: var(--color-bg-tertiary) !important;
}

.p-0 {
	padding: 0px !important;
}

.h-60 {
	height: 60px !important;
}

.w-180 {
	width: 180px !important;
}

.sport-game-m9bet {
	padding: 0px !important;
	background: unset !important;
	border: unset !important;
	border-radius: unset !important;
}

.member-level-container {
	display: flex;
	/* align-items: center;
	justify-content: center; */
	gap: 10px;
	/* margin: 10px 0;
	padding: 8px 16px; */
	border-radius: 12px;
	/* background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 6px rgba(255, 255, 255, 0.1); */
	transition: all 0.3s ease-in-out;
  }
  
.member-level-value {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 10px 0;
	padding: 8px 16px;
	border-radius: 12px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0 0 6px rgba(255, 255, 255, 0.1);
	transition: all 0.3s ease-in-out;
  }
  .member-level-badge img {
	width: 40px !important;
	height: 40px !important;
	object-fit: contain;
  }
  
  .member-level-text {
	display: flex;
	flex-direction: column;
	text-align: left;
  }
  
  .member-level-title {
	font-size: 0.9rem;
	font-weight: 500;
	color: rgba(255, 255, 255, 0.8);
  }
  
  .member-level-name {
	/* font-weight: 700;
	font-size: 1.2rem; */
	text-transform: uppercase;
	letter-spacing: 0.05em;
  }
  
  /* 💎 Level highlight gradient */
  .member-level-container[data-level="5"] {
	background: linear-gradient(90deg, #c8f8a0 0%, #5ee2ec 50%, #ffd700 100%);
	box-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
  }
  
  .member-level-container[data-level="4"] {
	background: linear-gradient(90deg, #5ee2ec 0%, #ddbaff 100%);
  }
  
  .member-level-container[data-level="3"] {
	background: linear-gradient(90deg, #ffd700, #fff2a8);
  }
  .vip-glow {
	position: absolute;
	top: -8px;
	right: -8px;
	color: gold;
	animation: glow 1.5s infinite alternate;
  }
  
  @keyframes glow {
	from {
	  text-shadow: 0 0 5px gold, 0 0 10px gold;
	}
	to {
	  text-shadow: 0 0 20px #fff, 0 0 40px gold;
	}
  }

  @media (max-width: 900px) {
    .lucky-wheel-grid {
      grid-template-columns: 1fr !important;
    }
  }
  .lucky-wheel-container .floating-lucky-wheel {
	width: 100%;
  }
  .lucky-wheel-container img {
	height: 100%;
	object-fit: contain;
	cursor: pointer;
  }
  .mt-16 {
	margin-top: 16px;
  }
  .mt-10 {
	margin-top: 10px;
  }
  /* === Promotion Status Wrapper === */
.promotion-status {
  padding: 16px;
  border-radius: 12px;
  background: var(--color-bg-body, #0b1b27);
  color: var(--color-text-primary, #ffffff);
}

/* === Status Text === */
.promotion-status-text {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
}

/* === Motivation Text === */
.promotion-motivation {
  margin-top: 8px;
  font-size: 13px;
  color: var(--color-gold, #facc15);
}

/* === Progress Bar Container === */
.promo-progress {
  height: 10px;
  width: 100%;
  border-radius: 6px;
  background: var(--color-featured-game-bg, #1f2933);
  overflow: hidden;
  margin: 8px 0;
}

/* === Progress Fill === */
.promo-progress-fill {
  height: 100%;
  transition: width 0.3s ease;
}

/* === Active / Ended States === */
.promo-progress.active .promo-progress-fill {
  background: var(--color-bg-afsub-activ, #22c55e);
}

.promo-progress.ended .promo-progress-fill {
  background: var(--color-text-error-bright, #ef4444);
}

/* === Countdown Timer === */
.promotion-countdown {
  margin-top: 6px;
  font-size: 12px;
  opacity: 0.85;
}
/* === Modal Content === */
.promo-ended-modal {
  text-align: center;
  padding: 24px;
  color: var(--color-text-primary)
}

/* Icon */
.promo-ended-icon {
  font-size: 36px;
  margin-bottom: 12px;
}

/* === Modal Title === */
.promo-ended-modal h2 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--color-border-slot-provider);
}

/* Main message */
.promo-ended-message {
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 10px;
  color: var(--color-text-primary);
}

/* Sub text */
.promo-ended-sub {
  font-size: 12px;
}

/* === Modal Text === */
.promo-ended-modal p {
  font-size: 14px;
  line-height: 1.5;
}
/* === Ended Warning Text === */
.promo-ended-warning {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 600;
  color: var(--color-text-error-bright, #ef4444);
}
.promo-ended-modal-wrapper .ant-modal-content {
  background-color: var(--color-bg-primary);
}