.active .SecondNavBox{
     -webkit-animation:RightIn 1s both 0s;
     -ms-animation: RightIn 1s both 0s;
     -moz-animation: RightIn 1s both 0s;
     -o-animation: RightIn 1s both 0s;
     animation: RightIn 1s both 0s;
 }

.over .SecondNavBox{
    -webkit-animation:RightOut 1s both 0s;
    -ms-animation: RightOut 1s both 0s;
    -moz-animation: RightOut 1s both 0s;
    -o-animation: RightOut 1s both 0s;
    animation: RightOut 1s both 0s;
}

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

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

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

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

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

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

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

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

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

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

@keyframes TopIn{
    0%{
        opacity: 0;
        transform: translateY(15%);
    }
    100%{
        opacity: 1;
        transform:translateY(0%);
    }
}

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

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

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

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

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

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

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

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

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


.active.time01{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time02{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time03{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time04{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time05{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time06{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time07{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time08{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time09{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time010{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time011{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time012{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time013{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time014{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time015{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time016{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time017{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time018{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time019{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time020{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time021{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time022{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time023{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time024{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}

.active.time025{
    -webkit-animation:LeftIn 1s both 0s;
    -ms-animation: LeftIn 1s both 0s;
    -moz-animation: LeftIn 1s both 0s;
    -o-animation: LeftIn 1s both 0s;
    animation: LeftIn 1s both 0s;
}

.active.time026{
    -webkit-animation:TopIn 1s both 0s;
    -ms-animation: TopIn 1s both 0s;
    -moz-animation: TopIn 1s both 0s;
    -o-animation: TopIn 1s both 0s;
    animation: TopIn 1s both 0s;
}