html,
body {
    min-height: 100%;
    overflow-y: scroll;
}

body {
    margin: 0 auto;
    font-family: 'Roboto', Arial, Tahoma, Veranda;
    font-size: 14px;
    color: #58585b;
    background-color: #fff;
}

.wrapper {
    max-width: 100%;
}

.ms-webpartzone-cell {
    margin: 0 !important;
}

#s4-bodyContainer {
    padding-bottom: 0 !important;
}

header {
    background: url('../img/bg-head.png') repeat-x top center;
    height: 161px;
}

.detail ul {
    list-style: inherit;
    margin-left: 20px;
}

.event {
    width: 100%;
    height: 45px;
}

    .event .title-event {
        font: 700 14px/45px Roboto,Arial,Tahoma;
        color: #d71920;
        text-transform: uppercase;
    }

.bg-search {
    background: url('../img/bg-search.png') no-repeat !important;
    border: none !important;
    width: 238px;
    padding: 5px 48px 5px 5px !important;
    line-height: 25px;
}

.box-search {
    float: right;
    min-width: 290px;
}

    .box-search input#btnSearch {
        margin: 0px -50px 0px -50px;
        width: 50px;
        background: none;
        border: none;
        cursor: pointer;
        color: transparent
    }

.top-menu {
    text-align: right;
    margin-bottom: 15px;
}

    .top-menu li {
        display: inline;
        font: 400 13px Roboto,Arial,Tahoma;
        border-right: 1px solid #333;
        padding: 0 15px;
    }

        .top-menu li:last-child {
            border-right: none;
            padding-right: 0;
        }

        .top-menu li a {
            font: 400 13px Roboto,Arial,Tahoma;
            color: #58585b;
        }


/*=============================full menu=============================================*/

.fullmenu {
    width: 100%;
    height: 41px;
}

.header-site {
    width: 1024px;
    margin: 0 auto;
    height: 120px;
}

    .header-site .logo {
        width: 40%;
        float: left;
    }

    .header-site .header-menu {
        width: 60%;
        float: right;
        padding-top: 15px;
    }

    .header-site .logo img {
        padding-top: 15px;
    }

.gotop {
    max-width: 1024px;
    margin: 0 auto;
}

    .gotop a {
        font: 400 16px Roboto, Arial, Tahoma;
        color: #FFF;
        text-transform: uppercase;
        float: right;
        margin-top: 10px;
        background: url(../img/icon-backtotop.png) no-repeat right;
        padding-right: 25px;
    }

.home-info {
    overflow: auto;
    margin-bottom: 20px;
}

.menumobile {
    display: none;
    position: fixed;
    width: 100%;
    z-index: 1;
}
/*=============================left==================================================*/
.fullcontainer {
    max-width: 1024px;
    margin: 0 auto;
    overflow: auto; /*padding-top: 20px;*/
}

.full-left {
    width: 68.5546875%; /* 702px;*/
    float: left;
}

.banner-left {
    margin-bottom: 20px;
}

    .banner-left img {
        width: 100%
    }

.layout2 {
    margin-top: 20px;
}

    .layout2 > div {
        margin-bottom: 20px;
        overflow: auto;
    }

/*==============================left=================================================*/
.box-left-home {
    margin-bottom: 20px;
}

.videohome {
    border: 1px solid #DDD;
}

    .videohome h1 {
        color: #404041;
        font: 700 18px/20px Roboto,Arial,Tahoma;
        padding: 10px;
    }

    .videohome img {
        max-height: 350px;
    }

