

@-webkit-keyframes rot1 {
	from {
		-webkit-transform: rotate(90deg  )
		           translateX(-50%) translateY(-300px)
		           rotate(-90deg  );
transform: rotate(90deg  )
		           translateX(-50%) translateY(-300px)
		           rotate(-90deg  );
	}
	to {
		-webkit-transform: rotate(450deg   )
		           translateX(-50%) translateY(-300px) 
		           rotate(-450deg  );
transform: rotate(450deg   )
		           translateX(-50%) translateY(-300px) 
		           rotate(-450deg  );
	}
}
@keyframes rot1 {
	from {
		transform: rotate(90deg  )
		           translateX(-50%) translateY(-300px)
		           rotate(-90deg  );
	}
	to {
		transform: rotate(450deg   )
		           translateX(-50%) translateY(-300px)
		           rotate(-450deg  );
	}
}

@-webkit-keyframes rot2 {
	from {
		-webkit-transform: rotate(162deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-162deg );
transform: rotate(162deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-162deg );
	}
	to {
		-webkit-transform: rotate(522deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-522deg );
transform: rotate(522deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-522deg );
	}
}
@keyframes rot2 {
	from {
		transform: rotate(162deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-162deg );
	}
	to {
		transform: rotate(522deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-522deg );
	}
}
@-webkit-keyframes rot3 {
	from {
		-webkit-transform: rotate(234deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-234deg );
transform: rotate(234deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-234deg );
	}
	to {
		-webkit-transform: rotate(594deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-594deg );
transform: rotate(594deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-594deg );
	}
}
@keyframes rot3 {
	from {
		transform: rotate(234deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-234deg );
	}
	to {
		transform: rotate(594deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-594deg );
	}
}

@-webkit-keyframes rot4 {
	from {
		-webkit-transform: rotate(306deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-306deg );
transform: rotate(306deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-306deg );
	}
	to {
		-webkit-transform: rotate(666deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-666deg );
transform: rotate(666deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-666deg );
	}
}
@keyframes rot4 {
	from {
		transform: rotate(306deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-306deg );
	}
	to {
		transform: rotate(666deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-666deg );
	}
}
@-webkit-keyframes rot5 {
	from {
		-webkit-transform: rotate(18deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-18deg );
transform: rotate(18deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-18deg );
	}
	to {
		-webkit-transform: rotate(378deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-378deg );
transform: rotate(378deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-378deg );
	}
}
@keyframes rot5 {
	from {
		transform: rotate(18deg )
		           translateX(-50%) translateY(-300px)
		           rotate(-18deg );
	}
	to {
		transform: rotate(378deg )
		           translateX(-50%) translateY(-300px) 
		           rotate(-378deg );
	}
}
@-webkit-keyframes yingL {
	
	from {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
		-webkit-transform-origin: 0%;		
transform-origin: 0%;		
	}
	to {

		opacity: 0;
		-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
		-webkit-transform-origin: 0%;
transform-origin: 0%;
	}
}
@keyframes yingL {
	
	from {
		opacity: 1;
		transform: rotateY(0deg);
		transform-origin: 0%;		
	}
	to {

		opacity: 0;
		transform: rotateY(90deg);
		transform-origin: 0%;
	}
}
@-webkit-keyframes yingR {
	
	from {
		opacity: 1;
		-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
		-webkit-transform-origin: 100%;
transform-origin: 100%;
	}
	to {
		opacity: 0;
		-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
		-webkit-transform-origin: 100%;
transform-origin: 100%;
	}
}
@keyframes yingR {
	
	from {
		opacity: 1;
		transform: rotateY(0deg);
		transform-origin: 100%;
	}
	to {
		opacity: 0;
		transform: rotateY(90deg);
		transform-origin: 100%;
	}
}
@-webkit-keyframes circle {
	0% {
		width: 680px;
		height: 680px;
		top: 90px;
		left: 101px;
		border-radius: 348px;
		opacity: 0.5;
		border: 2px solid orange;
	}
	20% {
		border-radius: 348px;
	}
	90% {
		height: 880px;
		border: 2px solid orange;
	}
	99% {
		width: 880px;
	}
	100% {
		width: 100%;
		min-height: 880px;
		height: 100%;
		top: 0px;
		left: 0px;
		border-radius: 0px;
		opacity: 1;
		border: 0px;
	}
}
@keyframes circle {
	0% {
		width: 680px;
		height: 680px;
		top: 90px;
		left: 101px;
		border-radius: 348px;
		opacity: 0.5;
		border: 2px solid orange;
	}
	20% {
		border-radius: 348px;
	}
	90% {
		height: 880px;
		border: 2px solid orange;
	}
	99% {
		width: 880px;
	}
	100% {
		width: 100%;
		min-height: 880px;
		height: 100%;
		top: 0px;
		left: 0px;
		border-radius: 0px;
		opacity: 1;
		border: 0px;
	}
}
@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
transform: rotate(0deg);
		-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
	}
	to {
		-webkit-transform: rotate(360deg);
transform: rotate(360deg);
		-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
	}
}
@keyframes spin {
	from {
		transform: rotate(0deg);
		transform-origin: 50% 50%;
	}
	to {
		transform: rotate(360deg);
		transform-origin: 50% 50%;
	}
}
@-webkit-keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1;}
}
@keyframes fadeIn {
  0% { opacity: 0;}
  100% { opacity: 1;}
} /**/