html,
body {
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
}

.welcomeContainer {
	position: relative;
	height: 100%;
	background: url('../img/bg00.jpg') no-repeat;
	background-size: 100% 100%;
	/* background-size: cover; */
	box-sizing: border-box;
	overflow: hidden;
}

.logo {
	display: block;
	margin: 0 auto;
	position: absolute;
	/* top: 50px; */
	top: 7vh;
	left: 50%;
	transform: translateX(-50%);
	z-index: 2;
	/* width: 280px; */
	width: 19.8vw;
}

.welcomeTitle1 {
	display: none;
	margin: 0 auto 0;
	position: absolute;
	top: 10.5vw;
	left: 12.76vw;
	z-index: 2;
	height: 14.7vw;
	transform-origin: 0% 0%;
}

.welcomeTitle2 {
	display: none;
	margin: 0 auto 0;
	position: absolute;
	top: 19vw;
	right: 12.76vw;
	z-index: 2;
	height: 14.7vw;
	transform-origin: 0% 0%;
}

.decro1 {
	width: 100%;
	height: 7vw;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	mix-blend-mode: screen;
	background-image: url(../img/gt.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	opacity: 0;
}

.decro2 {
	width: 100%;
	height: 20vw;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	mix-blend-mode: screen;
	background-image: url(../img/gt00.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
	background-position: 0 0;
	opacity: 0;
}


.light1 {
	width: 26.25vw;
	position: absolute;
	top: 5.7vw;
	left: 2vw;
	z-index: 2;
	mix-blend-mode: screen;
	transform-origin: 100% 0;
	opacity: 0;
}
.light2 {
	width: 26.25vw;
	position: absolute;
	top: 5.7vw;
	right: 0;
	z-index: 2;
	mix-blend-mode: screen;
	transform-origin: 0 0;
	opacity: 0;
}

@media screen and (max-width: 1050px) {
	.welcomeTitle1 {
		top: 12vh;
	}
	
	.welcomeTitle2 {
		top: 20vh;
	}
}


.leftAni {
	animation: leftAni 10s linear infinite;
}

@keyframes leftAni {
	0% {
		background-position: 0 0;
	}

	100% {
		background-position: -100vw 0;
	}
}

.rightAni {
	animation: rightAni 10s linear infinite;
}

@keyframes rightAni {
	0% {
		background-position: 0 0;
	}
	
	100% {
		background-position: 100vw 0;
	}
}

.rotateAni1 {
	animation: rotateAni1 3s linear infinite;
}

@keyframes rotateAni1 {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(80deg);
	}
}

.rotateAni2 {
	animation: rotateAni2 3s linear infinite;
}

@keyframes rotateAni2 {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(-80deg);
	}
}