.ltstop3 {
}

    .ltstop3 ul {
        display: inline-flex;
    }

        .ltstop3 ul li {
            width: 31.13903133903134%;
            margin-right: 14px;
            border: 1px solid #DDD;
            min-height: 282px;
        }

            .ltstop3 ul li img {
                width: 100%;
                max-height: 145px;
            }

            .ltstop3 ul li:last-child {
                margin-right: 0;
            }

            .ltstop3 ul li .chuyenmuc {
                padding: 10px;
            }

                .ltstop3 ul li .chuyenmuc p:first-child {
                    margin-bottom: 10px;
                    font: 700 16px Roboto,Arial,Tahoma;
                    color: #d71920;
                    text-transform: uppercase;
                }

                .ltstop3 ul li .chuyenmuc p:last-child a {
                    text-align: justify;
                    display: block;
                    color: #58585b;
                    font: 700 14px/18px Roboto,Arial,Tahoma;
                }
/*=============================right=================================================*/
.full-right {
    max-width: 29.296875%; /*300px;*/
    float: right;
}

    .full-right > div {
        margin-bottom: 20px;
    }

.box-video-right {
    border: 1px solid #CCC;
    border-bottom: 4px solid #d71920;
}

    .box-video-right img {
        width: 100%;
    }

    .box-video-right .head-box-video-right {
        padding: 0 10px;
        border-bottom: 4px solid #d71920;
    }

        .box-video-right .head-box-video-right a {
            background: url('../images/i-video.png')no-repeat left;
            padding-left: 30px;
            color: #404041;
            font: 700 18px/40px Roboto,Arial,Tahoma;
            text-transform: uppercase;
        }

.lts-new-right {
    padding: 0 10px;
}

    .lts-new-right .i-video {
        background: url('../images/i-camera.png') no-repeat 0 5px;
        padding-left: 25px;
    }

    .lts-new-right .i-mp3 {
        background: url('../images/i-radio.png') no-repeat 0 5px;
        padding-left: 25px;
    }

    .lts-new-right ul li {
        margin-bottom: 7px;
    }

        .lts-new-right ul li a {
            text-align: justify;
            font: normal 13px/18px Roboto,Arial,Tahoma;
            color: #58585b;
            padding-bottom: 7px;
            border-bottom: 1px dotted #ccc;
            display: block;
        }

            .lts-new-right ul li a:hover {
                color: #be1e2d;
            }

        .lts-new-right ul li:last-child a {
            border-bottom: none;
            padding-bottom: 0;
        }

.qc-right {
}

    .qc-right img {
        display: block;
    }

.box-dvc {
    border: 1px solid #ddd;
    border-bottom: 4px solid #d71920;
    background: url('../images/bg_dichvucong.png') no-repeat center top;
    overflow: auto;
}

    .box-dvc ul {
        list-style-type: decimal;
        overflow: auto;
        margin-top: 80px;
        padding: 0px 15px 10px 35px;
        background: url('../images/huyhieu.png') no-repeat center center;
        color: #be1e2d;
        font: 700 20px Roboto,Arial,Tahoma;
        font-style: italic;
    }

        .box-dvc ul li {
            padding: 7px 0;
        }

            .box-dvc ul li a {
                font: 700 14px/18px Roboto,Arial,Tahoma;
                color: #58585b;
                display: block;
                text-align: justify;
            }

                .box-dvc ul li a:hover {
                    color: #be1e2d;
                }

.chidao-dieuhanh {
    background: #FFF url('../img/bg-right.png') repeat-x right top;
    border: 1px solid #ddd;
    overflow: auto;
    margin-bottom: 20px;
}

.head-chidaodieuhanh {
    font: 700 18px/35px Roboto,Arial,Tahoma;
    color: #404041;
    text-transform: uppercase;
    text-align: center;
    margin: 5px 0 15px 0;
}

.linered {
    border-top: 2px solid #d71920;
    width: 30%;
    margin: 0 auto;
}

.lts-chidaodieuhanh {
    padding: 15px;
    border-bottom: 4px solid #d71920;
}

    .lts-chidaodieuhanh ul {
    }

        .lts-chidaodieuhanh ul li {
            background: url('../img/i-v.png') no-repeat;
            padding-left: 25px;
            margin-bottom: 15px;
        }

            .lts-chidaodieuhanh ul li a {
                color: #58585b;
                font: 700 14px/18px Roboto,Arial,Tahoma;
                display: block;
                text-align: justify;
            }

                .lts-chidaodieuhanh ul li a:hover {
                    color: #be1e2d;
                }

