
@keyframes ani_show {
	0% {
		/* -webkit-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		transform: translateX(-100px); */
		opacity: 0;
	}

	100% {
		/* -webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0); */
		opacity: 1;
	}
}

@keyframes ani_content {
	0% {
		/* -webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px); */
		width:1280px;
		height:0px;
		opacity: 0;
	}

	100% {
		/* -webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0); */
		width:1280px;
		height:830px;
		opacity: 1;
	}
}

@keyframes ani_slideup {
	0% {
		-webkit-transform: translateY(50px);
		-ms-transform: translateY(50px);
		transform: translateY(50px);
		opacity: 0;
	}
	
	
	50% {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	100% {
		-webkit-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
		opacity: 0;
	}
}

@keyframes ani_btn {
	0% {
		-webkit-transform: translateX(100px);
		-ms-transform: translateX(100px);
		transform: translateX(100px);
		opacity: 0;
	}

	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes ani_5 {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}