#i0 .btngroup .btn .island_entertain {
    /*-webkit-animation:inan00 0.5s both 0s linear infinite;*/
    /*-ms-animation: inan00 0.5s both 0s linear infinite;*/
    /*-moz-animation: inan00 0.5s both 0s linear infinite;*/
    /*-o-animation: inan00 0.5s both 0s linear infinite;*/
    /*animation: inan00 0.5s both 0s linear infinite;*/
}

@keyframes inan00{
    0%,100%{
        background: url("../images/index/daoyu07.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu072.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-moz-keyframes inan00{
    0%,100%{
        background: url("../images/index/daoyu07.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu072.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-webkit-keyframes inan00{
    0%,100%{
        background: url("../images/index/daoyu07.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu072.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-o-keyframes inan00{
    0%,100%{
        background: url("../images/index/daoyu07.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu072.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-ms-keyframes inan00 {
    0%,100%{
        background: url("../images/index/daoyu07.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu072.png") no-repeat;
        background-size: 100% 100%;
    }
}

#i0 .btngroup .btn:hover .island_entertain {
    /*-webkit-animation:inan000 0.5s both 0s linear infinite;*/
    /*-ms-animation: inan000 0.5s both 0s linear infinite;*/
    /*-moz-animation: inan000 0.5s both 0s linear infinite;*/
    /*-o-animation: inan000 0.5s both 0s linear infinite;*/
    /*animation: inan000 0.5s both 0s linear infinite;*/
}

@keyframes inan000{
    0%,100%{
        background: url("../images/index/daoyu071.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu073.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-moz-keyframes inan000{
    0%,100%{
        background: url("../images/index/daoyu071.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu073.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-webkit-keyframes inan000{
    0%,100%{
        background: url("../images/index/daoyu071.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu073.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-o-keyframes inan000{
    0%,100%{
        background: url("../images/index/daoyu071.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu073.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-ms-keyframes inan000 {
    0%,100%{
        background: url("../images/index/daoyu071.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/daoyu073.png") no-repeat;
        background-size: 100% 100%;
    }
}


.txt_daoyu{
     -webkit-animation:UpDown 1s both 0s linear infinite;
     -ms-animation: UpDown 1s both 0s linear infinite;
     -moz-animation: UpDown 1s both 0s linear infinite;
     -o-animation: UpDown 1s both 0s linear infinite;
     animation: UpDown 1s both 0s linear infinite;
 }

@keyframes UpDown{
    0%,100%{
        transform: translateY(-5%);
    }
    50%{
        transform:translateY(5%);
    }
}

@-moz-keyframes UpDown{
    0%,100%{
        -moz-transform:translateY(-5%);
    }
    50%{
        -moz-transform:translateY(5%);
    }
}

@-webkit-keyframes UpDown{
    0%,100%{
        -webkit-transform: translateY(-5%);
    }
    50%{
        -webkit-transform: translateY(5%);
    }
}

@-o-keyframes UpDown{
    0%,100%{
        -o-transform:translateY(-5%);
    }
    50%{
        -o-transform:translateY(5%);
    }
}

@-ms-keyframes UpDown {
    0%,100%{
        -ms-transform:translateY(-5%);
    }
    50%{
        -ms-transform:translateY(5%);
    }
}

#index_anim01{
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin: center center;
    -webkit-animation:inan01 10s both 0s linear infinite;
    -ms-animation: inan01 10s both 0s linear infinite;
    -moz-animation: inan01 10s both 0s linear infinite;
    -o-animation: inan01 10s both 0s linear infinite;
    animation: inan01 10s both 0s linear infinite;
}

@keyframes inan01{
    0%{
        transform: translate(0,0);
    }
    50%{
        transform: translate(-1330%,0);
    }
    100%{
        transform: translate(-2660%,-806.4516%);
    }
}

@-moz-keyframes inan01{
    0%{
        -moz-transform: translate(0,0);
    }
    50%{
        -moz-transform: translate(-1330%,0);
    }
    100%{
        -moz-transform: translate(-2660%,-806.4516%);
    }
}

@-webkit-keyframes inan01{
    0%{
        -webkit-transform: translate(0,0);
    }
    50%{
        -webkit-transform: translate(-1330%,0);
    }
    100%{
        -webkit-transform: translate(-2660%,-806.4516%);
    }
}

@-o-keyframes inan01{
    0%{
        -o-transform:translate(0,0);
    }
    50%{
        -o-transform:translate(-1330%,0);
    }
    100%{
        -o-transform:translate3D(-103.90625%,-34.7222%,0);
    }
}

@-ms-keyframes inan01 {
    0%{
        -ms-transform:translate(0,0);
    }
    50%{
        -ms-transform:translate(-1330%,0);
    }
    100%{
        -ms-transform:translate3D(-103.90625%,-34.7222%,0);
    }
}

/*#index_bird{*/
    /*-webkit-animation:inan02 1s both 0s linear infinite;*/
    /*-ms-animation: inan02 1s both 0s linear infinite;*/
    /*-moz-animation: inan02 1s both 0s linear infinite;*/
    /*-o-animation: inan02 1s both 0s linear infinite;*/
    /*animation: inan02 1s both 0s linear infinite;*/
/*}*/

/*@keyframes inan02{*/
    /*0%{*/
        /*background-position:0 0;*/
    /*}*/
    /*100%{*/
        /*background-position:200% 0;*/
    /*}*/
/*}*/

@keyframes inan02{
    0%,100%{
        background: url("../images/index/index_icon010.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon011.png");
        background-size: 100% 100%;
    }
}

@-moz-keyframes inan02{
    0%,100%{
        background: url("../images/index/index_icon010.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon011.png");
        background-size: 100% 100%;
    }
}

@-webkit-keyframes inan02{
    0%,100%{
        background: url("../images/index/index_icon010.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon011.png");
        background-size: 100% 100%;
    }
}

@-o-keyframes inan02{
    0%,100%{
        background: url("../images/index/index_icon010.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon011.png");
        background-size: 100% 100%;
    }
}

@-ms-keyframes inan02 {
    0%,100%{
        background: url("../images/index/index_icon010.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon011.png");
        background-size: 100% 100%;
    }
}

/*#index_ship{*/
    /*-webkit-animation:inan05 1s both 0s linear infinite;*/
    /*-ms-animation: inan05 1s both 0s linear infinite;*/
    /*-moz-animation: inan05 1s both 0s linear infinite;*/
    /*-o-animation: inan05 1s both 0s linear infinite;*/
    /*animation: inan05 1s both 0s linear infinite;*/
/*}*/

@keyframes inan05{
    0%,100%{
        background: url("../images/index/index_icon030.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon031.png");
        background-size: 100% 100%;
    }
}

@-moz-keyframes inan05{
    0%,100%{
        background: url("../images/index/index_icon030.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon031.png");
        background-size: 100% 100%;
    }
}

@-webkit-keyframes inan05{
    0%,100%{
        background: url("../images/index/index_icon030.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon031.png");
        background-size: 100% 100%;
    }
}

@-o-keyframes inan05{
    0%,100%{
        background: url("../images/index/index_icon030.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon031.png");
        background-size: 100% 100%;
    }
}

@-ms-keyframes inan05 {
    0%,100%{
        background: url("../images/index/index_icon030.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/index/index_icon031.png");
        background-size: 100% 100%;
    }
}

#index_anim03{
    -webkit-animation:inan06 55s both 0s linear infinite;
    -ms-animation: inan06 55s both 0s linear infinite;
    -moz-animation: inan06 55s both 0s linear infinite;
    -o-animation: inan06 55s both 0s linear infinite;
    animation: inan06 55s both 0s linear infinite;
}

@keyframes inan06{
    0%,100%{
        transform: scale(0,0) translate(0,0);
        opacity: 0;
    }
    10%{
        transform: scale(-0.3,0.3) translate(0,0);
        opacity:1;
    }
    20%{
        transform: scale(-0.7,0.7) translate(330%,370%);
        opacity:1;
    }
    30%{
        transform: scale(-0.5,0.5) translate(1100%,180%);
        opacity:1;
    }
    40%{
        transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:1;
    }
    49%{
        transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:0;
    }
    50%{
        transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:0;
    }
    60%{
        transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:1;
    }
    70%{
        transform: scale(0.5,0.5) translate(-1100%,180%);
        opacity:1;
    }
    80%{
        transform: scale(0.7,0.7) translate(-330%,370%);
        opacity:1;
    }
    90%{
        transform: scale(0.3,0.3) translate(0,0);
        opacity:1;
    }
}

@-moz-keyframes inan06{
    0%,100%{
        -moz-transform: scale(0,0) translate(0,0);
        opacity: 0;
    }
    10%{
        -moz-transform: scale(-0.3,0.3) translate(0,0);
        opacity:1;
    }
    20%{
        -moz-transform: scale(-0.7,0.7) translate(330%,370%);
        opacity:1;
    }
    30%{
        -moz-transform: scale(-0.5,0.5) translate(1100%,180%);
        opacity:1;
    }
    40%{
        -moz-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:1;
    }
    49%{
        -moz-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:0;
    }
    50%{
        -moz-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:0;
    }
    60%{
        -moz-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:1;
    }
    70%{
        -moz-transform: scale(0.5,0.5) translate(-1100%,180%);
        opacity:1;
    }
    80%{
        -moz-transform: scale(0.7,0.7) translate(-330%,370%);
        opacity:1;
    }
    90%{
        -moz-transform: scale(0.3,0.3) translate(0,0);
        opacity:1;
    }
}

@-webkit-keyframes inan06{
    0%,100%{
        -webkit-transform: scale(0,0) translate(0,0);
        opacity: 0;
    }
    10%{
        -webkit-transform: scale(-0.3,0.3) translate(0,0);
        opacity:1;
    }
    20%{
        -webkit-transform: scale(-0.7,0.7) translate(330%,370%);
        opacity:1;
    }
    30%{
        -webkit-transform: scale(-0.5,0.5) translate(1100%,180%);
        opacity:1;
    }
    40%{
        -webkit-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:1;
    }
    49%{
        -webkit-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:0;
    }
    50%{
        -webkit-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:0;
    }
    60%{
        -webkit-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:1;
    }
    70%{
        -webkit-transform: scale(0.5,0.5) translate(-1100%,180%);
        opacity:1;
    }
    80%{
        -webkit-transform: scale(0.7,0.7) translate(-330%,370%);
        opacity:1;
    }
    90%{
        -webkit-transform: scale(0.3,0.3) translate(0,0);
        opacity:1;
    }
}

@-o-keyframes inan06{
    0%,100%{
        -o-transform: scale(0,0) translate(0,0);
        opacity: 0;
    }
    10%{
        -o-transform: scale(-0.3,0.3) translate(0,0);
        opacity:1;
    }
    20%{
        -o-transform: scale(-0.7,0.7) translate(330%,370%);
        opacity:1;
    }
    30%{
        -o-transform: scale(-0.5,0.5) translate(1100%,180%);
        opacity:1;
    }
    40%{
        -o-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:1;
    }
    49%{
        -o-transform: scale(-0.3,0.3) translate(3300%,-80%);
        opacity:0;
    }
    50%{
        -o-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:0;
    }
    60%{
        -o-transform: scale(0.3,0.3) translate(-3300%,-80%);
        opacity:1;
    }
    70%{
        -o-transform: scale(0.5,0.5) translate(-1100%,180%);
        opacity:1;
    }
    80%{
        -o-transform: scale(0.7,0.7) translate(-330%,370%);
        opacity:1;
    }
    90%{
        transform: scale(0.3,0.3) translate(0,0);
        opacity:1;
    }
}

@-ms-keyframes inan06 {
    0%,100%{
        -ms-transform: scale(0,0) translate(0,0);
        opacity: 0;
    }
    9%{
        -ms-transform: scale(-0.3,0.3) translate(0,0);
        opacity:1;
    }
    18%{
        -ms-transform: scale(-0.6,0.6) translate(340%,600%);
        opacity:1;
    }
    27%{
        -ms-transform: scale(-0.5,0.5) translate(1200%,280%);
        opacity:1;
    }
    42%{
        -ms-transform: scale(-0.3,0.3) translate(3200%,-230%);
        opacity:1;
    }
    49%{
        -ms-transform: scale(-0.3,0.3) translate(3200%,-230%);
        opacity:0;
    }
    50%{
        -ms-transform: scale(0.3,0.3) translate(-3200%,-230%);
        opacity:0;
    }
    57%{
        -ms-transform: scale(0.3,0.3) translate(-3200%,-230%);
        opacity:1;
    }
    72%{
        -ms-transform: scale(0.5,0.5) translate(-1150%,350%);
        opacity:1;
    }
    81%{
        -ms-transform: scale(0.6,0.6) translate(-350%,600%);
        opacity:1;
    }
    90%{
        -ms-transform: scale(0.3,0.3) translate(0,0);
        opacity:1;
    }
}

.active>#nav{
    display: block;
    -webkit-animation:inan07 0.2s both 0s linear ;
    -ms-animation: inan07 0.2s both 0s linear ;
    -moz-animation: inan07 0.2s both 0s linear ;
    -o-animation: inan07 0.2s both 0s linear ;
    animation: inan07 0.2s both 0s linear ;
}

.active>#btn_nav{
    -webkit-animation:inan071 0.2s both 0s linear ;
    -ms-animation: inan071 0.2s both 0s linear ;
    -moz-animation: inan071 0.2s both 0s linear ;
    -o-animation: inan071 0.2s both 0s linear ;
    animation: inan071 0.2s both 0s linear ;
}

@keyframes inan071{
    0%{
        transform: translate(0,0);
    }
    100%{
        transform: translate(0,-213.7931%);
    }
}

@-moz-keyframes inan071{
    0%{
        -moz-transform: translate(0,0);
    }
    100%{
        -moz-transform: translate(0,-213.7931%);
    }
}

@-webkit-keyframes inan071{
    0%{
        -webkit-transform: translate(0,0);
    }
    100%{
        -webkit-transform: translate(0,-213.7931%);
    }
}

@-o-keyframes inan071{
    0%{
        -o-transform: translate(0,0);
    }
    100%{
        -o-transform: translate(0,-213.7931%);
    }
}

@-ms-keyframes inan071 {
    0%{
        -ms-transform: translate(0,0);
    }
    100%{
        -ms-transform: translate(0,-213.7931%);
    }
}

@keyframes inan07{
    0%{
        transform: translate(0,0);
    }
    100%{
        transform: translate(0,-100%);
    }
}

@-moz-keyframes inan07{
    0%{
        -moz-transform: translate(0,0);
    }
    100%{
        -moz-transform: translate(0,-100%);
    }
}

@-webkit-keyframes inan07{
    0%{
        -webkit-transform: translate(0,0);
    }
    100%{
        -webkit-transform: translate(0,-100%);
    }
}

@-o-keyframes inan07{
    0%{
        -o-transform: translate(0,0);
    }
    100%{
        -o-transform: translate(0,-100%);
    }
}

@-ms-keyframes inan07 {
    0%{
        -ms-transform: translate(0,0);
    }
    100%{
        -ms-transform: translate(0,-100%);
    }
}

.out>#nav{
    -webkit-animation:inan08 0.2s both 0s linear ;
    -ms-animation: inan08 0.2s both 0s linear ;
    -moz-animation: inan08 0.2s both 0s linear ;
    -o-animation: inan08 0.2s both 0s linear ;
    animation: inan08 0.2s both 0s linear ;
    display: block;
}

.out>#btn_nav{
    -webkit-animation:inan081 0.2s both 0s linear ;
    -ms-animation: inan081 0.2s both 0s linear ;
    -moz-animation: inan081 0.2s both 0s linear ;
    -o-animation: inan081 0.2s both 0s linear ;
    animation: inan081 0.2s both 0s linear ;
}

@keyframes inan081{
    0%{
        transform: translate(0,-213.7931%);
    }
    100%{
        transform: translate(0,0);
    }
}

@-moz-keyframes inan081{
    0%{
        -moz-transform: translate(0,-213.7931%);
    }
    100%{
        -moz-transform: translate(0,0);
    }
}

@-webkit-keyframes inan081{
    0%{
        -webkit-transform: translate(0,-213.7931%);
    }
    100%{
        -webkit-transform: translate(0,0);
    }
}

@-o-keyframes inan081{
    0%{
        -o-transform: translate(0,-213.7931%);
    }
    100%{
        -o-transform: translate(0,0);
    }
}

@-ms-keyframes inan081 {
    0%{
        -ms-transform: translate(0,-213.7931%);
    }
    100%{
        -ms-transform: translate(0,0);
    }
}

@keyframes inan08{
    0%{
        transform: translate(0,-100%);
    }
    100%{
        transform: translate(0,0);
    }
}

@-moz-keyframes inan08{
    0%{
        -moz-transform: translate(0,-100%);
    }
    100%{
        -moz-transform: translate(0,0);
    }
}

@-webkit-keyframes inan08{
    0%{
        -webkit-transform: translate(0,-100%);
    }
    100%{
        -webkit-transform: translate(0,0);
    }
}

@-o-keyframes inan08{
    0%{
        -o-transform: translate(0,-100%);
    }
    100%{
        -o-transform: translate(0,0);
    }
}

@-ms-keyframes inan08 {
    0%{
        -ms-transform: translate(0,-100%);
    }
    100%{
        -ms-transform: translate(0,0);
    }
}

#index_anim02{
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin: center center;
    -webkit-animation:inan03 15s both 0s linear infinite;
    -ms-animation: inan03 15s both 0s linear infinite;
    -moz-animation: inan03 15s both 0s linear infinite;
    -o-animation: inan03 15s both 0s linear infinite;
    animation: inan03 15s both 0s linear infinite;
}



@keyframes inan03{
    0%{
        transform: translate(0,0);
    }
    30%{
        transform: translate(-1360%,1000%);
    }
    40%{
        transform: translate(-1340%,1100%);
    }
    50%{
        transform: translate(-1330%,1320%);
    }
    65%{
        transform: translate(-1950%,1800%);
    }
    80%{
        transform: translate(-2300%,2080%);
    }
    95%{
        transform: translate(-2600%,2500%);
    }
    100%{
        transform: translate(-2740%,2750%);
    }
}

@-moz-keyframes inan03{
    0%{
        -moz-transform: translate(0,0);
    }
    30%{
        -moz-transform: translate(-1360%,1000%);
    }
    40%{
        -moz-transform: translate(-1340%,1100%);
    }
    50%{
        -moz-transform: translate(-1330%,1330%);
    }
    65%{
        -moz-transform: translate(-1950%,1800%);
    }
    80%{
        -moz-transform: translate(-2300%,2080%);
    }
    95%{
        -moz-transform: translate(-2600%,2500%);
    }
    100%{
        -moz-transform: translate(-2740%,2750%);
    }
}

@-webkit-keyframes inan03{
    0%{
        -webkit-transform: translate(0,0);
    }
    30%{
        -webkit-transform: translate(-1360%,1000%);
    }
    40%{
        -webkit-transform: translate(-1340%,1100%);
    }
    50%{
        -webkit-transform: translate(-1330%,1330%);
    }
    65%{
        -webkit-transform: translate(-1950%,1800%);
    }
    80%{
        -webkit-transform: translate(-2300%,2080%);
    }
    95%{
        -webkit-transform: translate(-2600%,2500%);
    }
    100%{
        -webkit-transform: translate(-2740%,2750%);
    }
}

@-o-keyframes inan03{
    0%{
        -o-transform: translate(0,0);
    }
    30%{
        -o-transform: translate(-1360%,1000%);
    }
    40%{
        -o-transform: translate(-1340%,1100%);
    }
    50%{
        -o-transform: translate(-1330%,1330%);
    }
    65%{
        -o-transform: translate(-1950%,1800%);
    }
    80%{
        -o-transform: translate(-2300%,2080%);
    }
    95%{
        -o-transform: translate(-2600%,2500%);
    }
    100%{
        -o-transform: translate(-2740%,2750%);
    }
}

@-ms-keyframes inan03 {
    0%{
        -ms-transform: translate(0,0);
    }
    30%{
        -ms-transform: translate(-1360%,1000%);
    }
    40%{
        -ms-transform: translate(-1340%,1100%);
    }
    50%{
        -ms-transform: translate(-1330%,1330%);
    }
    65%{
        -ms-transform: translate(-1950%,1800%);
    }
    80%{
        -ms-transform: translate(-2300%,2080%);
    }
    95%{
        -ms-transform: translate(-2600%,2500%);
    }
    100%{
        -ms-transform: translate(-2740%,2750%);
    }
}

@media screen and (min-width:1024px) and (max-width: 1366px){
    @keyframes inan03{
        0%{
            transform: translate(0,0);
        }
        30%{
            transform: translate(-1365%,1000%);
        }
        40%{
            transform: translate(-1348%,1150%);
        }
        50%{
            transform: translate(-1330%,1300%);
        }
        65%{
            transform: translate(-1950%,1750%);
        }
        80%{
            transform: translate(-2350%,2080%);
        }
        95%{
            transform: translate(-2650%,2500%);
        }
        100%{
            transform: translate(-2810%,2750%);
        }
    }

    @-moz-keyframes inan03{
        0%{
            -moz-transform: translate(0,0);
        }
        30%{
            -moz-transform: translate(-1365%,1000%);
        }
        40%{
            -moz-transform: translate(-1348%,1150%);
        }
        50%{
            -moz-transform: translate(-1330%,1300%);
        }
        65%{
            -moz-transform: translate(-1950%,1750%);
        }
        80%{
            -moz-transform: translate(-2350%,2080%);
        }
        95%{
            -moz-transform: translate(-2650%,2500%);
        }
        100%{
            -moz-transform: translate(-2810%,2750%);
        }
    }

    @-webkit-keyframes inan03{
        0%{
            -webkit-transform: translate(0,0);
        }
        30%{
            -webkit-transform: translate(-1365%,1000%);
        }
        40%{
            -webkit-transform: translate(-1348%,1150%);
        }
        50%{
            -webkit-transform: translate(-1330%,1300%);
        }
        65%{
            -webkit-transform: translate(-1950%,1750%);
        }
        80%{
            -webkit-transform: translate(-2350%,2080%);
        }
        95%{
            -webkit-transform: translate(-2650%,2500%);
        }
        100%{
            -webkit-transform: translate(-2810%,2750%);
        }
    }

    @-o-keyframes inan03{
        0%{
            -o-transform: translate(0,0);
        }
        30%{
            -o-transform: translate(-1365%,1000%);
        }
        40%{
            -o-transform: translate(-1348%,1100%);
        }
        50%{
            -o-transform: translate(-1330%,1300%);
        }
        65%{
            -o-transform: translate(-1950%,1750%);
        }
        80%{
            -o-transform: translate(-2350%,2080%);
        }
        95%{
            -o-transform: translate(-2650%,2500%);
        }
        100%{
            -o-transform: translate(-2810%,2750%);
        }
    }

    @-ms-keyframes inan03 {
        0%{
            -ms-transform: translate(0,0);
        }
        30%{
            -ms-transform: translate(-1365%,1000%);
        }
        40%{
            -ms-transform: translate(-1348%,1100%);
        }
        50%{
            -ms-transform: translate(-1330%,1300%);
        }
        65%{
            -ms-transform: translate(-1950%,1750%);
        }
        80%{
            -ms-transform: translate(-2350%,2080%);
        }
        95%{
            -ms-transform: translate(-2650%,2500%);
        }
        100%{
            -ms-transform: translate(-2810%,2750%);
        }
    }
}

#index_car01{
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin: center center;
    -webkit-animation:inan04 15s both 0s linear infinite;
    -ms-animation: inan04 15s both 0s linear infinite;
    -moz-animation: inan04 15s both 0s linear infinite;
    -o-animation: inan04 15s both 0s linear infinite;
    animation: inan04 15s both 0s linear infinite;
}

@keyframes inan04{
    0%{
        transform:rotate(0deg);
    }
    30%{
        transform:rotate(0deg);
    }
    40%{
        transform:rotate(-60deg);
    }
    50%{
        transform:rotate(-15deg);
    }
    65%{
        transform:rotate(5deg);
    }
    80%{
        transform:rotate(-10deg);
    }
    95%{
        transform:rotate(-22deg);
    }
    100%{
        transform:rotate(-30deg);
    }
}

@-moz-keyframes inan04{
    0%{
        -moz-transform:rotate(0deg);
    }
    30%{
        -moz-transform:rotate(0deg);
    }
    40%{
        -moz-transform:rotate(-60deg);
    }
    50%{
        -moz-transform:rotate(-15deg);
    }
    65%{
        -moz-transform:rotate(5deg);
    }
    80%{
        -moz-transform:rotate(-10deg);
    }
    95%{
        -moz-transform:rotate(-22deg);
    }
    100%{
        -moz-transform:rotate(-30deg);
    }
}

@-webkit-keyframes inan04{
    0%{
        -webkit-transform:rotate(0deg);
    }
    30%{
        -webkit-transform:rotate(0deg);
    }
    40%{
        -webkit-transform:rotate(-60deg);
    }
    50%{
        -webkit-transform:rotate(-15deg);
    }
    65%{
        -webkit-transform:rotate(5deg);
    }
    80%{
        -webkit-transform:rotate(-10deg);
    }
    95%{
        -webkit-transform:rotate(-22deg);
    }
    100%{
        -webkit-transform:rotate(-30deg);
    }
}

@-o-keyframes inan04{
    0%{
        -o-transform:rotate(0deg);
    }
    30%{
        -o-transform:rotate(0deg);
    }
    40%{
        -o-transform:rotate(-60deg);
    }
    50%{
        -o-transform:rotate(-15deg);
    }
    65%{
        -o-transform:rotate(5deg);
    }
    80%{
        -o-transform:rotate(-10deg);
    }
    95%{
        -o-transform:rotate(-22deg);
    }
    100%{
        -o-transform:rotate(-30deg);
    }
}

@-ms-keyframes inan04 {
    0%{
        -ms-transform:rotate(0deg);
    }
    30%{
        -ms-transform:rotate(0deg);
    }
    40%{
        -ms-transform:rotate(-60deg);
    }
    50%{
        -ms-transform:rotate(-15deg);
    }
    65%{
        -ms-transform:rotate(5deg);
    }
    80%{
        -ms-transform:rotate(-10deg);
    }
    95%{
        -ms-transform:rotate(-22deg);
    }
    100%{
        -ms-transform:rotate(-30deg);
    }
}

#index_anim04{
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin: center center;
    -webkit-animation:inan09 15s both 0s linear infinite;
    -ms-animation: inan09 15s both 0s linear infinite;
    -moz-animation: inan09 15s both 0s linear infinite;
    -o-animation: inan09 15s both 0s linear infinite;
    animation: inan09 15s both 0s linear infinite;
}

@keyframes inan09{
    0%{
        transform: translate(0,0);
    }
    20%{
        transform: translate(-952%,333%);
    }
    40%{
        transform: translate(-1714%,625%);
    }
    55%{
        transform: translate(-1785%,750%);
    }
    70%{
        transform: translate(-1952%,1083%);
    }
    100%{
        transform: translate(-2405%,1917%);
    }
}

@-moz-keyframes inan09{
    0%{
        -moz-transform: translate(0,0);
    }
    20%{
        -moz-transform: translate(-952%,333%);
    }
    40%{
        -moz-transform: translate(-1714%,625%);
    }
    55%{
        -moz-transform: translate(-1785%,750%);
    }
    70%{
        -moz-transform: translate(-1952%,1083%);
    }
    100%{
        -moz-transform: translate(-2405%,1917%);
    }
}

@-webkit-keyframes inan09{
    0%{
        -webkit-transform: translate(0,0);
    }
    20%{
        -webkit-transform: translate(-952%,333%);
    }
    40%{
        -webkit-transform: translate(-1714%,625%);
    }
    55%{
        -webkit-transform: translate(-1785%,750%);
    }
    70%{
        -webkit-transform: translate(-1952%,1083%);
    }
    100%{
        -webkit-transform: translate(-2405%,1917%);
    }
}

@-o-keyframes inan09{
    0%{
        -o-transform: translate(0,0);
    }
    20%{
        -o-transform: translate(-952%,333%);
    }
    40%{
        -o-transform: translate(-1714%,625%);
    }
    55%{
        -o-transform: translate(-1785%,750%);
    }
    70%{
        -o-transform: translate(-1952%,1083%);
    }
    100%{
        -o-transform: translate(-2405%,1917%);
    }
}

@-ms-keyframes inan09 {
    0%{
        -ms-transform: translate(0,0);
    }
    20%{
        -ms-transform: translate(-952%,333%);
    }
    40%{
        -ms-transform: translate(-1714%,625%);
    }
    55%{
        -ms-transform: translate(-1785%,750%);
    }
    70%{
        -ms-transform: translate(-1952%,1083%);
    }
    100%{
        -ms-transform: translate(-2405%,1917%);
    }
}

#index_car02{
    -moz-transform-origin:center center;
    -webkit-transform-origin:center center;
    -o-transform-origin:center center;
    -ms-transform-origin:center center;
    transform-origin: center center;
    -webkit-animation:inan010 15s both 0s linear infinite;
    -ms-animation: inan010 15s both 0s linear infinite;
    -moz-animation: inan010 15s both 0s linear infinite;
    -o-animation: inan010 15s both 0s linear infinite;
    animation: inan010 15s both 0s linear infinite;
}

@keyframes inan010{
    0%{
        transform:rotate(0);
    }
    20%{
        transform:rotate(-3deg);
    }
    40%{
        transform:rotate(-5deg);
    }
    55%{
        transform:rotate(-45deg);
    }
    70%{
        transform:rotate(-35deg);
    }
    100%{
        transform:rotate(-35deg);
    }
}

@-moz-keyframes inan010{
    0%{
        -moz-transform:rotate(0deg);
    }
    20%{
        -moz-transform:rotate(-3deg);
    }
    40%{
        -moz-transform:rotate(-5deg);
    }
    55%{
        -moz-transform:rotate(-45deg);
    }
    70%{
        -moz-transform:rotate(-35deg);
    }
    100%{
        -moz-transform:rotate(-35deg);
    }
}

@-webkit-keyframes inan010{
    0%{
        -webkit-transform:rotate(0deg);
    }
    20%{
        -webkit-transform:rotate(-3deg);
    }
    40%{
        -webkit-transform:rotate(-5deg);
    }
    55%{
        -webkit-transform:rotate(-45deg);
    }
    70%{
        -webkit-transform:rotate(-35deg);
    }
    100%{
        -webkit-transform:rotate(-35deg);
    }
}

@-o-keyframes inan010{
    0%{
        -o-transform:rotate(0deg);
    }
    20%{
        -o-transform:rotate(-3deg);
    }
    40%{
        -o-transform:rotate(-5deg);
    }
    55%{
        -o-transform:rotate(-45deg);
    }
    70%{
        -o-transform:rotate(-35deg);
    }
    100%{
        -o-transform:rotate(-35deg);
    }
}

@-ms-keyframes inan010 {
    0%{
        -ms-transform:rotate(0deg);
    }
    20%{
        -ms-transform:rotate(-3deg);
    }
    40%{
        -ms-transform:rotate(-5deg);
    }
    55%{
        -ms-transform:rotate(-45deg);
    }
    70%{
        -ms-transform:rotate(-35deg);
    }
    100%{
        -ms-transform:rotate(-35deg);
    }
}


.login_in #box_login{
    -webkit-animation:OpacityIn 0.2s both 0s linear;
    -ms-animation: OpacityIn 0.2s both 0s linear;
    -moz-animation: OpacityIn 0.2s both 0s linear;
    -o-animation: OpacityIn 0.2s both 0s linear;
    animation: OpacityIn 0.2s both 0s linear;
}

.login_out #box_mine{
    -webkit-animation:OpacityOut 0.2s both 0s linear;
    -ms-animation: OpacityOut 0.2s both 0s linear;
    -moz-animation: OpacityOut 0.2s both 0s linear;
    -o-animation: OpacityOut 0.2s both 0s linear;
    animation: OpacityOut 0.2s both 0s linear;
}

@keyframes OpacityIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;

    }
}

@-moz-keyframes OpacityIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-webkit-keyframes OpacityIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-o-keyframes OpacityIn{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

@-ms-keyframes OpacityIn {
    0%{
        opacity: 0;
    }
    100%{
        opacity: 1;
    }
}

.login_out #box_login{
    -webkit-animation:OpacityOut 0.2s both 0s linear;
    -ms-animation: OpacityOut 0.2s both 0s linear;
    -moz-animation: OpacityOut 0.2s both 0s linear;
    -o-animation: OpacityOut 0.2s both 0s linear;
    animation: OpacityOut 0.2s both 0s linear;
}

.login_out #box_mine{
    -webkit-animation:OpacityIn 0.2s both 0s linear;
    -ms-animation: OpacityIn 0.2s both 0s linear;
    -moz-animation: OpacityIn 0.2s both 0s linear;
    -o-animation: OpacityIn 0.2s both 0s linear;
    animation: OpacityIn 0.2s both 0s linear;
}

