#mc-top-banner {
    height: 300px;
}
#mc-tabs {
    border-bottom: 1px solid #b3e1f5;
}
.mc-hidden {
    visibility: hidden;
}
.mc-tab-item {
    flex-wrap: nowrap;
    justify-content: space-evenly;
    padding: 1.5rem 0 1.2rem 0;
}
.mc-tab-box {
    font-size: 16px;
    padding: 0 1rem;
}
.mc-tab-box a {
    color: #222;
    position: relative;
}
.mc-tab-box.active a, .mc-tab-box a:hover {
    color: #11a6ea;
    text-decoration: 0 none;
}
.mc-tab-box.active a:after {
    content: " ";
    position: absolute;
    bottom: -1.7rem;
    left: -0.4rem;
    height: 3px;
    background-color: #11a6ea;
    width: 115%;
}
.grid-video-row {
    display: grid;
    grid-column: span 4;
    grid-template-columns: repeat(4,1fr);
    grid-gap: 20px;
}
.mc-list-video {
    /** 350,240 **/
    /** 380,265 **/
    /** --videoHeight: 214px;  **/
    /** --videoWidth: calc(var(--videoHeight) * 1.777)  **/
}
@media (max-width: 768px) {
    .mc-list-video {
        /** 350,240 **/
        /** 380,265 **/
        --videoWidth: 100%;
        --videoHeight: auto;
    }
    .mc-list-video .video-desc {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
.mc-list-video .video-thumbnail {
    width: var(--videoWidth);
    height: var(--videoHeight);
}
.mc-list-video .video-desc {
    width: var(--videoWidth);
}
.mc-list-video .video-ribbon {
    width: var(--videoWidth);
    height: 173px;
}
.mc-list-video .video-thumbnail:hover .video-widget  {
    visibility: visible;
}
.mc-news-item {
    height: 240px;
}
.mc-news-item:nth-of-type(even) {
    flex-direction: row-reverse;
}
.mc-news-item .publish-date {
    flex: 1 0 180px;
    background-color: #ebf0f5;
    color: #727171;
    text-align: center;
}
.mc-news-item:hover .publish-date {
    /*background: #00529D;*/
    /*background: linear-gradient(90deg, #00529D, #003C71);*/
    background: var(--mc-bg-color);
    background: linear-gradient(90deg, var(--mc-date-color-start), var(--mc-date-color-end));
    color: #fff;
}
.mc-news-item:nth-of-type(even):hover .publish-date {
    background: linear-gradient(90deg, var(--mc-date-color-end), var(--mc-date-color-start));
}
.mc-news-item .publish-date .the-date-box {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.mc-news-item .publish-date .year {
    font-size: 4.5rem;
    font-weight: lighter;
    line-height: 1.2;
}
.mc-news-item .publish-date .date {
    font-size: 4.1rem;
    font-weight: lighter;
    line-height: 1.2;
}
.mc-news-item .brief-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.mc-news-item:hover .brief-text {
    /*background: linear-gradient(90deg, #00519D, #2968B4);*/
    background: linear-gradient(90deg, var(--mc-brief-color-start), var(--mc-brief-color-end));
    color: #fff;
}
.mc-news-item:nth-of-type(even):hover .brief-text {
    background: linear-gradient(90deg, var(--mc-brief-color-end), var(--mc-brief-color-start));
}
.mc-news-item:hover .brief-text h2 a {
    color: #fff;
}
.mc-news-item .thumb-image {
    flex: 1 0 380px;
    overflow: hidden;
}
@media (max-width: 768px) {
    #mc-top-banner {
        height: 11rem;
    }
    .mc-news-item, .mc-news-item:nth-of-type(even) {
        flex-direction: column-reverse;
        height: 300px;
        overflow: hidden;
    }
    .mc-news-item .thumb-image {
        flex: auto;
        background-position: center;
    }
    .mc-news-item .brief-text h2 {
        line-height: 1.8;
        font-size: 1.8rem;
    }
}