@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(42, 71, 191);
        z-index      : 1;
        position     : relative;
        bottom       : -1px;
        padding-right: .5em;
        font-size    : 1.5em;
    }

    div.imgList_odd[data-style="3"] div.imgListTitle_odd h2::before {
        display         : inline-block;
        content         : "";
        float           : left;
        width           : .8em;
        height          : .8em;
        margin          : .4em 5px 0 0;
        background-image: url("/static/icon/hlhs2/0.png");
        background-size : 100%;

    }

    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%;
        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(39, 21, 107);
        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;
    }

    ul.temp {
        width: 100%;
        float: left;
    }

    ul.temp>li {
        width        : calc(25% - 10px);
        display      : inline-block;
        float        : left;
        padding-left : 5px;
        padding-right: 5px;
        position     : relative;
    }

    ul.temp>li::before {
        content: none;

    }

    ul.temp>li>div.imgListContent_odd {
        width         : 100% !important;
        padding       : 0 !important;
        pointer-events: none;
    }

    .justified-gallery>ul.temp>li {
        width: auto;
    }

    .justified-gallery>ul.temp>li>div>div {
        display: none !important;
    }
}