@keyframes OpacityOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@-moz-keyframes OpacityOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@-webkit-keyframes OpacityOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@-o-keyframes OpacityOut{
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

@-ms-keyframes OpacityOut {
    0%{
        opacity: 1;
    }
    100%{
        opacity: 0;
    }
}

/*i1*/
/*#i1 .icon_river{*/
    /*-webkit-animation:i1an00 2s both 0s linear infinite;*/
    /*-ms-animation: i1an00 2s both 0s linear infinite;*/
    /*-moz-animation: i1an00 2s both 0s linear infinite;*/
    /*-o-animation: i1an00 2s both 0s linear infinite;*/
    /*animation: i1an00 2s both 0s linear infinite;*/
/*}*/

@keyframes i1an00{
    0%,100%{
        background: url("../images/village/river01.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/village/river02.png");
        background-size: 100% 100%;
    }
}

@-moz-keyframes i1an00{
    0%,100%{
        background: url("../images/village/river01.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/village/river02.png");
        background-size: 100% 100%;
    }
}

@-webkit-keyframes i1an00{
    0%,100%{
        background: url("../images/village/river01.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/village/river02.png");
        background-size: 100% 100%;
    }
}

@-o-keyframes i1an00{
    0%,100%{
        background: url("../images/village/river01.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/village/river02.png");
        background-size: 100% 100%;
    }
}

@-ms-keyframes i1an00 {
    0%,100%{
        background: url("../images/village/river01.png");
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/village/river02.png");
        background-size: 100% 100%;
    }
}


/*#i1 .btngroup .btn:hover .house{*/
    /*-webkit-animation:i1an01 0.2s both 0s linear;*/
    /*-ms-animation: i1an01 0.2s both 0s linear;*/
    /*-moz-animation: i1an01 0.2s both 0s linear;*/
    /*-o-animation: i1an01 0.2s both 0s linear;*/
    /*animation: i1an01 0.2s both 0s linear;*/
/*}*/

@keyframes i1an01{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.1);
    }
}

