@charset "UTF-8";

@keyframes rotate {
	0% {
		transform: rotateZ(25deg) translateY(50px);
	}
	50% {
		transform: rotateZ(25deg) translateY(-50px);
	}
	100% {
		transform: rotateZ(25deg) translateY(50px);
	}
}
@keyframes rotate2 {
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(-360deg);
	}
}
@keyframes rotate3 {
	0% {
		transform: rotateZ(0);
	}
	100% {
		transform: rotateZ(360deg);
	}
}

@keyframes scale {
	0% {
		transform: scale(1) translateX(0);
	}
	50% {
		transform: scale(0.8) translateX(-20px);
	}
	100% {
		transform: scale(1) translateX(0);
	}
}

@keyframes translateY {
	0% {
		transform: translateY(0); opacity:0.2;
	}
	50% {
		transform: translateY(10px); opacity:0.4;
	}
	100% {
		transform: translateY(0); opacity:0.2;
	}
}
@keyframes translateX1 {
	0% {
		transform: translate(0,0);
	}
	50% {
		transform: translate(-20px,-20px);
	}
	100% {
		transform: translate(0,0);
	}
}
@keyframes translateX2 {
	0% {
		transform: translate(0,0);
	}
	50% {
		transform: translate(20px,20px);
	}
	100% {
		transform: translate(0,0);
	}
}
@keyframes box3Plane {
	0% {
		 left:25%; top:100%;
	}
	50% {
		 left:80%; top:0%;
	}
	100% {
		 left:25%; top:100%;
	}
}
@-webkit-keyframes pushOut{
	0%{-webkit-transform:translate(0,0) rotate(0) scale(1);transform:translate(0,0) rotate(0) scale(1)}
	5%{-webkit-transform:translate(15px,-20px) rotate(10deg) scale(1.2);transform:translate(15px,-20px) rotate(10deg) scale(1.2)}
	20%{-webkit-transform:translate(130px,-20px) rotate(-20deg) scale(1.5);transform:translate(130px,-20px) rotate(-20deg) scale(1.5)}
	40%{-webkit-transform:translate(280px,-60px) rotate(10deg) scale(.9);transform:translate(280px,-60px) rotate(10deg) scale(.9);opacity:.8}
	100%{-webkit-transform:translate(1800px,-200px) rotate(60deg) scale(0);transform:translate(1800px,-200px) rotate(60deg) scale(0);opacity:0}
}
@-webkit-keyframes cirAni{
	0{ transform:scale(1);}
	50%{ transform:scale(1.2);}	
	100%{ transform:scale(1);}
}
@-webkit-keyframes transX1{
	0%{ transform:translateX(0);}
	50%{ transform:translateX(15px);}	
	100%{ transform:translateX(0);}	
}
@-webkit-keyframes transX2{
	0%{ transform:translateX(0);}
	50%{ transform:translateX(-15px);}	
	100%{ transform:translateX(0);}	
}
@-webkit-keyframes transAni1{
	0%{ transform:translateX(0); transform-origin:right center;}
	50%{ transform:translateX(10px); transform-origin:right center;}
	100%{ transform:translateX(0); transform-origin:right center;	}
}
@-webkit-keyframes transAni2{
	0%{ transform:translate(0,0); transform-origin:left bottom;}
	50%{ transform:translate(-10px,10px); transform-origin:left bottom;}
	100%{ transform:translate(0,0); transform-origin:left bottom;	}
}
@-webkit-keyframes transAni3{
	0%{ transform:translate(0,0); transform-origin:left top;}
	50%{ transform:translate(-10px,-10px); transform-origin:left top;}
	100%{ transform:translate(0,0); transform-origin:left top;}
}