.viewall {
    font: 400 13px Roboto,Arial,Tahoma;
    font-style: normal;
    color: #be1e2d;
    font-style: italic;
    text-align: right;
    display: block;
}

.lts-cmanh {
    padding: 16px 10px;
    border-bottom: 4px solid #d71920;
}

    .lts-cmanh .top1 {
        background-color: #fff;
    }

        .lts-cmanh .top1 div {
            padding: 8px 0;
            border-bottom: 1px dotted #ccc;
        }

            .lts-cmanh .top1 div a {
                color: #404041;
                font: 700 14px/18px Roboto,Arial,Tahoma;
                text-align: justify;
            }

        .lts-cmanh .top1 img {
            width: 100%;
        }

    .lts-cmanh ul {
    }

        .lts-cmanh ul li {
            background: url('../img/i-bul.png') no-repeat left 15px;
            border-bottom: 1px dotted #ccc;
            padding: 10px 0 10px 15px;
        }

            .lts-cmanh ul li:last-child {
                border-bottom: none;
            }

            .lts-cmanh ul li a {
                color: #58585b;
                font: 400 14px/18px Roboto,Arial,Tahoma;
                text-align: justify;
                display: block;
            }

                .lts-cmanh ul li a.active {
                    font-weight: bold;
                    color: #be1e2d;
                }

                .lts-cmanh ul li a:hover {
                    font-weight: bold;
                    color: #be1e2d;
                }

.link-banner {
}

    .link-banner li {
        padding-bottom: 10px;
    }

        .link-banner li:last-child {
            padding-bottom: 0;
        }

.selectlist {
    padding: 10px;
    border-bottom: 4px solid #d71920;
}

    .selectlist select {
        width: 100%;
        padding: 8px 10px;
    }


/*=========================footer======================================================*/
footer {
}

.menu-footer {
}

.topfooter {
    background: url('../img/bg-footer.png') repeat-x center top;
    min-height: 178px;
}

    .topfooter .info {
        max-width: 1024px;
        margin: 0 auto;
        display: flex;
        padding-top: 38px;
        min-height: 95px;
    }

.menu-footer {
    padding-top: 25px;
}

    .menu-footer ul.menu {
        text-align: center;
        margin-bottom: 10px;
    }

        .menu-footer ul.menu li {
            display: inline;
            padding: 0 20px;
            border-right: 1px solid #404041;
        }

            .menu-footer ul.menu li:last-child {
                border-right: none;
            }

            .menu-footer ul.menu li a {
                color: #404041;
                font: 400 14px/25px Roboto,Arial,Tahoma;
                text-transform: uppercase;
            }

.bottomfooter {
    width: 67%;
    font: 400 12px/16px Roboto,Arial,Tahoma;
    padding-left: 115px;
}

    .bottomfooter .sitename {
        font-weight: bold;
    }

.copyright {
    width: 33%;
    font: 400 12px/16px Roboto,Arial,Tahoma;
}

    .copyright ul {
        display: flex;
        margin-bottom: 5px;
    }

        .copyright ul li {
            padding: 0 15px;
            border-right: 1px solid #404041;
        }

            .copyright ul li:last-child {
                border-right: none;
            }

            .copyright ul li:first-child {
                padding-left: 0;
            }

            .copyright ul li a {
                color: #404041;
                font-weight: bold;
            }

