/*animation.page_style*/
.banner_logo,.page_0,.txt_1,.txt_2,.txt_3,.txt_4,.txt_1s,.txt_2s,.txt_3s,.txt_4s,.boxs_1,.boxs_2,.boxs_3,.boxs_4,.boxs_5,.boxs_6,.fade{
    opacity: 0;
    transition: .4s all ease-out;
}






.now_page .fade{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeIn;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.3s;

    -moz-animation-name:FadeIn;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.3s;

    -o-animation-name:FadeIn;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.3s;

    animation-name:FadeIn;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.3s;
    z-index: 0;
}




.now_page .txt_1{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.3s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.3s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.3s;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.3s;
    z-index: 0;
}
.now_page .txt_2{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.5s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.5s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.5s;

    animation-name:FadeDw;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.5s;
    z-index: 0; 
}
.now_page .txt_3{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.7s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.7s;

    -o-animation-name:FadeIn;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.7s;

    animation-name:FadeDw;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.7s;
    z-index: 0; 
}
.now_page .pg .txt_1{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.3s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.3s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.3s;

    animation-name:FadeDw;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.3s;
    z-index: 0;
}
.now_page .pg .txt_2{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.5s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.5s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.5s;

    animation-name:FadeDw;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.5s;
    z-index: 0;
}
.now_page .pg .txt_3{
    transition: .4s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.4s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.7s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.4s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.7s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.4s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.7s;

    animation-name:FadeDw;
    animation-duration:.4s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.7s;
    z-index: 0;
}


