@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="1"] {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd img {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd h2 {}

    div.imgList_odd[data-style="1"] div.imgListTitle_odd span {}

    div.imgList_odd[data-style="1"] div.imgListBlock_odd {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.img {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.img::before {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd img {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text span {}

    div.imgList_odd[data-style="1"] div.imgListContent_odd div.text a {}
}

@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="2"] {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd img {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd h2 {}

    div.imgList_odd[data-style="2"] div.imgListTitle_odd span {}

    div.imgList_odd[data-style="2"] div.imgListBlock_odd {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.img {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.img::before {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd img {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text a {}

    div.imgList_odd[data-style="2"] div.imgListContent_odd div.text span {}
}

@media only screen and (min-width: 0) {
    div.imgList_odd[data-style="3"] {
        width: 100%;
        float: left;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd {
        width        : 100%;
        border-bottom: 1px solid #CCC;
        position     : relative;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd img {
        display: none;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd h2 {
        border-bottom: 1px solid rgb(138, 198, 64);
        z-index      : 1;
        position     : relative;
        bottom       : -1px;
        padding-right: .5em;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd span {
        display: none;
    }

    div.imgList_odd[data-style="3"] div.imgListBlock_odd {
        width     : 100%;
        float     : left;
        margin-top: 1em;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd {
        width: 100%;
        float: left;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.img {
        width   : 100%;
        position: relative;
        overflow: hidden;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.img::before {
        content    : "";
        display    : block;
        padding-top: 70%;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd img {
        position       : absolute;
        top            : 0;
        left           : 0;
        object-fit     : cover;
        object-position: 50% 0%;
        width          : 100%;
        min-height     : 100%;
        transition     : linear 250ms;
        max-height     : 120%;
        max-width      : 120%;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text {
        width        : 100%;
        float        : left;
        margin-bottom: 5px;
        height       : calc(2.8em + .8em * 1.5);
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text a {
        width             : 100%;
        line-height       : 1.4em;
        max-height        : 2.8em;
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text a:hover {
        color          : rgb(53, 4, 254);
        text-decoration: underline;
    }

    div.imgList_odd[data-style="3"] div.imgListContent_odd div.text span {
        width    : 100%;
        color    : #595959;
        font-size: .8em;
    }
}

@media only screen and (min-width: 1000px) {
    div.imgList_odd[data-style="3"] div.imgListContent_odd {
        width        : calc(25% - 10px);
        padding-left : 5px;
        padding-right: 5px;
    }
}