/*================danh sach tin===========================*/
.contentContainer {
    overflow: auto;
}

    .contentContainer .newsItem {
    }

        .contentContainer .newsItem .container {
            clear: both;
            display: inline-block;
            padding-bottom: 20px;
            margin-bottom: 20px;
            width: 100%;
            border-bottom: 1px dotted #ccc;
        }

        .contentContainer .newsItem img {
            float: left;
            margin-right: 10px;
            padding: 2px;
            width: 200px;
        }

        .contentContainer .newsItem h2 a, .contentContainer .newsItem h2 a:link, .contentContainer .newsItem h2 a:visited {
            color: #404041;
            font: 700 18px/20px Roboto,Arial,Tahoma;
            text-decoration: none;
        }

            .contentContainer .newsItem h2 a:hover {
                color: #be1e2d;
                text-decoration: none;
            }

        .contentContainer .newsItem p.des {
            color: #58585b;
            font: 13px "Roboto",Arial,Helvetica,sans-serif;
            padding-top: 10px;
            text-align: justify;
        }

        .contentContainer .newsItem .time {
            color: #8b0204;
            font: 13px "Roboto",Arial,Helvetica,sans-serif;
            margin-bottom: 10px;
        }

        .contentContainer .newsItem p.date span {
            background: rgba(0, 0, 0, 0) url("../images/icon-time.png") no-repeat scroll 0 4px;
            padding: 3px 5px 3px 20px;
        }

.otherListNews {
    padding: 15px 0 10px;
}

    .otherListNews .head {
        color: #be1e2d;
        font: 700 18px Roboto,Arial,Tahoma;
        border-bottom: 2px solid #be1e2d;
        text-transform: uppercase;
        padding-bottom: 5px;
        margin: 20px 0;
    }

    .otherListNews ul {
        list-style-type: square !important;
        padding-left: 15px;
        color: #1b75bb;
        font-size: 9px;
    }

        .otherListNews ul li {
            padding: 2px 0;
        }

            .otherListNews ul li a, .otherListNews ul li a:link, .otherListNews ul li a:visited {
                font: 400 13px/18px Roboto,Arial,Tahoma;
                color: #1b75bb;
            }

                .otherListNews ul li a:hover {
                    text-decoration: underline;
                }

            .otherListNews ul li span {
                color: #6d6e70;
                font: 400 13px Roboto,Arial,Tahoma;
            }
/*page*/

.paging {
    margin: 5px 0 10px;
    overflow: auto;
    float: right;
}

    .paging span {
        display: block;
        float: left;
        margin-right: 5px;
        padding: 4px;
    }

    .paging a, .paging a:link, .paging a:visited {
        background-color: #fff;
        border: 1px solid #ddd;
        color: #333;
        cursor: pointer;
        display: block;
        float: left;
        margin-right: 5px;
        padding: 4px 8px;
        text-decoration: none;
    }

        .paging a:hover, .paging a.current {
            background: #be1e2d;
            border: 1px solid #be1e2d;
            color: #FFF;
            overflow: visible;
        }
/*dieu huong*/
.box-dieuhuong {
    padding: 0;
    line-height: 45px;
    min-height: 20px;
}

    .box-dieuhuong.fix-bottom ul {
        margin: 0 auto;
        list-style: none;
    }

    .box-dieuhuong li {
        display: inline;
    }

        .box-dieuhuong li:first-child a {
            padding-left: 0;
        }

        .box-dieuhuong li:last-child a {
            background: none;
        }

        .box-dieuhuong li:last-child a, .box-dieuhuong li a:hover {
            color: #be1e2d;
        }

        .box-dieuhuong li a {
            color: #333;
            font-size: 13px;
            padding: 0 12px 0 10px;
            background: url('../img/i-right.png') no-repeat right center;
        }

lid #58585b;
}

/*==============detailnew==========================*/
.detailnew {
}

    .detailnew h1 {
        font: 700 25px/30px Roboto,Arial,Tahoma;
        color: #d71920;
        margin-bottom: 20px;
    }

.displaytime {
    border-bottom: 1px solid #58585b;
    padding: 10px 0 0 0;
    margin-bottom: 20px;
    overflow: auto;
}

    .displaytime .time {
        font: 400 12px Roboto,Arial,Tahoma;
        background: url('../img/i-time.png') no-repeat left center;
        padding-left: 25px;
        width: 105px;
        float: left;
    }

