/* CSS Document */
/*
 * Site:
 * Author:Created by selina on 2015-11-17
*/
/* CSS Document */
.translate {
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
@-webkit-keyframes "toTopFromBottom" {
    49% {-webkit-transform: translateY(-100%);}
    50% {opacity: 0; -webkit-transform: translateY(100%);}
    51% {opacity: 1;}
}
@-moz-keyframes "toTopFromBottom" {
    49% {-moz-transform: translateY(-100%);}
    50% {opacity: 0; -moz-transform: translateY(100%);}
    51% {opacity: 1;}
}
@-o-keyframes "toTopFromBottom" {
    49% {-o-transform: translateY(-100%);}
    50% {opacity: 0; -o-transform: translateY(100%);}
    51% {opacity: 1;}
}
@keyframes "toTopFromBottom" {
    49% {transform: translateY(-100%);}
    50% {opacity: 0;transform: translateY(100%);}
    51% {opacity: 1;}
}