﻿.container,
footer .wrapper {
    width: 970px;
}

@supports not (display:grid) {
    .novel-item {
        width: calc(14.38% + 29px);
        padding-right: 29px;
    }

    .novel-item:nth-child(5n+5) {
        width: calc(14.38% + 29px);
        padding-right: 29px;
    }

    .novel-item:nth-child(6n+6) {
        width: 14.38%;
        padding-right: 0;
    }
}

@media screen and (min-width:1660px) {
    .sticky-container {
        display: block;
        position: absolute;
        top: 0;
        width: 304px;
        height: 100%;
        padding-top: 4px;
    }

    .sticky-container.left {
        left: -304px;
        padding-right: 4px;
    }

    .sticky-container.right {
        right: -304px;
        padding-left: 4px;
    }

    .sticky-container .sticky-body {
        display: block;
        width: 300px;
        height: auto;
    }

    .sticky-container .sticky-body>* {
        margin: auto !important;
    }
}