@charset "utf-8";

.he-wrap {
	position:relative;
	zoom:1;
	display:inline-block;
*display:inline;
	position:relative
}
.he-view, .he-zoom {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	visibility:hidden
}
.he-zoom img {
	position:absolute;
	top:0;
	left:0
}
.he-zoomstate {
	position:absolute;
	bottom:0;
	right:0;
	background:#c00;
	color:#fff;
	border-radius:3px 0 0 0;
	font-size:12px;
	line-height:16px;
	padding:0 4px;
	box-shadow:-1px -1px 1px rgba(204, 0, 0, .3)
}
.he-view-show {
	visibility:visible
}
.he-sliders {
	overflow:hidden
}
.he-sliders img {
	display:none
}
.he-sliders img:first-child {
	display:inline-block;
*display:inline;
*zoom:1
}
.he-pre, .he-next {
	position:absolute;
	top:50%;
	left:0;
	width:61px;
	height:35px;
	margin-top:-18px;
	background:url(nav.png) no-repeat top left;
	cursor:pointer
}
.he-next {
	left:auto;
	right:0;
	background-position:top right
}
.a0, .a1, .a2, .a3, .a4, .a5, .a6, .a7 {
	-webkit-animation-fill-mode:both;
	-moz-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	-o-animation-fill-mode:both;
	animation-fill-mode:both;
-webkit-animation-duration:.6s;
-moz-animation-duration:.6s;
-ms-animation-duration:.6s;
-o-animation-duration:.6s;
animation-duration:.6s
}
.a0 {
-webkit-animation-delay:0s;
-moz-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s
}
.a1 {
-webkit-animation-delay:.2s;
-moz-animation-delay:.2s;
-o-animation-delay:.2s;
animation-delay:.2s
}
.a2 {
-webkit-animation-delay:.4s;
-moz-animation-delay:.4s;
-o-animation-delay:.4s;
animation-delay:.4s
}
.a3 {
-webkit-animation-delay:.6s;
-moz-animation-delay:.6s;
-o-animation-delay:.6s;
animation-delay:.6s
}
.a4 {
-webkit-animation-delay:.8s;
-moz-animation-delay:.8s;
-o-animation-delay:.8s;
animation-delay:.8s
}
.a5 {
	-webkit-animation-delay:1s;
	-moz-animation-delay:1s;
	-o-animation-delay:1s;
	animation-delay:1s
}
.a6 {
	-webkit-animation-delay:1.2s;
	-moz-animation-delay:1.2s;
	-o-animation-delay:1.2s;
	animation-delay:1.2s
}
.a7 {
	-webkit-animation-delay:1.4s;
	-moz-animation-delay:1.4s;
	-o-animation-delay:1.4s;
	animation-delay:1.4s
}
@-webkit-keyframes flipInLeft {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0.5
}
60% {
-webkit-transform:perspective(400px) rotateY(-10deg)
}
80% {
-webkit-transform:perspective(400px) rotateY(5deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes flipInLeft {
0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0.5
}
60% {
-moz-transform:perspective(400px) rotateY(-10deg)
}
80% {
-moz-transform:perspective(400px) rotateY(5deg)
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-o-keyframes flipInLeft {
0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0.5
}
60% {
-o-transform:perspective(400px) rotateY(-10deg)
}
80% {
-o-transform:perspective(400px) rotateY(5deg)
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInLeft {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0.5
}
60% {
transform:perspective(400px) rotateY(-10deg)
}
80% {
transform:perspective(400px) rotateY(5deg)
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInLeft {
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:flipInLeft;
	-webkit-transform-origin:0 50%;
	-moz-transform-style:preserve-3d;
	-moz-animation-name:flipInLeft;
	-moz-transform-origin:0 50%;
	-o-transform-style:preserve-3d;
	-o-animation-name:flipInLeft;
	-o-transform-origin:0 50%;
	transform-style:preserve-3d;
	animation-name:flipInLeft;
	transform-origin:0 50%
}
@-webkit-keyframes flipInRight {
0% {
-webkit-transform:perspective(400px) rotateY(-90deg);
opacity:0.5
}
60% {
-webkit-transform:perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateY(-5deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-moz-keyframes flipInRight {
0% {
-moz-transform:perspective(400px) rotateY(-90deg);
opacity:0.5
}
60% {
-moz-transform:perspective(400px) rotateY(10deg)
}
80% {
-moz-transform:perspective(400px) rotateY(-5deg)
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@-o-keyframes flipInRight {
0% {
-o-transform:perspective(400px) rotateY(-90deg);
opacity:0.5
}
60% {
-o-transform:perspective(400px) rotateY(10deg)
}
80% {
-o-transform:perspective(400px) rotateY(-5deg)
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInRight {
0% {
transform:perspective(400px) rotateY(-90deg);
opacity:0.5
}
60% {
transform:perspective(400px) rotateY(10deg)
}
80% {
transform:perspective(400px) rotateY(-5deg)
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInRight {
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:flipInRight;
	-webkit-transform-origin:100% 50%;
	-moz-transform-style:preserve-3d;
	-moz-animation-name:flipInRight;
	-moz-transform-origin:100% 50%;
	-o-transform-style:preserve-3d;
	-o-animation-name:flipInRight;
	-o-transform-origin:100% 50%;
	transform-style:preserve-3d;
	animation-name:flipInRight;
	transform-origin:100% 50%
}
@-webkit-keyframes flipInDown {
0% {
-webkit-transform:perspective(400px) rotateX(-90deg);
opacity:0.5
}
60% {
-webkit-transform:perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform:perspective(400px) rotateX(-5deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInDown {
0% {
-moz-transform:perspective(400px) rotateX(-90deg);
opacity:0.5
}
60% {
-moz-transform:perspective(400px) rotateX(10deg)
}
80% {
-moz-transform:perspective(400px) rotateX(-5deg)
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes flipInDown {
0% {
-o-transform:perspective(400px) rotateX(-90deg);
opacity:0.5
}
60% {
-o-transform:perspective(400px) rotateX(10deg)
}
80% {
-o-transform:perspective(400px) rotateX(-5deg)
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInDown {
0% {
transform:perspective(400px) rotateX(-90deg);
opacity:0.5
}
60% {
transform:perspective(400px) rotateX(10deg)
}
80% {
transform:perspective(400px) rotateX(-5deg)
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInDown {
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:flipInDown;
	-webkit-transform-origin:50% 0%;
	-moz-transform-style:preserve-3d;
	-moz-animation-name:flipInDown;
	-moz-transform-origin:50% 0%;
	-o-transform-style:preserve-3d;
	-o-animation-name:flipInDown;
	-o-transform-origin:50% 0%;
	transform-style:preserve-3d;
	animation-name:flipInDown;
	transform-origin:50% 0%
}
@-webkit-keyframes flipInUp {
0% {
-webkit-transform:perspective(300px) rotateX(90deg);
opacity:0.5
}
60% {
-webkit-transform:perspective(300px) rotateX(-10deg)
}
80% {
-webkit-transform:perspective(300px) rotateX(5deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(0deg);
opacity:1
}
}
@-webkit-keyframes flipInUp {
0% {
-webkit-transform:perspective(300px) rotateX(90deg);
opacity:0.5
}
60% {
-webkit-transform:perspective(300px) rotateX(-10deg)
}
80% {
-webkit-transform:perspective(300px) rotateX(5deg)
}
100% {
-webkit-transform:perspective(300px) rotateX(0deg);
opacity:1
}
}
@-moz-keyframes flipInUp {
0% {
-moz-transform:perspective(300px) rotateX(90deg);
opacity:0.5
}
60% {
-moz-transform:perspective(300px) rotateX(-10deg)
}
80% {
-moz-transform:perspective(300px) rotateX(5deg)
}
100% {
-moz-transform:perspective(300px) rotateX(0deg);
opacity:1
}
}
@-o-keyframes flipInUp {
0% {
-o-transform:perspective(300px) rotateX(90deg);
opacity:0.5
}
60% {
-o-transform:perspective(300px) rotateX(-10deg)
}
80% {
-o-transform:perspective(300px) rotateX(5deg)
}
100% {
-o-transform:perspective(300px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInUp {
0% {
transform:perspective(300px) rotateX(90deg);
opacity:0.5
}
60% {
transform:perspective(300px) rotateX(-10deg)
}
80% {
transform:perspective(300px) rotateX(5deg)
}
100% {
transform:perspective(300px) rotateX(0deg);
opacity:1
}
}
.flipInUp {
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:flipInUp;
	-webkit-transform-origin:50% 100%;
	-moz-transform-style:preserve-3d;
	-moz-animation-name:flipInUp;
	-moz-transform-origin:50% 100%;
	-o-transform-style:preserve-3d;
	-o-animation-name:flipInUp;
	-o-transform-origin:50% 100%;
	transform-style:preserve-3d;
	animation-name:flipInUp;
	transform-origin:50% 100%
}
.flipInV, flipInH {
	-webkit-transform-style:preserve-3d;
	-webkit-animation-name:flipInDown;
	-webkit-transform-origin:50% 50%;
	-moz-transform-style:preserve-3d;
	-moz-animation-name:flipInDown;
	-moz-transform-origin:50% 50%;
	-o-transform-style:preserve-3d;
	-o-animation-name:flipInDown;
	-o-transform-origin:50% 50%;
	transform-style:preserve-3d;
	animation-name:flipInDown;
	transform-origin:50% 50%
}
.flipInH {
	-webkit-animation-name:flipInLeft;
	-moz-animation-name:flipInLeft;
	-o-animation-name:flipInLeft;
	animation-name:flipInLeft
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
-webkit-transform:scale(1)
}
}
@-o-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
-webkit-transform:scale(1)
}
}
.zoomIn {
	-webkit-animation-name:zoomIn;
	-moz-animation-name:zoomIn;
	-o-animation-name:zoomIn;
	animation-name:zoomIn
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:.3;
-webkit-transform:scale(.4) translateX(-1000px)
}
70% {
opacity:1;
-webkit-transform:scale(1.05)
}
90% {
-webkit-transform:scale(.95) translateX(0px)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes zoomInLeft {
0% {
opacity:.3;
-moz-transform:scale(.4) translateX(-1000px)
}
70% {
opacity:1;
-moz-transform:scale(1.05)
}
90% {
-moz-transform:scale(.95) translateX(0px)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes zoomInLeft {
0% {
opacity:.3;
-o-transform:scale(.4) translateX(-1000px)
}
70% {
opacity:1;
-o-transform:scale(1.05)
}
90% {
-o-transform:scale(.95) translateX(0px)
}
100% {
-o-transform:scale(1)
}
}
@keyframes zoomInLeft {
0% {
opacity:.3;
transform:scale(.4) translateX(-1000px)
}
70% {
opacity:1;
transform:scale(1.05)
}
90% {
transform:scale(.95) translateX(0px)
}
100% {
transform:scale(1)
}
}
.zoomInLeft {
	-webkit-animation-name:zoomInLeft;
	-moz-animation-name:zoomInLeft;
	-o-animation-name:zoomInLeft;
	animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:.3;
-webkit-transform:scale(.4) translateX(1000px)
}
70% {
opacity:1;
-webkit-transform:scale(1.05)
}
90% {
-webkit-transform:scale(.95) translateX(0px)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes zoomInRight {
0% {
opacity:.3;
-moz-transform:scale(.4) translateX(1000px)
}
70% {
opacity:1;
-moz-transform:scale(1.05)
}
90% {
-moz-transform:scale(.95) translateX(0px)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes zoomInRight {
0% {
opacity:.3;
-o-transform:scale(.4) translateX(1000px)
}
70% {
opacity:1;
-o-transform:scale(1.05)
}
90% {
-o-transform:scale(.95) translateX(0px)
}
100% {
-o-transform:scale(1)
}
}
@keyframes zoomInRight {
0% {
opacity:.3;
transform:scale(.4) translateX(1000px)
}
70% {
opacity:1;
transform:scale(1.05)
}
90% {
transform:scale(.95) translateX(0px)
}
100% {
transform:scale(1)
}
}
.zoomInRight {
	-webkit-animation-name:zoomInRight;
	-moz-animation-name:zoomInRight;
	-o-animation-name:zoomInRight;
	animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:.3;
-webkit-transform:scale(.4) translateY(-1000px)
}
70% {
opacity:1;
-webkit-transform:scale(1.05)
}
90% {
-webkit-transform:scale(.95) translateY(0px)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes zoomInUp {
0% {
opacity:.3;
-moz-transform:scale(.4) translateY(-1000px)
}
70% {
opacity:1;
-moz-transform:scale(1.05)
}
90% {
-moz-transform:scale(.95) translateY(0px)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes zoomInUp {
0% {
opacity:.3;
-o-transform:scale(.4) translateY(-1000px)
}
70% {
opacity:1;
-o-transform:scale(1.05)
}
90% {
-o-transform:scale(.95) translateY(0px)
}
100% {
-o-transform:scale(1)
}
}
@keyframes zoomInUp {
0% {
opacity:.3;
transform:scale(.4) translateY(-1000px)
}
70% {
opacity:1;
transform:scale(1.05)
}
90% {
transform:scale(.95) translateY(0px)
}
100% {
transform:scale(1)
}
}
.zoomInUp {
	-webkit-animation-name:zoomInUp;
	-moz-animation-name:zoomInUp;
	-o-animation-name:zoomInUp;
	animation-name:zoomInUp
}
@-webkit-keyframes zoomInDown {
0% {
opacity:.3;
-webkit-transform:scale(.4) translateY(1000px)
}
70% {
opacity:1;
-webkit-transform:scale(1.05)
}
90% {
-webkit-transform:scale(.95) translateY(0px)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes zoomInDown {
0% {
opacity:.3;
-moz-transform:scale(.4) translateY(1000px)
}
70% {
opacity:1;
-moz-transform:scale(1.05)
}
90% {
-moz-transform:scale(.95) translateY(0px)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes zoomInDown {
0% {
opacity:.3;
-o-transform:scale(.4) translateY(1000px)
}
70% {
opacity:1;
-o-transform:scale(1.05)
}
90% {
-o-transform:scale(.95) translateY(0px)
}
100% {
-o-transform:scale(1)
}
}
@keyframes zoomInDown {
0% {
opacity:.3;
transform:scale(.4) translateY(1000px)
}
70% {
opacity:1;
transform:scale(1.05)
}
90% {
transform:scale(.95) translateY(0px)
}
100% {
transform:scale(1)
}
}
.zoomInDown {
	-webkit-animation-name:zoomInDown;
	-moz-animation-name:zoomInDown;
	-o-animation-name:zoomInDown;
	animation-name:zoomInDown
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@-o-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name:fadeIn;
	-moz-animation-name:fadeIn;
	-o-animation-name:fadeIn;
	animation-name:fadeIn
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-100%)
}
100% {
opacity:1;
-webkit-transform:translateX(0%)
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-100%)
}
100% {
opacity:1;
-moz-transform:translateX(0%)
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-100%)
}
100% {
opacity:1;
-o-transform:translateX(0%)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-100%)
}
100% {
opacity:1;
transform:translateX(0%)
}
}
.fadeInLeft {
	-webkit-animation-name:fadeInLeft;
	-moz-animation-name:fadeInLeft;
	-o-animation-name:fadeInLeft;
	animation-name:fadeInLeft
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(100%)
}
100% {
opacity:1;
-webkit-transform:translateX(0%)
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(100%)
}
100% {
opacity:1;
-moz-transform:translateX(0%)
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(100%)
}
100% {
opacity:1;
-o-transform:translateX(0%)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(100%)
}
100% {
opacity:1;
transform:translateX(0%)
}
}
.fadeInRight {
	-webkit-animation-name:fadeInRight;
	-moz-animation-name:fadeInRight;
	-o-animation-name:fadeInRight;
	animation-name:fadeInRight
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(100%)
}
100% {
opacity:1;
-webkit-transform:translateY(0%)
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(100%)
}
100% {
opacity:1;
-moz-transform:translateY(0%)
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(100%)
}
100% {
opacity:1;
-o-transform:translateY(0%)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(100%)
}
100% {
opacity:1;
transform:translateY(0%)
}
}
.fadeInUp {
	-webkit-animation-name:fadeInUp;
	-moz-animation-name:fadeInUp;
	-o-animation-name:fadeInUp;
	animation-name:fadeInUp
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-100%)
}
100% {
opacity:1;
-webkit-transform:translateY(0%)
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translateY(-100%)
}
100% {
opacity:1;
-moz-transform:translateY(0%)
}
}
@-o-keyframes fadeInDown {
0% {
opacity:0;
-o-transform:translateY(-100%)
}
100% {
opacity:1;
-o-transform:translateY(0%)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-100%)
}
100% {
opacity:1;
transform:translateY(0%)
}
}
.fadeInDown {
	-webkit-animation-name:fadeInDown;
	-moz-animation-name:fadeInDown;
	-o-animation-name:fadeInDown;
	animation-name:fadeInDown
}
@-webkit-keyframes rotateIn {
0% {
opacity:0;
-webkit-transform:rotate(360deg) scale(.1)
}
100% {
opacity:1;
-webkit-transform:rotate(0deg) scale(1)
}
}
@-moz-keyframes rotateIn {
0% {
opacity:0;
-moz-transform:rotate(360deg) scale(.1)
}
100% {
opacity:1;
-moz-transform:rotate(0deg) scale(1)
}
}
@-o-keyframes rotateIn {
0% {
opacity:0;
-o-transform:rotate(360deg) scale(.1)
}
100% {
opacity:1;
-o-transform:rotate(0deg) scale(1)
}
}
@keyframes rotateIn {
0% {
opacity:0;
transform:rotate(360deg) scale(.1)
}
100% {
opacity:1;
transform:rotate(0deg) scale(1)
}
}
.rotateIn {
	-webkit-animation-name:rotateIn;
	-moz-animation-name:rotateIn;
	-o-animation-name:rotateIn;
	animation-name:rotateIn
}
@-webkit-keyframes rotateInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rotateInLeft {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
@-o-keyframes rotateInLeft {
0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg)
}
}
@keyframes rotateInLeft {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg)
}
}
.rotateInLeft {
	-webkit-animation-name:rotateInLeft;
	-moz-animation-name:rotateInLeft;
	-o-animation-name:rotateInLeft;
	animation-name:rotateInLeft
}
@-webkit-keyframes rotateInRight {
0% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg)
}
}
@-moz-keyframes rotateInRight {
0% {
opacity:0;
-moz-transform:translateX(100%) rotate(120deg)
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg)
}
}
@-o-keyframes rotateInRight {
0% {
opacity:0;
-o-transform:translateX(100%) rotate(120deg)
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg)
}
}
@keyframes rotateInRight {
0% {
opacity:0;
transform:translateX(100%) rotate(120deg)
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg)
}
}
.rotateInRight {
	-webkit-animation-name:rotateInRight;
	-moz-animation-name:rotateInRight;
	-o-animation-name:rotateInRight;
	animation-name:rotateInRight
}
@-webkit-keyframes rotateInUp {
0% {
opacity:0;
-webkit-transform:translateY(100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateY(0px) rotate(0deg)
}
}
@-moz-keyframes rotateInUp {
0% {
opacity:0;
-moz-transform:translateY(100%) rotate(-120deg)
}
100% {
opacity:1;
-moz-transform:translateY(0px) rotate(0deg)
}
}
@-o-keyframes rotateInUp {
0% {
opacity:0;
-o-transform:translateY(100%) rotate(-120deg)
}
100% {
opacity:1;
-o-transform:translateY(0px) rotate(0deg)
}
}
@keyframes rotateInUp {
0% {
opacity:0;
transform:translateY(100%) rotate(-120deg)
}
100% {
opacity:1;
transform:translateY(0px) rotate(0deg)
}
}
.rotateInUp {
	-webkit-animation-name:rotateInUp;
	-moz-animation-name:rotateInUp;
	-o-animation-name:rotateInUp;
	animation-name:rotateInUp
}
@-webkit-keyframes rotateInDown {
0% {
opacity:0;
-webkit-transform:translateY(-100%) rotate(120deg)
}
100% {
opacity:1;
-webkit-transform:translateY(0px) rotate(0deg)
}
}
@-moz-keyframes rotateInDown {
0% {
opacity:0;
-moz-transform:translateY(-100%) rotate(120deg)
}
100% {
opacity:1;
-moz-transform:translateY(0px) rotate(0deg)
}
}
@-o-keyframes rotateInDown {
0% {
opacity:0;
-o-transform:translateY(-100%) rotate(120deg)
}
100% {
opacity:1;
-o-transform:translateY(0px) rotate(0deg)
}
}
@keyframes rotateInDown {
0% {
opacity:0;
transform:translateY(-100%) rotate(120deg)
}
100% {
opacity:1;
transform:translateY(0px) rotate(0deg)
}
}
.rotateInDown {
	-webkit-animation-name:rotateInDown;
	-moz-animation-name:rotateInDown;
	-o-animation-name:rotateInDown;
	animation-name:rotateInDown
}
@-webkit-keyframes jellyInDown {
0% {
-webkit-transform:translateY(-1000px);
opacity:0
}
40% {
-webkit-transform:translateY(0px);
opacity:1
}
50% {
-webkit-transform:scale(1.1, .9)
}
60% {
-webkit-transform:scale(.95, 1.05)
}
70% {
-webkit-transform:scale(1.05, .95)
}
80% {
-webkit-transform:scale(.98, 1.02)
}
90% {
-webkit-transform:scale(1.02, .98)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes jellyInDown {
0% {
-moz-transform:translateY(-1000px);
opacity:0
}
40% {
-moz-transform:translateY(0px);
opacity:1
}
50% {
-moz-transform:scale(1.1, .9)
}
60% {
-moz-transform:scale(.95, 1.05)
}
70% {
-moz-transform:scale(1.05, .95)
}
80% {
-moz-transform:scale(.98, 1.02)
}
90% {
-moz-transform:scale(1.02, .98)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes jellyInDown {
0% {
-o-transform:translateY(-1000px);
opacity:0
}
40% {
-o-transform:translateY(0px);
opacity:1
}
50% {
-o-transform:scale(1.1, .9)
}
60% {
-o-transform:scale(.95, 1.05)
}
70% {
-o-transform:scale(1.05, .95)
}
80% {
-o-transform:scale(.98, 1.02)
}
90% {
-o-transform:scale(1.02, .98)
}
100% {
-o-transform:scale(1)
}
}
@keyframes jellyInDown {
0% {
transform:translateY(-1000px);
opacity:0
}
40% {
transform:translateY(0px);
opacity:1
}
50% {
transform:scale(1.1, .9)
}
60% {
transform:scale(.95, 1.05)
}
70% {
transform:scale(1.05, .95)
}
80% {
transform:scale(.98, 1.02)
}
90% {
transform:scale(1.02, .98)
}
100% {
transform:scale(1)
}
}
.jellyInDown {
	-webkit-animation-name:jellyInDown;
	-webkit-transform-origin:50% 100%;
	-moz-animation-name:jellyInDown;
	-moz-transform-origin:50% 100%;
	-o-animation-name:jellyInDown;
	-o-transform-origin:50% 100%;
	animation-name:jellyInDown;
	transform-origin:50% 100%
}
@-webkit-keyframes jellyInUp {
0% {
-webkit-transform:translateY(1000px);
opacity:0
}
40% {
-webkit-transform:translateY(0px);
opacity:1
}
50% {
-webkit-transform:scale(1.1, .9)
}
60% {
-webkit-transform:scale(.95, 1.05)
}
70% {
-webkit-transform:scale(1.05, .95)
}
80% {
-webkit-transform:scale(.98, 1.02)
}
90% {
-webkit-transform:scale(1.02, .98)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes jellyInUp {
0% {
-moz-transform:translateY(1000px);
opacity:0
}
40% {
-moz-transform:translateY(0px);
opacity:1
}
50% {
-moz-transform:scale(1.1, .9)
}
60% {
-moz-transform:scale(.95, 1.05)
}
70% {
-moz-transform:scale(1.05, .95)
}
80% {
-moz-transform:scale(.98, 1.02)
}
90% {
-moz-transform:scale(1.02, .98)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes jellyInUp {
0% {
-o-transform:translateY(1000px);
opacity:0
}
40% {
-o-transform:translateY(0px);
opacity:1
}
50% {
-o-transform:scale(1.1, .9)
}
60% {
-o-transform:scale(.95, 1.05)
}
70% {
-o-transform:scale(1.05, .95)
}
80% {
-o-transform:scale(.98, 1.02)
}
90% {
-o-transform:scale(1.02, .98)
}
100% {
-o-transform:scale(1)
}
}
@keyframes jellyInUp {
0% {
transform:translateY(1000px);
opacity:0
}
40% {
transform:translateY(0px);
opacity:1
}
50% {
transform:scale(1.1, .9)
}
60% {
transform:scale(.95, 1.05)
}
70% {
transform:scale(1.05, .95)
}
80% {
transform:scale(.98, 1.02)
}
90% {
transform:scale(1.02, .98)
}
100% {
transform:scale(1)
}
}
.jellyInUp {
	-webkit-animation-name:jellyInUp;
	-webkit-transform-origin:50% 0%;
	-moz-animation-name:jellyInUp;
	-moz-transform-origin:50% 0%;
	-o-animation-name:jellyInUp;
	-o-transform-origin:50% 0%;
	animation-name:jellyInUp;
	transform-origin:50% 0%
}
@-webkit-keyframes jellyInLeft {
0% {
-webkit-transform:translateX(-1000px);
opacity:0
}
40% {
-webkit-transform:translateX(0px);
opacity:1
}
50% {
-webkit-transform:scale(.9, 1.1)
}
60% {
-webkit-transform:scale(1.05, .95)
}
70% {
-webkit-transform:scale(.95, 1.05)
}
80% {
-webkit-transform:scale(1.02, .98)
}
90% {
-webkit-transform:scale(.98, 1.02)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes jellyInLeft {
0% {
-moz-transform:translateX(-1000px);
opacity:0
}
40% {
-moz-transform:translateX(0px);
opacity:1
}
50% {
-moz-transform:scale(.9, 1.1)
}
60% {
-moz-transform:scale(1.05, .95)
}
70% {
-moz-transform:scale(.95, 1.05)
}
80% {
-moz-transform:scale(1.02, .98)
}
90% {
-moz-transform:scale(.98, 1.02)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes jellyInLeft {
0% {
-o-transform:translateX(-1000px);
opacity:0
}
40% {
-o-transform:translateX(0px);
opacity:1
}
50% {
-o-transform:scale(.9, 1.1)
}
60% {
-o-transform:scale(1.05, .95)
}
70% {
-o-transform:scale(.95, 1.05)
}
80% {
-o-transform:scale(1.02, .98)
}
90% {
-o-transform:scale(.98, 1.02)
}
100% {
-o-transform:scale(1)
}
}
@keyframes jellyInLeft {
0% {
transform:translateX(-1000px);
opacity:0
}
40% {
transform:translateX(0px);
opacity:1
}
50% {
transform:scale(.9, 1.1)
}
60% {
transform:scale(1.05, .95)
}
70% {
transform:scale(.95, 1.05)
}
80% {
transform:scale(1.02, .98)
}
90% {
transform:scale(.98, 1.02)
}
100% {
transform:scale(1)
}
}
.jellyInLeft {
	-webkit-animation-name:jellyInLeft;
	-webkit-transform-origin:100% 50%;
	-moz-animation-name:jellyInLeft;
	-moz-transform-origin:100% 50%;
	-o-animation-name:jellyInLeft;
	-o-transform-origin:100% 50%;
	animation-name:jellyInLeft;
	transform-origin:100% 50%
}
@-webkit-keyframes jellyInRight {
0% {
-webkit-transform:translateX(1000px);
opacity:0
}
40% {
-webkit-transform:translateX(0px);
opacity:1
}
50% {
-webkit-transform:scale(.9, 1.1)
}
60% {
-webkit-transform:scale(1.05, .95)
}
70% {
-webkit-transform:scale(.95, 1.05)
}
80% {
-webkit-transform:scale(1.02, .98)
}
90% {
-webkit-transform:scale(.98, 1.02)
}
100% {
-webkit-transform:scale(1)
}
}
@-moz-keyframes jellyInRight {
0% {
-moz-transform:translateX(1000px);
opacity:0
}
40% {
-moz-transform:translateX(0px);
opacity:1
}
50% {
-moz-transform:scale(.9, 1.1)
}
60% {
-moz-transform:scale(1.05, .95)
}
70% {
-moz-transform:scale(.95, 1.05)
}
80% {
-moz-transform:scale(1.02, .98)
}
90% {
-moz-transform:scale(.98, 1.02)
}
100% {
-moz-transform:scale(1)
}
}
@-o-keyframes jellyInRight {
0% {
-o-transform:translateX(1000px);
opacity:0
}
40% {
-o-transform:translateX(0px);
opacity:1
}
50% {
-o-transform:scale(.9, 1.1)
}
60% {
-o-transform:scale(1.05, .95)
}
70% {
-o-transform:scale(.95, 1.05)
}
80% {
-o-transform:scale(1.02, .98)
}
90% {
-o-transform:scale(.98, 1.02)
}
100% {
-o-transform:scale(1)
}
}
@keyframes jellyInRight {
0% {
transform:translateX(1000px);
opacity:0
}
40% {
transform:translateX(0px);
opacity:1
}
50% {
transform:scale(.9, 1.1)
}
60% {
transform:scale(1.05, .95)
}
70% {
transform:scale(.95, 1.05)
}
80% {
transform:scale(1.02, .98)
}
90% {
transform:scale(.98, 1.02)
}
100% {
transform:scale(1)
}
}
.jellyInRight {
	-webkit-animation-name:jellyInRight;
	-webkit-transform-origin:0% 50%;
	-moz-animation-name:jellyInRight;
	-moz-transform-origin:0% 50%;
	-o-animation-name:jellyInRight;
	-o-transform-origin:0% 50%;
	animation-name:jellyInRight;
	transform-origin:0% 50%
}
@-webkit-keyframes bounceInLeft {
0% {
-webkit-transform:translateX(-500px)
}
100% {
-webkit-transform:translateX(0px)
}
}
@-moz-keyframes bounceInLeft {
0% {
-moz-transform:translateX(-1000px)
}

100% {
-moz-transform:translateX(0px)
}
}
@-o-keyframes bounceInLeft {
0% {
-o-transform:translateX(-1000px)
}

100% {
-o-transform:translateX(0px)
}
}
@keyframes bounceInLeft {
0% {
transform:translateX(-1000px)
}

100% {
transform:translateX(0px)
}
}
.bounceInLeft {
	-webkit-animation-name:bounceInLeft;
	-moz-animation-name:bounceInLeft;
	-o-animation-name:bounceInLeft;
	animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
-webkit-transform:translateX(1000px)
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateX(0px)
}
52% {
-webkit-transform:translateX(24px);
-webkit-animation-timing-function:ease-in
}
70% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out
}
79% {
-webkit-transform:translateX(8px);
-webkit-animation-timing-function:ease-in
}
88% {
-webkit-transform:translateX(0px);
-webkit-animation-timing-function:ease-out
}
94% {
-webkit-transform:translateX(3px);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:translateX(0px)
}
}
@-moz-keyframes bounceInRight {
0% {
-moz-transform:translateX(1000px)
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateX(0px)
}
52% {
-moz-transform:translateX(24px);
-moz-animation-timing-function:ease-in
}
70% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out
}
79% {
-moz-transform:translateX(8px);
-moz-animation-timing-function:ease-in
}
88% {
-moz-transform:translateX(0px);
-moz-animation-timing-function:ease-out
}
94% {
-moz-transform:translateX(3px);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:translateX(0px)
}
}
@-o-keyframes bounceInRight {
0% {
-o-transform:translateX(1000px)
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateX(0px)
}
52% {
-o-transform:translateX(24px);
-o-animation-timing-function:ease-in
}
70% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out
}
79% {
-o-transform:translateX(8px);
-o-animation-timing-function:ease-in
}
88% {
-o-transform:translateX(0px);
-o-animation-timing-function:ease-out
}
94% {
-o-transform:translateX(3px);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:translateX(0px)
}
}
@keyframes bounceInRight {
0% {
transform:translateX(1000px)
}
34% {
animation-timing-function:ease-out;
transform:translateX(0px)
}
52% {
transform:translateX(24px);
animation-timing-function:ease-in
}
70% {
transform:translateX(0px);
animation-timing-function:ease-out
}
79% {
transform:translateX(8px);
animation-timing-function:ease-in
}
88% {
transform:translateX(0px);
animation-timing-function:ease-out
}
94% {
transform:translateX(3px);
animation-timing-function:ease-in
}
100% {
transform:translateX(0px)
}
}
.bounceInRight {
	-webkit-animation-name:bounceInRight;
	-moz-animation-name:bounceInRight;
	-o-animation-name:bounceInRight;
	animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
-webkit-transform:translateY(1000px)
}

100% {
-webkit-transform:translateY(0px)
}
}
@-moz-keyframes bounceInUp {
0% {
-moz-transform:translateY(1000px)
}

100% {
-moz-transform:translateY(0px)
}
}
@-o-keyframes bounceInUp {
0% {
-o-transform:translateY(1000px)
}

100% {
-o-transform:translateY(0px)
}
}
@keyframes bounceInUp {
0% {
transform:translateY(1000px)
}

100% {
transform:translateY(0px)
}
}
.bounceInUp {
	-webkit-animation-name:bounceInUp;
	-moz-animation-name:bounceInUp;
	-o-animation-name:bounceInUp;
	animation-name:bounceInUp
}
@-webkit-keyframes bounceInDown {
0% {
-webkit-transform:translateY(-1000px)
}
34% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(0px)
}
52% {
-webkit-transform:translateY(-24px);
-webkit-animation-timing-function:ease-in
}
70% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out
}
79% {
-webkit-transform:translateY(-8px);
-webkit-animation-timing-function:ease-in
}
88% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out
}
94% {
-webkit-transform:translateY(-3px);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:translateY(0px)
}
}
@-moz-keyframes bounceInDown {
0% {
-moz-transform:translateY(-1000px)
}
34% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateY(0px)
}
52% {
-moz-transform:translateY(-24px);
-moz-animation-timing-function:ease-in
}
70% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out
}
79% {
-moz-transform:translateY(-8px);
-moz-animation-timing-function:ease-in
}
88% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out
}
94% {
-moz-transform:translateY(-3px);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:translateY(0px)
}
}
@-o-keyframes bounceInDown {
0% {
-o-transform:translateY(-1000px)
}
34% {
-o-animation-timing-function:ease-out;
-o-transform:translateY(0px)
}
52% {
-o-transform:translateY(-24px);
-o-animation-timing-function:ease-in
}
70% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out
}
79% {
-o-transform:translateY(-8px);
-o-animation-timing-function:ease-in
}
88% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out
}
94% {
-o-transform:translateY(-3px);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:translateY(0px)
}
}
@keyframes bounceInDown {
0% {
transform:translateY(-1000px)
}
34% {
animation-timing-function:ease-out;
transform:translateY(0px)
}
52% {
transform:translateY(-24px);
animation-timing-function:ease-in
}
70% {
transform:translateY(0px);
animation-timing-function:ease-out
}
79% {
transform:translateY(-8px);
animation-timing-function:ease-in
}
88% {
transform:translateY(0px);
animation-timing-function:ease-out
}
94% {
transform:translateY(-3px);
animation-timing-function:ease-in
}
100% {
transform:translateY(0px)
}
}
.bounceInDown {
	-webkit-animation-name:bounceInDown;
	-moz-animation-name:bounceInDown;
	-o-animation-name:bounceInDown;
	animation-name:bounceInDown
}
@-webkit-keyframes bounce {
0% {
-webkit-animation-timing-function:ease-out;
-webkit-transform:translateY(0px)
}
37% {
-webkit-transform:translateY(-24px);
-webkit-animation-timing-function:ease-in
}
54% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out
}
68% {
-webkit-transform:translateY(-8px);
-webkit-animation-timing-function:ease-in
}
82% {
-webkit-transform:translateY(0px);
-webkit-animation-timing-function:ease-out
}
91% {
-webkit-transform:translateY(-3px);
-webkit-animation-timing-function:ease-in
}
100% {
-webkit-transform:translateY(0px)
}
}
@-moz-keyframes bounce {
0% {
-moz-animation-timing-function:ease-out;
-moz-transform:translateY(0px)
}
37% {
-moz-transform:translateY(-24px);
-moz-animation-timing-function:ease-in
}
54% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out
}
68% {
-moz-transform:translateY(-8px);
-moz-animation-timing-function:ease-in
}
82% {
-moz-transform:translateY(0px);
-moz-animation-timing-function:ease-out
}
91% {
-moz-transform:translateY(-3px);
-moz-animation-timing-function:ease-in
}
100% {
-moz-transform:translateY(0px)
}
}
@-o-keyframes bounce {
0% {
-o-animation-timing-function:ease-out;
-o-transform:translateY(0px)
}
37% {
-o-transform:translateY(-24px);
-o-animation-timing-function:ease-in
}
54% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out
}
68% {
-o-transform:translateY(-8px);
-o-animation-timing-function:ease-in
}
82% {
-o-transform:translateY(0px);
-o-animation-timing-function:ease-out
}
91% {
-o-transform:translateY(-3px);
-o-animation-timing-function:ease-in
}
100% {
-o-transform:translateY(0px)
}
}
@keyframes bounce {
0% {
animation-timing-function:ease-out;
transform:translateY(0px)
}
37% {
transform:translateY(-24px);
animation-timing-function:ease-in
}
54% {
transform:translateY(0px);
animation-timing-function:ease-out
}
68% {
transform:translateY(-8px);
animation-timing-function:ease-in
}
82% {
transform:translateY(0px);
animation-timing-function:ease-out
}
91% {
transform:translateY(-3px);
animation-timing-function:ease-in
}
100% {
transform:translateY(0px)
}
}
.bounce {
	-webkit-animation-name:bounce;
	-moz-animation-name:bounce;
	-o-animation-name:bounce;
	animation-name:bounce
}
@-webkit-keyframes elasticInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-1000px);
-webkit-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:translateX(-10px);
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes elasticInLeft {
0% {
opacity:0;
-moz-transform:translateX(-1000px);
-moz-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-moz-transform:translateX(30px);
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:translateX(-10px);
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes elasticInLeft {
0% {
opacity:0;
-o-transform:translateX(-1000px);
-o-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-o-transform:translateX(30px);
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:translateX(-10px);
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateX(0)
}
}
@keyframes elasticInLeft {
0% {
opacity:0;
transform:translateX(-1000px);
animation-timing-function:ease-in-out
}
60% {
opacity:1;
transform:translateX(30px);
animation-timing-function:ease-in-out
}
80% {
transform:translateX(-10px);
animation-timing-function:ease-in-out
}
100% {
transform:translateX(0)
}
}
.elasticInLeft {
	-webkit-animation-name:elasticInLeft;
	-moz-animation-name:elasticInLeft;
	-o-animation-name:elasticInLeft;
	animation-name:elasticInLeft
}
@-webkit-keyframes elasticInRight {
0% {
opacity:0;
-webkit-transform:translateX(1000px);
-webkit-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:translateX(10px);
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateX(0)
}
}
@-moz-keyframes elasticInRight {
0% {
opacity:0;
-moz-transform:translateX(1000px);
-moz-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-moz-transform:translateX(-30px);
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:translateX(10px);
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateX(0)
}
}
@-o-keyframes elasticInRight {
0% {
opacity:0;
-o-transform:translateX(1000px);
-o-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-o-transform:translateX(-30px);
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:translateX(10px);
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateX(0)
}
}
@keyframes elasticInRight {
0% {
opacity:0;
transform:translateX(1000px);
animation-timing-function:ease-in-out
}
60% {
opacity:1;
transform:translateX(-30px);
animation-timing-function:ease-in-out
}
80% {
transform:translateX(10px);
animation-timing-function:ease-in-out
}
100% {
transform:translateX(0)
}
}
.elasticInRight {
	-webkit-animation-name:elasticInRight;
	-moz-animation-name:elasticInRight;
	-o-animation-name:elasticInRight;
	animation-name:elasticInRight
}
@-webkit-keyframes elasticInUp {
0% {
opacity:0;
-webkit-transform:translateY(1000px);
-webkit-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:translateY(10px);
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes elasticInUp {
0% {
opacity:0;
-moz-transform:translateY(1000px);
-moz-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-moz-transform:translateY(-30px);
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:translateY(10px);
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes elasticInUp {
0% {
opacity:0;
-o-transform:translateY(1000px);
-o-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-o-transform:translateY(-30px);
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:translateY(10px);
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateY(0)
}
}
@keyframes elasticInUp {
0% {
opacity:0;
transform:translateY(1000px);
animation-timing-function:ease-in-out
}
60% {
opacity:1;
transform:translateY(-30px);
animation-timing-function:ease-in-out
}
80% {
transform:translateY(10px);
animation-timing-function:ease-in-out
}
100% {
transform:translateY(0)
}
}
.elasticInUp {
	-webkit-animation-name:elasticInUp;
	-moz-animation-name:elasticInUp;
	-o-animation-name:elasticInUp;
	animation-name:elasticInUp
}
@-webkit-keyframes elasticInDown {
0% {
opacity:0;
-webkit-transform:translateY(-1000px);
-webkit-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-webkit-animation-timing-function:ease-in-out
}
80% {
-webkit-transform:translateY(-10px);
-webkit-animation-timing-function:ease-in-out
}
100% {
-webkit-transform:translateY(0)
}
}
@-moz-keyframes elasticInDown {
0% {
opacity:0;
-moz-transform:translateY(-1000px);
-moz-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-moz-transform:translateY(30px);
-moz-animation-timing-function:ease-in-out
}
80% {
-moz-transform:translateY(-10px);
-moz-animation-timing-function:ease-in-out
}
100% {
-moz-transform:translateY(0)
}
}
@-o-keyframes elasticInDown {
0% {
opacity:0;
-o-transform:translateY(-1000px);
-o-animation-timing-function:ease-in-out
}
60% {
opacity:1;
-o-transform:translateY(30px);
-o-animation-timing-function:ease-in-out
}
80% {
-o-transform:translateY(-10px);
-o-animation-timing-function:ease-in-out
}
100% {
-o-transform:translateY(0)
}
}
@keyframes elasticInDown {
0% {
opacity:0;
transform:translateY(-1000px);
animation-timing-function:ease-in-out
}
60% {
opacity:1;
transform:translateY(30px);
animation-timing-function:ease-in-out
}
80% {
transform:translateY(-10px);
animation-timing-function:ease-in-out
}
100% {
transform:translateY(0)
}
}
.elasticInDown {
	-webkit-animation-name:elasticInDown;
	-moz-animation-name:elasticInDown;
	-o-animation-name:elasticInDown;
	animation-name:elasticInDown
}
@-webkit-keyframes shake {
10% {
-webkit-transform:translateX(7px)
}
30% {
-webkit-transform:translateX(-7px)
}
50% {
-webkit-transform:translateX(5px)
}
70% {
-webkit-transform:translateX(-5px)
}
90% {
-webkit-transform:translateX(3px)
}
100% {
-webkit-transform:translateX(0px)
}
}
@-moz-keyframes shake {
10% {
-moz-transform:translateX(7px)
}
30% {
-moz-transform:translateX(-7px)
}
50% {
-moz-transform:translateX(5px)
}
70% {
-moz-transform:translateX(-5px)
}
90% {
-moz-transform:translateX(3px)
}
100% {
-moz-transform:translateX(0px)
}
}
@-o-keyframes shake {
10% {
-o-transform:translateX(7px)
}
30% {
-o-transform:translateX(-7px)
}
50% {
-o-transform:translateX(5px)
}
70% {
-o-transform:translateX(-5px)
}
90% {
-o-transform:translateX(3px)
}
100% {
-o-transform:translateX(0px)
}
}
@keyframes shake {
10% {
transform:translateX(7px)
}
30% {
transform:translateX(-7px)
}
50% {
transform:translateX(5px)
}
70% {
transform:translateX(-5px)
}
90% {
transform:translateX(3px)
}
100% {
transform:translateX(0px)
}
}
.shake {
	-webkit-animation-name:shake;
	-moz-animation-name:shake;
	-o-animation-name:shake;
	animation-name:shake
}
@-webkit-keyframes pendulum {
10% {
-webkit-transform:rotate(15deg)
}
30% {
-webkit-transform:rotate(-10deg)
}
50% {
-webkit-transform:rotate(5deg)
}
70% {
-webkit-transform:rotate(-5deg)
}
90% {
-webkit-transform:rotate(2deg)
}
100% {
-webkit-transform:rotate(0deg)
}
}
@-moz-keyframes pendulum {
10% {
-moz-transform:rotate(15deg)
}
30% {
-moz-transform:rotate(-10deg)
}
50% {
-moz-transform:rotate(5deg)
}
70% {
-moz-transform:rotate(-5deg)
}
90% {
-moz-transform:rotate(2deg)
}
100% {
-moz-transform:rotate(0deg)
}
}
@-o-keyframes pendulum {
10% {
-o-transform:rotate(15deg)
}
30% {
-o-transform:rotate(-10deg)
}
50% {
-o-transform:rotate(5deg)
}
70% {
-o-transform:rotate(-5deg)
}
90% {
-o-transform:rotate(2deg)
}
100% {
-o-transform:rotate(0deg)
}
}
@keyframes pendulum {
10% {
transform:rotate(15deg)
}
30% {
transform:rotate(-10deg)
}
50% {
transform:rotate(5deg)
}
70% {
transform:rotate(-5deg)
}
90% {
transform:rotate(2deg)
}
100% {
transform:rotate(0deg)
}
}
.pendulum {
	-webkit-animation-name:pendulum;
	-moz-animation-name:pendulum;
	-o-animation-name:pendulum;
	animation-name:pendulum
}









@-webkit-keyframes zoomOut {
0% {
opacity:0;
-webkit-transform:scale(1)
}
100% {
-webkit-transform:scale(0)
}
}
@-moz-keyframes zoomOut {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
-webkit-transform:scale(1)
}
}
@-o-keyframes zoomOut {
0% {
opacity:0;
-webkit-transform:scale(.3)
}
100% {
-webkit-transform:scale(1)
}
}
.zoomOut {
	-webkit-animation-name:zoomOut;
	-moz-animation-name:zoomOut;
	-o-animation-name:zoomOut;
	animation-name:zoomOut;

}


.xz360{
-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; 

-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); 
}
.askdla{}