@charset "UTF-8";



/*動畫用*/
.animated  {
    transition-timing-function: ease;
    -moz-transition-timing-function: ease;    /* Firefox 4 */
    -webkit-transition-timing-function: ease;    /* Safari 和 Chrome */
    -o-transition-timing-function: ease; /* Opera */

    transition-duration: 0.5s;
    -moz-transition-duration: 0.5s;    /* Firefox 4 */
    -webkit-transition-duration: 0.5s;    /* Safari 和 Chrome */
    -o-transition-duration: 0.5s; /* Opera */

    transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;    /* Firefox 4 */
    -webkit-transition-delay: 0.5s;    /* Safari 和 Chrome */
    -o-transition-delay: 0.5s; /* Opera */

    transform-origin: 50% 50%;
    -ms-transform-origin:50% 50%; /* IE 9 */
    -webkit-transform-origin:50% 50%; /* Safari 和 Chrome */
    -moz-transform-origin:50% 50%;    /* Firefox */
    -o-transform-origin:50% 50%;    /* Opera */

    opacity: 0;
}

.fadeInRight {
  transform: translateX( -30px);
    -ms-transform:translateX( -30px);              /* IE 9 */
    -moz-transform:translateX( -30px);       /* Firefox */
    -webkit-transform:translateX( -30px);       /* Safari 和 Chrome */
    -o-transform:translateX( -30px);              /* Opera */
}
.fadeInLeft {
  transform: translateX( 30px);
    -ms-transform:translateX( 30px);              /* IE 9 */
    -moz-transform:translateX( 30px);       /* Firefox */
    -webkit-transform:translateX( 30px);       /* Safari 和 Chrome */
    -o-transform:translateX( 30px);               /* Opera */
}
.fadeInDown {
  transform: translateY( -30px);
    -ms-transform:translateY( -30px);              /* IE 9 */
    -moz-transform:translateY( -30px);       /* Firefox */
    -webkit-transform:translateY( -30px);       /* Safari 和 Chrome */
    -o-transform:translateY( -30px);              /* Opera */
}
.fadeInUp {
  transform: translateY( 30px);
    -ms-transform:translateY( 30px);              /* IE 9 */
    -moz-transform:translateY( 30px);       /* Firefox */
    -webkit-transform:translateY( 30px);       /* Safari 和 Chrome */
    -o-transform:translateY( 30px);               /* Opera */
}

.zoomOut {
  transform: scale(1.2);
    -ms-transform:scale(1.2); /* IE 9 */
    -moz-transform:scale(1.2);  /* Firefox */
    -webkit-transform:scale(1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2);  /* Opera */
}

.zoomIn {
  transform: scale(0.8);
    -ms-transform:  scale(0.8);                       /* IE 9 */
    -moz-transform:  scale(0.8);                  /* Firefox */
    -webkit-transform:  scale(0.8);      /* Safari 和 Chrome */
    -o-transform:  scale(0.8);            /* Opera */-transform: scale(2,3); /* Safari */
}

.zoomInLittle {
  transform: scale(0.98);
    -ms-transform:  scale(0.98);                       /* IE 9 */
    -moz-transform:  scale(0.98);                  /* Firefox */
    -webkit-transform:  scale(0.98);      /* Safari 和 Chrome */
    -o-transform:  scale(0.98);            /* Opera */-transform: scale(1.1,1.1); /* Safari */
    transition-delay: 0.65s;
    -moz-transition-delay: 0.65s;    /* Firefox 4 */
    -webkit-transition-delay: 0.65s;    /* Safari 和 Chrome */
    -o-transition-delay: 0.65s; /* Opera */
}


.animated.onShow {
  opacity: 1;
  transform: scale(1) translate(0, 0);
    -ms-transform:scale(1) translate(0, 0);         /* IE 9 */
    -moz-transform:scale(1) translate(0, 0);          /* Firefox */
    -webkit-transform:scale(1) translate(0, 0);      /* Safari 和 Chrome */
    -o-transform:scale(1) translate(0, 0);  /* Opera */
}