/*bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55)*/

@keyframes huxi{
	from{
		transform: scale(1);
		
	}
	to{
		transform: scale(1.1);
		
	}
}
@-webkit-keyframes huxi{
	from{
		transform: scale(1);
		
	}
	to{
		transform: scale(1.1);
		
	}
}


@keyframes btn_animat {
	from {
		transform: scale(1.3, 1.3);
	}

	to {
		transform: scale(0.5, 0.5);
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes rotate_y_show {
	from {
		transform: rotateY(-90deg);
	}

	to {
		transform: rotateY(0deg);
	}
}

@keyframes shine {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.4;
	}
}

@-webkit-keyframes shine {
	from {
		opacity: 1;
	}

	to {
		opacity: 0.4;
	}
}

@keyframes bottomin {
	from {
		opacity: 0;
		transform: translateY(100px);
	}

	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@-webkit-keyframes bottomin {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}

@keyframes leftin {
	from {
		transform: translateX(-160px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes leftin {
	from {
		-webkit-transform: translateX(-160px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes topin {
	from {
		transform: translateY(-100px);
		opacity: 0;
	}

	to {
		transform: translateY(0px);
		opacity: 1;
	}
}

@-webkit-keyframes topin {
	from {
		-webkit-transform: translateY(-100px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateY(0px);
		opacity: 1;
	}
}

@keyframes rightin {
	from {
		transform: translateX(160px);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@-webkit-keyframes rightin {
	from {
		-webkit-transform: translateX(160px);
		opacity: 0;
	}

	to {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes sbin {
	from {
		transform: scale(0.1);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes sbin {
	from {
		-webkit-transform: scale(0.1);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes ssin {
	from {
		transform: scale(3);
		opacity: 0;
	}

	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes ssin {
	from {
		-webkit-transform: scale(3);
		opacity: 0;
	}

	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}

@keyframes shunshiin {
	from {
		transform: rotate(-90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes shunshiin {
	from {
		-webkit-transform: rotate(-90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes nishiin {
	from {
		transform: rotate(90deg);
		opacity: 0;
	}

	to {
		transform: rotate(0deg);
		opacity: 1;
	}
}

@-webkit-keyframes nishiin {
	from {
		-webkit-transform: rotate(90deg);
		opacity: 0;
	}

	to {
		-webkit-transform: rotate(0deg);
		opacity: 1;
	}
}

@keyframes boom_shakalaka {
	10% {
		transform: translateX(3px) rotate(2deg);
	}

	20% {
		transform: translateX(-3px) rotate(-2deg);
	}

	30% {
		transform: translateX(3px) rotate(2deg);
	}

	40% {
		transform: translateX(-3px) rotate(-2deg);
	}

	50% {
		transform: translateX(2px) rotate(1deg);
	}

	60% {
		transform: translateX(-2px) rotate(-1deg);
	}

	70% {
		transform: translateX(2px) rotate(1deg);
	}

	80% {
		transform: translateX(-2px) rotate(-1deg);
	}

	90% {
		transform: translateX(1px) rotate(0);
	}

	100% {
		transform: translateX(-1px) rotate(0);
	}
}

@-webkit-keyframes boom_shakalaka {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}

	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}

	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
	}

	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
	}

	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}

	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
	}

	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
	}

	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
	}

	90% {
		-webkit-transform: translateX(1px) rotate(0);
	}

	100% {
		-webkit-transform: translateX(-1px) rotate(0);
	}
}

@keyframes shunshi {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes shunshi {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes nishi {
	from {
		transform: rotate(360deg);
	}

	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes nishi {
	from {
		-webkit-transform: rotate(360deg);
	}

	to {
		-webkit-transform: rotate(0deg);
	}
}

@keyframes ufo {
	from {
		transform: translateY(0%);
	}

	to {
		transform: translateY(-30%);
	}
}

@-webkit-keyframes ufo {
	from {
		-webkit-transform: translateY(0%);
	}

	to {
		-webkit-transform: translateY(-30%);
	}
}

@keyframes swing {
	from {
		transform: rotate(-5deg);
	}

	to {
		transform: rotate(5deg);
	}
}

@-webkit-keyframes swing {
	from {
		-webkit-transform: rotate(-5deg);
	}

	to {
		-webkit-transform: rotate(5deg);
	}
}


@keyframes duang_top {
	from {
		transform: scale(2, 2);
	}

	to {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes duang_top {
	from {
		-webkit-transform: scale(2, 2);
	}

	to {
		-webkit-transform: scale(1, 1);
	}
}

@keyframes duang_down {
	from {
		transform: scale(1, 1);
	}

	to {
		transform: scale(1.2, 1.2);
	}
}



@keyframes yun_sport {
	from {
		transform: translateX(0px);
	}

	to {
		transform: translateX(-50px);
	}
}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}
@keyframes shunshi {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes shunshi {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes nishi {
	from {
		transform: rotate(360deg);
	}
	to {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes nishi {
	from {
		-webkit-transform: rotate(360deg);
	}
	to {
		-webkit-transform: rotate(0deg);
	}
}


@keyframes flipInY {
	0% {
		-webkit-transform: perspective(400px) rotateY(90deg);
		transform: perspective(400px) rotateY(90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		-webkit-transform: perspective(400px) rotateY(-20deg);
		transform: perspective(400px) rotateY(-20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
		opacity: 1;
	}

	60% {
		-webkit-transform: perspective(400px) rotateY(10deg);
		transform: perspective(400px) rotateY(10deg);
		opacity: 1;
	}

	80% {
		-webkit-transform: perspective(400px) rotateY(-5deg);
		transform: perspective(400px) rotateY(-5deg);
		opacity: 1;
	}

	to {
		transform: perspective(400px);
		opacity: 1;
	}
}

@keyframes flipInX {
	0% {
		transform: perspective(400px) rotateX(90deg);
		animation-timing-function: ease-in;
		opacity: 0;
	}

	40% {
		transform: perspective(400px) rotateX(-20deg);
		animation-timing-function: ease-in;
	}

	60% {
		transform: perspective(400px) rotateX(10deg);
		opacity: 1;
	}

	80% {
		transform: perspective(400px) rotateX(-5deg);
	}

	to {
		transform: perspective(400px);
	}
}

@keyframes lightSpeedInRight {
	0% {
		-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
		transform: translate3d(100%, 0, 0) skewX(-30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(20deg);
		transform: skewX(20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(-5deg);
		transform: skewX(-5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes lightSpeedInLeft {
	0% {
		-webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
		transform: translate3d(-100%, 0, 0) skewX(30deg);
		opacity: 0
	}

	60% {
		-webkit-transform: skewX(-20deg);
		transform: skewX(-20deg);
		opacity: 1
	}

	80% {
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg);
		opacity: 1
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@-webkit-keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}

@keyframes rotateIn {
	0% {
		-webkit-transform: rotate(-200deg);
		transform: rotate(-200deg);
		opacity: 0
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 1
	}
}
@-webkit-keyframes bottomin {
	from {
		opacity: 0;
		-webkit-transform: translateY(100px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
}
@keyframes btn {
	from {
		transform: scale(1.1, 1.1);
	}

	to {
		transform: scale(1, 1);
	}
}

@-webkit-keyframes fadeIn1 {
	0% {
		opacity: 0.2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0.2
	}
}

@keyframes fadeIn1 {
	0% {
		opacity: 0.2
	}

	50% {
		opacity: 1
	}

	100% {
		opacity: 0.2
	}
}

@keyframes firework {
	from {
		transform: scale(0.1);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

@-ms-keyframes firework {
	from {
		-ms-transform: scale(0.1);
		opacity: 0;
	}
	to {
		-ms-transform: scale(1);
		opacity: 1;
	}
}

@-moz-keyframes firework {
	from {
		-moz-transform: scale(0.1);
		opacity: 0;
	}
	to {
		-moz-transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes firework {
	from {
		-webkit-transform: scale(0.1);
		opacity: 0;
	}
	to {
		-webkit-transform: scale(1);
		opacity: 1;
	}
}