*{
   margin:0;
   border:0;
   padding:0;
}
body{
	margin: 0;
	background-color: black;
}
.all:before {
    content: "";
    background-color: #000;
    z-index: 9;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.all{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.vd{
	width: 100%;
        height: auto;
}
.title{
	position: absolute;
	width: 40%;
	left: 30vw;
	height: auto;
}
.hd{
	position: relative;
	z-index: 80;
	margin-top: 10vw;
	font-size: 8vw;
	color: white;
	text-align: center;
	border-bottom: 2px solid white;
	font-family:"Fantasy";
}
.hd_txt{
	position: relative;
	z-index: 80;
	margin-top: 1vw;
	font-size: 3vw;
	color: white;
	text-align: center;
}
.turn{
	height: 2vw;
	width: 6vw;
	position: absolute;
	left: 47vw;
	top: 70vh;
    z-index: 80;
    color: white;
    border-radius: 10px;
    border: 1px solid white;
    text-align: center;
    padding: 0.1vw;
    opacity: 0.6;
}
.turn:hover{
	opacity: 1;
}