.viewcount {
    font: 400 12px Roboto,Arial,Tahoma;
    background: url(/_layouts/15/PublishingStyle/hoidap/images/iview.png) no-repeat left center;
    padding-left: 20px;
    margin-left: 10px;
    width: 105px;
    float: left;
}

.detailnew .anhdaidien img {
    max-width: 550px;
}

.detailnew .desc {
    font: 700 14px/20px Roboto,Arial,Tahoma;
    color: #58585b;
    text-align: justify;
    margin-bottom: 12px;
}

.detailnew .detail {
    font: 400 14px/20px Roboto,Arial,Tahoma;
    color: #58585b;
    text-align: justify;
}

    .detailnew .detail * {
        font-family: Roboto,Arial,Tahoma !important;
        font-size: 14px !important;
    }

    .detailnew .detail img {
        margin-top: 18px !important;
        /* max-width: 100%; */
        height: auto !important;
    }

.detailnew .tacgia {
    font: 700 14px Roboto,Arial,Tahoma;
    color: #58585b;
    text-align: right;
    margin: 20px 0;
    width: 100%;
}

.dongsukien {
    overflow: auto;
    margin: 10px 0;
}

    .dongsukien ul {
        list-style-type: square;
        padding-left: 12px;
        color: #1b75bb;
        font-size: 12px;
    }

        .dongsukien ul li {
        }

            .dongsukien ul li a {
                font: 400 14px/20px Roboto,Arial,Tahoma;
                color: #1b75bb;
            }

.email-print {
    border-top: 1px solid #ddd;
    padding-top: 10px;
    margin-top: 20px;
    text-align: right;
}

    .email-print li {
        display: inline;
        margin-left: 20px;
    }

        .email-print li.email {
            background: url('../images/i-email.png')no-repeat left center;
            padding-left: 30px;
            cursor: pointer;
        }

        .email-print li.print {
            background: url('../img/i-print.png')no-repeat left center;
            padding-left: 28px;
            cursor: pointer;
        }

        .email-print li.bluan {
            background: url('../images/gui_ykien.gif')no-repeat left center;
            padding-left: 28px;
            cursor: pointer;
        }

        .email-print li a {
            font: 400 13px Roboto,Arial,Tahoma;
            color: #58585b;
        }

        .email-print button.btn-print {
            background: url(../img/i-print.png) no-repeat left center;
            border: 0;
            font-size: 13px;
            min-width: unset;
            padding: 2px 0px;
            padding-left: 28px;
        }

        .email-print button.btn-print:hover {
            cursor: pointer;
        }
/*=================home new================*/
.slider-new {
    overflow: auto;
    margin-bottom: 20px;
}

    .slider-new .topleft {
        float: left;
        width: 60.96866096866097%;
    }

.topleft h1 a {
    color: #404041;
    margin: 10px 0;
    display: block;
    font: bold 18px/24px "Roboto",Arial,Helvetica,sans-serif;
    text-align: justify;
}

.topleft img {
    max-width: 100%;
}

.topleft .desc {
    color: #404041;
    font: 13px "Roboto",Arial,Helvetica,sans-serif;
    text-align: justify;
}

.slider-new .topright {
    float: right;
    width: 36.04273504273504%;
}

.title-new-hot {
    margin-bottom: 10px;
    border-bottom: 1px solid #d71920;
}

    .title-new-hot a {
        font: 700 18px 'Roboto',Arial,Tahoma;
        color: #d71920;
    }

.lts-new {
    padding: 0;
}

    .lts-new li {
        background: url('../images/i-topnew.png') no-repeat left 5px;
        padding-left: 10px;
        margin-bottom: 5px;
        padding-bottom: 5px;
        text-align: justify;
        border-bottom: 1px dotted #ccc;
    }

        .lts-new li:last-child {
            border-bottom: none;
        }

        .lts-new li:hover {
            background: url('../images/i-topnew-hover.png') no-repeat left 5px;
        }

        .lts-new li a {
            color: #58585b;
            font: 400 13px/18px "Roboto",Arial,Helvetica,sans-serif;
            display: block;
        }

        .lts-new li:hover a {
            font-weight: bold;
        }

