.SliderFeature {
        margin: 0 0 10px;
        padding: 0;
        position: relative;
        background: #fff;
}
.SliderFeature .RightCol {
        background: #ffffff none repeat scroll 0 0;
        vertical-align: top;
        width: 100%;
        float: left;
}
.SliderFeature .LeftCol {
        float: left;
        text-align: justify;
        vertical-align: top;
        width: 100%;
}
.SliderFeature .LeftPanel {
        height: 350px !important;
        overflow: hidden;
        position: relative;
        width: 100% !important;
}
.SliderFeature .LeftPanel > a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
}
.SliderFeature .LeftCol .LeftPanel img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
        object-fit: cover;
}
.SliderFeature .LeftCol .text {
        overflow: hidden;
        opacity: 1;
        padding: 3px 5px;
        bottom: 0;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        text-align: left;
        width: 100%;
        z-index: 10;
        cursor: pointer;
        background: -moz-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
        background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7)));
        background: -webkit-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
        background: -o-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
        background: -ms-linear-gradient(top,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
        background: linear-gradient(to bottom,rgba(0,0,0,0) 20%,rgba(0,0,0,.7) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
}
.SliderFeature .LeftCol .text div {
        color: white;
        display: inline-block;
        padding: 6px;
        font: bold 18px arial;
        text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
.SliderFeature .LeftCol .text div:hover {
        color: yellow;
}
.SliderFeature .ArticleList {
        list-style: outside none none;
        margin: 0;
        padding: 0;
        width: 100%;
        display: flex;
}
.SliderFeature .ArticleList li:hover a {
        color: #9b0000;
}
.SliderFeature .ArticleList li a {
        font-family: sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: -webkit-auto;
        max-height: 70px;
        height: 70px;
        color: #0168f8;
}
.SliderFeature .ArticleList li {
        background: #e0e8f5;
        padding: 10px;
        margin:10px 5px 0px 5px;
        width: 100%;
}
.SliderFeature .ArticleList .ArticleItemSelected {
        background: #0168f8;
        background: linear-gradient(141deg, #0168f8 0%, #2196F3 51%, #0168f8 75%);
}
.SliderFeature .ArticleList li:hover a {
        color: #fff;
}
.SliderFeature .ArticleList .ArticleItemSelected a {
        color: #fff;
        display: inline-block;
}
.SliderFeature .ArticleList li:hover {
}
.SliderFeature .ArticleList li .Image {
        float: left;
        margin-right: 10px;
        text-align: left;
        width: 74px;
        height: 46px;
        display: none;
}
.SliderFeature .Header {
        display: none;
}
.SliderFeature .Header .lblHeader {
        display: none;
}
@media only screen and (max-width: 768px){
        .SliderFeature .ArticleList {
                display: flex;
                flex-direction: column;
        }
        .SliderFeature .ArticleList li {
                margin: 2px 0px 0px 0px !important;
                height: 9vh !important;
        }
}
