@charset "UTF-8";

.page-1-max-title-animation{
    animation: animation-max-title 1000ms both;
    -webkit-animation: animation-max-title 1000ms both;
    -moz-animation: animation-max-title 1000ms both;
    -o-animation: animation-max-title 1000ms both;
}

.page-1-min-title-animation{
    animation: animation-min-title 1000ms both;
    -webkit-animation: animation-min-title 1000ms both;
    -moz-animation: animation-min-title 1000ms both;
    -o-animation: animation-min-title 1000ms both;
}

.page-1-show-page-animation{
    animation: animation-show-page 1000ms infinite both;
    -webkit-animation: animation-show-page 1000ms infinite both;
    -moz-animation: animation-show-page 1000ms infinite both;
    -o-animation: animation-show-page 1000ms infinite both;
}

.page-1-down-btn-animation{
    animation: animation-down-btn 2000ms both;
    -webkit-animation: animation-down-btn 2000ms both;
    -moz-animation: animation-down-btn 2000ms both;
    -o-animation: animation-down-btn 2000ms both;
}

@-webkit-keyframes animation-max-title{
    from{
        opacity: 0;
        margin-left: -80px;
    }
    to{
        opacity: 1;
        margin-left: 0px;
    }
}

@-webkit-keyframes animation-min-title{
    from{
        opacity: 0;
        margin-left: +50px;
    }
    to{
        opacity: 1;
        margin-left: 0px;
    }
}

@-webkit-keyframes animation-show-page{
    from{
        opacity: 0;
        margin-top: -80px;
    }
    to{
        opacity: 1;
        margin-top: 0px;
    }
}

