#index
{
	position: relative;
	padding-bottom: 30px;
}
.index_caption
{
	border: 3px solid #f80;
	font-size: 19px;
	font-weight: 700;
	text-align: center;
}
#index_carousels
{
	position: relative;
	position: relative;
	overflow: hidden;
}
.index_carousel
{	
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	bottom: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
}
.index_carousel.active
{
	display: block;
}
#index_marquee_bg
{
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	background: linear-gradient(0deg, #c25c31, #dc7c31);
	padding: 0 25px;
	display: flex;
	align-items: center;
	position: relative;
	color: #ffffff;
	font-size: 1.5rem;
	line-height: 25px;
}
#index_marquee_bg::before
{
	content:"";
	position: absolute;
	left: 7px;
	bottom: 2px;
	width: 75px;
	height: 65px;
	background-image: url(../../img/marquee.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(335deg);
	display: none;
}
#index_marquee_bg span
{
	word-break: keep-all;
}
#index_marquees
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 25px;
}
.index_marquee
{
	position: absolute;
	white-space: nowrap;
	left: 0px;
	letter-spacing: 0.65px;
}
.index_hot_game_caption,
.index_all_game_caption
{
	background-image: url(../../img/hot_game.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 100%;
	width: 100%;
	height: 65px;
	margin: 6px 0 7px;
}
.index_all_game_caption
{
	background-image: url(../../img/all_game.png?20250808);
}
#index_hot_games,
#index_all_games
{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
	box-sizing: border-box;
	margin: 0px 15px 15px;
}
#index_all_games
{
	/* border-color: #5ed9e7; */
	/* box-shadow: inset 0 0 0 2px #1c8bb7; */
}
.index_hot_game_box,
.index_all_game_box
{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	position: relative;
	background: linear-gradient(0deg, #d0763c, #d0763c);
	border: 1px solid #8a2b2e;
	border-radius: 18px;
	padding: 6px;
	box-shadow: 0 1px 3px rgb(0 0 0 / 55%);
	/* overflow: auto; */
}
.index_all_game_box:nth-child(10)
{
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}
.index_all_game_box:nth-child(11)
{
	grid-column: 3;
	grid-row: 1;
}
.index_all_game_box:nth-child(12)
{
	grid-column: 3;
	grid-row: 2;
}
.index_hot_game,
.index_all_game
{
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 13px;
	box-shadow: inset 0px 0px 5px 0px #000000, 0px 0px 5px 3px rgb(253 237 164);
	border: 1px solid #e18e07;
	background-color: #e18e07;
}
.index_all_game_box[tar="v2"],
.index_all_game_box[tar="v3"]
{
	position: relative;
}
.index_all_game_box[tar="v2"]::after,
.index_all_game_box[tar="v3"]::after
{
	content: "";
	position: absolute;
	width: 40px;
	height: 31px;
	left: -6px;
	top: -7px;
	background-image: url(../img/game_v2.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	/* background-origin: content-box; */
	/* background-color: #0e20a8; */
	/* border-radius: 18px 0 8px 0; */
	box-sizing: border-box;
	/* padding: 6px 0px 6px 2px; */
	/* box-shadow: 0px 0 5px #000; */
}
.index_all_game_box[tar="v3"]::after
{
	background-image: url(../img/game_v3.png?20250911);
}
#index_login
{
	position: fixed;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: rgb(14 3 22 / 95%);
	z-index: 6;
	display: none;
}
#index_login_box
{
	position: absolute;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	display: flex;
	justify-content: center;
	align-items:center;
}
#index_login_inbox
{
	max-width: 800px;
	width: 70%;
	box-sizing: border-box;
	position: relative;
	padding: 30px;
	background-color: #e3dcc1;
	border: 6px solid #67563c;
	border-radius: 20px;
	box-shadow: 0 0 10px 3px #000;
}
#index_login_inbox_text
{
	position: relative;
}
#index_login_inbox_text img
{
	width: 100px;
	height: auto;
}
#index_login_inbox_text>div:nth-child(2)
{
	margin: 20px 0 10px;
	color: var(--color-darklight);
	font-size: 1.5rem;
}
#index_login_btns
{
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin-top: 30px;
}
.index_login_btn
{
	width: calc(50% - 10px);
	display: flex;
	justify-content: center;
	align-items:center;
	height: 50px;
	border-radius: 5px;
	cursor: pointer;
	font-size: 15px;
}
#index_login_btn_18down
{
	background-color: var(--color-red);
	color: var(--color-white);
}
#index_login_btn_18up
{
	background-color: var(--color-green);
	color: var(--color-white);
}
#index_go2_chat
{
	box-sizing: border-box;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	position: absolute;
	right: 7px;
	top: 305px;
	z-index: 3;
	cursor: pointer;
	background-image: url(../img/chat.png),url(../img/chat_bg.png);
	background-size: 75%,cover;
	background-position: 10px 12px,center;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 5px 1px rgb(26 25 41 / 75%);
}
#index_go2_contact
{
	box-sizing: border-box;
	border-radius: 100%;
	width: 70px;
	height: 70px;
	position: absolute;
	right: 8px;
	top: 390px;
	z-index: 3;
	cursor: pointer;
	background-image: url(../img/contact.png),url(../img/contact_bg.png);
	background-size: 65%,cover;
	background-position: 13px 12px,center;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 5px 1px rgb(26 25 41 / 75%);
}
#index_go2_rank
{
	box-sizing: border-box;
	border-radius: 100%;
	width: 65px;
	height: 65px;
	position: absolute;
	right: 15px;
	top: 205px;
	z-index: 3;
	cursor: pointer;
	background-image: url(../img/rank.png?20250808),url(../img/rank_bg.png?20250808);
	background-size: 80%,cover;
	background-position: center,center;
	background-repeat: no-repeat;
	box-shadow: 0px 0px 6px 0px rgb(0 0 0 / 40%);
	border: 1px solid #7e392b;
}
#index_go2_privacy,
#index_go2_terms,
#index_go2_rule
{
	color: var(--color-blue);
	text-decoration: underline;
	cursor: pointer;
	margin: 0 1px;
}
@media screen and (min-width:800px)
{
	#index_go2_chat
	{
		top: 95px;
	}
	#index_go2_contact
	{
		top: 10px;
	}
	#index_go2_rank
	{
		top: 348px;
	}
}


#deposit_foot
{
	color: #908167;
	font-size: 1.2rem;
	padding: 15px 30px;
}
#deposit_foot img
{
	width: 40px;
	height: auto;
}
.deposit_foot_row p
{
	margin: 4px 0;
}
.deposit_foot_row label
{
	color: var(--color-blue);
	text-decoration: underline;
	cursor: pointer;
}