/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
@-webkit-keyframes a { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes a { 0%, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(.215, .61, .355, 1);
animation-timing-function:cubic-bezier(.215, .61, .355, 1);
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(.755, .05, .855, .06);
animation-timing-function:cubic-bezier(.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: a;
	animation-name: a;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes b { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes b { 0%, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: b;
	animation-name: b
}
@-webkit-keyframes c { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes c { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.pulse {
	-webkit-animation-name: c;
	animation-name: c
}
@-webkit-keyframes d { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes d { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(.75, 1.25, 1);
transform:scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.rubberBand {
	-webkit-animation-name: d;
	animation-name: d
}
@-webkit-keyframes e { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes e { 0%, to {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: e;
	animation-name: e
}
@-webkit-keyframes f { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes f { 0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: f;
	animation-name: f
}
@-webkit-keyframes g { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
@keyframes g { 20% {
-webkit-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
transform:rotate(-5deg)
}
to {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: g;
	animation-name: g
}
@-webkit-keyframes h { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
@keyframes h { 0% {
-webkit-transform:scaleX(1);
transform:scaleX(1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate(-3deg);
transform:scale3d(.9, .9, .9) rotate(-3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1)
}
}
.tada {
	-webkit-animation-name: h;
	animation-name: h
}
@-webkit-keyframes i { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes i { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate(-5deg);
transform:translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate(3deg);
transform:translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate(-3deg);
transform:translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate(2deg);
transform:translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate(-1deg);
transform:translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.wobble {
	-webkit-animation-name: i;
	animation-name: i
}
@-webkit-keyframes j { 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)
}
}
@keyframes j { 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)
}
}
.jello {
	-webkit-animation-name: j;
	animation-name: j;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes k { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes k { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
14% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
28% {
-webkit-transform:scale(1);
transform:scale(1)
}
42% {
-webkit-transform:scale(1.3);
transform:scale(1.3)
}
70% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
.heartBeat {
	-webkit-animation-name: k;
	animation-name: k;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}
@-webkit-keyframes l { 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 l { 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)
}
}
.bounceIn {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: l;
	animation-name: l
}
@-webkit-keyframes m { 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)
}
}
@keyframes m { 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)
}
}
.bounceInDown {
	-webkit-animation-name: m;
	animation-name: m
}
@-webkit-keyframes n { 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(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes n { 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(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInLeft {
	-webkit-animation-name: n;
	animation-name: n
}
@-webkit-keyframes o { 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(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes o { 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(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.bounceInRight {
	-webkit-animation-name: o;
	animation-name: o
}
@-webkit-keyframes p { 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, -20px, 0);
transform:translate3d(0, -20px, 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)
}
}
@keyframes p { 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, -20px, 0);
transform:translate3d(0, -20px, 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)
}
}
.bounceInUp {
	-webkit-animation-name: p;
	animation-name: p
}
@-webkit-keyframes q { 20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
@keyframes q { 20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.3, .3, .3);
	transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: q;
	animation-name: q
}
@-webkit-keyframes r { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes r { 20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	-webkit-animation-name: r;
	animation-name: r
}
@-webkit-keyframes s { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes s { 20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	-webkit-animation-name: s;
	animation-name: s
}
@-webkit-keyframes t { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes t { 20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	-webkit-animation-name: t;
	animation-name: t
}
@-webkit-keyframes u { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes u { 20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: u;
	animation-name: u
}
@-webkit-keyframes v { 0% {
opacity:0
}
to { opacity: 1 }
}
@keyframes v { 0% {
opacity:0
}
to { opacity: 1 }
}
.fadeIn {
	-webkit-animation-name: v;
	animation-name: v
}
@-webkit-keyframes w { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes w { 0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDown {
	-webkit-animation-name: w;
	animation-name: w
}
@-webkit-keyframes x { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes x { 0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInDownBig {
	-webkit-animation-name: x;
	animation-name: x
}
@-webkit-keyframes y { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes y { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeft {
	-webkit-animation-name: y;
	animation-name: y
}
@-webkit-keyframes z { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes z { 0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInLeftBig {
	-webkit-animation-name: z;
	animation-name: z
}
@-webkit-keyframes A { 0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes A { 0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRight {
	-webkit-animation-name: A;
	animation-name: A
}
@-webkit-keyframes B { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes B { 0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInRightBig {
	-webkit-animation-name: B;
	animation-name: B
}
@-webkit-keyframes C { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes C { 0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUp {
	-webkit-animation-name: C;
	animation-name: C
}
@-webkit-keyframes D { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes D { 0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.fadeInUpBig {
	-webkit-animation-name: D;
	animation-name: D
}
@-webkit-keyframes E { 0% {
opacity:1
}
to { opacity: 0 }
}
@keyframes E { 0% {
opacity:1
}
to { opacity: 0 }
}
.fadeOut {
	-webkit-animation-name: E;
	animation-name: E
}
@-webkit-keyframes F { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes F { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: F;
	animation-name: F
}
@-webkit-keyframes G { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes G { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: G;
	animation-name: G
}
@-webkit-keyframes H { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes H { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: H;
	animation-name: H
}
@-webkit-keyframes I { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes I { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: I;
	animation-name: I
}
@-webkit-keyframes J { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes J { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: J;
	animation-name: J
}
@-webkit-keyframes K { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes K { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: K;
	animation-name: K
}
@-webkit-keyframes L { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes L { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: L;
	animation-name: L
}
@-webkit-keyframes M { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes M { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: M;
	animation-name: M
}
@-webkit-keyframes N { 0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes N { 0% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
transform:perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: N;
	animation-name: N
}
@-webkit-keyframes O { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
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)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes O { 0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
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)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: O;
	animation-name: O
}
@-webkit-keyframes P { 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
}
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)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes P { 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
}
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)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: P;
	animation-name: P
}
@-webkit-keyframes Q { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
@keyframes Q { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateX(-20deg);
transform:perspective(400px) rotateX(-20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateX(90deg);
	transform: perspective(400px) rotateX(90deg);
	opacity: 0
}
}
.flipOutX {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-animation-name: Q;
	animation-name: Q;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes R { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
@keyframes R { 0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotateY(-15deg);
transform:perspective(400px) rotateY(-15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotateY(90deg);
	transform: perspective(400px) rotateY(90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: R;
	animation-name: R
}
@-webkit-keyframes S { 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)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes S { 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)
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.lightSpeedIn {
	-webkit-animation-name: S;
	animation-name: S;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes T { 0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes T { 0% {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	-webkit-animation-name: T;
	animation-name: T;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes U { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes U { 0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateIn {
	-webkit-animation-name: U;
	animation-name: U
}
@-webkit-keyframes V { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes V { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownLeft {
	-webkit-animation-name: V;
	animation-name: V
}
@-webkit-keyframes W { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes W { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInDownRight {
	-webkit-animation-name: W;
	animation-name: W
}
@-webkit-keyframes X { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes X { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(45deg);
transform:rotate(45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpLeft {
	-webkit-animation-name: X;
	animation-name: X
}
@-webkit-keyframes Y { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
@keyframes Y { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
}
.rotateInUpRight {
	-webkit-animation-name: Y;
	animation-name: Y
}
@-webkit-keyframes Z { 0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
@keyframes Z { 0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate(200deg);
	transform: rotate(200deg);
	opacity: 0
}
}
.rotateOut {
	-webkit-animation-name: Z;
	animation-name: Z
}
@-webkit-keyframes ab { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
@keyframes ab { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: ab;
	animation-name: ab
}
@-webkit-keyframes bb { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes bb { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	-webkit-animation-name: bb;
	animation-name: bb
}
@-webkit-keyframes cb { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
@keyframes cb { 0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: cb;
	animation-name: cb
}
@-webkit-keyframes db { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
@keyframes db { 0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	-webkit-animation-name: db;
	animation-name: db
}
@-webkit-keyframes eb { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes eb { 0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: eb;
	animation-name: eb
}
@-webkit-keyframes fb { 0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
@keyframes fb { 0% {
opacity:0;
-webkit-transform:scale(.1) rotate(30deg);
transform:scale(.1) rotate(30deg);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
50% {
-webkit-transform:rotate(-10deg);
transform:rotate(-10deg)
}
70% {
-webkit-transform:rotate(3deg);
transform:rotate(3deg)
}
to {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}
}
.jackInTheBox {
	-webkit-animation-name: fb;
	animation-name: fb
}
@-webkit-keyframes gb { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes gb { 0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate(-120deg);
transform:translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.rollIn {
	-webkit-animation-name: gb;
	animation-name: gb
}
@-webkit-keyframes hb { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes hb { 0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
	transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
	-webkit-animation-name: hb;
	animation-name: hb
}
@-webkit-keyframes ib { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes ib { 0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: ib;
	animation-name: ib
}
@-webkit-keyframes jb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes jb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: jb;
	animation-name: jb
}
@-webkit-keyframes kb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes kb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: kb;
	animation-name: kb
}
@-webkit-keyframes lb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes lb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: lb;
	animation-name: lb
}
@-webkit-keyframes mb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes mb { 0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.175, .885, .32, 1);
animation-timing-function:cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: mb;
	animation-name: mb
}
@-webkit-keyframes nb { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to { opacity: 0 }
}
@keyframes nb { 0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
to { opacity: 0 }
}
.zoomOut {
	-webkit-animation-name: nb;
	animation-name: nb
}
@-webkit-keyframes ob { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes ob { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: ob;
	animation-name: ob
}
@-webkit-keyframes pb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
@keyframes pb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
	transform: scale(.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
.zoomOutLeft {
	-webkit-animation-name: pb;
	animation-name: pb
}
@-webkit-keyframes qb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
@keyframes qb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
	transform: scale(.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
.zoomOutRight {
	-webkit-animation-name: qb;
	animation-name: qb
}
@-webkit-keyframes rb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes rb { 40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(.55, .055, .675, .19);
animation-timing-function:cubic-bezier(.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: rb;
	animation-name: rb
}
@-webkit-keyframes sb { 0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes sb { 0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInDown {
	-webkit-animation-name: sb;
	animation-name: sb
}
@-webkit-keyframes tb { 0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes tb { 0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInLeft {
	-webkit-animation-name: tb;
	animation-name: tb
}
@-webkit-keyframes ub { 0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes ub { 0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInRight {
	-webkit-animation-name: ub;
	animation-name: ub
}
@-webkit-keyframes vb { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes vb { 0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
.slideInUp {
	-webkit-animation-name: vb;
	animation-name: vb
}
@-webkit-keyframes wb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes wb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: wb;
	animation-name: wb
}
@-webkit-keyframes xb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes xb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: xb;
	animation-name: xb
}
@-webkit-keyframes yb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes yb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: yb;
	animation-name: yb
}
@-webkit-keyframes zb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes zb { 0% {
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: zb;
	animation-name: zb
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s
}
.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s
}
.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s
}
.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s
}
.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s
}
.animated.fast {
	-webkit-animation-duration: .8s;
	animation-duration: .8s
}
.animated.faster {
	-webkit-animation-duration: .5s;
	animation-duration: .5s
}
.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s
}
@media (prefers-reduced-motion) {
.animated {
	-webkit-animation: unset!important;
	animation: unset!important;
	-webkit-transition: none!important;
	transition: none!important
}
}
@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
body.fancybox-active { overflow: hidden }
body.fancybox-iosfix {
	position: fixed;
	left: 0;
	right: 0
}
.fancybox-is-hidden {
	position: absolute;
	top: -9999px;
	left: -9999px;
	visibility: hidden
}
.fancybox-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 99992;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif
}
.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0
}
.fancybox-outer {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}
.fancybox-bg {
	background: #1e1e1e;
	opacity: 0;
	-webkit-transition-duration: inherit;
	transition-duration: inherit;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
	transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
	opacity: .87;
	-webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
	transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
	position: absolute;
	direction: ltr;
	z-index: 99997;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .25s, visibility 0s linear .25s;
	transition: opacity .25s, visibility 0s linear .25s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .25s, visibility 0s;
	transition: opacity .25s, visibility 0s
}
.fancybox-infobar {
	top: 0;
	left: 0;
	font-size: 13px;
	padding: 0 10px;
	height: 44px;
	min-width: 44px;
	line-height: 44px;
	color: #ccc;
	text-align: center;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-font-smoothing: subpixel-antialiased;
	mix-blend-mode: exclusion
}
.fancybox-toolbar {
	top: 0;
	right: 0;
	margin: 0;
	padding: 0
}
.fancybox-stage {
	overflow: hidden;
	direction: ltr;
	z-index: 99994;
	-webkit-transform: translateZ(0)
}
.fancybox-is-closing .fancybox-stage { overflow: visible }
.fancybox-slide {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow: auto;
	outline: none;
	white-space: normal;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	z-index: 99994;
	-webkit-overflow-scrolling: touch;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition-property: opacity, -webkit-transform;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.fancybox-slide:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous { display: block }
.fancybox-slide--image { overflow: visible }
.fancybox-slide--image:before { display: none }
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe { background: #000 }
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe { background: #e5e3df }
.fancybox-slide--next { z-index: 99995 }
.fancybox-slide>* {
	display: inline-block;
	position: relative;
	padding: 24px;
	margin: 44px 0;
	border-width: 0;
	vertical-align: middle;
	text-align: left;
	background-color: #fff;
	overflow: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.fancybox-slide>base,
.fancybox-slide>link,
.fancybox-slide>meta,
.fancybox-slide>script,
.fancybox-slide>style,
.fancybox-slide>title { display: none }
.fancybox-slide .fancybox-image-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	z-index: 99995;
	background: transparent;
	cursor: default;
	overflow: visible;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	transition-property: opacity, -webkit-transform;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform
}
.fancybox-can-zoomOut .fancybox-image-wrap {
	cursor: -webkit-zoom-out;
	cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-image-wrap {
	cursor: -webkit-zoom-in;
	cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
	cursor: -webkit-grab;
	cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
	cursor: -webkit-grabbing;
	cursor: grabbing
}
.fancybox-image,
.fancybox-spaceball {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	max-width: none;
	max-height: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.fancybox-spaceball { z-index: 1 }
.fancybox-slide--iframe .fancybox-content {
	padding: 0;
	width: 80%;
	height: 80%;
	max-width: calc(100% - 100px);
	max-height: calc(100% - 88px);
	overflow: visible;
	background: #fff
}
.fancybox-iframe {
	display: block;
	padding: 0;
	border: 0;
	height: 100%
}
.fancybox-error,
.fancybox-iframe {
	margin: 0;
	width: 100%;
	background: #fff
}
.fancybox-error {
	padding: 40px;
	max-width: 380px;
	cursor: default
}
.fancybox-error p {
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 20px
}
.fancybox-button {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	width: 44px;
	height: 44px;
	margin: 0;
	padding: 10px;
	border: 0;
	border-radius: 0;
	background: rgba(30,30,30,.6);
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
	cursor: pointer;
	outline: none
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited { color: #ccc }
.fancybox-button:focus,
.fancybox-button:hover { color: #fff }
.fancybox-button[disabled] {
	color: #ccc;
	cursor: default;
	opacity: .6
}
.fancybox-button svg {
	display: block;
	position: relative;
	overflow: visible;
	shape-rendering: geometricPrecision
}
.fancybox-button svg path {
	fill: currentColor;
	stroke: currentColor;
	stroke-linejoin: round;
	stroke-width: 3
}
.fancybox-button--share svg path { stroke-width: 1 }
.fancybox-button--pause svg path:first-child,
.fancybox-button--play svg path:nth-child(2) { display: none }
.fancybox-button--zoom svg path { fill: transparent }
.fancybox-navigation { display: none }
.fancybox-show-nav .fancybox-navigation { display: block }
.fancybox-navigation button {
	position: absolute;
	top: 50%;
	margin: -50px 0 0;
	z-index: 99997;
	background: transparent;
	width: 60px;
	height: 100px;
	padding: 17px
}
.fancybox-navigation button:before {
	content: "";
	position: absolute;
	top: 30px;
	right: 10px;
	width: 40px;
	height: 40px;
	background: rgba(30,30,30,.6)
}
.fancybox-navigation .fancybox-button--arrow_left { left: 0 }
.fancybox-navigation .fancybox-button--arrow_right { right: 0 }
.fancybox-close-small {
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	z-index: 10;
	cursor: pointer
}
.fancybox-close-small:after {
	content: "\D7";
	position: absolute;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	font: 20px/30px Arial, Helvetica Neue, Helvetica, sans-serif;
	color: #888;
	font-weight: 300;
	text-align: center;
	border-radius: 50%;
	border-width: 0;
	background-color: transparent;
	-webkit-transition: background-color .25s;
	transition: background-color .25s;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 2
}
.fancybox-close-small:focus { outline: none }
.fancybox-close-small:focus:after { outline: 1px dotted #888 }
.fancybox-close-small:hover:after {
	color: #555;
	background: #eee
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small {
	top: 0;
	right: -44px
}
.fancybox-slide--iframe .fancybox-close-small:after,
.fancybox-slide--image .fancybox-close-small:after {
	font-size: 35px;
	color: #aaa
}
.fancybox-slide--iframe .fancybox-close-small:hover:after,
.fancybox-slide--image .fancybox-close-small:hover:after {
	color: #fff;
	background: transparent
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none }
.fancybox-caption-wrap {
	bottom: 0;
	left: 0;
	right: 0;
	padding: 60px 2vw 0;
	background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(20%, rgba(0,0,0,.1)), color-stop(40%, rgba(0,0,0,.2)), color-stop(80%, rgba(0,0,0,.6)), to(rgba(0,0,0,.8)));
	background: linear-gradient(180deg, transparent 0, rgba(0,0,0,.1) 20%, rgba(0,0,0,.2) 40%, rgba(0,0,0,.6) 80%, rgba(0,0,0,.8));
	pointer-events: none
}
.fancybox-caption {
	padding: 30px 0;
	border-top: 1px solid hsla(0,0%,100%,.4);
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	-webkit-text-size-adjust: none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
	pointer-events: all;
	position: relative
}
.fancybox-caption a {
	color: #fff;
	text-decoration: underline
}
.fancybox-slide>.fancybox-loading {
	border: 6px solid hsla(0,0%,39%,.4);
	border-top: 6px solid hsla(0,0%,100%,.6);
	border-radius: 100%;
	height: 50px;
	width: 50px;
	-webkit-animation: a .8s infinite linear;
	animation: a .8s infinite linear;
	background: transparent;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
	z-index: 99999
}
@-webkit-keyframes a { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}
@keyframes a { 0% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
to {
	-webkit-transform: rotate(359deg);
	transform: rotate(359deg)
}
}
.fancybox-animated {
	-webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
	transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
	opacity: 0;
	-webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
	-webkit-transform: scale3d(1.5, 1.5, 1.5);
	transform: scale3d(1.5, 1.5, 1.5);
	opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
	-webkit-transform: scale3d(.5, .5, .5);
	transform: scale3d(.5, .5, .5);
	opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
	-webkit-transform: rotate(-1turn);
	transform: rotate(-1turn);
	opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
	-webkit-transform: rotate(1turn);
	transform: rotate(1turn);
	opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
	-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
	opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
	-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
	opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
	-webkit-transform: scaleX(1) translateZ(0);
	transform: scaleX(1) translateZ(0);
	opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
	-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
	transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
	-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
	transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
	-webkit-transform: translateZ(0) scale(1);
	transform: translateZ(0) scale(1)
}
.fancybox-share {
	padding: 30px;
	border-radius: 3px;
	background: #f4f4f4;
	max-width: 90%
}
.fancybox-share h1 {
	color: #222;
	margin: 0 0 20px;
	font-size: 33px;
	font-weight: 700;
	text-align: center
}
.fancybox-share p {
	margin: 0;
	padding: 0;
	text-align: center
}
.fancybox-share p:first-of-type { margin-right: -10px }
.fancybox-share_button {
	display: inline-block;
	text-decoration: none;
	margin: 0 10px 10px 0;
	padding: 10px 20px;
	border: 0;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.16);
	background: #fff;
	white-space: nowrap;
	font-size: 16px;
	line-height: 23px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	min-width: 140px;
	color: #707070;
	-webkit-transition: all .2s;
	transition: all .2s
}
.fancybox-share_button:focus,
.fancybox-share_button:hover {
	text-decoration: none;
	color: #333;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,.3)
}
.fancybox-share_button svg {
	margin-right: 5px;
	width: 20px;
	height: 20px;
	vertical-align: text-bottom
}
.fancybox-share input {
	width: 100%;
	margin: 5px 0 0;
	padding: 10px 15px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
	background: #ebebeb;
	color: #5d5b5b;
	font-size: 14px;
	outline: none
}
.fancybox-share input,
.fancybox-thumbs {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.fancybox-thumbs {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 212px;
	margin: 0;
	padding: 2px 2px 4px;
	background: #fff;
	-webkit-tap-highlight-color: transparent;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	z-index: 99995
}
.fancybox-thumbs-x {
	overflow-y: hidden;
	overflow-x: auto
}
.fancybox-show-thumbs .fancybox-thumbs { display: block }
.fancybox-show-thumbs .fancybox-inner { right: 212px }
.fancybox-thumbs>ul {
	list-style: none;
	position: absolute;
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 0;
	white-space: nowrap
}
.fancybox-thumbs-x>ul { overflow: hidden }
.fancybox-thumbs-y>ul::-webkit-scrollbar {
width:7px
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-track {
background:#fff;
border-radius:10px;
-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
box-shadow:inset 0 0 6px rgba(0,0,0,.3)
}
.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb {
background:#2a2a2a;
border-radius:10px
}
.fancybox-thumbs>ul>li {
	float: left;
	overflow: hidden;
	padding: 0;
	margin: 2px;
	width: 100px;
	height: 75px;
	max-width: calc(50% - 4px);
	max-height: calc(100% - 8px);
	position: relative;
	cursor: pointer;
	outline: none;
	-webkit-tap-highlight-color: transparent;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
li.fancybox-thumbs-loading { background: rgba(0,0,0,.1) }
.fancybox-thumbs>ul>li>img {
	position: absolute;
	top: 0;
	left: 0;
	max-width: none;
	max-height: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}
.fancybox-thumbs>ul>li:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 4px solid #4ea7f9;
	z-index: 99991;
	opacity: 0;
	-webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
	transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs>ul>li.fancybox-thumbs-active:before { opacity: 1 }
@media (max-width:800px) {
.fancybox-thumbs { width: 110px }
.fancybox-show-thumbs .fancybox-inner { right: 110px }
.fancybox-thumbs>ul>li { max-width: calc(100% - 10px) }
}
@charset "UTF-8";
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;	
	font-family: 'Noto Sans TC', sans-serif;
}
html { line-height: 1 }
ol,
ul { list-style: none }
table {
	border-collapse: collapse;
	border-spacing: 0
}
caption,
td,
th {
	text-align: left;
	font-weight: 400;
	vertical-align: middle
}
blockquote,
q { quotes: none }
blockquote:after,
blockquote:before,
q:after,
q:before {
	content: "";
	content: none
}
a img { border: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary { display: block }
@-webkit-keyframes a { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}
@keyframes a { 0% {
-webkit-transform:scale(1);
transform:scale(1)
}
to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
}
@-webkit-keyframes b { 0% {
opacity:0;
-webkit-transform:translate3d(50px, 0, 0);
transform:translate3d(50px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes b { 0% {
opacity:0;
-webkit-transform:translate3d(50px, 0, 0);
transform:translate3d(50px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
#loading {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1200;
	pointer-events: none
}
#loading .loading-left,
#loading .loading-right {
	position: fixed;
	z-index: 1;
	top: -15%;
	display: block;
	width: 51%;
	height: 130%;
	content: "";
	background-color: #000
}
#loading .loading-left { left: 0 }
#loading .loading-right { right: 0 }
#loading.run .loading-left {
	-webkit-animation: e .5s forwards;
	animation: e .5s forwards
}
#loading.run .loading-right {
	-webkit-animation: f .5s forwards;
	animation: f .5s forwards
}
#loading.close .loading-left {
	-webkit-animation: g .5s forwards;
	animation: g .5s forwards
}
#loading.close .loading-right {
	-webkit-animation: h .5s forwards;
	animation: h .5s forwards
}
#loading .progress-box {
	opacity: 0;
	width: 210px;
	height: 200px;
	position: absolute;
	overflow: hidden;
	margin: auto;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 2
}
#loading .progress-box.fadeIn {
	-webkit-animation: c .2s forwards;
	animation: c .2s forwards
}
#loading .progress-box.fadeOut {
	-webkit-animation: d .1s forwards;
	animation: d .1s forwards
}
#loading .progress-box .loader-count {
	color: #fff;
	text-align: center;
	font-size: 20px;
	margin-left: -36px;
}
@-webkit-keyframes c { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@keyframes c { 0% {
opacity:0;
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
to {
	opacity: 1;
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}
}
@-webkit-keyframes d { 0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0)
}
}
@keyframes d { 0% {
opacity:1;
-webkit-transform:translateZ(0);
transform:translateZ(0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -30px, 0);
	transform: translate3d(0, -30px, 0)
}
}
@-webkit-keyframes e { 0% {
visibility:visible
}
80% {
opacity:1
}
to {
	-webkit-transform: rotate(6deg) translateX(-100%);
	transform: rotate(6deg) translateX(-100%);
	opacity: 0;
	visibility: hidden
}
}
@keyframes e { 0% {
visibility:visible
}
80% {
opacity:1
}
to {
	-webkit-transform: rotate(6deg) translateX(-100%);
	transform: rotate(6deg) translateX(-100%);
	opacity: 0;
	visibility: hidden
}
}
@-webkit-keyframes f { 0% {
visibility:visible
}
80% {
opacity:1
}
to {
	-webkit-transform: rotate(-6deg) translateX(100%);
	transform: rotate(-6deg) translateX(100%);
	opacity: 0;
	visibility: hidden
}
}
@keyframes f { 0% {
visibility:visible
}
80% {
opacity:1
}
to {
	-webkit-transform: rotate(-6deg) translateX(100%);
	transform: rotate(-6deg) translateX(100%);
	opacity: 0;
	visibility: hidden
}
}
@-webkit-keyframes g { 0% {
-webkit-transform:rotate(6deg) translateX(-100%);
transform:rotate(6deg) translateX(-100%);
opacity:0
}
80% {
opacity:1
}
to { opacity: 1 }
}
@keyframes g { 0% {
-webkit-transform:rotate(6deg) translateX(-100%);
transform:rotate(6deg) translateX(-100%);
opacity:0
}
80% {
opacity:1
}
to { opacity: 1 }
}
@-webkit-keyframes h { 0% {
-webkit-transform:rotate(-6deg) translateX(100%);
transform:rotate(-6deg) translateX(100%);
opacity:0;
visibility:visible
}
80% {
opacity:1
}
to { opacity: 1 }
}
@keyframes h { 0% {
-webkit-transform:rotate(-6deg) translateX(100%);
transform:rotate(-6deg) translateX(100%);
opacity:0;
visibility:visible
}
80% {
opacity:1
}
to { opacity: 1 }
}
body {
	background: #000;
}
#container {
	overflow-x: hidden;
	position: relative
}
.wrapper {
	width: 1024px;
	padding-top:1px;
	margin: auto;
	position: relative;
	height:100%;
}
iframe[name=google_conversion_frame] {
	position: absolute;
	height: 0;
	width: 0
}
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden
}
.hide-text {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	height: 0;
	display: inline-block
}
.to-top-btn {
	/*background: url(../images/to_top_btn_4a99499b274b2617e4c97d2ce3515409.png) no-repeat;*/
	width: 88px;
	height: 83px;
	display: none;
	position: fixed;
	bottom: 20px;
	margin-left: 922px;
	z-index: 110
}
.to-top-btn:hover {
	-webkit-animation: a .5s forwards;
	animation: a .5s forwards
}
.fancybox-bg {
	opacity: 0;
	background: #000;
	-webkit-animation: j .3s ease-in 0s forwards;
	animation: j .3s ease-in 0s forwards
}
.fancybox-close-small {
	top: -70px;
	right: 0
}
.fancybox-iframe,
.fancybox-slide--iframe .fancybox-content { background: #000 }
.fancybox-is-open .fancybox-bg {
	opacity: 0;
	-webkit-animation: i .3s ease-in 0s forwards;
	animation: i .3s ease-in 0s forwards
}
.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
	width: 921px;
	height: 518px;
	max-width: 100%
}
@-webkit-keyframes i { 0% {
opacity:0;
visibility:hidden
}
1% {
visibility:visible
}
to {
	opacity: .9;
	visibility: visible
}
}
@keyframes i { 0% {
opacity:0;
visibility:hidden
}
1% {
visibility:visible
}
to {
	opacity: .9;
	visibility: visible
}
}
@-webkit-keyframes j { 0% {
opacity:.9;
visibility:visible
}
99% {
opacity:0
}
to {
	opacity: 0;
	visibility: hidden
}
}
@keyframes j { 0% {
opacity:.9;
visibility:visible
}
99% {
opacity:0
}
to {
	opacity: 0;
	visibility: hidden
}
}
header {
	width: 100%;
	position: absolute;
	z-index: 100
}
header .header-contents {
	width: 100%;
	height: 40px;
	background: #f7490d;
	-webkit-box-shadow: 0 6px rgba(0,0,0,.5);
	box-shadow: 0 6px rgba(0,0,0,.5);
	position: absolute
}
header .header-contents .news-contents { float: left }
header .header-contents .news-contents .news-logo { margin: 3px 0 0 10px }
header .header-contents .news-contents .news-box {
	height: 15px;
	overflow: hidden;
	display: inline-block;
	vertical-align: top;
	margin-top: 14px;
	font-size: 13px
}
header .header-contents .news-contents .news-box li { margin-bottom: 12px }
header .header-contents .news-contents .news-box li a {
	color: #fff;
	text-decoration: none
}
header .header-contents .news-contents .news-box li .date,
header .header-contents .news-contents .news-box li .title {
	display: inline-block;
	vertical-align: middle
}
header .header-contents .news-contents .news-box li .date {
	color: #000;
	margin-right: 5px
}
header .header-contents .news-contents .news-box li .title {
	width: 420px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
header .header-contents .btn-twitter {
	background: url(../images/h_official_twi_btn_04cd1e2a6de3279248b3bb1710ff6c4e.png) no-repeat;
	width: 292px;
	height: 30px;
	float: right;
	margin: 5px 13px 0 0
}
header .header-contents .btn-twitter:hover {
	-webkit-animation: a .5s forwards;
	animation: a .5s forwards
}
header .btn-info {
	background: url(../images/news_btn_3dc89a5cb53ad82b4c1ff0930676ad12.png) no-repeat;
	width: 186px;
	height: 41px;
	position: absolute;
	top: 40px;
	left: 27px
}
header .h-logo-3ds {
	position: absolute;
	top: 55px;
	right: 10px;
	z-index: 101
}

footer {
    height: 80px;
    background-image: url(../images/footer.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #000;
    position: relative;
    z-index: 110;
}

.navbars li {
	float: left;
	position: relative
}
.navbars li a { display: block }
.navbars li a:hover {
	-webkit-animation: a .5s forwards;
	animation: a .5s forwards
}
.navbars li:first-child { margin-top: -10px }
.navbars li:first-child a {
	background: url(../images/nav_01.png) no-repeat;
	width: 251px;
	height: 147px;
	margin-top: 9px;
}
.navbars li:nth-child(2) { margin-right: -4px }
.navbars li:nth-child(2) a {
	background: url(../images/nav_02.png) no-repeat top;
	width: 251px;
	height: 147px
}
.navbars li:nth-child(2).current a,
.navbars li:nth-child(2):hover a { background-position: 0 bottom }
.header-nav {
	opacity: 0;
	width: 100%;
	height: 95px;
	position: fixed;
	top: -95px;
	z-index: 110;
	-webkit-transition: .5s;
	transition: .5s
}
.header-nav.show {
	opacity: 1;
	top: -1px
}
.header-nav .navbars { margin: 56px 0 0 0px; }
.header-nav .navbars li a {
	width: 162px;
	height: 96px;
	background-size: cover;
}
.header-nav .navbars li:nth-child(1) a { background-image: url(../images/nav_01.png); }
.header-nav .navbars li:nth-child(2) a { background-image: url(../images/nav_02.png); }
.fv-nav-box .navbars { margin: 50px 0 0 84px; }
.sub-page-nav {
	width: 100%;
	position: fixed;
	z-index: 110
}
.sub-page-nav .wrapper { padding-top: 7px }
.sub-page-nav .curtain-left,
.sub-page-nav .curtain-right,
.sub-page-nav .curtain-top {
	position: absolute;
	top: 0;
	pointer-events: none
}
.sub-page-nav .curtain-top {
	z-index: 2;
	margin-left: -185px
}
.sub-page-nav .curtain-left {
	z-index: 1;
	margin-left: -305px
}
.sub-page-nav .curtain-right {
	z-index: 1;
	margin-left: 888px
}
.sub-page-nav .seats-bottom {
	opacity: 0;
	position: fixed;
	z-index: 102;
	bottom: -213px;
	margin-left: -445px;
	-webkit-transition: .5s;
	transition: .5s;
	pointer-events: none
}
.sub-page-nav .seats-bottom.show {
	opacity: 1;
	bottom: 0
}
.sub-page-nav .seats-bottom.hidden { opacity: 0 }
.sub-page-nav .seats-bottom img { vertical-align: bottom }
.sub-page-nav .nav {
	margin-left: 50px;
	position: relative;
	z-index: 3
}
body { 
	background: 
	url(../images/v3_bg.jpg) center 1950px no-repeat,
	url(../images/v2_bg.jpg) center 950px no-repeat, #000
}
.noise {
	width: 100%;
	height: 100%;
	background: url(../images/noize.gif) top no-repeat;
	background-size: cover;
	position: fixed
}
main,
main section { position: relative }
main section h2 {
	position: absolute;
	z-index: 5
}
main #fv {
	background: url(../images/main_visual.jpg) center top no-repeat;
	height: 950px;
	z-index: 11;
	overflow: hidden;
	background-size:cover;
	
}
main #fv .catch-copy1 {
	position: absolute;
	top: 100px;
	left: 906px
}
main #fv .catch-copy2 {
	opacity: 0;
	position: absolute;
	top: 327px;
	left: -41px;
}
main #fv .catch-copy2.run {
	-webkit-animation: b .5s;
	animation: b .5s
}
main #fv h1 {
	opacity: 0;
	position: absolute;
	top: 373px;
	left: 430px;
}
main #fv h1.animated {
	-webkit-animation-duration: .6s;
	animation-duration: .6s
}
main #fv .release-date {
	opacity: 0;
	position: absolute;
	top: 327px;
	left: -41px;
}
main #fv .release-date.animated {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
main #fv .pre-order-btn {
	background: url(../images/btn_play1.jpg) no-repeat;
	width: 356px;
	height: 202px;
	opacity: 0;
	position: absolute;
	top: 591px;
	left: 650px;
	/*pointer-events: none;*/
}
main #fv .pre-order-btn:hover {
	/*-webkit-animation: a .5s forwards;
	animation: a .5s forwards*/
}
main #fv .fv-nav-box {
    background: url(../images/fv_nav_bg.png) no-repeat;
    width: 600px;
    height: 242px;
    position: absolute;
    top: 740px;
    left: 50%;
    margin-left: -512px;
    z-index: 10;
}
main #bnr-box {
	background: url(../images/bnr_box_bg_0f07a1e151828f211561eb23c364792f.jpg) top repeat-y;
	margin-top: -35px;
	font-size: 0
}
main #bnr-box:before {
	content: " ";
	background: url(../images/bnr_box_bg_top_30ebdf6f346c7af2ae616f0bc6672d16.jpg) top no-repeat;
	width: 100%;
	height: 120px;
	position: absolute;
	top: -118px
}
main #bnr-box .wrapper {
	padding: 0 20px 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 10
}
main #bnr-box a {
	width: 236px;
	height: 77px;
	background-size: cover;
	margin: 0 5px 10px;
	display: inline-block
}
main #bnr-box .bnr-nico0921 { background-image: url(../images/bnr_nico0921_72eefe3fbfdefe689d713a2d992c87e2.png) }
main #bnr-box .bnr-bokosuka { background-image: url(../images/bnr_bokosuka_faff75eecd9c330a24a35925345405b7.jpg) }
main #bnr-box .bnr-crossovervote { background-image: url(../images/bnr_crossovervote_b76aecbc61767ab5cfb4be478214bd39.png) }
main .site-contents {
	width: 1024px;
	margin: auto;
	position: relative
}
main .site-contents:before {
	background: url(../images/mask_l.png) left 50px no-repeat;
	left: -448px;
	left: 0px
}
main .site-contents:after,
main .site-contents:before {
	content: "";
	width: 551px;
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 10
}
main .site-contents:after {
	background: url(../images/mask_r.png) left 50px no-repeat;
	right: -448px;
	right: 0
}
main #curtain-contents {
	position: absolute;
	width: 1200px;
	height: 900px;
	top: 0;
	left: -82px;
	overflow: hidden;
	z-index: 100
}
main #curtain-contents .left,
main #curtain-contents .right {
	position: absolute;
	z-index: 1;
	top: -15%;
	display: block;
	width: 51%;
	height: 130%;
	content: "";
	background-color: #000
}
main #curtain-contents .left { left: 0 }
main #curtain-contents .right { right: 0 }
main #curtain-contents.run .left {
	-webkit-animation: e 1.2s forwards;
	animation: e 1.2s forwards
}
main #curtain-contents.run .right {
	-webkit-animation: f 1.2s forwards;
	animation: f 1.2s forwards
}
main .curtain-left.lock,
main .curtain-right.lock,
main .curtain-top.lock,
main .curtain-top-s.lock { position: fixed }
main .curtain-top {
	position: absolute;
	z-index: 102;
	top: 0;
	left: 50%;
	margin-left: -960px
}
main .curtain-top-s {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 50%;
	margin-left: -600px
}
main .curtain-left {
	position: absolute;
	z-index: 101;
	top: 0;
	margin-left: -438px;
}
main .curtain-right {
	position: absolute;
	z-index: 101;
	top: 0;
	margin-left: 984px
}
main .seats-bottom {
	opacity: 0;
	position: fixed;
	z-index: 102;
	bottom: -236px;
	left: 50%;
	margin-left: -960px;
	-webkit-transition: .5s;
	transition: .5s;
	pointer-events: none
}
main .seats-bottom.show {
	opacity: 1;
	bottom: 0
}
main .seats-bottom img { vertical-align: bottom }
main #v2 { height: 1000px; }
main #v2 h2 {
	left: 50%;
	margin-left: -246px;
	top: 165px;
}
main #v2 .catch-copy {
	position: absolute;
	top: 170px;
	left: 84px
}
main #v2 .pv {
	background: url(../images/v2_pv_ec4aa8d802ddf9eb8132aca091ae7792.png) no-repeat;
	width: 514px;
	height: 289px;
	position: absolute;
	top: 239px;
    left: 252px;
	outline: 0;
	z-index: 10
}
main #v2 .pv:hover {
	/*-webkit-animation: a .5s forwards;
	animation: a .5s forwards*/
}
main #v2 .overview {
	position: absolute;
	top: 536px;
	left: 112px
}
main #v2 .chara {
	position: absolute;
    top: 175px;
    left: 802px;
}
main #v2 .charb {
	position: absolute;
    top: 425px;
    left: 42px;
}
main #v3 {
	/*margin-top: -135px;*/
	height: 3500px
}
main #v3 h2 { margin-left: -128px }
main #v3 .catch-copy {
	position: absolute;
	top: 190px;
	left: 403px;
	z-index: 2
}
main #v3 .chara {
	position: absolute;
	top: 418px;
	left: -3px
}
main #v3 .chara .p3p-logo {
	position: absolute;
	top: 168px;
	left: 48px
}
main #v3 .chara .p3-logo {
	position: absolute;
	top: 314px;
	left: 536px
}
main #v3 .chara .p5-logo {
	position: absolute;
	top: 723px;
	left: 590px
}
main #v3 .chara .p4-logo {
	position: absolute;
	top: 750px;
	left: 190px
}
main #v3 .to-chara-btn {
	background: url(../images/to_character_btn_17dd5523ec7343fc7d827b7309bc2f30.png) no-repeat;
	width: 387px;
	height: 210px;
	position: absolute;
	top: 1738px;
	left: 644px;
	z-index: 101
}
main #v3 .to-chara-btn:hover {
	-webkit-animation: a .5s forwards;
	animation: a .5s forwards;
	background-position: 0 bottom
}
@media screen and (max-width: 640px) {
body {
 background: url(../images/v3_bg_m.jpg) center 200vh no-repeat,
 			 url(../images/v2_bg_m.jpg) center 105vh no-repeat;
			 background-size:contain;
}
.fancybox-slide--iframe.fancybox-slide--video .fancybox-content {
	width: 640px;
	height: 330px;
	max-width: 100%
}
.fancybox-slide--iframe .fancybox-close-small {
	top: -50px;
	right: 0
}
main #fv { height:106vh; background-image: url(../images/main_visual_m.jpg);}

main #v2 .chara,
main #v2 .charb,
.header-nav.show,
main .site-contents:after, main .site-contents:before,
main .site-contents:after, main .site-contents:after,
.curtain-left,
.curtain-right,
.navbars li:nth-child(2) a,
main #fv h1,
main #fv .release-date { display:none !important;}
main #fv .fv-nav-box {
    width: auto;
    height: auto;
    top: 10vh;
    left: 5vw;
    margin-left:0;
}
main #v2 h2{
	width:100vw;
    left: 0;
    margin-left: 0px;
    top: 84px;
}
main #v2 h2 img{
	width:100vw;
	height:auto;
}

.fv-nav-box .navbars {
    margin: 0px;
}
.navbars li:first-child {
    margin-top: 1vh;
}
.navbars li:first-child a {
    width: 36vw;
    height: 13vh;
    margin-top: 0px;
	background-size: contain;
}
main #fv .pre-order-btn {
    background-size: contain;
    width: 66vw;
    height: 21vh;
    top: auto;
    left: 50vw;
    bottom: 13vh;
    margin-left: -33vw;
    opacity: 1;
}
main .curtain-top,
main .curtain-top-s {
    position: absolute;
    top: 0;
    left: 0;
    margin-left:0;
}
main .curtain-top-s {
    left: -50px;
}
main .curtain-top img {
	width:200vw;
	height:auto;
}
main .curtain-top-s img {
	width:123vw;
	height:auto;
}
main #v2 {
    height: 110vh;
}
main #v3 {
    height: 460vh;
}
footer {
    height: 40px;	
	background-size:cover;
}
main .seats-bottom {
    bottom: -200px;
    left: 0;
    margin-left:0px;
}
main .seats-bottom img {
	width:100vw;
}
.wrapper {
    width: auto;
    margin: auto;
}
main #v2 .wrapper {
    height: auto;
}
main .site-contents {
    width: auto;
}
.skill_tab {
    width: auto;
    margin: 162px auto 0;
}
ul.tabs {
    width: auto;
    top: 24vh;
    left: 1vw;
    margin-left: auto;
}
ul.tabs li {
    float: left;
    width: 50px;
    height: 50px;
    margin: 0 2vw;
}
.tab_content .skill-area, .tab_content .video-area {
	background-size:contain;
    width: 72vw;
    height: 23vh;
    margin: 0 auto 74px;
}
.tab_content .skill-area img {
    width: 100%;
	height:auto;
}
.tab_content .txt-area {
	background-size:contain;
    width: 248vw;
    height: 40vh;
    padding: 5vh 7vw;
	font-size: 14px;
}
.tab_content .txt-area ul {
    width: 90vw;
}
.tab_content .txt-area h3 {
	padding-left: 8vw;
	margin-bottom: 10px;
}
}