﻿body {
}
.load-more-page {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 400px;
    text-align: center;
    margin: 0 auto;
    display: block;
    transform: translate(-50%, -50%);
    transform: -webkit-translate(-50%, -50%);
    transform: -moz-translate(-50%, -50%);
    transform: -ms-translate(-50%, -50%);
}

.load-more-page .loading-page {
    float: none;
    margin: 0 auto;
    border-bottom: 8px solid #fff;
    border-left: 8px solid #fff;
    border-right: 8px solid #B20E13;
    border-top: 8px solid #B20E13;
    border-radius: 100%;
    height: 80px;
    width: 80px;
    -webkit-animation: spin .6s infinite linear;
    -moz-animation: spin .6s infinite linear;
    -ms-animation: spin .6s infinite linear;
    -o-animation: spin .6s infinite linear;
    animation: spin .6s infinite linear;
    display: inline-block;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}