@charset "utf-8";
/* CSS Document */
*{
	font-family: "微軟正黑體";
}
header{ position:fixed;top:0;left:0; width:100%; height:78px; background-color:#fff; z-index:999;}
.text-list{
	margin-left : 3em;
    text-indent : -3em ;
	padding:10px 0;
}
.playbuttom{width: 3vw;position: absolute;z-index: 99;left: 18vw;bottom: 51.7vw;}
.detail3 .playbuttom{left:24vw; }
.newsbuttom{width: 10vw;position: absolute;z-index: 99;left:9vw;bottom: 4vw;}
.news a:hover img{ 
	transform:scale(1.1);
	color:#fff;
}
@keyframes arrow{
	0% {
		transform: translateY(0px);

	}
	50% {
		transform: translateY(3px);

	}
	100% {
		transform: translateY(0px);

	}
}
.hide-xs{ display:block}
.show-xs{ display:none}	
.detail,.detail2,.detail3,.detail4,.detail5,.detail6,.detail7,.detail8,.how,.more,.qa,.notice{ position:relative}
.detail {z-index:5; }
.detail2,.detail3 {z-index:10; }
.detail4,.detail5,.detail6,.detail7,.detail8{z-index:80;}
.gbox{position:absolute; width:100vw; left:50%; top:51%; transform:translate(-50%,-50%);}
.date{width:85vw;position: absolute;}
.date2{width:85vw;position: absolute;z-index:2;bottom: -3vw;}
.prize{width:8vw;position: absolute;z-index:2;left: 28vw;}
.buttom{width: 7.3vw;
	top:12vw;
	right:3vw;
	position: fixed;
	z-index: 99;}
.work_buttom a:hover img{ 
	transform:scale(1.1);
	color:#fff;
}