.left-listnew {
    float: left;
    margin: 0;
    padding-bottom: 20px;
    width: 100%;
    border-bottom: 1px dotted #acacad;
}

    .left-listnew .new0 {
        float: left;
        width: 47.57834757834758%;
    }

        .left-listnew .new0 .f1 h2 a {
            margin-bottom: 10px;
            display: block;
            color: #404041;
            font: 700 18px/24px 'Roboto',Arial,Tahoma;
            text-align: justify;
        }

            .left-listnew .new0 .f1 h2 a:hover {
                color: #be1e2d;
            }

        .left-listnew .new0 .f1 a img {
            width: 135px;
            margin-right: 10px;
            float: left;
            margin-bottom: 10px;
        }

        .left-listnew .new0 .f1 p {
            font: 400 13px Roboto,Arial,Tahoma;
            text-align: justify;
        }

    .left-listnew .new1n {
        border-left: 1px dotted #ccc;
        float: right;
        padding-left: 15px;
        width: 47.72079772079772%;
    }

        .left-listnew .new1n ul li {
            background: rgba(0, 0, 0, 0) url("../images/i-lts.png") no-repeat scroll left 7px;
            list-style: outside none none;
            padding-left: 15px;
            text-align: justify;
            margin-bottom: 10px;
        }

            .left-listnew .new1n ul li:last-child {
                border-bottom: none;
                margin-bottom: 0;
                padding-bottom: 0;
            }

            .left-listnew .new1n ul li a {
                color: #58585b;
                font: normal 13px/18px 'Roboto',Arial,Tahoma;
                display: block;
            }

            .left-listnew .new1n ul li span {
                color: #1b75bb;
                font-size: 10px;
                list-style: outside none none;
                margin-left: 5px;
            }

.box-new-home {
    overflow: auto;
    border-bottom: 1px dotted #acacad;
    padding-bottom: 20px;
}

    .box-new-home .left {
        width: 47.57834757834758%;
        float: left;
    }

        .box-new-home .left .hometitletop a {
            text-align: justify;
            display: block;
            font: 700 18px/24px Roboto,Arial,Tahoma;
            color: #404041;
            padding: 10px 0;
        }

            .box-new-home .left .hometitletop a:hover {
                color: #be1e2d;
            }

        .box-new-home .left .hometitletop .desc {
            font: 400 14px/18px Roboto,Arial,Tahoma !important;
            text-align: justify;
        }

        .box-new-home .left img {
            width: 100%;
            max-height: 188px;
            object-fit: cover;
        }

    .box-new-home .right {
        width: 47.72079772079772%;
        float: right;
    }

        .box-new-home .right ul {
            display: grid;
        }

        .box-new-home .right li {
            margin-bottom: 10px; /*overflow: auto;*/
            padding-bottom: 10px;
        }

            .box-new-home .right li:last-child {
                margin-bottom: 0;
                padding-bottom: 0;
                border: none;
            }

        .box-new-home .right img {
            float: left;
            margin-right: 15px;
            width: 110px;
        }

        .box-new-home .right div.title a {
            color: #58585b;
            font: 14px/18px Roboto,Arial,Tahoma !important;
            text-align: justify;
            display: block;
        }

            .box-new-home .right div.title a:hover, .left-listnew .new1n ul li a:hover, .topleft h1 a:hover {
                color: #be1e2d;
            }

.footer-lienket {
    font: 700 16px/30px Roboto,Arial,Tahoma;
    color: #d71920;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
}

    .footer-lienket a:last-child {
        color: #6d6e70;
        font: 400 18px/24px Roboto,Arial,Tahoma;
        border-left: 1px solid #6d6e70;
    }

    .footer-lienket a:first-child {
        background: url('../img/i-boxvideo.png') no-repeat left top;
        padding-left: 40px;
        color: #d71920;
        font: 700 18px/24px Roboto,Arial,Tahoma;
    }

    .footer-lienket a {
        padding: 0 20px;
    }

