﻿@charset "UTF-8";
/* OPKG -- Next Version Journal Home Index Page Cascading Style Sheets */
/*
    ------------------------------------------------------------
    Desc:journal home page index's css.
    Author:jokechen expert@siom.ac.cn
    Time:2022-08-02 13:41:33
    ------------------------------------------------------------
*/
.carousel-item img.defaultSL {
    height: 238px;
}

.carousel-item .SLContent {
    display: flex;
    flex-direction: row;
}

    .carousel-item .SLContent .SLText {
        background-color: #333;
        color: #fff;
        padding: 10px;
    }

        .carousel-item .SLContent .SLText a {
            color: #fff;
            font-size: 14px;
            font-weight: 300;
            line-height: 20px;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif,"微软雅黑";
        }

            .carousel-item .SLContent .SLText a:hover {
                color: #0093f1; /*#f39800;*/
            }

        .carousel-item .SLContent .SLText .SLMore {
            color: #0093f1; /*#f39800;*/
        }

    .carousel-item .SLContent .SLImg img {
        height: 238px;
    }
/* ------------------------ Media Query STD ------------------------- */
/* Laege -- lg */
@media screen and (max-width:1199px) {
}
/* Medium -- md ~ Large -- lg*/
@@media screen and (max-width:991px) {
}
/* Small -- sm ~ Medium -- md*/
@media screen and (max-width:767px) {
    .carousel-item .SLContent {
        flex-direction: column-reverse;
    }

    .carousel-indicators {
        /*margin-bottom: 5.5rem;*/
    }

    .carousel-item .SLContent .SLImg img {
        /* 图片格式 525 x 238 比例 */
        width: 100% !important;
        height: auto !important;
    }

    .carousel-item img.defaultSL {
        /* 图片格式 700 x 238 比例 */
        /*
            width: 100% !important;
            height: auto !important;
            */
        display: none !important;
    }
}
/* Extrem Small -- xs ~ Small -- sm */
@media screen and (max-width:575px) {
}
/* ------------------------ Media Query END ------------------------- */