@-webkit-keyframes animation-down-btn {
    0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -80, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -80, 0, 1); }
    2.92% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.058, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -36.058, 0, 1); }
    3.37% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.632, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -30.632, 0, 1); }
    3.47% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -29.492, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, -29.492, 0, 1); }
    4.58% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.265, 0, 0, 0, 0, 1, 0, 0, -18.307, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.265, 0, 0, 0, 0, 1, 0, 0, -18.307, 0, 1); }
    5.69% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.33, 0, 0, 0, 0, 1, 0, 0, -9.747, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.33, 0, 0, 0, 0, 1, 0, 0, -9.747, 0, 1); }
    5.76% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.33, 0, 0, 0, 0, 1, 0, 0, -9.271, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.33, 0, 0, 0, 0, 1, 0, 0, -9.271, 0, 1); }
    7.41% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, -1.015, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.248, 0, 0, 0, 0, 1, 0, 0, -1.015, 0, 1); }
    7.51% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1.24, 0, 0, 0, 0, 1, 0, 0, -0.654, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1.24, 0, 0, 0, 0, 1, 0, 0, -0.654, 0, 1); }
    7.88% { -webkit-transform: matrix3d(1.019, 0, 0, 0, 0, 1.161, 0, 0, 0, 0, 1, 0, 0, 0.536, 0, 1); transform: matrix3d(1.019, 0, 0, 0, 0, 1.161, 0, 0, 0, 0, 1, 0, 0, 0.536, 0, 1); }
    8.68% { -webkit-transform: matrix3d(1.056, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 2.572, 0, 1); transform: matrix3d(1.056, 0, 0, 0, 0, 1.008, 0, 0, 0, 0, 1, 0, 0, 2.572, 0, 1); }
    10.03% { -webkit-transform: matrix3d(1.102, 0, 0, 0, 0, 0.823, 0, 0, 0, 0, 1, 0, 0, 4.494, 0, 1); transform: matrix3d(1.102, 0, 0, 0, 0, 0.823, 0, 0, 0, 0, 1, 0, 0, 4.494, 0, 1); }
    10.85% { -webkit-transform: matrix3d(1.122, 0, 0, 0, 0, 0.749, 0, 0, 0, 0, 1, 0, 0, 4.963, 0, 1); transform: matrix3d(1.122, 0, 0, 0, 0, 0.749, 0, 0, 0, 0, 1, 0, 0, 4.963, 0, 1); }
    11.53% { -webkit-transform: matrix3d(1.135, 0, 0, 0, 0, 0.705, 0, 0, 0, 0, 1, 0, 0, 5.064, 0, 1); transform: matrix3d(1.135, 0, 0, 0, 0, 0.705, 0, 0, 0, 0, 1, 0, 0, 5.064, 0, 1); }
    12.22% { -webkit-transform: matrix3d(1.144, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 4.965, 0, 1); transform: matrix3d(1.144, 0, 0, 0, 0, 0.675, 0, 0, 0, 0, 1, 0, 0, 4.965, 0, 1); }
    14.18% { -webkit-transform: matrix3d(1.154, 0, 0, 0, 0, 0.643, 0, 0, 0, 0, 1, 0, 0, 4.015, 0, 1); transform: matrix3d(1.154, 0, 0, 0, 0, 0.643, 0, 0, 0, 0, 1, 0, 0, 4.015, 0, 1); }
    14.37% { -webkit-transform: matrix3d(1.154, 0, 0, 0, 0, 0.643, 0, 0, 0, 0, 1, 0, 0, 3.894, 0, 1); transform: matrix3d(1.154, 0, 0, 0, 0, 0.643, 0, 0, 0, 0, 1, 0, 0, 3.894, 0, 1); }
    19.23% { -webkit-transform: matrix3d(1.114, 0, 0, 0, 0, 0.742, 0, 0, 0, 0, 1, 0, 0, 1.028, 0, 1); transform: matrix3d(1.114, 0, 0, 0, 0, 0.742, 0, 0, 0, 0, 1, 0, 0, 1.028, 0, 1); }
    20.01% { -webkit-transform: matrix3d(1.104, 0, 0, 0, 0, 0.765, 0, 0, 0, 0, 1, 0, 0, 0.726, 0, 1); transform: matrix3d(1.104, 0, 0, 0, 0, 0.765, 0, 0, 0, 0, 1, 0, 0, 0.726, 0, 1); }
    23.05% { -webkit-transform: matrix3d(1.065, 0, 0, 0, 0, 0.854, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); transform: matrix3d(1.065, 0, 0, 0, 0, 0.854, 0, 0, 0, 0, 1, 0, 0, 0.01, 0, 1); }
    25.75% { -webkit-transform: matrix3d(1.035, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, -0.189, 0, 1); transform: matrix3d(1.035, 0, 0, 0, 0, 0.922, 0, 0, 0, 0, 1, 0, 0, -0.189, 0, 1); }
    26.94% { -webkit-transform: matrix3d(1.024, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, -0.203, 0, 1); transform: matrix3d(1.024, 0, 0, 0, 0, 0.946, 0, 0, 0, 0, 1, 0, 0, -0.203, 0, 1); }
    31.58% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, -0.108, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.009, 0, 0, 0, 0, 1, 0, 0, -0.108, 0, 1); }
    31.73% { -webkit-transform: matrix3d(0.996, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.105, 0, 1); transform: matrix3d(0.996, 0, 0, 0, 0, 1.01, 0, 0, 0, 0, 1, 0, 0, -0.105, 0, 1); }
    37.32% { -webkit-transform: matrix3d(0.987, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, -0.008, 0, 1); transform: matrix3d(0.987, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, -0.008, 0, 1); }
    38.15% { -webkit-transform: matrix3d(0.987, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); transform: matrix3d(0.987, 0, 0, 0, 0, 1.029, 0, 0, 0, 0, 1, 0, 0, -0.002, 0, 1); }
    42.35% { -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); transform: matrix3d(0.99, 0, 0, 0, 0, 1.022, 0, 0, 0, 0, 1, 0, 0, 0.008, 0, 1); }
    48.9% { -webkit-transform: matrix3d(0.997, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); transform: matrix3d(0.997, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0.003, 0, 1); }
    57.77% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    60.47% { -webkit-transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1.001, 0, 0, 0, 0, 0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    69.36% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    83.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
    100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
}