div[class*='UILastestNews_hovertitle'] .UILastestNews {
        margin-top: 20px;
        box-shadow: var(--box-category);
        padding: 5px;
        border-radius: 4px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header {
        width: 100%;
        height: 40px;
        position: relative;
        padding-right: 10px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>span>a:after{
        content: '';
        position:absolute;
        width: 100px;
        height: 1.5px;
        background-color: var(--color-primary);
        bottom: -5px;
        left: 2px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap {
        height: 100%;
        display: table;
        width: 100%;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>span {
        display: table-cell;
        vertical-align: middle;
        width: 100%;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>span>a {
        font-family: 'Merriweather';
        font-size: 16px;
        font-weight: 700;
        line-height: 40px;
        text-align: left;
        color: #031739;
        text-transform: uppercase;
        /* padding-left: 30px; */
        /* background: url(images/logo.png) no-repeat left; */
        background-size: contain;
        background-position-x: 5px;
        position: relative;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>a.view-more{
        white-space: nowrap;
        display: table-cell;
        vertical-align: middle;
        color: var(--color-primary);
        font-size: 11px;
        font-family: 'Merriweather';
        font-weight: 700;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>a.view-more:hover{
        opacity: 0.8;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>a.view-more:after{
        font-family: 'Font Awesome 5 Pro';
        content: '\f061';
        padding-left: 5px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap {
        display: flex;
        gap: 10px;
        /* max-height: 300px; */
        padding: 0 10px 0;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first {
        margin: 10px 0;
        width: calc(45% - 15px);
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
        /* height: 180px; */
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next {
        display: flex;
        /* width: calc(75% + 20px); */
        gap: 10px;
        flex: 1;
        /* flex-grow: 1; */
        justify-content: flex-end;
        /* padding-top: 10px; */
        margin: 10px 0;
        flex-wrap: wrap;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main {
        position: relative;
        display: block;
        overflow: hidden;
        height: 390px;
        /*box-shadow: rgb(156 219 255 / 40%) 0px 0px 0px 1px, rgb(30 81 171 / 65%) 0px 1px 2px -1px, rgb(58 111 197 / 8%) 0px 1px 0px inset; */
        padding: 5px;
        /* border-radius: 4px 4px 0 0; */
        transition: all 0.7s ease;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info{
        width: 100%;
        /* position: absolute; */
        top: 75%;
        background: #428bca;
        /* height: 100%; */
        /* transition: opacity 0.5s ease-in-out 0s; */
        /* opacity: 0; */
        transition: all 0.5s ease-in-out;
        background: #ffffffb8;
        /* padding: 5px; */
        /* z-index: -1; */
        margin-top: 5px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info {
        width: 100%;
        position: absolute;
        top: calc(100% - 42px);
        background: #428bca;
        height: 100%;
        /* transition: opacity 0.5s ease-in-out 0s; */
        /* opacity: 0; */
        transition: all 0.5s ease-in-out;
        background: #ffffffb8;
        padding: 5px;
        /* z-index: -1; */
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main:has(.no-img) .news-info, div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item:has(.no-img) .news-info {
        position: unset;
        opacity: 1;
        padding: 0;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main:has(.no-img) .news-info, div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item:has(.no-img) .news-info .news-sapo{
        display: block !important;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item:hover .news-info {
        opacity: 1;
        top: 0;
        z-index: 0;
        /* opacity: unset; */
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news{
        height: 310px;
        width: 100%;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news>a{
        display: block;
        height: 100%;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news figure.image-wrapper{
        width: 100%;
        height: 100%;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news img {object-fit: cover;position: relative;display: block;/* border-radius: 4px 4px 0 0; */height: 100%;width: 100%;}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info .news-sapo {
        display: none;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info a {
        flex: 1;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info a .news-title {
        font-family: 'Roboto';
        font-size: 22px;
        font-weight: 700;
        line-height: 32px;
        text-align: left;
        color: #182940;
        margin: 0;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info span.time {
        color: #6C757D;
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 19.5px;
        text-align: left;
        min-height: 19.5px;
        margin-bottom: 0;
        display: table-footer-group;
        /* vertical-align: bottom; */
        /* height: 10px; */
        display: none;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-sapo {
        display: none;
        font-family: 'Roboto';
        font-size: 14px;
        line-height: 19px;
        color: #3B4E68;
        margin: 10px 0;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .img-news img {
        width: 100%;
        height: 140px;
        border: 1px solid #ececec;
        /* border-radius: 4px 4px 0 0; */
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .img-news img:hover{
        transform: unset;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item {
        /* border-top: 1px solid #eeeeee; */
        /* padding: 10px 0; */
        width: calc((100% - 20px) / 3);
        position: relative;
        /* flex-grow: 1; */
        /* box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px; */
        overflow: hidden;
        max-height: 185px;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item.no-img{
        box-shadow: rgb(156 219 255 / 40%) 0px 0px 0px 1px, rgb(30 81 171 / 65%) 0px 1px 2px -1px, rgb(58 111 197 / 8%) 0px 1px 0px inset;
        padding: 5px;
        /* border-radius: 4px 4px 0 0; */
        transition: all 0.7s ease;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item.no-img:hover{
    box-shadow: rgb(132 130 130 / 40%) 0px 20px 40px;  
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap  .news-item.no-img .img-news,
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap  .item-main.no-img .img-news{
        display: none;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap  .news-item.no-img .news-info,
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap  .item-main.no-img .news-info{
        position: static;
        opacity: 1;
        height: 100%;
        overflow-y: clip;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo,
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo>.content-hide{
        /* display: inline-block !important; */
        text-align: left;
        display: -webkit-box !important;!i;!;!o;!;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        font-family: 'Roboto';
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo>.js-shave-char,
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo>.js-shave-char{
        display: none;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info a .news-title {
        text-align: left;
        margin: 0;
        padding: 0;
        display: inline-block;
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #182940;
}
div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info span.time {
        color: #6C757D;
        font-family: "Roboto";
        font-size: 13px;
        font-weight: 400;
        line-height: 19.5px;
        text-align: left;
        min-height: 19.5px;
        /* content: ''; */
        /* display: none; */
        display: table-footer-group;
        /* vertical-align: bottom; */
        /* margin-bottom: 0; */
        /* height: 10px; */
        display: none;
}
@media only screen and (max-width: 768px) {
        div[class*='UILastestNews_hovertitle'] .UILastestNews {
                padding: var(--padding-res);
                border-top: 1px solid #F2F2F2;
                /* padding-top: 10px; */
                height: auto;
                width: 100vw;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap {
                height: auto;
                flex-direction: column;
                justify-content: flex-start;
                max-height: unset;
                gap: 10px;
                padding: 0;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Header {
                border-bottom: 0;
                position: relative;
                margin-bottom: 10px;
                padding-top: 10px;
                height: auto;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Header:after {
                width: 80px;
                height: 1px;
                background: var(--color-primary);
                /* content: ''; */
                position: absolute;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Header>.HeaderWrap>span.text>a.text {
                /* color: var(--color-primary); */
                /* font-family: Merriweather; */
                font-size: 18px;
                font-weight: 700;
                line-height: 23px;
                text-align: left;
                text-transform: math-auto;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: calc(100vw - 110px);
                display: inline-block;
                background-position-x: left;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>span>a:after{
                bottom: 0px;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first {
                width: 100%;
                margin: 0;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news{
                height: auto;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news img {
                width: 100%;
                height: calc((100vw - 32px) / 16 * 10);
                object-fit: cover;
                /* display: none; */
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .img-news {
                /* display: none; */
                width: 40%;
                float: left;
                margin-right: 10px;
                height: calc((((100vw - 42px) * 0.4))  / 16 * 10);
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .img-news img{
                height: 100%;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next {
                flex-direction: column;
                gap: 0;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main {
                position: unset;
                height: auto;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info {
                position: unset;
                background: transparent;
                height: auto;
                padding: 0;
                gap: 10px;
                margin-top: 10px;
                display: block;
                opacity: unset !important;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info a .news-title {
                //
                styleName: text/04;
                /* font-family: "Merriweather"; */
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
                text-align: left;
                color: #212529;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info span.time, div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info span.time {
                display: block;
                color: #6C757D;
                font-family: "Roboto";
                font-size: 13px;
                font-weight: 400;
                line-height: 19.5px;
                text-align: left;
                order: 3;
                margin-top: 10px;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info .news-sapo {
                //styleName: sapo/02;
                font-family: "Roboto";
                font-size: 15px;
                font-weight: 400;
                line-height: 22px;
                text-align: left;
                color: #484848;
                display: block;
                order: 2;
                margin: 0;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item {
                height: auto;
                width: 100%;
                padding: 10px 0;
                border-top: 1px solid #eeeeee;
                max-height: unset;
                display: inline-block;
                box-shadow: unset;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item.no-img{
                box-shadow: unset;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info {
                margin-top: 0;
                display: block;
                height: unset;
                opacity: unset !IMPORTANT;
                position: unset;
                padding: 0;
                float: right;
                width: calc(60% - 10px);
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item.no-img .news-info{
                width: 100%;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next .news-item .news-info a .news-title {
                //
                styleName: text/03;
                /* font-family: Merriweather; */
                font-size: 16px;
                font-weight: 600;
                line-height: 22px;
                text-align: left;
                color: #212529;
                /* margin-bottom: 10px; */
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Header .HeaderWrap>a.view-more{
                padding-left: 10px;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo, div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .no-img .news-info .news-sapo>.content-hide{
                display: none !important;
        }
}
@media only screen and (min-width: 769px) and (max-width: 1199px) {
        div[class*='UILastestNews_hovertitle'] .UILastestNews {
                width: 100%;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .img-news img {
                height: 200px;
                object-fit: cover;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .first .item-main .news-info a .news-title, .UILastestNews .Wrap .next .news-item .news-info a .news-title {
                font-size: 0.9em;
        }
        div[class*='UILastestNews_hovertitle'] .UILastestNews .Wrap .next {
                padding: 0 5px;
        }
}