@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

/* 自行加入需要的class */
/*====fadeIn====*/
@-webkit-keyframes fadeIn {
  0%{opacity:0}
  100%{opacity:1}
}
@keyframes fadeIn {
  0%{opacity:0}
  100%{opacity:1}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}

/*====fadeInLeft====*/
@-webkit-keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-20%,0,0);transform: translate3d(-20%,0,0)}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
}
@keyframes fadeInLeft {
    0% {opacity: 0;-webkit-transform: translate3d(-20%,0,0);transform: translate3d(-20%,0,0)}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
}
.fadeInLeft {    -webkit-animation-name: fadeInLeft;    animation-name: fadeInLeft}

/*====fadeInRight====*/
@-webkit-keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(20%,0,0);transform: translate3d(20%,0,0)}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
}
@keyframes fadeInRight {
    0% {opacity: 0;-webkit-transform: translate3d(20%,0,0);transform: translate3d(20%,0,0)}
    to {opacity: 1;-webkit-transform: translateZ(0);transform: translateZ(0)}
}
.fadeInRight {    -webkit-animation-name: fadeInRight;    animation-name: fadeInRight}

/*===zoomIn===*/
@-webkit-keyframes zoomIn {
    0% {opacity: 0;-webkit-transform: scale3d(.85,.85,.85);transform: scale3d(.85,.85,.85)}
    50% {opacity: 1}
}
@keyframes zoomIn {
    0% {opacity: 0;-webkit-transform: scale3d(.85,.85,.85);transform: scale3d(.85,.85,.85)}
    50% {opacity: 1}
}
.zoomIn {-webkit-animation-name: zoomIn;animation-name: zoomIn}