.head-cm {
    width: 100%;
    border-bottom: 1px solid #D71921;
    margin-bottom: 20px;
}

    .head-cm ul {
        display: inline-flex;
        list-style: none;
    }

        .head-cm ul li:first-child {
            background: url(../img/bg-chuyenmuc.png) no-repeat right top;
        }

        .head-cm ul li:last-child a {
            border-right: none;
        }

        .head-cm ul li:first-child a {
            color: #FFF;
            font: 700 16px/35px Roboto,Arial,Tahoma;
            text-transform: uppercase;
            border-right: none;
            padding: 0 30px 0 20px;
        }

        .head-cm ul li a {
            color: #404041;
            font: 400 13px/35px Roboto,Arial,Tahoma;
            padding: 0 15px;
            border-right: 1px solid #ddd;
        }

.newsTool li.social {
    float: right;
    display: inline-flex;
    margin-left: 20px;
}

.newsTool li.font {
    float: right;
}

    .newsTool li.font a:first-child {
        border-right: 1px solid #428dc5;
        padding-right: 10px;
        margin-right: 10px;
    }


/*=====================box top3=============================*/
.box-top3 {
    overflow: hidden;
}

    .box-top3 ul {
    }

        .box-top3 ul li {
            width: 30.71428571428571%;
            margin-right: 3.8%;
            float: left;
            position: relative;
        }

            .box-top3 ul li img {
                width: 100%;
                height: 125px;
            }

            .box-top3 ul li .bg-video {
                background: url('../images/i-play-video.jpg') no-repeat bottom left;
            }

            .box-top3 ul li:nth-child(3n + 3) {
                margin-right: 0;
            }

            .box-top3 ul li a {
                font: 700 13px/18px Roboto,Arial,Tahoma;
                color: #58595B;
                display: block;
            }

                .box-top3 ul li a.iconplay {
                    width: 45px;
                    height: 45px;
                    position: absolute;
                    left: 0;
                    top: 80px;
                    background: url('../img/i-play-video.png') no-repeat;
                    float: left;
                }

                .box-top3 ul li a.iconAlb {
                    width: 45px;
                    height: 45px;
                    position: absolute;
                    left: 0;
                    top: 80px;
                    background: url(../images/viewAlb.png) no-repeat;
                    float: left;
                }

                .box-top3 ul li a.audioPlay {
                    width: 45px;
                    height: 45px;
                    position: absolute;
                    left: 0;
                    top: 80px;
                    background: url(../images/i-play-audio.png) no-repeat;
                    float: left;
                }

@media screen and (max-width: 575.98px) {
    .box-top3 ul li a.iconplay {
        top: 0;
        background-size: 50%;
    }
}

.boxhotmedia {
    overflow: auto;
    padding-bottom: 30px;
}

.topmedia {
    overflow: hidden;
    margin-bottom: 30px;
}

.top1-media {
    width: 61.14285714285714%;
    float: left;
    position: relative;
}

    .top1-media img {
        width: 100%;
        height: 257px;
    }

    .top1-media h1 a {
        color: #414042;
        font: 700 18px/25px Roboto,Arial,Tahoma;
        display: block;
        margin: 10px 0;
    }

    .top1-media a.iconplay {
        width: 45px;
        height: 45px;
        position: absolute;
        left: 0;
        top: 212px;
        background: url(../images/i-play-video.png) no-repeat;
        float: left;
    }