.now_page .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeUp;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.55s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.55s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.55s;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.55s;
    z-index: 0;
}
.now_page .txt_2{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.6s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.6s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.6s;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.6s;
    z-index: 0;
}
.now_page .txt_3{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:.65s;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in-out;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:.65s;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in-out;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:.65s;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in-out;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:.65s;
    z-index: 0;
}
/*
.now_page.page_6 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeIn;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:1s;

    -moz-animation-name:FadeIn;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:1s;

    -o-animation-name:FadeIn;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:1s;

    animation-name:FadeIn;
    animation-duration:.5s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:1s;
    z-index: 0;
}
.now_page.page_10 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeIn;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:1s;

    -moz-animation-name:FadeIn;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:1s;

    -o-animation-name:FadeIn;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:1s;

    animation-name:FadeIn;
    animation-duration:.5s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:1s;
    z-index: 0;
}

.now_page.page_3 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    z-index: 0; 
}
.now_page.page_3 .txt_2{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    z-index: 0; 
}
.now_page.page_3 .txt_3{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeDw;
    -webkit-animation-duration:.5s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name:FadeDw;
    -moz-animation-duration:.5s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;

    -o-animation-name:FadeDw;
    -o-animation-duration:.5s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;

    animation-name:FadeDw;
    animation-duration:.5s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    z-index: 0; 
}

*/
/*
@media screen and (min-width: 1024px){
.page_style{
    opacity: 0;
    transition: .5s all ease-out;
}
.now_page.page_style{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeIn;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:0s;

    -moz-animation-name:FadeIn;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:0s;

    -o-animation-name:FadeIn;
    -o-animation-duration:1s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:0s;

    animation-name:FadeIn;
    animation-duration:1s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:0s;
    z-index: 0; 
}

.over_page.page_style{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeOut;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:0s;

    -moz-animation-name:FadeOut;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:0s;

    -o-animation-name:FadeOut;
    -o-animation-duration:1s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:0s;

    animation-name:FadeOut;
    animation-duration:1s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:0s;
    z-index: 0; 
}
.over_page .page_style{
    transition: .3s all ease-in;
    -webkit-animation-name:FadeOut;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:ease-in;
    -webkit-animation-direction:alternate;
    -webkit-animation-play-state:running;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-delay:0s;

    -moz-animation-name:FadeOut;
    -moz-animation-duration:1s;
    -moz-animation-timing-function:ease-in;
    -moz-animation-direction:alternate;
    -moz-animation-play-state:running;
    -moz-animation-fill-mode: forwards;
    -moz-animation-delay:0s;

    -o-animation-name:FadeOut;
    -o-animation-duration:1s;
    -o-animation-timing-function:ease-in;
    -o-animation-direction:alternate;
    -o-animation-play-state:running;
    -o-animation-fill-mode: forwards;
    -o-animation-delay:0s;

    animation-name:FadeOut;
    animation-duration:1s;
    animation-timing-function:ease-in;
    animation-direction:alternate;
    animation-play-state:running;
    animation-fill-mode: forwards;
    animation-delay:0s;
    z-index: 0; 
}


.now_page .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.now_page .txt_2{
    transition: .3s all ease-in;
    -webkit-animation-delay:1.3s;
    -moz-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}
.now_page .txt_3{
    transition: .3s all ease-in;
    -webkit-animation-delay:1.6s;
    -moz-animation-delay:1.6s;
    -o-animation-delay:1.6s;
    animation-delay:1.6s;
}
.now_page.page_6 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.now_page.page_10 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.now_page.page_3 .txt_1{
    transition: .3s all ease-in;
    -webkit-animation-delay:1s;
    -moz-animation-delay:1s;
    -o-animation-delay:1s;
    animation-delay:1s;
}
.now_page.page_3 .txt_2{
    -webkit-animation-delay:1.3s;
    -moz-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}
.now_page.page_3 .txt_3{
    -webkit-animation-delay:1.6s;
    -moz-animation-delay:1.6s;
    -o-animation-delay:1.6s;
    animation-delay:1.6s;
}

}

*//*
@media screen and (max-width: 1024px){
.now_page .txt_1{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
.now_page .txt_2{
    -webkit-animation-delay:.8s;
    -moz-animation-delay:.8s;
    -o-animation-delay:.8s;
    animation-delay:.8s;
}
.now_page .txt_3{
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
    -o-animation-delay:1.1s;
    animation-delay:1.1s;
}
.now_page.page_6 .txt_1{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
.now_page.page_10 .txt_1{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.51s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
.now_page.page_3 .txt_1{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
.now_page.page_3 .txt_2{
    -webkit-animation-delay:.8s;
    -moz-animation-delay:.8s;
    -o-animation-delay:.8s;
    animation-delay:.8s;
}
.now_page.page_3 .txt_3{
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
    -o-animation-delay:1.1s;
    animation-delay:1.1s;
}



.now_page.page_10 .boxs_1{
    -webkit-animation-delay:.5s;
    -moz-animation-delay:.5s;
    -o-animation-delay:.5s;
    animation-delay:.5s;
}
.now_page.page_10 .boxs_2{
    -webkit-animation-delay:.7s;
    -moz-animation-delay:.7s;
    -o-animation-delay:.7s;
    animation-delay:.7s;
}
.now_page.page_10 .boxs_3{
    -webkit-animation-delay:.9s;
    -moz-animation-delay:.9s;
    -o-animation-delay:.9s;
    animation-delay:.9s;
}
.now_page.page_10 .boxs_4{
    -webkit-animation-delay:1.1s;
    -moz-animation-delay:1.1s;
    -o-animation-delay:1.1s;
}
.now_page.page_10 .boxs_5{
    -webkit-animation-delay:1.3s;
    -moz-animation-delay:1.3s;
    -o-animation-delay:1.3s;
    animation-delay:1.3s;
}
.now_page.page_10 .boxs_6{
    -webkit-animation-delay:1.5s;
    -moz-animation-delay:1.5s;
    -o-animation-delay:1.5s;
    animation-delay:1.5s;
}
    }

*/

@keyframes FadeIn {
    0%  {
    	opacity: 0;
    }
    100% {   
    	opacity: 1;
    }
}
@keyframes FadeOut {
    0%  {
    	opacity: 1;
    }
    100% {   
    	opacity: 0;
    }
}
@keyframes FadeUp {
    0%  {
	    margin-top:-20px;
	    opacity: 0;
    }
    100% {   
	    margin-top:0; 
	    opacity: 1;
    }
}
@keyframes FadeDw {
    0%  {
        margin-top:20px;
	    opacity: 0;
    }
    100% {   
        margin-top:0px;
	    opacity: 1;
    }
}
@keyframes FadeLeft {
    0%  {
	    left:-20px;
	    opacity: 0;
    }
    100% {   
	    left:0; 
	    opacity: 1;
    }
}
@keyframes FadeRight {
    0%  {
	    left:-20px;
	    opacity: 0;
    }
    100% {   
	    left:0; 
	    opacity: 1;
    }
}