.SliderFeature {
    box-shadow: 0 0 2px #555555;
  	border-radius: 10px 10px 0 0;
    margin: 0 0 5px;
  	height:310px;
  	padding-bottom:5px;
}
.SliderFeature .RightCol {
    background: none repeat scroll 0 0 #ffffff;
    max-width: 240px;
    vertical-align: top;
    width: 240px;
  	height:270px;
}
.SliderFeature .LeftCol {
    padding: 4px;
    text-align: center;
    vertical-align: middle;
    height:260px;
}
.SliderFeature .LeftPanel {
    overflow: hidden;
    position: relative;
    height:280px;
   width: unset !important; 
}
.SliderFeature .LeftCol .LeftPanel img {
    height: auto;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.SliderFeature .LeftCol .text {
    background-color: #eeeeee;
    bottom: 0;
    color: Black;
    font: bold 10pt Arial;
    left: 0;
    margin-bottom: 0;
    opacity: 0.7;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 1;
  border-top:1px solid #eee;
}
.SliderFeature .LeftCol .text div {
    display: inline-block;
    padding: 6px;
}
.SliderFeature .ArticleList {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    width: 240px;
    border-top:1px solid #eee;
}
.SliderFeature .ArticleList li:hover a {
    color: #ff0000;
    /* font: bold 10pt Arial; */
}
.SliderFeature .ArticleList li {
    display: inline-block;
    padding: 4px;
    width: 97%;
    border-bottom:1px solid #eee;
    height:58px;
}
.ArticleList .Title {
    /* width: 500px; */
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 19px;
    -webkit-line-clamp: 3;
    height: 39px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
        font-size: 14px;
}
@media (max-width: 768px){
        .ArticleList .Title{
        height: unset;
        }
        .SliderFeature .ArticleList li{
                        height: unset;
        }

}
.SliderFeature .ArticleList li a:hover {
    text-decoration: none;
}
.SliderFeature .ArticleList .ArticleItemSelected {
    background: none repeat scroll 0 0 #fff;
    border-top:1px solid #eee;

}
.SliderFeature .ArticleList .ArticleItemSelected a {
    color: #000;
}
.SliderFeature .ArticleList li:hover {
}
.SliderFeature .ArticleList li .Image {
    display: none;
    float: left;
    height: 50px;
    margin-right: 4px;
    text-align: left;
    width: 0px;
}
.SliderFeature .Header {
    background: #ddb209;
    height:20px;
    text-align:center;
    color:#fff;
    font: bold 10pt Arial;
    padding-top:6px;
    text-transform: uppercase;
    display: none;
}
@media only screen and (max-width: 768px){
.SliderFeature {
    height:unset !important;
}
        .SliderFeature .LeftPanel {
    width: 370px !important;
}
.SliderFeature .RightCol {
    max-width: unset ;
} 
.SliderFeature .ArticleList {
    width: 100%;
}  
}
.SliderFeature .LeftPanel .text div {
    font-size: 14px
}