@import url(owl.carousel.css);
@import url(owl.transitions.css);

.top-content-right {
    width: 100%;
    float: left;
    display: block;
    overflow: hidden;
}

    .top-content-right.ver2 .news-content .news-hot {
        width: 100%;
        float: left;
        padding:3px;
    }

        .top-content-right.ver2 .news-content .news-hot img {
            float: left;
            margin-right: 15px;
            width: 100%;
            height: 70px;
        }

        .top-content-right.ver2 .news-content .news-hot .title {
            margin-top: 5px;
        }

            .top-content-right.ver2 .news-content .news-hot .title a {
                font-size: 22px;
                line-height: 28px;
                text-align: justify;
            }

        .top-content-right.ver2 .news-content .news-hot .desc {
            text-align: justify;
            height: auto;
            font-weight:400;
            font-family:Roboto;
            margin-top:5px;
            font-size:14px;
        }

    .top-content-right.ver2 .news-list {
        width: 100%;
        float: right;
     
        padding: 0px 20px;
        overflow: hidden;
       
        padding-bottom: 3px;
        display: block;
        overflow: hidden;
        background-color: #fff;
        border-radius: 3px 3px 3px 3px;
        -moz-border-radius: 3px 3px 3px 3px;
        -webkit-border-radius: 3px 3px 3px 3px;
    }

        .top-content-right.ver2 .news-list ul {
            width: 100%;
            float: left;
        }

            .top-content-right.ver2 .news-list ul li {
                margin-bottom: 10px;
                position: relative;
            }

                .top-content-right.ver2 .news-list ul li a {
                    font-size: 12px;
                    text-align: justify;
                    margin-top:5px;
                }

    .top-content-right .news-content .news-hot {
        width: 60%;
        float: left;
        padding-right: 10px;
    }

.top-container .top-content-right .news-content .news-hot img {
    width: 100%;
}

.top-container .top-content-right .news-content .news-hot .title {
    margin-top: 5px;
    overflow: hidden;
}

    .top-container .top-content-right .news-content .news-hot .title a {
        font-size: 22px;
        line-height: 28px;
        text-align: justify;
    }

.top-container .top-content-right .news-content .news-hot .desc {
    text-align: justify;
    height: 68px;
    overflow: hidden;
}

.top-container .top-content-right .news-list {
    width: 40%;
    float: right;
    padding-left: 10px;
}

    .top-container .top-content-right .news-list ul {
        width: 100%;
        float: left;
    }

        .top-container .top-content-right .news-list ul li {
            margin-bottom: 15px;
            position: relative;
            float: left;
        }

            .top-container .top-content-right .news-list ul li a {
                font-size: 17px;
                text-align: justify;
            }

.ol-slide-news .owl-controls .owl-buttons div {
    position: absolute;
    background: url("/Image/icon-nav.png") no-repeat;
    width: 27px;
    height: 27px;
    font-size: 0px;
    top: 30%;
}

    .ol-slide-news .owl-controls .owl-buttons div.owl-prev {
        background-position: 0px 0px;
        left: -15px;
    }

    .ol-slide-news .owl-controls .owl-buttons div.owl-next {
        background-position: -28px 0px;
        right: -15px;
    }

.list-chuyenmuc {
    background: #eaeaec;
    margin: 10px 0px;
    width: 100%;
    float: left;
    padding: 10px 15px;
}

    .list-chuyenmuc .title {
        padding-left: 10px;
        text-transform: uppercase;
        border-left: 4px solid #bf0000;
    }

.ol-slide-news.chuyenmuc {
    padding: 5px;
}

    .ol-slide-news.chuyenmuc .item img {
        width: 100%;
    }

.ol-slide-news .item {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 14px;
    padding-top: 10px;
    text-align: justify;
    line-height: 15px;
    padding-bottom:5px;
}

    .ol-slide-news .item .img {
        font-weight:600;
        overflow: hidden;
        display: block;
    }
      .ol-slide-news .item .desc {
        font-weight:600;
        overflow: hidden;
        display: block;
        padding:7px;
    }
        .ol-slide-news .item .img img {
           
    width: 100%;
    height: 110px;
    object-fit: cover;
    object-position: center;
    -o-object-fit: cover;
    transition: all 1s;
        }


            .ol-slide-news .item .img img:hover {
                opacity: 1;
                transform: scale(1.05,1.05);
                -webkit-transform: scale(1.05,1.05);
                -moz-transform: scale(1.05,1.05);
                -ms-transform: scale(1.05,1.05);
                -o-transform: scale(1.05,1.05);
            }

.ol-slide-news .owl-controls .owl-buttons div {
    position: absolute;
    background: url("/Image/icon-nav.png") no-repeat;
    width: 27px;
    height: 27px;
    font-size: 0px;
    top: 30%;
    filter: Alpha(Opacity=20); /*IE7 fix*/
    opacity: 0.5;
}

    .ol-slide-news .owl-controls .owl-buttons div:hover {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
    }

    .ol-slide-news .owl-controls .owl-buttons div.owl-prev {
        background-position: 0px 0px;
        left: 0px;
    }

    .ol-slide-news .owl-controls .owl-buttons div.owl-next {
        background-position: -27px 0px;
        right: 0px;
    }
@media screen and (max-width: 700px) {
      .ol-slide-news .item .img img {
            width: 100%;
            height:auto;
        }
}