/*動畫用*/
.aniLeft, .aniRight, .aniUp, .aniDown, .aniNoMove, .aniScale {
    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;
}
.aniScale {
    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 */
}

.aniLeft {
    transform: translateX( -20px);
    -ms-transform:translateX( -20px);              /* IE 9 */
    -moz-transform:translateX( -20px);       /* Firefox */
    -webkit-transform:translateX( -20px);       /* Safari 和 Chrome */
    -o-transform:translateX( -20px);                /* Opera */
}
.aniRight {
    transform: translateX( 20px);
    -ms-transform:translateX( 20px);              /* IE 9 */
    -moz-transform:translateX( 20px);       /* Firefox */
    -webkit-transform:translateX( 20px);       /* Safari 和 Chrome */
    -o-transform:translateX( 20px);                 /* Opera */
}
.aniUp {
    transform: translateY( -20px);
    -ms-transform:translateY( -20px);              /* IE 9 */
    -moz-transform:translateY( -20px);       /* Firefox */
    -webkit-transform:translateY( -20px);       /* Safari 和 Chrome */
    -o-transform:translateY( -20px);                /* Opera */
}
.aniDown {
    transform: translateY( 20px);
    -ms-transform:translateY( 20px);              /* IE 9 */
    -moz-transform:translateY( 20px);       /* Firefox */
    -webkit-transform:translateY( 20px);       /* Safari 和 Chrome */
    -o-transform:translateY( 20px);                 /* Opera */
}
.aniLeft.onShow, .aniRight.onShow, .aniUp.onShow, .aniDown.onShow, .aniNoMove.onShow, .aniScale.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 */
}