#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;
	margin-bottom: 20px;
	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
{
	border: 3px solid #F1E33F;
	height: 40px;
	box-sizing: border-box;
	position: absolute;
	width: 90%;
	bottom: 5px;
	left: 7.5%;
	border-radius: 20px;
	background: linear-gradient(0deg, #8800bf, #760094);
	padding: 0 25px 0 60px;
	display: flex;
	align-items: center;
	box-shadow: inset 3px 2px 4px 1px #a32fcb, 2px 3px 4px 1px rgb(0 0 0 / 20%);
}
#index_marquee_bg::before
{
	content:"";
	position: absolute;
	left: -27px;
	top: -27px;
	width: 75px;
	height: 65px;
	background-image: url(../../img/marquee.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	transform: rotate(335deg);
}
#index_marquees
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 25px;
}
.index_marquee
{
	position: absolute;
	white-space: nowrap;
	left: 0px;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.65px;
	height: 25px;
	line-height: 25px;
}
.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: 60px;
}
.index_all_game_caption
{
	background-image: url(../../img/all_game.svg);
}
#index_hot_games,
#index_all_games
{
	display: flex;
	justify-content: center;
	align-items:center;
	flex-wrap: wrap;
	gap: 8px;
	box-sizing: border-box;
	margin: -28px 15px 20px;
	padding: 19px 5px;
	border: 4px solid #fa3b63;
	border-radius: 30px;
	background-color: #FFFAEE;
	box-shadow: inset 0 0 0 2px #dc0504;
}
#index_all_games
{
	border-color: #5ed9e7;
	box-shadow: inset 0 0 0 2px #1c8bb7;
}
.index_hot_game_box,
.index_all_game_box
{
	width: calc(33.33% - 10px);
	box-sizing: border-box;
	position: relative;
	background: linear-gradient(0deg, #ffc73f, #e3ff3f);
	border-radius: 13px;
	padding: 5px;
}
.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: 0 0 3px rgb(0 0 0 / 75%);
}
#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_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;
	}
}


#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;
}