@charset "UTF-8";

/*!
 * 越南娛樂版演示站
 * Update by 2020-12-04
 */

/* 禁用响应 */
@media (min-width:990px){
	.container{width:1000px;}
}
@media (min-width:1200px){
	.container{width:1000px;}
}
.screen-lg .container{width:1000px;}

/* ==========全局样式========== */
a{color:#fff;}
a:hover{text-decoration:none;}
ul, p {margin:0;}
body{color:#fff; font-size:12px; background:url(images/bg_index.jpg) no-repeat center top; background-size: cover;}

main.index{}
main.index .container{width:1200px;  height: 100vh; padding:0; position:relative; overflow:hidden;}
main.index .title{ position: absolute; left: 50%; top: 60px; transform: translateX(-50%);}
main.index .mobile{ position: absolute; left: 50%; top: 620px; transform: translateX(-50%);}

main.index .qrcode{ position: absolute; left: 15%; top: 320px; width: 380px;}
main.index .qrcode .s_title{ text-align: center;}
main.index .qrcode .content{ display: flex;}
main.index .qrcode .content .item{ width: 50%; text-align: center;}
main.index .qrcode .content .item .txt{ margin-bottom: 10px;}

main.index .people{ position: absolute; left: 45%; top: 210px; width: 550px; height: 500px;}
main.index .people .box{ position: relative; width: 100%; height: 100%;}
main.index .people .box img{ display: block; position: absolute;}
main.index .people .box img.coin1{ right: -10px; top: 135px; -webkit-animation: 7s infinite linear; animation: coin_ani 7s infinite linear;}
main.index .people .box img.coin2{ left: 35px; top: 270px; -webkit-animation: 3s infinite linear; animation: coin_ani 3s infinite linear;}
main.index .people .box img.dice1{ left: 45px; top: 170px; -webkit-animation: 6s infinite linear; animation: dice_ani 6s infinite linear;}
main.index .people .box img.dice2{ right: 100px; top: 130px; -webkit-animation: 10s infinite linear; animation: dice_ani 10s infinite linear;}
main.index .people .box img.dice3{ right: 35px; top: 320px; -webkit-animation: 20s infinite linear; animation: dice_ani 20s infinite linear;}

@keyframes coin_ani{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(30px);
		transform: translateY(30px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes dice_ani{
	0% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-30px);
		transform: translateY(-30px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}