#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;
	margin-bottom: 12px;
}
.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, #00BABE, #24faff);
	padding: 0 25px;
	display: flex;
	align-items: center;
	position: relative;
	color: #323639;
	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: 60px;
}
.index_all_game_caption
{
	background-image: url(../../img/all_game.png?ver=<?=$_version?>);
}
#index_hot_games,
#index_all_games
{
	display: grid;
	grid-template-rows: 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 20px;
	box-sizing: border-box;
	margin: 12px 25px;
}
#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: 108px;
	box-sizing: border-box;
	position: relative;
	background: linear-gradient(0deg, #ffc73f, #e3ff3f);
	border-radius: 13px;
	padding: 5px;
}
.index_all_game_box:first-child
{
	grid-column: 2 / span 2;
    grid-row: 2 / span 2;
    height: auto;
}
.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_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: 35px;
    height: 35px;
    left: 6px;
    top: 6px;
    background-image: url(../img/game_v2.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-origin: content-box;
    background-color: rgb(255 255 255 / 75%);
    border-radius: 25px 100% 100% 100%;
    box-sizing: border-box;
    padding: 4px 0px 5px 0px;
}
.index_all_game_box[tar="v3"]::after
{
	background-image: url(../img/game_v3.png);
}
#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: 70px;
	height: 70px;
	position: absolute;
	right: 8px;
	top: 205px;
	z-index: 3;
	cursor: pointer;
	background-image: url(../img/rank.png?ver=<?=$_version?>),url(../img/rank_bg.png?ver=<?=$_version?>);
	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;
	}
	#index_go2_rank
	{
		top: 350px;
	}
}


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