html {
    font-size: 16px;
}

:root {
    --colorPrimary: #94070A;
    --font-size: 1rem;
    --big-title: 0.6;
}


@media (min-width: 576px) {
    :root {
        --font-size: 1rem;
        --big-title: 0.6;
    }
}

@media (min-width: 768px) {
    :root {
        --font-size: 10px;
        --big-title: 1;
    }
}

@media (min-width: 992px) {
    :root {
        --font-size: 12px;
    }
}

@media (min-width: 1200px) {
    :root {
        --font-size: 14px;
    }
}

@media (min-width: 1400px) {
    :root {
        --font-size: 16px;
    }
}

@media (min-width: 1680px) {
    :root {
        --font-size: 18px;
    }
}

/* 扩展 BootStrap 容器宽度到 1920 */
/*
   default if <576 then 100%
    sm if 576 - 768 then 540      
    md if 768 - 992 then 720      
    lg if 992 - 1200 then 960     14px
    xl if 1200 - 1400 then 1140   16px
    lp if 1400 - 1600 then 1320   18px
    lm if 1600 - *** then 1596    20px
    fluid if then 100%
*/
/* container */
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-lp,
.container-lm {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container, .container-sm, .container-md {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container, .container-sm, .container-md, .container-lg {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 1140px;
    }
}

@media (min-width: 1400px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-lp {
        max-width: 1280px;
    }
}

@media (min-width: 1680px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-lp, .container-lm {
        max-width: 1596px;
    }
}

/* 扩展 BootStrap -- END */

/*通用样式*/
body {
    font-family: 'Microsoft Yahei',"Arial","Lucida Grande", "Tahoma", "Helvetica", "sans-serif";
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    font-size: var(--font-size)
}


A, A:link {
    text-decoration: none;
    color: inherit;
}

.bg-f7 {
    background-color: #f7f7f7;
}

.bg-fff {
    background-color: #fff;
}
/*通用样式 -- END*/


/* 顶部导航条 */
.top-nav-bar {
    background-color: var(--colorPrimary);
    height: 2.5rem;
    line-height: calc(var(--font-size)* 2.2);
    */
}

    .top-nav-bar a, .top-nav-bar a:link, .top-nav-bar .breadcrumb-item::before {
        color: #fff;
    }

    .top-nav-bar .navbar {
        padding: 0rem;
    }

    .top-nav-bar .dropdown-menu {
        background-color: transparent;
    }

    .top-nav-bar .breadcrumb {
        padding: 0px;
        background-color: transparent;
        float: right;
        margin-bottom: 0rem;
    }

    .top-nav-bar .breadcrumb-item + .breadcrumb-item::before {
        content: "|"
    }

    .top-nav-bar .navbar-toggler {
        margin: 0.2rem;
    }

    .top-nav-bar .navbar-toggler-icon {
        width: 1.2rem;
        height: 1.2rem;
    }

    .top-nav-bar .navbar-brand {
        padding-top: 0;
    }

    .top-nav-bar .logo {
        /*width: calc(var(--font-size ) * 5);
        height: calc(var(--font-size ) * 1);
        background-size: calc(var(--font-size ) * 28);
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
        background-position-y: center;
        background-size:cover;*/
    }



.logo-container {
}

    .logo-container .logo {
        width: calc(var(--font-size ) * 30);
        height: calc(var(--font-size ) * 6);
        background-size: calc(var(--font-size ) * 28);
        background-image: url(../images/logo.png);
        background-repeat: no-repeat;
        background-position-y: center;
    }

    .logo-container .logo-img {
        width: 90%;
        padding: 1rem;
    }

.search-container {
}

    .search-container .search-input {
        float: right;
        width: calc(var(--font-size ) * 15);
        height: calc(var(--font-size ) * 2);
        background: #F7F7F7;
        border-radius: 5rem;
        line-height: calc(var(--font-size ) * 2);
        color: #999;
        padding-left: 1rem;
    }

        .search-container .search-input .search-button {
            float: right;
            margin-right: 1rem;
        }

.navbar-md {
    width: 100%;
}

    .navbar-md .navbar-nav .nav-link {
        min-width: calc(var(--font-size ) * 7);
        text-align: center;
        color: #333;
        font-size: calc(var(--font-size )+ 2px);
        font-weight: 550;
    }
/* 费孝通 */
.fxt-container {
    background-image: url(../images/banner-1.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    height: calc(100vw * 1970 / 3840);
    font-size: calc(100vw * 1970 / 3840 * var(--font-size) * 0.8);
}

    .fxt-container .panel {
        padding-top: 2rem;
        background-color: #ffffff00;
    }

@media screen and (max-width: 768px) {
    .fxt-container .panel {
        padding: 1rem;
        background-color: #ffffff66;
    }
}

/*主任寄语*/
.zrjy-container {
    background-image: url(../images/banner-2.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    height: calc(100vw * 1488 / 3840);
}

    .zrjy-container .zrjy-row {
        height: calc(100vw * 1488 / 3840);
    }

    .zrjy-container .phone {
        margin: 2rem;
    }

        .zrjy-container .phone .zr-photo {
            background-image: url(../images/wangyong.png);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            border-radius: 200px;
        }

    .zrjy-container .title {
        width: 100%;
        height: calc(var(--font-size ) *4);
        font-weight: bold;
        font-size: calc(var(--font-size ) *3);
        color: #333333;
        line-height: calc(var(--font-size ) * 3.5);
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .zrjy-container .sub-title {
        width: 100%;
        height: calc(var(--font-size ) *1.68);
        font-family: Verdana, Verdana;
        font-weight: 400;
        font-size: calc(var(--font-size ) *1.375);
        color: #333333;
        line-height: calc(var(--font-size ) *1.5);
        text-align: center;
        font-style: normal;
        text-transform: none;
        margin-bottom: calc(var(--font-size ) *2);
    }

    .zrjy-container .content {
        width: 100%;
        font-weight: 400;
        font-size: calc(var(--font-size ));
        color: #666666;
        line-height: calc(var(--font-size ) * 1.5);
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-bottom: 1rem;
    }

    .zrjy-container .author {
        width: 100%;
        height: calc(var(--font-size ) * 2);
        font-weight: 400;
        font-size: calc(var(--font-size));
        color: #94070A;
        line-height: calc(var(--font-size ) * 1.5);
        text-align: right;
        font-style: normal;
        text-transform: none;
    }

    .zrjy-container .logo {
        margin: calc(var(--font-size ) * 4);
    }

        .zrjy-container .logo .logo-icon {
            background-image: url(../images/logo-icon.png);
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            width: 10rem;
        }

    .zrjy-container .more {
        margin-left: calc(var(--font-size ) * 2);
        margin-top: calc(var(--font-size ));
        height: calc(var(--font-size ) * 1.25);
        font-weight: 400;
        font-size: calc(var(--font-size));
        color: #B22234;
        line-height: calc(var(--font-size ) * 1.25);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

.panel-header {
    margin-bottom: 1rem;
}

    .panel-header .title {
        width: 100%;
        height: calc(var(--font-size ) * 4 * var(--big-title));
        font-weight: bold;
        font-size: calc(var(--font-size ) * 3* var(--big-title));
        color: #333333;
        line-height: calc(var(--font-size ) * 3.5 * var(--big-title));
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .panel-header .sub-title {
        width: 100%;
        height: calc(var(--font-size ) * 1.6875 * var(--big-title));
        font-family: Verdana;
        font-weight: 400;
        font-size: calc(var(--font-size ) * 1.375 * var(--big-title));
        color: #333333;
        line-height: calc(var(--font-size ) * 1.6275 * var(--big-title));
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

    .panel-header .more {
        width: 100%;
        height: calc(var(--font-size ) * 2);
        margin: 0.5rem;
        text-align: center;
        font-style: normal;
        text-transform: none;
    }

        .panel-header .more a, .panel-header .more a:link {
            display: inline-block;
            text-decoration: none;
            font-weight: 400;
            font-size: calc(var(--font-size )*0.875);
            line-height: calc(var(--font-size ) * 1.2);
            border: solid 1px #B22234;
            width: calc(var(--font-size ) * 8);
            color: #B22234;
            padding: 0.2rem;
        }

/* 中心动态 */
.zxdt-item {
}

    .zxdt-item .zxdt-img {
        height: calc(var(--font-size ) * 20);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .zxdt-item .title {
        width: 100%;
        /*height: calc(var(--font-size ) * 4.4);*/
        text-transform: none;
        /*padding-top: 1rem;*/
        padding-bottom: 1rem;
    }

        .zxdt-item .title a, .zxdt-item .title a:link {
            font-weight: 550;
            font-size: calc(var(--font-size ) * 1.3);
            color: #333333;
            line-height: calc(var(--font-size ) * 1.8);
            text-align: left;
            font-style: normal;
        }

    .zxdt-item .date {
        width: 100%;
        height: calc(var(--font-size ) * 1.32);
        font-weight: 400;
        font-size: calc(var(--font-size ) );
        color: #AAAAAA;
        line-height: calc(var(--font-size ) * 1.3);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .zxdt-item .ztdt-img {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .zxdt-item .content {
        width: 100%;
        font-weight: 400;
        font-size: calc(var(--font-size ) );
        color: #666666;
        line-height: calc(var(--font-size ) * 2 );
        text-align: justified;
        font-style: normal;
        text-transform: none;
    }

    .zxdt-item .more {
        width: 100%;
        height: calc(var(--font-size ) * 2);
        margin: 0.5rem;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

        .zxdt-item .more a, .zxdt-item .more a:link {
            display: inline-block;
            text-decoration: none;
            font-weight: 400;
            font-size: calc(var(--font-size )*0.875);
            line-height: calc(var(--font-size ) * 1.2);
            width: calc(var(--font-size ) * 8);
            color: #B22234;
            padding: 0.2rem;
        }

.zxdt-index {
    position: inherit;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: auto;
    display: -ms-flexbox;
    display: block;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 0.5rem;
    margin-right: auto;
    margin-left: auto;
    list-style: none;
    background-color: #F3F0D8;
}

    .zxdt-index img {
        -webkit-filter: grayscale(0.7); /* Webkit */
        filter: gray; /* IE6-9 */
        filter: grayscale(0.7); /* W3C */
        margin: 0.2rem auto 0rem auto;
    }

    .zxdt-index .active img {
        -webkit-filter: grayscale(0); /* Webkit */
        filter: inherit; /* IE6-9 */
        filter: grayscale(0); /* W3C */
    }

    .zxdt-index .jt {
        color: #94070A00;
    }

    .zxdt-index .active .jt {
        color: #94070AFF;
    }


.home-panel {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.subjet {
    font-weight: 550;
    font-size: calc(var(--font-size ) * 1);
    color: #94070A;
    line-height: calc(var(--font-size ) * 1.5);
    letter-spacing: 2px;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-left: 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

    .subjet:before {
        content: ' ';
        position: absolute;
        left: 0;
        top: 1rem;
        bottom: 0;
        right: 0;
        height: calc(var(--font-size ) * 1.5);
        width: 10px;
        background-color: #94070A;
        border-radius: 0rem;
        margin-left: 1rem;
    }



.zt-item {
    margin-bottom: 1rem;
}


    .zt-item .title {
        width: 100%;
        /*height: calc(var(--font-size ) * 5);*/
        font-weight: bold;
        font-size: calc(var(--font-size ) * 1.3);
        color: #333333;
        line-height: calc(var(--font-size ) * 1.6);
        text-align: left;
        font-style: normal;
        text-transform: none;
        padding-top: 0.5rem;
    }

    .zt-item .content {
        width: 100%;
        font-weight: 400;
        font-size: calc(var(--font-size ) );
        color: #666666;
        line-height: calc(var(--font-size ) * 1.75);
        text-align: justified;
        font-style: normal;
        text-transform: none;
    }

    .zt-item .date {
        font-weight: 400;
        font-size: calc(var(--font-size ) );
        color: #AAAAAA;
        line-height: calc(var(--font-size ) * 1.5);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .zt-item .more {
        width: 100%;
        height: calc(var(--font-size ) * 2);
        margin: 0.5rem;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

        .zt-item .more a, .zxdt-item .more a:link {
            display: inline-block;
            text-decoration: none;
            font-weight: 400;
            font-size: calc(var(--font-size )*0.875);
            line-height: calc(var(--font-size ) * 1.2);
            width: calc(var(--font-size ) * 8);
            color: #B22234;
            padding: 0.2rem;
        }

.jqhd-container {
    background-image: url(../images/bg-huodong.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    /*    height: calc(100vw * 788 / 1920);*/
    margin-top: calc(var(--font-size)* 3);
    padding-top: calc(100vw * 788 / 1920 * 0.08);
}

.jqhd-panel {
    min-height: calc(100vw * 788 / 1920 * 0.8);
}

    .jqhd-panel .jqhd-panel-item {
        padding: calc(var(--font-size ) * 3);
    }

        .jqhd-panel .jqhd-panel-item + div:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            bottom: auto;
            right: auto;
            margin-top: calc(var(--font-size ) * 3);
            margin-bottom: calc(var(--font-size ) * 3);
            height: 80%;
            width: 1px;
            background-color: #ccc;
            border-radius: 0rem;
        }

    .jqhd-panel .panel-header {
    }

        .jqhd-panel .panel-header .title {
            text-align: left;
        }

        .jqhd-panel .panel-header .sub-title {
            text-align: left;
        }

        .jqhd-panel .panel-header .more a, .jqhd-panel .panel-header .more a:link {
            width: calc(var(--font-size ) * 3)
        }

.jqhd-item {
    height: 70%;
}

    .jqhd-item .title a {
        display: block;
        font-weight: bold;
        font-size: calc(var(--font-size ) * 1.625);
        color: #333333;
        line-height: calc(var(--font-size ) * 2);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

        .jqhd-item .title a:before {
            content: '';
            position: absolute;
            left: 15px;
            top: 0;
            bottom: auto;
            right: auto;
            margin-top: -1rem;
            margin-bottom: 1rem;
            height: calc(var(--font-size)* 0.5);
            width: calc(var(--font-size)* 2);
            background-color: #8F0909;
            border-radius: 0rem;
        }

    .jqhd-item .property {
        font-size: calc(var(--font-size ) * 1);
        color: #666666;
        line-height: calc(var(--font-size ) * 2);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

.jqhd-content {
    width: 100%;
    font-weight: 400;
    font-size: calc(var(--font-size ) );
    color: #666666;
    line-height: calc(var(--font-size ) * 1.75);
    text-align: justified;
    font-style: normal;
    text-transform: none;
}

    .jqhd-content .item-img {
        display: block;
        max-height: calc(var(--font-size ) * 15);
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }


.tskc-container {
    background-image: url(../images/banner-3.png);
    background-size: 100%;
    background-position: center top;
    background-repeat: no-repeat;
    /*height: calc(100vw * 670 / 1920);*/
    margin-top: calc(var(--font-size)* 4);
    padding-top: calc(100vw * 670 / 1920 * 0.08);
}

    .tskc-container .panel-header .sub-title {
        padding-bottom: calc(var(--font-size)* 3);
    }

    .tskc-container .tskc-panel {
        min-height: calc(100vw * 670 / 1920 * 0.8);
        padding: calc(var(--font-size ) * 3);
    }

    .tskc-container .content {
        font-size: calc(var(--font-size ) * 1);
        color: #666666;
        line-height: calc(var(--font-size ) * 1.5);
        text-align: left;
        font-style: normal;
        text-transform: none;
        max-height: calc(var(--font-size ) * 1.5 * 11);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 11;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tskc-container .more a {
        color: #94070A;
        line-height: calc(var(--font-size)* 2);
    }

.mtqy-container {
    padding-top: calc(var(--font-size ) * 4);
    padding-bottom: calc(var(--font-size ) * 4);
}

.mtqy-list > .active {
    background-color: #F5F5F5;
    color: #94070A;
    font-weight: 550;
}

.mtqy-list .mtqy-img {
    margin-top: 1rem;
    margin-bottom: 1rem;
}


.mtqy-list > .active a, .mtqy-list > .active a:link {
    color: #94070A;
}

.mtqy-list-item {
}

    .mtqy-list-item .row {
        height: calc(var(--font-size ) * 4);
    }

    .mtqy-list-item .title {
        padding-right: calc(var(--font-size ) * 1);
    }

    .mtqy-list-item a, .mtqy-list-item a:link {
        display: block;
        line-height: calc(var(--font-size ) * 1.5);
        padding-top: calc(var(--font-size ) * 0.5);
    }


    .mtqy-list-item .date {
        padding-left: calc(var(--font-size)* 2);
        text-align: center;
    }

        .mtqy-list-item .date:after {
            content: '';
            position: absolute;
            left: auto;
            top: calc(var(--font-size ) * 0.8);
            bottom: auto;
            right: 0;
            margin-top: auto;
            margin-bottom: auto;
            height: calc(var(--font-size ) * 1.8);
            width: 1px;
            background-color: #ccc;
            border-radius: 0rem;
        }

        .mtqy-list-item .date .year {
            font-size: calc(var(--font-size ) * 0.8);
            text-align: center;
        }

.mtqy-img {
    height: calc(var(--font-size ) * 20);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.bottom-container {
    background: #2f2f2f;
    min-height: 10rem;
    color: #9c9c9c;
}

    .bottom-container a, .bottom-container a:link {
        color: #9c9c9c;
    }

    .bottom-container .bottom-logo {
        width: calc(var(--font-size)* 3);
    }

.bottom-copyright {
    background: #2f2f2f;
    color: #9c9c9c;
    height: calc(var(--font-size)* 4);
    border-top: solid 1px #3c3c3c;
    line-height: 2rem;
}

.sub-banner1 {
    background-image: url('../images/sub-banner1.png');
    background-repeat: no-repeat;
}


    .sub-banner1 .list-header .title a {
        color: #FAD48E;
    }

    .sub-banner1 .list-header .breadcrumb {
        color: #fff;
    }

    .sub-banner1 .list-header .breadcrumb-item + .breadcrumb-item::before {
        color: #fff;
    }

    .sub-banner1 .list-header .breadcrumb-bar a, .sub-banner1 .list-header .breadcrumb-bar a:link {
        color: #fff;
    }

        .sub-banner1 .list-header .breadcrumb-bar a:hover {
            color: #EBBB63;
        }

.sub-banner2 {
    background-image: url('../images/sub-banner2.png');
    background-repeat: no-repeat;
}

    .sub-banner2 .list-header .title a {
        color: #94070A;
    }

    .sub-banner2 .list-header .breadcrumb {
        color: #666666;
    }

    .sub-banner2 .list-header .breadcrumb-item + .breadcrumb-item::before {
        color: #666666;
    }

    .sub-banner2 .list-header .breadcrumb-bar a, .sub-banner2 .list-header .breadcrumb-bar a:link {
        color: #666666;
    }

        .sub-banner2 .list-header .breadcrumb-bar a:hover {
            color: #94070A;
        }

/*List CSS*/
.list-container {
    min-height: 20rem;
    background-color: #F7F7F7;
}

    .list-container .list-header {
        padding-top: calc(var(--font-size ) * 4);
        padding-bottom: calc(var(--font-size ) * 1);
    }

        .list-container .list-header .title {
        }

            .list-container .list-header .title img {
                width: calc(var(--font-size ) * 3.75);
                margin-top: calc(var(--font-size ) * 0.5);
                margin-bottom: auto;
            }

            .list-container .list-header .title a {
                font-weight: 800;
                font-size: calc(var(--font-size ) * 3);
                line-height: calc(var(--font-size ) * 4.5);
                text-align: left;
                font-style: normal;
                text-transform: none;
            }




        .list-container .list-header .breadcrumb {
            background-color: transparent;
        }




        .list-container .list-header .breadcrumb-bar {
            height: calc(var(--font-size)* 2);
            margin-top: auto;
            margin-bottom: 0;
        }

        .list-container .list-header .breadcrumb-item + .breadcrumb-item::before {
            content: ">";
        }






    .list-container .tab-header .list-group {
        flex-direction: row;
    }

        .list-container .tab-header .list-group a {
            display: block;
            padding: 1rem;
            white-space: nowrap;
            background-color: rgba(255,255,255,0.6);
            margin-top: 1rem;
            padding-left: 3rem;
            padding-right: 3rem;
        }

        .list-container .tab-header .list-group .active {
            font-weight: bold;
            font-size: calc(var(--font-size)* 1.5);
            color: #C2933D;
            line-height: calc(var(--font-size)* 1.6);
            text-align: left;
            font-style: normal;
            text-transform: none;
            background-color: #fff;
            border-top: solid 0.5rem #D6B04F;
            margin-top: 0.5rem;
            padding-left: 3rem;
            padding-right: 3rem;
        }

    .list-container .list-panel {
        padding: calc(var(--font-size)* 2);
        background-color: #fff;
    }

    .list-container .list-item a, .list-container .list-item a:link {
        padding-left: calc(var(--font-size)* 4);
        display: block;
        font-weight: 400;
        font-size: calc(var(--font-size ) * 1.2);
        color: #333333;
        line-height: calc(var(--font-size ) * 4);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

        .list-container .list-item a:before {
            content: '';
            position: absolute;
            left: calc(var(--font-size)* 2);
            top: calc(var(--font-size)* 1.8);
            bottom: auto;
            right: auto;
            margin-top: auto;
            margin-bottom: auto;
            height: 0.5rem;
            width: 0.5rem;
            background-color: #ccc;
            border-radius: 0rem;
        }

        .list-container .list-item a:hover {
            background: #F5F1D5;
            color: #94070A;
        }

            .list-container .list-item a:hover:before {
                background-color: #94070A;
            }

.list-container-m {
}

    .list-container-m .list-header {
        color: #94070A;
        font-size: 2rem;
    }

    .list-container-m .list-panel {
    }

    .list-container-m .list-item {
        padding: 1rem;
    }

        .list-container-m .list-item .date {
            font-style: italic;
        }

        .list-container-m .list-item a, .list-container-m .list-item a :link {
            display: block;
            font-weight: 550;
            color: #000;
        }

    .list-container-m .breadcrumb {
        background-color: #fff;
    }

    .list-container-m .breadcrumb-item + .breadcrumb-item::before {
        content: ">";
    }


.content-panel-m {
}

    .content-panel-m .content {
        font-size: calc(var(--font-size)* 1);
        color: #333333;
        line-height: calc(var(--font-size)* 2.2);
        text-align: left;
        font-style: normal;
        text-transform: none;
        text-align: justify;
        padding: calc(var(--font-size)* 2);
        letter-spacing: calc(var(--font-size)* 0.1);
        text-indent: calc(var(--font-size)* 2)
    }

        .content-panel-m .content img {
            width: 80%;
            margin: auto;
            height: auto;
        }

.content-panel {
    min-height: 20rem;
    background-color: #fff;
    padding-top: calc(var(--font-size)* 2);
    padding-left: calc(var(--font-size)* 5);
    padding-right: calc(var(--font-size)* 5);
    padding-bottom: calc(var(--font-size)* 5);
}

    .content-panel .title, .content-panel-m .title {
        font-weight: bold;
        font-size: calc(var(--font-size)* 1.5);
        color: #333333;
        line-height: calc(var(--font-size)* 2.5);
        text-align: center;
        font-style: normal;
        text-transform: none;
        padding: calc(var(--font-size)* 1)
    }

    .content-panel .property-bar, .content-panel-m .property-bar {
        font-size: calc(var(--font-size)* 0.875);
        color: #999999;
        line-height: calc(var(--font-size)* 1);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

        .content-panel .property-bar li, .content-panel-m .property-bar li {
            padding-left: calc(var(--font-size)* 1);
            padding-right: calc(var(--font-size)* 1);
        }

    .content-panel .content {
        font-size: calc(var(--font-size)* 1);
        color: #333333;
        line-height: calc(var(--font-size)* 2.2);
        text-align: left;
        font-style: normal;
        text-transform: none;
        text-align: justify;
        padding-top: calc(var(--font-size)* 3);
        letter-spacing: calc(var(--font-size)* 0.1);
        text-indent: calc(var(--font-size)* 2)
    }



        .content-panel .content img {
            max-width: 100%;
            height: auto;
        }

        .content-panel .content video {
            width: 100%;
        }



.right-list-panel {
    height: 100%;
    background-color: #FFFDF1;
}

    .right-list-panel .list-header {
        background: #94070A;
        height: calc(var(--font-size)* 3.5);
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: calc(var(--font-size)* 1.5);
        padding-top: 15px;
    }

    .right-list-panel .list-items {
        padding-top: calc(var(--font-size)* 1);
        padding-bottom: calc(var(--font-size)* 1);
    }

        .right-list-panel .list-items .title {
            font-size: calc(var(--font-size)* 0.875);
            color: #666666;
            line-height: calc(var(--font-size)* 1.375);
            text-align: left;
            font-style: normal;
            text-transform: none;
            padding-top: calc(var(--font-size)* 0.5);
            padding-bottom: calc(var(--font-size)* 0.5);
            padding-left: calc(var(--font-size)* 2);
            padding-right: calc(var(--font-size)* 1);
        }

            .right-list-panel .list-items .title a:before {
                content: '';
                position: absolute;
                display: block;
                left: calc(var(--font-size)* 1);
                top: calc(var(--font-size)* 1);
                bottom: auto;
                right: auto;
                margin-top: auto;
                margin-bottom: auto;
                height: calc(100% - var(--font-size)* 2);
                width: 1px;
                background-color: #ccc;
                border-radius: 0rem;
            }

            .right-list-panel .list-items .title:hover {
                background: #F5F1D5;
            }


            .right-list-panel .list-items .title a, .right-list-panel .list-items .title a:link {
                color: #666666;
            }

            .right-list-panel .list-items .title:hover a, .right-list-panel .list-items .title:hover a:link {
                color: #94070A;
            }

                .right-list-panel .list-items .title:hover a:before {
                    content: '';
                    position: absolute;
                    display: block;
                    left: 0px;
                    top: calc(var(--font-size)* 1);
                    bottom: auto;
                    right: auto;
                    margin-top: auto;
                    margin-bottom: auto;
                    height: calc(100% - var(--font-size)* 2);
                    width: calc(var(--font-size)* 0.3);
                    background: #94070A;
                    border-radius: 0rem;
                }

.group-title {
    color: #94070A;
    font-size: calc(var(--font-size)* 1.6);
    font-weight: bold;
    line-height: calc(var(--font-size)* 3);
    padding-top: calc(var(--font-size)* 3);
}

.people-list-panel {
    background-color: #fff;
    min-height: 20rem;
    padding-top: calc(var(--font-size)* 2);
    padding-left: calc(var(--font-size)* 10);
    padding-right: calc(var(--font-size)* 10);
    padding-bottom: calc(var(--font-size)* 5);
    border-top: 4px solid #94070A;
}


.people {
    padding-bottom: calc(var(--font-size)* 2);
}

    .people .image {
        width: calc(var(--font-size)* 14);
        height: calc(var(--font-size)* 14);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center top;
    }

    .people .title {
        font-weight: bold;
        font-size: calc(var(--font-size)* 1.2);
        color: #333333;
        line-height: calc(var(--font-size)* 3);
        letter-spacing: 2px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .people .property-title {
        font-weight: bold;
        font-size: calc(var(--font-size)* 0.75);
        color: #333333;
        line-height: calc(var(--font-size)* 2);
        letter-spacing: 1px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .people .property {
        font-size: calc(var(--font-size)* 0.75);
        color: #666666;
        line-height: calc(var(--font-size)* 1.2);
        letter-spacing: 1px;
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

    .people .link-item {
        font-size: calc(var(--font-size)* 0.8);
        color: #94070A;
        line-height: calc(var(--font-size)* 1.5);
        text-align: left;
        font-style: normal;
        text-transform: none;
    }

.people-list-panel .panel {
    padding-bottom: 0;
}

    .people-list-panel .panel .title {
        text-align: center;
        border-radius: 15px;
        background-color: #f7f7f7;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
    }


.list-tskc .title {
    font-size: calc(var(--font-size)* 1.5);
    line-height: calc(var(--font-size)* 3);
}

.list-tskc .content {
    font-size: calc(var(--font-size)* 1);
    color: #333333;
    line-height: calc(var(--font-size)* 2.2);
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-align: justify;
    padding-top: calc(var(--font-size)* 0.5);
    padding-bottom: calc(var(--font-size)* 0.5);
    letter-spacing: calc(var(--font-size)* 0.1);
    text-indent: calc(var(--font-size)* 2)
}


.bg-bdh {
    background-color: #94070A;
}

.bg-none {
    background-color: transparent;
}


.pagger {
}

    .pagger a, .pagger a :link {
        display: inline-block;
        padding: 0.5rem;
        padding-right: 1rem;
        padding-left: 1rem;
        margin: 0.5rem;
        border: solid 1px #94070A;
        border-radius: 5px;
        color: #94070A
    }

        .pagger a:hover {
            background-color: #94070A;
            color: #fff;
        }

    .pagger .disabled, .pagger .disabled:link, .pagger .disabled:hover {
        border: solid 1px #c0c0c0;
        color: #999;
        background-color: #fff;
    }