@charset "utf-8";
.upsideDown{position: relative;	animation: upsideDown 1s 1 forwards;-webkit-animation: upsideDown 1s 1 forwards; }
.lRmove{position: relative;	animation: lRmove 1s 1 forwards;-webkit-animation: lRmove 1s 1 forwards;}
.zoomIn{	animation: zoomIn 1s 1 forwards;-webkit-animation: zoomIn 1s 1;opacity: 1;}
@keyframes zoomIn{
    0%{
        opacity: 0;
        transform: scale3d(0.1,0.1,0.1);
    }
    100%{
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}
@-webkit-keyframes zoomIn{
    0%{
        opacity: 0;
        transform: scale3d(0.1,0.1,0.1);
    }
    100%{
        transform: scale3d(1,1,1);
        opacity: 1;
    }
}
@keyframes lRmove{
	from{
		margin-left:-5%;
		opacity: 0;
		}
	to{
		margin-left:12%;
		opacity: 1;
		}
	}
@-webkit-keyframes lRmove{
        from{
            margin-left:-5%;
            opacity: 0;
            }
        to{
            margin-left:12%;
            opacity: 1;
            }
        }
@keyframes upsideDown {
0%{
	transform: perspective(400px) rotateX(90deg);
    opacity: 0;
	}
0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
}
60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
    opacity: 1;
}
100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
}
}
 @-webkit-keyframes upsideDown {
0%{
	transform: perspective(400px) rotateX(90deg);
    opacity: 0;
	}
0%, 40% {
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
40% {
    -webkit-transform: perspective(400px) rotateX(-20deg);
    transform: perspective(400px) rotateX(-20deg);
}
60% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
    opacity: 1;
}
80% {
    -webkit-transform: perspective(400px) rotateX(-5deg);
    transform: perspective(400px) rotateX(-5deg);
    opacity: 1;
}
100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    opacity: 1;
}
}