.top3-media {
    width: 35.14285714285714%;
    float: right;
}

    .top3-media .f1 {
        position: relative;
        margin-bottom: 10px;
    }

        .top3-media .f1 img {
            width: 246px;
            height: 144px;
        }

        .top3-media .f1 a.iconplay {
            width: 45px;
            height: 45px;
            position: absolute;
            left: 0;
            top: 99px;
            background: url(../images/i-play-video.png) no-repeat;
            float: left;
        }

        .top3-media .f1 h2 a {
            color: #414042;
            font: 700 14px/18px Roboto,Arial,Tahoma;
            display: block;
            text-align: justify;
            margin-top: 5px;
        }

    .top3-media .f2 {
    }

        .top3-media .f2 ul li {
            width: 45%;
            float: left;
            position: relative;
            margin-right: 23px;
        }

            .top3-media .f2 ul li:last-child {
                margin-right: 0;
            }

        .top3-media .f2 h3 a {
            color: #58595B;
            font: 400 13px/15px Roboto,Arial,Tahoma;
            display: block;
            text-align: justify;
            margin-top: 5px;
        }

        .top3-media .f2 a.iconAlb {
            width: 45px;
            height: 45px;
            position: absolute;
            left: 0;
            top: 41px;
            background: url(../images/viewAlb.png) no-repeat;
            float: left;
            background-size: 70%;
        }

        .top3-media .f2 img {
            width: 110px;
            height: 72px;
        }

    .top3-media ul li img {
        width: 215px;
    }

.full-left .box-left-home:last-child {
    border-bottom: none;
}

.fix3n {
    border-bottom: 1px solid #ddd;
}

    .fix3n li {
        min-height: 200px;
        margin-bottom: 20px;
    }

        .fix3n li:nth-child(3n) {
            margin-right: 0;
        }

.fixalbumdetail {
    padding-bottom: 0;
    border-bottom: none;
    width: 702px;
}

    .fixalbumdetail .box-top3 li {
        min-height: 200px;
    }

.info-album {
    overflow: auto;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

    .info-album h1 {
        color: #58595B;
        font: 700 18px/23px Roboto,Arial,Tahoma;
    }

    .info-album p {
        font: 400 13px/18px Roboto,Arial,Tahoma;
        margin: 5px 0;
    }

    .info-album div span {
        font: 400 13px/18px Roboto,Arial,Tahoma;
        margin-right: 20px;
    }

.audiotop1 {
    position: relative;
}

    .audiotop1 h1 a {
        color: #414042;
        font: 700 18px/23px Roboto,Arial,Tahoma;
        display: block;
        text-align: justify;
        margin: 10px 0;
    }

    .audiotop1 a.playaudiotop1 {
        width: 45px;
        height: 45px;
        position: absolute;
        left: 0;
        top: 347px;
        background: url(../images/i-play-audio.png) no-repeat;
        float: left;
    }

.video-other li {
    min-height: 200px !important;
}

.title-video {
    font: 700 18px/23px Roboto,Arial,Tahoma;
    padding: 10px 0;
}

.head-cm .xemthem {
    float: right;
    font: 400 13px Roboto,Arial,Tahoma;
    color: #be1e2d;
    display: block;
    padding-top: 12px;
}

.fix-phatbieu {
    background: #FFF url('../img/bg-right_fix.png') repeat-x right -55px;
}

.video-js {
    width: 100%;
}

/*===================*/
.contentContainer h2.chucdanh {
    background-color: #DDD;
    font: 700 20px/35px Roboto,Arial,Tahoma;
    padding: 0 20px;
    margin-bottom: 10px;
    color: #404041;
}

.canboinfo {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px;
}

    .canboinfo .anhdaidien {
        width: 200px;
        float: left;
        margin-bottom: 20px;
        text-align: justify;
    }

    .canboinfo .info {
        text-align: justify;
        font: 400 14px/22px 'Roboto';
    }

    .canboinfo .anhdaidien img {
        width: 180px;
    }

    .canboinfo .info .label {
        margin-bottom: 5px;
    }

        .canboinfo .info .label:first-child {
            margin-bottom: 10px;
        }

            .canboinfo .info .label:first-child a {
                color: #333;
            }

                .canboinfo .info .label:first-child a:hover {
                    color: #be1e2d;
                }