body {
    width: 100%;
    overflow: hidden;
}

.hide {
    display: none;
}

.page {
    width: 100%;
    height: 100%;
    position: absolute;
    font-size: 100px;
    text-align: center;
}

    .page .wrap {
        height: 500px;
    }

.page-current {
    z-index: 1;
    display:block;
}

.page {
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
}


.icon_up {
    height: auto;
    width: 25px;
    position: absolute;
    left: 50%;
    bottom: 4%;
    margin-left: -12px;
    z-index: 9999;
}

.inav_p1 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 23%;
    margin-left: -50%;
    z-index: 9999;
}

.inav_p2 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 34%;
    margin-left: -50%;
    z-index: 9999;
}

.inav_p3 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -50%;
    z-index: 9999;
}

.inav_p4 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 56%;
    margin-left: -50%;
    z-index: 9999;
}

.inav_p5 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 67%;
    margin-left: -50%;
    z-index: 9999;
}

.inav_p6 {
    height: auto;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 78%;
    margin-left: -50%;
    z-index: 9999;
}


#textsuper {
    position: absolute;
    top: -1000;
    left: -1000;
    overflow-x: hidden;
    overflow-y: hidden;
    z-index: 4000
}

#textsub {
    color: black;
    position: relative;
    font-size: 21pt;
    text-align: left;
    line-height: 40pt;
    top: 2000px
}

#share {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99998
}

.shareImg {
    background: url(../img/share.png) right top no-repeat;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 165px;
    height: 114px;
    background-size: cover;
    z-index: 99999
}




.pt-page-inav_p1 {
    -webkit-animation: moveFromLeft .2s .4s ease both;
    animation: moveFromLeft .2s .4s ease both;
}

.pt-page-inav_p2 {
    -webkit-animation: moveFromLeft .3s .4s ease both;
    animation: moveFromLeft .3s .4s ease both;
}

.pt-page-inav_p3 {
    -webkit-animation: moveFromLeft .4s .4s ease both;
    animation: moveFromLeft .4s .4s ease both;
}

.pt-page-inav_p4 {
    -webkit-animation: moveFromLeft .5s .4s ease both;
    animation: moveFromLeft .5s .4s ease both;
}

.pt-page-inav_p5 {
    -webkit-animation: moveFromLeft .6s .4s ease both;
    animation: moveFromLeft .6s .4s ease both;
}

.pt-page-inav_p6 {
    -webkit-animation: moveFromLeft .7s .4s ease both;
    animation: moveFromLeft .6s .4s ease both;
}


.pt-page-moveToTop {
    -webkit-animation: moveToTop .4s ease both;
    animation: moveToTop .4s ease both;
}

.pt-page-moveFromTop {
    -webkit-animation: moveFromTop .4s ease both;
    animation: moveFromTop .4s ease both;
}

.pt-page-moveToBottom {
    -webkit-animation: moveToBottom .4s ease both;
    animation: moveToBottom .4s ease both;
}

.pt-page-moveFromBottom {
    -webkit-animation: moveFromBottom .4s ease both;
    animation: moveFromBottom .4s ease both;
}

.pt-page-moveIconUp {
    -webkit-animation: moveIconUp ease 1.5s both infinite;
    animation: moveToBottom ease 1.5s both infinite;
}


@-webkit-keyframes moveToTop {
    from {
    }

    to {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveToTop {
    from {
    }

    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
    }
}

@keyframes moveFromTop {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@-webkit-keyframes moveToBottom {
    from {
    }

    to {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveToBottom {
    from {
    }

    to {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@-webkit-keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
    }
}

@keyframes moveFromBottom {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

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

    50% {
        -webkit-transform: translateY(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-100%);
        opacity: 0;
    }
}

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

    50% {
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
        opacity: 1;
    }

    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
    }
}

@keyframes moveFromLeft {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}