.ArticleSlider {
        position: relative;
}
.xem-tat-ca {
        position: absolute;
        bottom: 5px;
        right: 0;
}
.SliderFeature {
        padding: 0;
        position: relative;
        background: #fff;
        margin-bottom: 10px;
}
.SliderFeature .RightCol {
        background: content-box;
        vertical-align: top;
        width: 45%;
        padding: 0;
        padding-left: 10px;
}
.SliderFeature .RightCol .tab {
        display: none;
}
.SliderFeature .RightCol .bottomAti {
        height: 400px;
}
.SliderFeature .RightCol .bottomAti .tabcontent {
        padding: 0;
        border: none;
}
.SliderFeature .LeftCol {
        padding-right: 0px !important;
        text-align: justify;
        vertical-align: top;
        width: 55%;
        padding: 0;
}
.SliderFeature .LeftPanel {
        height: 400px !important;
        overflow: hidden;
        position: relative;
        width: 100% !important;
        background: whitesmoke;
        border: 1px solid #e4e4e4;
}
.SliderFeature .LeftPanel > a {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        color: white;
}
.SliderFeature .LeftCol .LeftPanel img {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 0;
        object-fit: cover;
}
.SliderFeature .LeftCol .text {
        line-height: 20px;
        overflow: hidden;
        background:  #ed0e18;
        opacity: 0.8;
        padding: 3px 5px;
        bottom: 0;
        font-weight:bolder;
        left: 0;
        margin-bottom: 0;
        position: absolute;
        text-align: left;
        width: 100%;
        z-index: 1;
        cursor: pointer;
}
.SliderFeature .LeftCol .text div {
        color: white;
        display: inline-block;
        padding: 6px;
        /* font: normal 15px arial; */
        font-size: 1rem;
        font-weight: normal;
}
.SliderFeature .LeftCol .text div:hover {
        color: #FFF;
}
.SliderFeature .ArticleList {
        list-style: outside none none;
        margin: 0;
        width: 100%;
        display: inline-block;
        height: 100%;
        padding: 0px;
        overflow-y: scroll;
        height: 400px;
}
.SliderFeature .ArticleList li a {
        display: inline-block;
        width: 100%;
        text-decoration: none;
        transition: all 300ms;
        font-size: 14px;
        color: #424242;
        vertical-align: top;
}
.SliderFeature .ArticleList li a:hover{
        color: #424242;
}
.SliderFeature .ArticleList li {
        float:left;
        padding: 0;
        width: 100%;
        
        padding: 1px 10px;
        border: 1px solid #EEE;
        vertical-align: top;
}
.SliderFeature .ArticleList li+li{
        margin-top: 10px;
}
.SliderFeature .ArticleList li:last-child {
}
.SliderFeature .ArticleList .ArticleItemSelected {
}
.SliderFeature .ArticleList li:hover a {
        color: #ed0e18;
}
.SliderFeature .ArticleList .ArticleItemSelected a {
        color: #ed0e18;
        display: inline-block;
}
.SliderFeature .ArticleList li:hover {
}
.SliderFeature .ArticleList li .Image {
        float: left;
        margin-right: 10px;
        text-align: left;
        width: 75px;
        height: 50px;
        object-fit: cover;
        border: 1px solid #e4e4e4;
}
.SliderFeature .Header {
        display: none;
}
.SliderFeature .Header .lblHeader {
        display: none;
}
@media only screen and (max-width: 768px){
        .SliderFeature .ArticleList li+li {
                margin-top: 5px;
        }
        .SliderFeature .RightCol .bottomAti , .SliderFeature  .ArticleList{
          height: auto!important;
		}
        div.SliderFeature {
     		width: 100vw !important;
		}
        .SliderFeature .ArticleList li a {
                padding: 0 !important;
        }
        .ArticleSlider {
                margin-bottom: 10px;
        }
        div.SliderFeature .LeftPanel {
                height: 55vw !important;
        }
        div.SliderFeature {
                padding: 5px 0;
        }
        div.ArticleSlider {
        padding: 0  !important; 
    }
}
/**************scrollbar********************/
/* width */
::-webkit-scrollbar {
    width: 5px;
  }
 
  /* Track */
  ::-webkit-scrollbar-track {
    background-color: #fafafa;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background-image: linear-gradient(-45deg, #d3d3d3, #d8d8d8);
    border-radius: 50px;
  }
/* end */