@charset "utf-8";
/*----------------------------------------------
	fade_down
---------------------------------------------*/
@keyframes fade {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade_down {
	0% {
		opacity: 0;
		transform: translateY(-100px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fade_down_half {
	0% {
		opacity: 0;
		transform: translateY(-50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fade_up {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fade_left {
	0% {
		opacity: 0;
		transform: translateX(-100px);
	}
	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fade_rotate {
	0% {
		opacity: 0;
		transform: translateY(-50px) rotateY(90deg);
	}
	100% {
		opacity: 1;
		transform: translateY(0) rotateY(0);
	}
}
@keyframes text_fadein {
	0% {
		color: transparent;
	}
	100% {
		color: #fff;
	}
}
@keyframes float {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(50px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes float_half {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(20px);
	}
	100% {
		transform: translateY(0);
	}
}
@keyframes txt_scroll {
	0% {
		transform: translateX(0);
	}
}
@keyframes slideShow {
	0% {
		transform: translateY(0%);
	}

	100% {
		transform: translateY(100%);
	}
}
@keyframes slidein {
	0% {
		left: -100%;
		opacity: 0;
	}
	10% {
		opacity: 1;
	}
	100% {
		left: 0;
		opacity: 1;
	}
}
@keyframes pagetop_center {
	0% {
		height: 22px;
	}
	50% {
		height: 10px;
	}
	100% {
		height: 22px;
	}
}
@keyframes pagetop_outer {
	0% {
		height: 10px;
	}
	50% {
		height: 22px;
	}
	100% {
		height: 10px;
	}
}
@keyframes pagetop_inner {
	0% {
		height: 14px;
	}
	25% {
		height: 22px;
	}
	50% {
		height: 14px;
	}
	75% {
		height: 10px;
	}
	100% {
		height: 14px;
	}
}
@keyframes circle {
	0% {
		bottom: 0;
		left: 0;
	}
	100% {
		bottom: -10px;
		left: -10px;
	}
}
@media screen and (max-width: 768px) {
	@keyframes circle {
		0% {
			bottom: 0;
			left: 0;
		}
		100% {
			bottom: -5px;
			left: -5px;
		}
	}
}