@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: 700;
            font-family: 'Roboto Condensed', 'Helvetica Neue', sans-serif;
            margin-top: 5px;
            font-size: 15px;
            line-height: 22px;
            letter-spacing: 1px;
            width: 100%;
        }
.desc:link {
    text-align: justify;
    height: auto;
    font-weight: 700;
    font-family: 'Roboto Condensed', 'Helvetica Neue', sans-serif;
    margin-top: 5px;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 1px;
    width: 100%;
}
    .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: 1px;
    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;
        font-family: 'Roboto Condensed', 'Helvetica Neue', sans-serif;
        color: #bf0000;
        line-height: 22px;
    }
        .ol-slide-news .item .img img {
            width: 100%;
            
        }

.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;
        }
}