/*bounce:cubic-bezier(0.68, -0.55, 0.265, 1.55)*/
@keyframes skew_loop {
	from {
		transform: skew(-5deg,-5deg);
	}
	to {
		transform: skew(5deg,5deg);
	}
}

@-webkit-keyframes skew_loop {
	from {
		-webkit-transform: skew(-5deg,-5deg);
	}
	to {
		-webkit-transform: skew(5deg,5deg);
	}
}
@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);
	}
}

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

	to {
		-webkit-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(-100px);
		opacity: 0;
	}

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

@-webkit-keyframes leftin {
	from {
		-webkit-transform: translateX(-100px);
		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(100px);
		opacity: 0;
	}

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

@-webkit-keyframes rightin {
	from {
		-webkit-transform: translateX(100px);
		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(30px);
	}
}

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

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

@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);
	}
}

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

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


/* start */
@keyframes duan{
	from{
		transform: scale(3,3);
		opacity: 0;
	}
	to{
		transform: scale(1,1);
		opacity: 1;
	}
}
@-webkit-keyframes duan{
	from{
		transform: scale(3,3);
		opacity: 0;
	}
	to{
		transform: scale(1,1);
		opacity: 1;
	}
}



@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}


@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

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

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

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

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}



@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

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

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

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


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

@-webkit-keyframes slideInleft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

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

@keyframes slideInleft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

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



@keyframes slidtop {
	from {
		transform: translateY(-382px);
		
	}

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

@-webkit-keyframes slidtop {
	from {
		-webkit-transform: translateY(-382px);
	}

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