@-moz-keyframes i1an01{
    0%{
        -moz-transform: scale(1);
    }
    100%{
        -moz-transform: scale(1.1);
    }
}

@-webkit-keyframes i1an01{
    0%{
        -webkit-transform: scale(1);
    }
    100%{
        -webkit-transform: scale(1.1);
    }
}

@-o-keyframes i1an01{
    0%{
        -o-transform: scale(1);
    }
    100%{
        -o-transform: scale(1.1);
    }
}

@-ms-keyframes i1an01 {
    0%{
        -ms-transform: scale(1);
    }
    100%{
        -ms-transform: scale(1.1);
    }
}

.pop_i1_sx01.active{
    -webkit-animation:i1an02 0.5s both 0.5s linear;
    -ms-animation: i1an02 0.5s both 0.5s linear;
    -moz-animation: i1an02 0.5s both 0.5s linear;
    -o-animation: i1an02 0.5s both 0.5s linear;
    animation: i1an02 0.5s both 0.5s linear;
}

@keyframes i1an02{
    0%{
        transform: translateX(30%);
        opacity: 0;
    }
    100%{
        transform:translateX(0%);
        opacity: 1;
    }
}

@-moz-keyframes i1an02{
    0%{
        -moz-transform:translateX(30%);
        opacity: 0;
    }
    100%{
        -moz-transform:translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes i1an02{
    0%{
        -webkit-transform:translateX(30%);
        opacity: 0;
    }
    100%{
        -webkit-transform:translateX(0%);
        opacity: 1;
    }
}

@-o-keyframes i1an02{
    0%{
        -o-transform:translateX(30%);
        opacity: 0;
    }
    100%{
        -o-transform:translateX(0%);
        opacity: 1;
    }
}

@-ms-keyframes i1an02 {
    0%{
        -ms-transform:translateX(30%);
        opacity: 0;
    }
    100%{
        -ms-transform:translateX(0%);
        opacity: 1;
    }
}

.pop_i1_sx02.active{
    -webkit-animation:i1an03 0.5s both 0.5s linear;
    -ms-animation: i1an03 0.5s both 0.5s linear;
    -moz-animation: i1an03 0.5s both 0.5s linear;
    -o-animation: i1an03 0.5s both 0.5s linear;
    animation: i1an03 0.5s both 0.5s linear;
}

@keyframes i1an03{
    0%{
        transform: translateX(-30%);
        opacity: 0;
    }
    100%{
        transform:translateX(0%);
        opacity: 1;
    }
}

@-moz-keyframes i1an03{
    0%{
        -moz-transform:translateX(-30%);
        opacity: 0;
    }
    100%{
        -moz-transform:translateX(0%);
        opacity: 1;
    }
}

@-webkit-keyframes i1an03{
    0%{
        -webkit-transform:translateX(-30%);
        opacity: 0;
    }
    100%{
        -webkit-transform:translateX(0%);
        opacity: 1;
    }
}

@-o-keyframes i1an03{
    0%{
        -o-transform:translateX(-30%);
        opacity: 0;
    }
    100%{
        -o-transform:translateX(0%);
        opacity: 1;
    }
}

@-ms-keyframes i1an03 {
    0%{
        -ms-transform:translateX(-30%);
        opacity: 0;
    }
    100%{
        -ms-transform:translateX(0%);
        opacity: 1;
    }
}

.pop_i1_sx03.active{
    -webkit-animation:i1an04 0.5s both 0.5s linear;
    -ms-animation: i1an04 0.5s both 0.5s linear;
    -moz-animation: i1an04 0.5s both 0.5s linear;
    -o-animation: i1an04 0.5s both 0.5s linear;
    animation: i1an04 0.5s both 0.5s linear;
}

@keyframes i1an04{
    0%{
        transform: translateY(-30%);
        opacity: 0;
    }
    100%{
        transform:translateY(0%);
        opacity: 1;
    }
}

@-moz-keyframes i1an04{
    0%{
        -moz-transform:translateY(-30%);
        opacity: 0;
    }
    100%{
        -moz-transform:translateY(0%);
        opacity: 1;
    }
}

@-webkit-keyframes i1an04{
    0%{
        -webkit-transform:translateY(-30%);
        opacity: 0;
    }
    100%{
        -webkit-transform:translateY(0%);
        opacity: 1;
    }
}

@-o-keyframes i1an04{
    0%{
        -o-transform:translateY(-30%);
        opacity: 0;
    }
    100%{
        -o-transform:translateY(0%);
        opacity: 1;
    }
}

@-ms-keyframes i1an04 {
    0%{
        -ms-transform:translateY(-30%);
        opacity: 0;
    }
    100%{
        -ms-transform:translateY(0%);
        opacity: 1;
    }
}

.pop_i1_sx04.active{
    -webkit-animation:i1an05 0.5s both 0.5s linear;
    -ms-animation: i1an05 0.5s both 0.5s linear;
    -moz-animation: i1an05 0.5s both 0.5s linear;
    -o-animation: i1an05 0.5s both 0.5s linear;
    animation: i1an05 0.5s both 0.5s linear;
}

@keyframes i1an05{
    0%{
        transform: translate(30%,0%);
        opacity: 0;
    }
    50%{
        transform: translate(15%,-10%);
        opacity: 1;
    }
    100%{
        transform:translate(0%,0%);
        opacity: 1;
    }
}

@-moz-keyframes i1an05{
    0%{
        -moz-transform:translate(30%,0%);
        opacity: 0;
    }
    50%{
        -moz-transform: translate(15%,-10%);
        opacity: 1;
    }
    100%{
        -moz-transform:translate(0%,0%);
        opacity: 1;
    }
}

@-webkit-keyframes i1an05{
    0%{
        -webkit-transform:translate(30%,0%);
        opacity: 0;
    }
    50%{
        -webkit-transform: translate(15%,-10%);
        opacity: 1;
    }
    100%{
        -webkit-transform:translate(0%,0%);
        opacity: 1;
    }
}

@-o-keyframes i1an05{
    0%{
        -o-transform:translate(30%,0%);
        opacity: 0;
    }
    50%{
        -o-transform: translate(15%,-10%);
        opacity: 1;
    }
    100%{
        -o-transform:translate(0%,0%);
        opacity: 1;
    }
}

@-ms-keyframes i1an05 {
    0%{
        -ms-transform:translate(30%,0%);
        opacity: 0;
    }
    50%{
        -ms-transform: translate(15%,-10%);
        opacity: 1;
    }
    100%{
        -ms-transform:translate(0%,0%);
        opacity: 1;
    }
}

.pop_i1_sx05.active{
    -webkit-animation:i1an06 0.5s both 0.5s linear;
    -ms-animation: i1an06 0.5s both 0.5s linear;
    -moz-animation: i1an06 0.5s both 0.5s linear;
    -o-animation: i1an06 0.5s both 0.5s linear;
    animation: i1an06 0.5s both 0.5s linear;
}

@keyframes i1an06{
    0%{
        transform: rotateY(90deg);
        opacity: 0;
    }
    100%{
        transform:rotateY(0deg);
        opacity: 1;
    }
}

@-moz-keyframes i1an06{
    0%{
        -moz-transform: rotateY(90deg);
        opacity: 0;
    }
    100%{
        -moz-transform:rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes i1an06{
    0%{
        -webkit-transform: rotateY(90deg);
        opacity: 0;
    }
    100%{
        -webkit-transform:rotateY(0deg);
        opacity: 1;
    }
}

@-o-keyframes i1an06{
    0%{
        -o-transform: rotateY(90deg);
        opacity: 0;
    }
    100%{
        -o-transform:rotateY(0deg);
        opacity: 1;
    }
}

@-ms-keyframes i1an06 {
    0%{
        -ms-transform: rotateY(90deg);
        opacity: 0;
    }
    100%{
        -ms-transform:rotateY(0deg);
        opacity: 1;
    }
}

.pop_i1_sx06.active{
    -webkit-transform-origin:bottom left;
    -ms-transform-origin:bottom left;
    -moz-transform-origin:bottom left;
    -o-transform-origin:bottom left;
    transform-origin:bottom left;
    -webkit-animation:i1an07 0.5s both 0.5s linear;
    -ms-animation: i1an07 0.5s both 0.5s linear;
    -moz-animation: i1an07 0.5s both 0.5s linear;
    -o-animation: i1an07 0.5s both 0.5s linear;
    animation: i1an07 0.5s both 0.5s linear;
}

@keyframes i1an07{
    0%{
        transform: scale(0);
        opacity: 0;
    }
    100%{
        transform:scale(1);
        opacity: 1;
    }
}

@-moz-keyframes i1an07{
    0%{
        -moz-transform:scale(0);
        opacity: 0;
    }
    100%{
        -moz-transform:scale(1);
        opacity: 1;
    }
}

@-webkit-keyframes i1an07{
    0%{
        -webkit-transform:  scale(0);
        opacity: 0;
    }
    100%{
        -webkit-transform:scale(1);
        opacity: 1;
    }
}

@-o-keyframes i1an07{
    0%{
        -o-transform: scale(0);
        opacity: 0;
    }
    100%{
        -o-transform:scale(1);
        opacity: 1;
    }
}

@-ms-keyframes i1an07 {
    0%{
        -ms-transform: scale(0);
        opacity: 0;
    }
    100%{
        -ms-transform:scale(1);
        opacity: 1;
    }
}

.pop_i1_sx07.active{
    -webkit-animation:i1an07 0.5s both 0.5s linear;
    -ms-animation: i1an07 0.5s both 0.5s linear;
    -moz-animation: i1an07 0.5s both 0.5s linear;
    -o-animation: i1an07 0.5s both 0.5s linear;
    animation: i1an07 0.5s both 0.5s linear;
}

.nav_icon02{
    -webkit-animation:i1an014 2s both 0.5s linear infinite;
    -ms-animation: i1an014 2s both 0.5s linear infinite;
    -moz-animation: i1an014 2s both 0.5s linear infinite;
    -o-animation: i1an014 2s both 0.5s linear infinite;
    animation: i1an014 2s both 0s linear infinite;
}

@keyframes i1an014{
    0%{
        transform:rotate(0);
    }
    100%{
        transform:rotate(360deg);
    }
}

@-moz-keyframes i1an014{
    0%{
        -moz-transform:rotate(0);
    }
    100%{
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes i1an014{
    0%{
        -webkit-transform:rotate(0);
    }
    100%{
        -webkit-transform:rotate(360deg);
    }
}

@-o-keyframes i1an014{
    0%{
        -o-transform:rotate(0);
    }
    100%{
        -o-transform:rotate(360deg);
    }
}

@-ms-keyframes i1an014 {
    0%{
        -ms-transform: rotate(0);
    }
    100%{
        -ms-transform:rotate(360deg);
    }
}

.nav_icon03.active{
    -webkit-animation:i1an01 0.5s both 0s linear ;
    -ms-animation: i1an01 0.5s both 0s linear ;
    -moz-animation: i1an01 0.5s both 0s linear ;
    -o-animation: i1an01 0.5s both 0s linear ;
    animation: i1an01 0.5s both 0s linear ;
}

.nav_icon04:hover{
    -webkit-animation:i1an015 1s both 0.5s linear ;
    -ms-animation: i1an015 1s both 0.5s linear ;
    -moz-animation: i1an015 1s both 0.5s linear ;
    -o-animation: i1an015 1s both 0.5s linear ;
    animation: i1an015 1s both 0s linear ;
}

@keyframes i1an015{
    0%{
        width: 87px;
    }
    100%{
        width: 800px;
    }
}

@-moz-keyframes i1an015{
    0%{
        width: 87px;
    }
    100%{
        width: 800px;
    }
}

@-webkit-keyframes i1an015{
    0%{
        width: 87px;
    }
    100%{
        width: 800px;
    }
}

@-o-keyframes i1an015{
    0%{
        width: 87px;
    }
    100%{
        width: 800px;
    }
}

@-ms-keyframes i1an015 {
    0%{
        width: 87px;
    }
    100%{
        width: 800px;
    }
}

.btn_go_l{
    -webkit-animation:i1an016 0.5s both 0s linear infinite;
    -ms-animation: i1an016 0.5s both 0s linear infinite;
    -moz-animation: i1an016 0.5s both 0s linear infinite;
    -o-animation: i1an016 0.5s both 0s linear infinite;
    animation: i1an016 0.5s both 0s linear infinite;
}

.btn_go_t{
    -webkit-animation:i1an016 0.5s both 0s linear infinite;
    -ms-animation: i1an016 0.5s both 0s linear infinite;
    -moz-animation: i1an016 0.5s both 0s linear infinite;
    -o-animation: i1an016 0.5s both 0s linear infinite;
    animation: i1an016 0.5s both 0s linear infinite;
}

@keyframes i1an016{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

@-moz-keyframes i1an016{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

@-webkit-keyframes i1an016{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

@-o-keyframes i1an016{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

@-ms-keyframes i1an016{
    0%,100%{
        opacity: 0;
    }
    50%{
        opacity: 1;
    }
}

/*#i5 .animatebox .i5an01 {*/
    /*-webkit-animation:i5an00 2s both 0s linear infinite;*/
    /*-ms-animation: i5an00 2s both 0s linear infinite;*/
    /*-moz-animation: i5an00 2s both 0s linear infinite;*/
    /*-o-animation: i5an00 2s both 0s linear infinite;*/
    /*animation: i5an00 2s both 0s linear infinite;*/
/*}*/

@keyframes i5an00{
    0%,100%{
        background: url("../images/school/river01.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/river02.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/river03.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/river04.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-moz-keyframes i5an00{
    0%,100%{
        background: url("../images/school/river01.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/river02.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/river03.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/river04.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-webkit-keyframes i5an00{
    0%,100%{
        background: url("../images/school/river01.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/river02.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/river03.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/river04.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-o-keyframes i5an00{
    0%,100%{
        background: url("../images/school/river01.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/river02.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/river03.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/river04.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-ms-keyframes i5an00 {
    0%,100%{
        background: url("../images/school/river01.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/river02.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/river03.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/river04.png") no-repeat;
        background-size: 100% 100%;
    }
}

/*#i5 .i5an02 {*/
    /*-webkit-animation:i5an01 5s both 0s linear infinite;*/
    /*-ms-animation: i5an01 5s both 0s linear infinite;*/
    /*-moz-animation: i5an01 5s both 0s linear infinite;*/
    /*-o-animation: i5an01 5s both 0s linear infinite;*/
    /*animation: i5an01 5s both 0s linear infinite;*/
/*}*/

@keyframes i5an01{
    0%,100%{
        background: url("../images/school/flag0001.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/flag0002.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/flag0003.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/flag0004.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/flag0005.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/flag0006.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/flag0007.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/flag0008.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/flag0009.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/flag0010.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/flag0011.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/flag0012.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/flag0013.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/flag0014.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/flag0015.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/flag0016.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/flag0017.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/flag0018.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/flag0019.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/flag0020.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/flag0021.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/flag0022.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/flag0023.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/flag0024.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/flag0025.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/flag0026.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/flag0027.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/flag0028.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/flag0029.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/flag0030.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/flag0031.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/flag0032.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/flag0033.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/flag0034.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/flag0035.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/flag0036.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/flag0037.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/flag0038.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/flag0039.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/flag0040.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-moz-keyframes i5an01{
    0%,100%{
        background: url("../images/school/flag0001.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/flag0002.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/flag0003.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/flag0004.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/flag0005.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/flag0006.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/flag0007.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/flag0008.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/flag0009.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/flag0010.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/flag0011.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/flag0012.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/flag0013.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/flag0014.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/flag0015.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/flag0016.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/flag0017.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/flag0018.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/flag0019.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/flag0020.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/flag0021.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/flag0022.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/flag0023.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/flag0024.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/flag0025.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/flag0026.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/flag0027.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/flag0028.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/flag0029.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/flag0030.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/flag0031.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/flag0032.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/flag0033.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/flag0034.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/flag0035.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/flag0036.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/flag0037.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/flag0038.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/flag0039.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/flag0040.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-webkit-keyframes i5an01{
    0%,100%{
        background: url("../images/school/flag0001.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/flag0002.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/flag0003.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/flag0004.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/flag0005.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/flag0006.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/flag0007.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/flag0008.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/flag0009.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/flag0010.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/flag0011.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/flag0012.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/flag0013.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/flag0014.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/flag0015.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/flag0016.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/flag0017.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/flag0018.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/flag0019.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/flag0020.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/flag0021.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/flag0022.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/flag0023.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/flag0024.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/flag0025.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/flag0026.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/flag0027.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/flag0028.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/flag0029.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/flag0030.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/flag0031.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/flag0032.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/flag0033.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/flag0034.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/flag0035.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/flag0036.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/flag0037.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/flag0038.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/flag0039.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/flag0040.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-o-keyframes i5an01{
    0%,100%{
        background: url("../images/school/flag0001.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/flag0002.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/flag0003.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/flag0004.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/flag0005.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/flag0006.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/flag0007.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/flag0008.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/flag0009.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/flag0010.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/flag0011.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/flag0012.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/flag0013.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/flag0014.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/flag0015.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/flag0016.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/flag0017.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/flag0018.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/flag0019.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/flag0020.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/flag0021.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/flag0022.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/flag0023.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/flag0024.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/flag0025.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/flag0026.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/flag0027.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/flag0028.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/flag0029.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/flag0030.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/flag0031.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/flag0032.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/flag0033.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/flag0034.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/flag0035.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/flag0036.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/flag0037.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/flag0038.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/flag0039.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/flag0040.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-ms-keyframes i5an01 {
    0%,100%{
        background: url("../images/school/flag0001.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/flag0002.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/flag0003.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/flag0004.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/flag0005.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/flag0006.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/flag0007.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/flag0008.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/flag0009.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/flag0010.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/flag0011.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/flag0012.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/flag0013.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/flag0014.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/flag0015.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/flag0016.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/flag0017.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/flag0018.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/flag0019.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/flag0020.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/flag0021.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/flag0022.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/flag0023.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/flag0024.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/flag0025.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/flag0026.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/flag0027.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/flag0028.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/flag0029.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/flag0030.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/flag0031.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/flag0032.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/flag0033.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/flag0034.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/flag0035.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/flag0036.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/flag0037.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/flag0038.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/flag0039.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/flag0040.png") no-repeat;
        background-size: 100% 100%;
    }
}

/*#i5 .school_build06 {*/
    /*-webkit-animation:i5an02 5s both 0s linear infinite;*/
    /*-ms-animation: i5an02 5s both 0s linear infinite;*/
    /*-moz-animation: i5an02 5s both 0s linear infinite;*/
    /*-o-animation: i5an02 5s both 0s linear infinite;*/
    /*animation: i5an02 5s both 0s linear infinite;*/
/*}*/

@keyframes i5an02{
    0%,100%{
        background: url("../images/school/stone0001.png") no-repeat;
        background-size: 100% 100%;
    }
    1.25%{
        background: url("../images/school/stone0002.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/stone0003.png") no-repeat;
        background-size: 100% 100%;
    }
    3.75%{
        background: url("../images/school/stone0004.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/stone0005.png") no-repeat;
        background-size: 100% 100%;
    }
    6.25%{
        background: url("../images/school/stone0006.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/stone0007.png") no-repeat;
        background-size: 100% 100%;
    }
    8.75%{
        background: url("../images/school/stone0008.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/stone0009.png") no-repeat;
        background-size: 100% 100%;
    }
    11.25%{
        background: url("../images/school/stone0010.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/stone0011.png") no-repeat;
        background-size: 100% 100%;
    }
    13.75%{
        background: url("../images/school/stone0012.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/stone0013.png") no-repeat;
        background-size: 100% 100%;
    }
    16.25%{
        background: url("../images/school/stone0014.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/stone0015.png") no-repeat;
        background-size: 100% 100%;
    }
    18.75%{
        background: url("../images/school/stone0016.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/stone0017.png") no-repeat;
        background-size: 100% 100%;
    }
    21.25%{
        background: url("../images/school/stone0018.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/stone0019.png") no-repeat;
        background-size: 100% 100%;
    }
    23.75%{
        background: url("../images/school/stone0020.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/stone0021.png") no-repeat;
        background-size: 100% 100%;
    }
    26.25%{
        background: url("../images/school/stone0022.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/stone0023.png") no-repeat;
        background-size: 100% 100%;
    }
    28.75%{
        background: url("../images/school/stone0024.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/stone0025.png") no-repeat;
        background-size: 100% 100%;
    }
    31.25%{
        background: url("../images/school/stone0026.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/stone0027.png") no-repeat;
        background-size: 100% 100%;
    }
    33.75%{
        background: url("../images/school/stone0028.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/stone0029.png") no-repeat;
        background-size: 100% 100%;
    }
    36.25%{
        background: url("../images/school/stone0030.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/stone0031.png") no-repeat;
        background-size: 100% 100%;
    }
    38.75%{
        background: url("../images/school/stone0032.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/stone0033.png") no-repeat;
        background-size: 100% 100%;
    }
    41.25%{
        background: url("../images/school/stone0034.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/stone0035.png") no-repeat;
        background-size: 100% 100%;
    }
    43.75%{
        background: url("../images/school/stone0036.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/stone0037.png") no-repeat;
        background-size: 100% 100%;
    }
    46.25%{
        background: url("../images/school/stone0038.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/stone0039.png") no-repeat;
        background-size: 100% 100%;
    }
    48.75%{
        background: url("../images/school/stone0040.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/stone0041.png") no-repeat;
        background-size: 100% 100%;
    }
    51.25%{
        background: url("../images/school/stone0042.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/stone0043.png") no-repeat;
        background-size: 100% 100%;
    }
    53.75%{
        background: url("../images/school/stone0044.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/stone0045.png") no-repeat;
        background-size: 100% 100%;
    }
    56.25%{
        background: url("../images/school/stone0046.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/stone0047.png") no-repeat;
        background-size: 100% 100%;
    }
    58.75%{
        background: url("../images/school/stone0048.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/stone0049.png") no-repeat;
        background-size: 100% 100%;
    }
    61.25%{
         background: url("../images/school/stone0050.png") no-repeat;
         background-size: 100% 100%;
     }
    62.5%{
        background: url("../images/school/stone0051.png") no-repeat;
        background-size: 100% 100%;
    }
    63.75%{
        background: url("../images/school/stone0052.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/stone0053.png") no-repeat;
        background-size: 100% 100%;
    }
    66.25%{
        background: url("../images/school/stone0054.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/stone0055.png") no-repeat;
        background-size: 100% 100%;
    }
    68.75%{
        background: url("../images/school/stone0056.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/stone0057.png") no-repeat;
        background-size: 100% 100%;
    }
    71.25%{
        background: url("../images/school/stone0058.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/stone0059.png") no-repeat;
        background-size: 100% 100%;
    }
    73.75%{
        background: url("../images/school/stone0060.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/stone0061.png") no-repeat;
        background-size: 100% 100%;
    }
    76.25%{
        background: url("../images/school/stone0062.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/stone0063.png") no-repeat;
        background-size: 100% 100%;
    }
    78.75%{
        background: url("../images/school/stone0064.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/stone0065.png") no-repeat;
        background-size: 100% 100%;
    }
    81.25%{
        background: url("../images/school/stone0066.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/stone0067.png") no-repeat;
        background-size: 100% 100%;
    }
    83.75%{
        background: url("../images/school/stone0068.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/stone0069.png") no-repeat;
        background-size: 100% 100%;
    }
    86.25%{
        background: url("../images/school/stone0070.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/stone0071.png") no-repeat;
        background-size: 100% 100%;
    }
    88.75%{
        background: url("../images/school/stone0072.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/stone0073.png") no-repeat;
        background-size: 100% 100%;
    }
    91.25%{
        background: url("../images/school/stone0074.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/stone0075.png") no-repeat;
        background-size: 100% 100%;
    }
    93.75%{
        background: url("../images/school/stone0076.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/stone0077.png") no-repeat;
        background-size: 100% 100%;
    }
    96.25%{
        background: url("../images/school/stone0078.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/stone0079.png") no-repeat;
        background-size: 100% 100%;
    }
    98.75%{
        background: url("../images/school/stone0080.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-moz-keyframes i5an02{
    0%,100%{
        background: url("../images/school/stone0001.png") no-repeat;
        background-size: 100% 100%;
    }
    1.25%{
        background: url("../images/school/stone0002.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/stone0003.png") no-repeat;
        background-size: 100% 100%;
    }
    3.75%{
        background: url("../images/school/stone0004.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/stone0005.png") no-repeat;
        background-size: 100% 100%;
    }
    6.25%{
        background: url("../images/school/stone0006.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/stone0007.png") no-repeat;
        background-size: 100% 100%;
    }
    8.75%{
        background: url("../images/school/stone0008.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/stone0009.png") no-repeat;
        background-size: 100% 100%;
    }
    11.25%{
        background: url("../images/school/stone0010.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/stone0011.png") no-repeat;
        background-size: 100% 100%;
    }
    13.75%{
        background: url("../images/school/stone0012.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/stone0013.png") no-repeat;
        background-size: 100% 100%;
    }
    16.25%{
        background: url("../images/school/stone0014.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/stone0015.png") no-repeat;
        background-size: 100% 100%;
    }
    18.75%{
        background: url("../images/school/stone0016.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/stone0017.png") no-repeat;
        background-size: 100% 100%;
    }
    21.25%{
        background: url("../images/school/stone0018.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/stone0019.png") no-repeat;
        background-size: 100% 100%;
    }
    23.75%{
        background: url("../images/school/stone0020.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/stone0021.png") no-repeat;
        background-size: 100% 100%;
    }
    26.25%{
        background: url("../images/school/stone0022.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/stone0023.png") no-repeat;
        background-size: 100% 100%;
    }
    28.75%{
        background: url("../images/school/stone0024.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/stone0025.png") no-repeat;
        background-size: 100% 100%;
    }
    31.25%{
        background: url("../images/school/stone0026.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/stone0027.png") no-repeat;
        background-size: 100% 100%;
    }
    33.75%{
        background: url("../images/school/stone0028.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/stone0029.png") no-repeat;
        background-size: 100% 100%;
    }
    36.25%{
        background: url("../images/school/stone0030.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/stone0031.png") no-repeat;
        background-size: 100% 100%;
    }
    38.75%{
        background: url("../images/school/stone0032.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/stone0033.png") no-repeat;
        background-size: 100% 100%;
    }
    41.25%{
        background: url("../images/school/stone0034.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/stone0035.png") no-repeat;
        background-size: 100% 100%;
    }
    43.75%{
        background: url("../images/school/stone0036.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/stone0037.png") no-repeat;
        background-size: 100% 100%;
    }
    46.25%{
        background: url("../images/school/stone0038.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/stone0039.png") no-repeat;
        background-size: 100% 100%;
    }
    48.75%{
        background: url("../images/school/stone0040.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/stone0041.png") no-repeat;
        background-size: 100% 100%;
    }
    51.25%{
        background: url("../images/school/stone0042.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/stone0043.png") no-repeat;
        background-size: 100% 100%;
    }
    53.75%{
        background: url("../images/school/stone0044.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/stone0045.png") no-repeat;
        background-size: 100% 100%;
    }
    56.25%{
        background: url("../images/school/stone0046.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/stone0047.png") no-repeat;
        background-size: 100% 100%;
    }
    58.75%{
        background: url("../images/school/stone0048.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/stone0049.png") no-repeat;
        background-size: 100% 100%;
    }
    61.25%{
        background: url("../images/school/stone0050.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/stone0051.png") no-repeat;
        background-size: 100% 100%;
    }
    63.75%{
        background: url("../images/school/stone0052.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/stone0053.png") no-repeat;
        background-size: 100% 100%;
    }
    66.25%{
        background: url("../images/school/stone0054.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/stone0055.png") no-repeat;
        background-size: 100% 100%;
    }
    68.75%{
        background: url("../images/school/stone0056.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/stone0057.png") no-repeat;
        background-size: 100% 100%;
    }
    71.25%{
        background: url("../images/school/stone0058.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/stone0059.png") no-repeat;
        background-size: 100% 100%;
    }
    73.75%{
        background: url("../images/school/stone0060.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/stone0061.png") no-repeat;
        background-size: 100% 100%;
    }
    76.25%{
        background: url("../images/school/stone0062.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/stone0063.png") no-repeat;
        background-size: 100% 100%;
    }
    78.75%{
        background: url("../images/school/stone0064.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/stone0065.png") no-repeat;
        background-size: 100% 100%;
    }
    81.25%{
        background: url("../images/school/stone0066.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/stone0067.png") no-repeat;
        background-size: 100% 100%;
    }
    83.75%{
        background: url("../images/school/stone0068.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/stone0069.png") no-repeat;
        background-size: 100% 100%;
    }
    86.25%{
        background: url("../images/school/stone0070.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/stone0071.png") no-repeat;
        background-size: 100% 100%;
    }
    88.75%{
        background: url("../images/school/stone0072.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/stone0073.png") no-repeat;
        background-size: 100% 100%;
    }
    91.25%{
        background: url("../images/school/stone0074.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/stone0075.png") no-repeat;
        background-size: 100% 100%;
    }
    93.75%{
        background: url("../images/school/stone0076.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/stone0077.png") no-repeat;
        background-size: 100% 100%;
    }
    96.25%{
        background: url("../images/school/stone0078.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/stone0079.png") no-repeat;
        background-size: 100% 100%;
    }
    98.75%{
        background: url("../images/school/stone0080.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-webkit-keyframes i5an02{
    0%,100%{
        background: url("../images/school/stone0001.png") no-repeat;
        background-size: 100% 100%;
    }
    1.25%{
        background: url("../images/school/stone0002.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/stone0003.png") no-repeat;
        background-size: 100% 100%;
    }
    3.75%{
        background: url("../images/school/stone0004.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/stone0005.png") no-repeat;
        background-size: 100% 100%;
    }
    6.25%{
        background: url("../images/school/stone0006.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/stone0007.png") no-repeat;
        background-size: 100% 100%;
    }
    8.75%{
        background: url("../images/school/stone0008.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/stone0009.png") no-repeat;
        background-size: 100% 100%;
    }
    11.25%{
        background: url("../images/school/stone0010.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/stone0011.png") no-repeat;
        background-size: 100% 100%;
    }
    13.75%{
        background: url("../images/school/stone0012.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/stone0013.png") no-repeat;
        background-size: 100% 100%;
    }
    16.25%{
        background: url("../images/school/stone0014.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/stone0015.png") no-repeat;
        background-size: 100% 100%;
    }
    18.75%{
        background: url("../images/school/stone0016.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/stone0017.png") no-repeat;
        background-size: 100% 100%;
    }
    21.25%{
        background: url("../images/school/stone0018.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/stone0019.png") no-repeat;
        background-size: 100% 100%;
    }
    23.75%{
        background: url("../images/school/stone0020.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/stone0021.png") no-repeat;
        background-size: 100% 100%;
    }
    26.25%{
        background: url("../images/school/stone0022.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/stone0023.png") no-repeat;
        background-size: 100% 100%;
    }
    28.75%{
        background: url("../images/school/stone0024.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/stone0025.png") no-repeat;
        background-size: 100% 100%;
    }
    31.25%{
        background: url("../images/school/stone0026.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/stone0027.png") no-repeat;
        background-size: 100% 100%;
    }
    33.75%{
        background: url("../images/school/stone0028.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/stone0029.png") no-repeat;
        background-size: 100% 100%;
    }
    36.25%{
        background: url("../images/school/stone0030.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/stone0031.png") no-repeat;
        background-size: 100% 100%;
    }
    38.75%{
        background: url("../images/school/stone0032.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/stone0033.png") no-repeat;
        background-size: 100% 100%;
    }
    41.25%{
        background: url("../images/school/stone0034.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/stone0035.png") no-repeat;
        background-size: 100% 100%;
    }
    43.75%{
        background: url("../images/school/stone0036.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/stone0037.png") no-repeat;
        background-size: 100% 100%;
    }
    46.25%{
        background: url("../images/school/stone0038.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/stone0039.png") no-repeat;
        background-size: 100% 100%;
    }
    48.75%{
        background: url("../images/school/stone0040.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/stone0041.png") no-repeat;
        background-size: 100% 100%;
    }
    51.25%{
        background: url("../images/school/stone0042.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/stone0043.png") no-repeat;
        background-size: 100% 100%;
    }
    53.75%{
        background: url("../images/school/stone0044.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/stone0045.png") no-repeat;
        background-size: 100% 100%;
    }
    56.25%{
        background: url("../images/school/stone0046.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/stone0047.png") no-repeat;
        background-size: 100% 100%;
    }
    58.75%{
        background: url("../images/school/stone0048.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/stone0049.png") no-repeat;
        background-size: 100% 100%;
    }
    61.25%{
        background: url("../images/school/stone0050.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/stone0051.png") no-repeat;
        background-size: 100% 100%;
    }
    63.75%{
        background: url("../images/school/stone0052.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/stone0053.png") no-repeat;
        background-size: 100% 100%;
    }
    66.25%{
        background: url("../images/school/stone0054.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/stone0055.png") no-repeat;
        background-size: 100% 100%;
    }
    68.75%{
        background: url("../images/school/stone0056.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/stone0057.png") no-repeat;
        background-size: 100% 100%;
    }
    71.25%{
        background: url("../images/school/stone0058.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/stone0059.png") no-repeat;
        background-size: 100% 100%;
    }
    73.75%{
        background: url("../images/school/stone0060.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/stone0061.png") no-repeat;
        background-size: 100% 100%;
    }
    76.25%{
        background: url("../images/school/stone0062.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/stone0063.png") no-repeat;
        background-size: 100% 100%;
    }
    78.75%{
        background: url("../images/school/stone0064.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/stone0065.png") no-repeat;
        background-size: 100% 100%;
    }
    81.25%{
        background: url("../images/school/stone0066.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/stone0067.png") no-repeat;
        background-size: 100% 100%;
    }
    83.75%{
        background: url("../images/school/stone0068.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/stone0069.png") no-repeat;
        background-size: 100% 100%;
    }
    86.25%{
        background: url("../images/school/stone0070.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/stone0071.png") no-repeat;
        background-size: 100% 100%;
    }
    88.75%{
        background: url("../images/school/stone0072.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/stone0073.png") no-repeat;
        background-size: 100% 100%;
    }
    91.25%{
        background: url("../images/school/stone0074.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/stone0075.png") no-repeat;
        background-size: 100% 100%;
    }
    93.75%{
        background: url("../images/school/stone0076.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/stone0077.png") no-repeat;
        background-size: 100% 100%;
    }
    96.25%{
        background: url("../images/school/stone0078.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/stone0079.png") no-repeat;
        background-size: 100% 100%;
    }
    98.75%{
        background: url("../images/school/stone0080.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-o-keyframes i5an02{
    0%,100%{
        background: url("../images/school/stone0001.png") no-repeat;
        background-size: 100% 100%;
    }
    1.25%{
        background: url("../images/school/stone0002.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/stone0003.png") no-repeat;
        background-size: 100% 100%;
    }
    3.75%{
        background: url("../images/school/stone0004.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/stone0005.png") no-repeat;
        background-size: 100% 100%;
    }
    6.25%{
        background: url("../images/school/stone0006.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/stone0007.png") no-repeat;
        background-size: 100% 100%;
    }
    8.75%{
        background: url("../images/school/stone0008.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/stone0009.png") no-repeat;
        background-size: 100% 100%;
    }
    11.25%{
        background: url("../images/school/stone0010.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/stone0011.png") no-repeat;
        background-size: 100% 100%;
    }
    13.75%{
        background: url("../images/school/stone0012.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/stone0013.png") no-repeat;
        background-size: 100% 100%;
    }
    16.25%{
        background: url("../images/school/stone0014.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/stone0015.png") no-repeat;
        background-size: 100% 100%;
    }
    18.75%{
        background: url("../images/school/stone0016.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/stone0017.png") no-repeat;
        background-size: 100% 100%;
    }
    21.25%{
        background: url("../images/school/stone0018.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/stone0019.png") no-repeat;
        background-size: 100% 100%;
    }
    23.75%{
        background: url("../images/school/stone0020.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/stone0021.png") no-repeat;
        background-size: 100% 100%;
    }
    26.25%{
        background: url("../images/school/stone0022.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/stone0023.png") no-repeat;
        background-size: 100% 100%;
    }
    28.75%{
        background: url("../images/school/stone0024.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/stone0025.png") no-repeat;
        background-size: 100% 100%;
    }
    31.25%{
        background: url("../images/school/stone0026.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/stone0027.png") no-repeat;
        background-size: 100% 100%;
    }
    33.75%{
        background: url("../images/school/stone0028.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/stone0029.png") no-repeat;
        background-size: 100% 100%;
    }
    36.25%{
        background: url("../images/school/stone0030.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/stone0031.png") no-repeat;
        background-size: 100% 100%;
    }
    38.75%{
        background: url("../images/school/stone0032.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/stone0033.png") no-repeat;
        background-size: 100% 100%;
    }
    41.25%{
        background: url("../images/school/stone0034.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/stone0035.png") no-repeat;
        background-size: 100% 100%;
    }
    43.75%{
        background: url("../images/school/stone0036.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/stone0037.png") no-repeat;
        background-size: 100% 100%;
    }
    46.25%{
        background: url("../images/school/stone0038.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/stone0039.png") no-repeat;
        background-size: 100% 100%;
    }
    48.75%{
        background: url("../images/school/stone0040.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/stone0041.png") no-repeat;
        background-size: 100% 100%;
    }
    51.25%{
        background: url("../images/school/stone0042.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/stone0043.png") no-repeat;
        background-size: 100% 100%;
    }
    53.75%{
        background: url("../images/school/stone0044.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/stone0045.png") no-repeat;
        background-size: 100% 100%;
    }
    56.25%{
        background: url("../images/school/stone0046.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/stone0047.png") no-repeat;
        background-size: 100% 100%;
    }
    58.75%{
        background: url("../images/school/stone0048.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/stone0049.png") no-repeat;
        background-size: 100% 100%;
    }
    61.25%{
        background: url("../images/school/stone0050.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/stone0051.png") no-repeat;
        background-size: 100% 100%;
    }
    63.75%{
        background: url("../images/school/stone0052.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/stone0053.png") no-repeat;
        background-size: 100% 100%;
    }
    66.25%{
        background: url("../images/school/stone0054.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/stone0055.png") no-repeat;
        background-size: 100% 100%;
    }
    68.75%{
        background: url("../images/school/stone0056.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/stone0057.png") no-repeat;
        background-size: 100% 100%;
    }
    71.25%{
        background: url("../images/school/stone0058.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/stone0059.png") no-repeat;
        background-size: 100% 100%;
    }
    73.75%{
        background: url("../images/school/stone0060.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/stone0061.png") no-repeat;
        background-size: 100% 100%;
    }
    76.25%{
        background: url("../images/school/stone0062.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/stone0063.png") no-repeat;
        background-size: 100% 100%;
    }
    78.75%{
        background: url("../images/school/stone0064.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/stone0065.png") no-repeat;
        background-size: 100% 100%;
    }
    81.25%{
        background: url("../images/school/stone0066.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/stone0067.png") no-repeat;
        background-size: 100% 100%;
    }
    83.75%{
        background: url("../images/school/stone0068.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/stone0069.png") no-repeat;
        background-size: 100% 100%;
    }
    86.25%{
        background: url("../images/school/stone0070.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/stone0071.png") no-repeat;
        background-size: 100% 100%;
    }
    88.75%{
        background: url("../images/school/stone0072.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/stone0073.png") no-repeat;
        background-size: 100% 100%;
    }
    91.25%{
        background: url("../images/school/stone0074.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/stone0075.png") no-repeat;
        background-size: 100% 100%;
    }
    93.75%{
        background: url("../images/school/stone0076.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/stone0077.png") no-repeat;
        background-size: 100% 100%;
    }
    96.25%{
        background: url("../images/school/stone0078.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/stone0079.png") no-repeat;
        background-size: 100% 100%;
    }
    98.75%{
        background: url("../images/school/stone0080.png") no-repeat;
        background-size: 100% 100%;
    }
}

@-ms-keyframes i5an02{
    0%,100%{
        background: url("../images/school/stone0001.png") no-repeat;
        background-size: 100% 100%;
    }
    1.25%{
        background: url("../images/school/stone0002.png") no-repeat;
        background-size: 100% 100%;
    }
    2.5%{
        background: url("../images/school/stone0003.png") no-repeat;
        background-size: 100% 100%;
    }
    3.75%{
        background: url("../images/school/stone0004.png") no-repeat;
        background-size: 100% 100%;
    }
    5%{
        background: url("../images/school/stone0005.png") no-repeat;
        background-size: 100% 100%;
    }
    6.25%{
        background: url("../images/school/stone0006.png") no-repeat;
        background-size: 100% 100%;
    }
    7.5%{
        background: url("../images/school/stone0007.png") no-repeat;
        background-size: 100% 100%;
    }
    8.75%{
        background: url("../images/school/stone0008.png") no-repeat;
        background-size: 100% 100%;
    }
    10%{
        background: url("../images/school/stone0009.png") no-repeat;
        background-size: 100% 100%;
    }
    11.25%{
        background: url("../images/school/stone0010.png") no-repeat;
        background-size: 100% 100%;
    }
    12.5%{
        background: url("../images/school/stone0011.png") no-repeat;
        background-size: 100% 100%;
    }
    13.75%{
        background: url("../images/school/stone0012.png") no-repeat;
        background-size: 100% 100%;
    }
    15%{
        background: url("../images/school/stone0013.png") no-repeat;
        background-size: 100% 100%;
    }
    16.25%{
        background: url("../images/school/stone0014.png") no-repeat;
        background-size: 100% 100%;
    }
    17.5%{
        background: url("../images/school/stone0015.png") no-repeat;
        background-size: 100% 100%;
    }
    18.75%{
        background: url("../images/school/stone0016.png") no-repeat;
        background-size: 100% 100%;
    }
    20%{
        background: url("../images/school/stone0017.png") no-repeat;
        background-size: 100% 100%;
    }
    21.25%{
        background: url("../images/school/stone0018.png") no-repeat;
        background-size: 100% 100%;
    }
    22.5%{
        background: url("../images/school/stone0019.png") no-repeat;
        background-size: 100% 100%;
    }
    23.75%{
        background: url("../images/school/stone0020.png") no-repeat;
        background-size: 100% 100%;
    }
    25%{
        background: url("../images/school/stone0021.png") no-repeat;
        background-size: 100% 100%;
    }
    26.25%{
        background: url("../images/school/stone0022.png") no-repeat;
        background-size: 100% 100%;
    }
    27.5%{
        background: url("../images/school/stone0023.png") no-repeat;
        background-size: 100% 100%;
    }
    28.75%{
        background: url("../images/school/stone0024.png") no-repeat;
        background-size: 100% 100%;
    }
    30%{
        background: url("../images/school/stone0025.png") no-repeat;
        background-size: 100% 100%;
    }
    31.25%{
        background: url("../images/school/stone0026.png") no-repeat;
        background-size: 100% 100%;
    }
    32.5%{
        background: url("../images/school/stone0027.png") no-repeat;
        background-size: 100% 100%;
    }
    33.75%{
        background: url("../images/school/stone0028.png") no-repeat;
        background-size: 100% 100%;
    }
    35%{
        background: url("../images/school/stone0029.png") no-repeat;
        background-size: 100% 100%;
    }
    36.25%{
        background: url("../images/school/stone0030.png") no-repeat;
        background-size: 100% 100%;
    }
    37.5%{
        background: url("../images/school/stone0031.png") no-repeat;
        background-size: 100% 100%;
    }
    38.75%{
        background: url("../images/school/stone0032.png") no-repeat;
        background-size: 100% 100%;
    }
    40%{
        background: url("../images/school/stone0033.png") no-repeat;
        background-size: 100% 100%;
    }
    41.25%{
        background: url("../images/school/stone0034.png") no-repeat;
        background-size: 100% 100%;
    }
    42.5%{
        background: url("../images/school/stone0035.png") no-repeat;
        background-size: 100% 100%;
    }
    43.75%{
        background: url("../images/school/stone0036.png") no-repeat;
        background-size: 100% 100%;
    }
    45%{
        background: url("../images/school/stone0037.png") no-repeat;
        background-size: 100% 100%;
    }
    46.25%{
        background: url("../images/school/stone0038.png") no-repeat;
        background-size: 100% 100%;
    }
    47.5%{
        background: url("../images/school/stone0039.png") no-repeat;
        background-size: 100% 100%;
    }
    48.75%{
        background: url("../images/school/stone0040.png") no-repeat;
        background-size: 100% 100%;
    }
    50%{
        background: url("../images/school/stone0041.png") no-repeat;
        background-size: 100% 100%;
    }
    51.25%{
        background: url("../images/school/stone0042.png") no-repeat;
        background-size: 100% 100%;
    }
    52.5%{
        background: url("../images/school/stone0043.png") no-repeat;
        background-size: 100% 100%;
    }
    53.75%{
        background: url("../images/school/stone0044.png") no-repeat;
        background-size: 100% 100%;
    }
    55%{
        background: url("../images/school/stone0045.png") no-repeat;
        background-size: 100% 100%;
    }
    56.25%{
        background: url("../images/school/stone0046.png") no-repeat;
        background-size: 100% 100%;
    }
    57.5%{
        background: url("../images/school/stone0047.png") no-repeat;
        background-size: 100% 100%;
    }
    58.75%{
        background: url("../images/school/stone0048.png") no-repeat;
        background-size: 100% 100%;
    }
    60%{
        background: url("../images/school/stone0049.png") no-repeat;
        background-size: 100% 100%;
    }
    61.25%{
        background: url("../images/school/stone0050.png") no-repeat;
        background-size: 100% 100%;
    }
    62.5%{
        background: url("../images/school/stone0051.png") no-repeat;
        background-size: 100% 100%;
    }
    63.75%{
        background: url("../images/school/stone0052.png") no-repeat;
        background-size: 100% 100%;
    }
    65%{
        background: url("../images/school/stone0053.png") no-repeat;
        background-size: 100% 100%;
    }
    66.25%{
        background: url("../images/school/stone0054.png") no-repeat;
        background-size: 100% 100%;
    }
    67.5%{
        background: url("../images/school/stone0055.png") no-repeat;
        background-size: 100% 100%;
    }
    68.75%{
        background: url("../images/school/stone0056.png") no-repeat;
        background-size: 100% 100%;
    }
    70%{
        background: url("../images/school/stone0057.png") no-repeat;
        background-size: 100% 100%;
    }
    71.25%{
        background: url("../images/school/stone0058.png") no-repeat;
        background-size: 100% 100%;
    }
    72.5%{
        background: url("../images/school/stone0059.png") no-repeat;
        background-size: 100% 100%;
    }
    73.75%{
        background: url("../images/school/stone0060.png") no-repeat;
        background-size: 100% 100%;
    }
    75%{
        background: url("../images/school/stone0061.png") no-repeat;
        background-size: 100% 100%;
    }
    76.25%{
        background: url("../images/school/stone0062.png") no-repeat;
        background-size: 100% 100%;
    }
    77.5%{
        background: url("../images/school/stone0063.png") no-repeat;
        background-size: 100% 100%;
    }
    78.75%{
        background: url("../images/school/stone0064.png") no-repeat;
        background-size: 100% 100%;
    }
    80%{
        background: url("../images/school/stone0065.png") no-repeat;
        background-size: 100% 100%;
    }
    81.25%{
        background: url("../images/school/stone0066.png") no-repeat;
        background-size: 100% 100%;
    }
    82.5%{
        background: url("../images/school/stone0067.png") no-repeat;
        background-size: 100% 100%;
    }
    83.75%{
        background: url("../images/school/stone0068.png") no-repeat;
        background-size: 100% 100%;
    }
    85%{
        background: url("../images/school/stone0069.png") no-repeat;
        background-size: 100% 100%;
    }
    86.25%{
        background: url("../images/school/stone0070.png") no-repeat;
        background-size: 100% 100%;
    }
    87.5%{
        background: url("../images/school/stone0071.png") no-repeat;
        background-size: 100% 100%;
    }
    88.75%{
        background: url("../images/school/stone0072.png") no-repeat;
        background-size: 100% 100%;
    }
    90%{
        background: url("../images/school/stone0073.png") no-repeat;
        background-size: 100% 100%;
    }
    91.25%{
        background: url("../images/school/stone0074.png") no-repeat;
        background-size: 100% 100%;
    }
    92.5%{
        background: url("../images/school/stone0075.png") no-repeat;
        background-size: 100% 100%;
    }
    93.75%{
        background: url("../images/school/stone0076.png") no-repeat;
        background-size: 100% 100%;
    }
    95%{
        background: url("../images/school/stone0077.png") no-repeat;
        background-size: 100% 100%;
    }
    96.25%{
        background: url("../images/school/stone0078.png") no-repeat;
        background-size: 100% 100%;
    }
    97.5%{
        background: url("../images/school/stone0079.png") no-repeat;
        background-size: 100% 100%;
    }
    98.75%{
        background: url("../images/school/stone0080.png") no-repeat;
        background-size: 100% 100%;
    }
}

#i6 .college_build06 .college_icon06{
    -webkit-animation:UpDown 0.5s both 0s linear infinite;
    -ms-animation: UpDown 0.5s both 0s linear infinite;
    -moz-animation: UpDown 0.5s both 0s linear infinite;
    -o-animation: UpDown 0.5s both 0s linear infinite;
    animation: UpDown 0.5s both 0s linear infinite;
}


#i7 .area_flower_l.active{
    -webkit-animation:i7an00 0.5s both 0.5s linear;
    -ms-animation: i7an00 0.5s both 0.5s linear;
    -moz-animation: i7an00 0.5s both 0.5s linear;
    -o-animation: i7an00 0.5s both 0.5s linear;
    animation: i7an00 0.5s both 0.5s linear;
}

@keyframes i7an00{
    0%{
        transform: translateX(0);
    }
    100%{
        transform:translateX(-100%);
    }
}

@-moz-keyframes i7an00{
    0%{
        -moz-transform:translateX(0);
    }
    100%{
        -moz-transform:translateX(-70%);
    }
}

@-webkit-keyframes i7an00{
    0%{
        -webkit-transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(-70%);
    }
}

@-o-keyframes i7an00{
    0%{
        -o-transform:translateX(0);
    }
    100%{
        -o-transform:translateX(-70%);
    }
}

@-ms-keyframes i7an00 {
    0%{
        -ms-transform:translateX(0);
    }
    100%{
        -ms-transform:translateX(-70%);
    }
}

#i7 .area_flower_r.active{
    -webkit-animation:i7an01 0.5s both 0.5s linear;
    -ms-animation: i7an01 0.5s both 0.5s linear;
    -moz-animation: i7an01 0.5s both 0.5s linear;
    -o-animation: i7an01 0.5s both 0.5s linear;
    animation: i7an01 0.5s both 0.5s linear;
}

@keyframes i7an01{
    0%{
        transform: translateX(0);
    }
    100%{
        transform:translateX(100%);
    }
}

@-moz-keyframes i7an01{
    0%{
        -moz-transform:translateX(0);
    }
    100%{
        -moz-transform:translateX(100%);
    }
}

@-webkit-keyframes i7an01{
    0%{
        -webkit-transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(100%);
    }
}

@-o-keyframes i7an01{
    0%{
        -o-transform:translateX(0);
    }
    100%{
        -o-transform:translateX(100%);
    }
}

@-ms-keyframes i7an01 {
    0%{
        -ms-transform:translateX(0);
    }
    100%{
        -ms-transform:translateX(100%);
    }
}

#i11 .ym_build01{
    -webkit-animation:i11an01 0.5s both 0s linear infinite;
    -ms-animation: i11an01 0.5s both 0s linear infinite;
    -moz-animation: i11an01 0.5s both 0s linear infinite;
    -o-animation: i11an01 0.5s both 0s linear infinite;
    animation: i11an01 0.5s both 0s linear infinite;
}

@keyframes i11an01{
    0%{
        transform: scale(1);
    }
    100%{
        transform:scale(1.2);
    }
}

@-moz-keyframes i11an01{
    0%{
        -moz-transform:scale(1);
    }
    100%{
        -moz-transform:scale(1.2);
    }
}

@-webkit-keyframes i11an01{
    0%{
        -webkit-transform:  scale(1);
    }
    100%{
        -webkit-transform:scale(1.2);
    }
}

@-o-keyframes i11an01{
    0%{
        -o-transform: scale(1);
    }
    100%{
        -o-transform:scale(1.2);
    }
}

@-ms-keyframes i11an01 {
    0%{
        -ms-transform: scale(1);
    }
    100%{
        -ms-transform:scale(1.2);
    }
}

#i11 .flower01{
    -moz-transform-origin:bottom center;
    -webkit-transform-origin:bottom center;
    -o-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin: bottom center;
    -webkit-animation:i11an02 5s both 0s linear infinite;
    -ms-animation: i11an02 5s both 0s linear infinite;
    -moz-animation: i11an02 5s both 0s linear infinite;
    -o-animation: i11an02 5s both 0s linear infinite;
    animation: i11an02 5s both 0s linear infinite;
}

@keyframes i11an02{
    0%,100%{
        transform: rotate(-2deg);
    }
    50%{
        transform:rotate(2deg);
    }
}

@-moz-keyframes i11an02{
    0%,100%{
        -moz-transform: rotate(-2deg);
    }
    50%{
        -moz-transform:rotate(2deg);
    }
}

@-webkit-keyframes i11an02{
    0%,100%{
        -webkit-transform: rotate(-2deg);
    }
    50%{
        -webkit-transform:rotate(2deg);
    }
}

@-o-keyframes i11an02{
    0%,100%{
        -o-transform: rotate(-2deg);
    }
    50%{
        -o-transform:rotate(2deg);
    }
}

@-ms-keyframes i11an02 {
    0%,100%{
        -ms-transform: rotate(-2deg);
    }
    50%{
        -ms-transform:rotate(2deg);
    }
}

#i11 .flower00{
    -moz-transform-origin:bottom center;
    -webkit-transform-origin:bottom center;
    -o-transform-origin:bottom center;
    -ms-transform-origin:bottom center;
    transform-origin: bottom center;
    -webkit-animation:i11an03 3s both 0s linear infinite;
    -ms-animation: i11an03 3s both 0s linear infinite;
    -moz-animation: i11an03 3s both 0s linear infinite;
    -o-animation: i11an03 3s both 0s linear infinite;
    animation: i11an03 3s both 0s linear infinite;
}

@keyframes i11an03{
    0%,100%{
        transform: rotate(-2deg);
    }
    50%{
        transform:rotate(2deg);
    }
}

@-moz-keyframes i11an03{
    0%,100%{
        -moz-transform: rotate(-2deg);
    }
    50%{
        -moz-transform:rotate(2deg);
    }
}

@-webkit-keyframes i11an03{
    0%,100%{
        -webkit-transform: rotate(-2deg);
    }
    50%{
        -webkit-transform:rotate(2deg);
    }
}

@-o-keyframes i11an03{
    0%,100%{
        -o-transform: rotate(-2deg);
    }
    50%{
        -o-transform:rotate(2deg);
    }
}

@-ms-keyframes i11an03 {
    0%,100%{
        -ms-transform: rotate(-2deg);
    }
    50%{
        -ms-transform:rotate(2deg);
    }
}