@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 */
}

.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 */
}