.UIHotnewsModule_tpct .HotnewsControl {
		background: #fff none repeat scroll 0 0;
		padding: 0;
		grid-area: bot;
		/* border: 1px solid #fdca7b;
		border-radius: 5px 5px 0 0; */
}
.UIHotnewsModule_tpct .HotnewsControl .Header {
        height: 40px;
        border-bottom: 2px solid var(--vpblue);
        padding-top: 5px;
        position: relative;
        /*color: #0856BB;*/
}
.UIHotnewsModule_tpct .HotnewsControl .Header span {
		font-family: Merriweather, sans-serif;
		font-size: 18px;
		font-weight: 700;
        color: var(--vpblue);
        text-transform: uppercase;
		position: absolute;
		display: block;
		/*
		font-family: Arial;
        color: #0856BB;
        */
}
div.HotnewsControl .HotnewsScroll {
        margin: 0;
        padding: 0;
        overflow: auto;
        max-height: 586px;
}
div.HotnewsControl .HotnewsList {
        clear: both;
        display: block;
        padding: 0;
        height: auto !important;
        margin-top: 10px;
        /* background: #f8f8f8; */
}
/* CTO - Cap nhat css*/
div.HotnewsControl .HotnewsList .HotnewsItem {
        padding: 10px 15px;
        font-size: 14px;
        border-bottom: 1px solid #f2f2f2;
        display: block;
        position: relative;
}
/*div.HotnewsControl .HotnewsList .HotnewsItem {
        font-size: 14px;
        display: block;
        position: relative;
        padding-bottom: 20px;
        margin-top: 20px;
        border-bottom: 1px solid #f2f2f2;
}*/
div.HotnewsControl .HotnewsList .HotnewsItem+.HotnewsItem{
        /* border-top: 1px dashed #ddd; */
}
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem:before {
    content: '';
    background: var(--vpblue);
    width: 5px;
    height: 5px;
    display: inline-block;
    position: absolute;
    top: 23%;
    left: 0;
}
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem img {
        float: left;
        margin-right: 10px;
        vertical-align: top;
        width: 171px;
        border-radius: 3px;
        margin-top: 3px;
        transition-duration: .3s;
        object-fit: contain;
        display: none;
}
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem a {
        /*color: var(--vptitle);*/
        display: inline-block;
        padding-left: 5px;
}
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem a:hover {
        color: var(--blue);
}
/*.HotnewsControl .HotnewsList .HotnewsItem a:hover span{
        color: #ffba28; 
}*/
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem .ArticleTitle {
        font-family: Roboto, sans-serif;
        font-size: 15px;
        font-weight: 500;
        line-height: 23px;
        text-align: left;
        color: var(--vptitle);
		text-transform: math-auto;
        /*font-family: Arial;
        font-size: 15px;
        font-weight: 600;
        line-height: 23px;
        text-align: left;
        text-transform: math-auto;*/
}
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .active {
        background-color: #cccccc;
}
/* CTO - Cap nhat css*/
.UIHotnewsModule_tpct .HotnewsControl .HotnewsList .HotnewsItem .itemnews {
        font-family: Arial;
        font-size: 11px;
        font-style: italic;
        font-weight: bold;
        line-height: 23px;
        color: #FF0000;
}
@media only screen and (max-width: 768px){
        div.HotnewsControl{
                width: calc(100vw - 20px);
                margin: auto;
                margin-bottom: 10px;
                padding: 5px !important;
        }
        div.HotnewsControl .HotnewsScroll{
                height: 65vw !important;
                max-height: 65vw !important;
                min-height: 65vw !important;
        }
        /* CTO - Cap nhat css*/
       .UIHotnewsModule_tpct .HotnewsControl .Header span {
				text-transform: math-auto;
		}
}

.