.SliderFeature .RightCol {
        width:300px;
        max-width:300px;
        background: #f8f8f8;;
        vertical-align:top;
 
}
.SliderFeature .LeftCol {
        padding: 4px;
        text-align: center;
        vertical-align: middle;
        padding-right: 15px;
}
.SliderFeature .Header span {
        font-size: 16px;
        font-weight: bold;
        color: #ffffff;
        background-color: var(--main-color);
        padding: 6px 12px;
        text-decoration: none;
        display: inline-block;
        font-family: 'Roboto Condensed';
}
.SliderFeature .LeftPanel {
        position:relative;
        overflow:hidden;
}
.SliderFeature .LeftCol .LeftPanel  img {
        position:absolute;
        top:0px;
        left:0px;
        z-index:0;
        width:100%;
        aspect-ratio: 16/11.4;
        height: 80%;

}
.SliderFeature .LeftCol .text 
{
         /**background: linear-gradient(180deg, rgba(0, 128, 70, 0), #0176a1);**/
          filter:alpha(opacity=70);
        width:100%;
        color: Black;
        font: bold 10pt Arial;
        position:absolute;
        left:0;
               top: 81%;
        z-index:1;
        text-align:left;
}
.SliderFeature .LeftCol .text div.text-title{
        font-size: 20px;
        line-height: 1.4;
        width: 100%;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 76px;
        color: #029ed7;
}
.SliderFeature .LeftCol .text div.text-summary{
        display: none;
}
.SliderFeature .LeftCol .text div {
        padding:10px 0;
        display:inline-block;
}
.SliderFeature .ArticleList {
        list-style:none none;
        margin:0px;
        padding:0px;
        width:300px;
        max-height: 430px;
        overflow: auto;
}
.SliderFeature .ArticleList li {
        display:inline-block;
        padding: 10px;
        line-height: 1.4;
        width: 100%;
}
.SliderFeature .ArticleList li a{
	display: flex;
        flex-direction: row;
}
.SliderFeature .ArticleList li .Title{
	text-align: justify;
        color: #222;
        font-weight: 500;
        line-height: 1.45;
}
.SliderFeature .ArticleList .ArticleItemSelected {
        background:#def6ff;
}
.SliderFeature .ArticleList li:hover{
        background:#def6ff;
}
.SliderFeature .ArticleList li .Image {
         width: 110px;
    height: 70px;
    display: inline-block;
    margin-right: 12px;
    text-align: left;
    float: left;
    object-fit: cover;
}
.SliderFeature .Header {
        /* position: absolute; */
        left: 0;
        top: 0;
        font-size: 20px;
        font-weight: 600;
        text-align: left;
        text-transform: uppercase;
        color: var(--main-color);
        border-bottom: 2px solid var(--main-color);
        background: var(--main-color);
        /* line-height: 35px; */
        margin-bottom: 5px;
        display: none;
}
.SliderFeature {
        /* position: relative; */
        padding-top: 0px;
}
.Intro .Content:last-child {
        margin-bottom: 80px;
}
@media only screen and (max-width: 450px){
        .SliderFeature tr {
                display: flex;
                flex-wrap: wrap;
        }
        .SliderFeature .ArticleList li .Image {
                width: 30%;
                aspect-ratio: 16/10;
                height: unset;
        }
        .SliderFeature tr td {
                width: 100% !important;
                max-width: unset !important;
        }
        .SliderFeature .ArticleList {
                width: 100%;
        }
}