@charset "UTF-8";
/* CSS Document */

 @keyframes fadeDown {
	0% { transform:translateY(-10%); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

 @keyframes fadeUp {
	0% { transform:translateY(30px); opacity:0; }
	100% { transform:translateY(0); opacity:1; }
}

 @keyframes fadeRight {
	0% { transform:translateX(-10%); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

 @keyframes fadeLeft {
	0% { transform:translateX(10%); opacity:0; }
	100% { transform:translateX(0); opacity:1; }
}

@keyframes fadeOut {
    from { transform:translateY(0); opacity:1; }
    to { transform:translateY(100%); margin-top:20%; opacity:0; }
}

 @keyframes balloon {
	0% { transform:translate(-50%,10%); opacity:0; }
	100% { transform:translate(-50%,0); opacity:1; }
}

 @keyframes balloonTop {
	0% { transform:translate(-50%,-10%); opacity:0; }
	100% { transform:translate(-50%,0); opacity:1; }
}

 @keyframes quick {
	0% { transform:translate(-50%,10%); opacity:0; }
	100% { transform:translate(-50%,0); opacity:1; }
}

@keyframes login {
	0% { transform:translateY(30px); opacity:0; }
	100% {transform:translateY(0); opacity:1; }
}

@keyframes smile {
	0% { transform:rotateX(0); }
	25% { transform:rotateX(30deg) }
	50% { transform:rotateX(0); }
	75% { transform:rotateX(-30deg) }
	100% { transform:rotateX(0); }
}

@keyframes errorIg {
	0% { transform:rotate(0); }
	50% { transform:rotate(20deg) }
	100% { transform:rotate(0); }
}

@keyframes fadeIn {
    from { opacity:0; }
    to { opacity:1; }
}

@keyframes sitemap {
    from { left:100%; opacity:0; }
    to { left:0; opacity:1; }
}

 @keyframes textUp {
	0% { transform:translateY(110%); opacity:0;}
	100% { transform:translateY(-13%); opacity:1; }
}

 @keyframes imgshow {
	0% { width:0; }
	100% { width:100%; }
}

@keyframes fadeShow {
	0% { opacity:0; }
    100% { opacity:1; }
}

@keyframes fadehide {
	0% { opacity:1; }
    100% { opacity:0; }
}
@keyframes byebye {
	0% { transform:translateY(0); opacity:1; }
	100% { transform:translateY(30px); opacity:0; }

}
@keyframes jelly {
    25% { transform: scale(.9,1.1) }
    50% { transform: scale(1.1,.9) }
    75% { transform: scale(.95,1.05) }
}

.motion.run.headline.fadeup p { animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); }
.motion.run.fadeup .headline_imgbox { animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); animation-delay:0.3s; }

.fadeup, .fadeleft, .fadedown, .faderight { opacity:0; }
.motion.fadeup.run, .motion.run .fadeup { animation:fadeUp 1s both cubic-bezier(.22, .61,.36, 1); }
.motion.faderight.run, .motion.run .faderight { animation:fadeRight 1s both cubic-bezier(.22, .61,.36, 1); }
.motion.fadeleft.run, .motion.run .fadeleft { animation:fadeLeft 1s both cubic-bezier(.22, .61,.36, 1); }
.motion.fadeup_expand.run, .motion.run .fadeup_expand { animation:fadeUpExpand 1s both cubic-bezier(.22, .61,.36, 1); }

.fadeupAuto { animation:fadeUp 0.7s both cubic-bezier(.22, .61,.36, 1); }