.khungAnh{position:relative;z-index:1}
.khungAnh:before{content:"";display:block}
.khungAnhCrop, .khungAnhCrop0{overflow:hidden;text-align:center;display:inline-block;position:absolute;z-index:1;top:0;left:0;width:100%;height:100%}
/*Trường hợp ảnh lọt trong khung*/
.khungAnhCrop0 img{max-width:100%;max-height:100%;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.khungAnhCrop0 img{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*transform phải viết thêm cho các trình duyệt cũ*/
/*Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc*/
.khungAnhCrop img{max-width:150%;max-height:150%;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
.khungAnhCrop img{-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
.khungAnhCrop img.wide{height:100%;max-width:none}
/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
.khungAnhCrop img.tall{width:100%;max-height:none}
html {padding:0;margin:0}
body {overflow-x: hidden;font: 14px 'RR';color: #333;margin: 0;padding: 0}
.khoi1100 {width: 1100px;margin: auto}
.slick-list {overflow: hidden}
h1, h2, h3, h4, h5 {font-size: inherit;display: inherit;margin: 0}

.top_head {background-color: #f1f1f1;height: 30px;line-height: 30px}
.top_head .date {font-size: 13px;line-height: 30px;padding-left: 17px;background: url(../css/header/date.png) no-repeat left center;float: left;margin-right: 30px}
.top_head .coquan {font: 13px 'RB';line-height: 30px;color: #023467;text-decoration: none}
.top_head .right {float: right}
.top_head .social {overflow: hidden;float: left;padding-right: 15px;height: 28px;margin-top: 1px}
.top_head .social a {display: inline-block;margin: 0 5px;width: 25px;height: 25px;border: 1px solid #c5c5c5;border-radius: 50%;position: relative}
.top_head .social a img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%)}
.top_head .hotline {font-size: 13px;float: left;text-decoration: none;color: #333;display: block;padding-left: 15px}
.top_head .hotline span {font-family: 'RB';color: #af0603}

.bot_head {overflow: hidden;padding: 20px 0}
.bot_head .logo {width: 210px;height: 60px;float: left;margin-top: 25px}
.bot_head .banner {width: 66.1818%;float: right}
.bot_head .banner:before {padding-bottom: 12.3626%}

#menu {height: 30px;background-color: #023467}
#menu a {display: block;float: left;min-width: 20px;color: white;text-decoration: none;font-family: 'RBC';margin-left: 15px;display: block;line-height: 30px;min-height: 30px}
#menu a.home {background: url(../css/header/home.png) no-repeat center;margin-left: 0}

#toolbar {padding: 10px 0;border-bottom: 1px solid #ccc;margin-bottom: 20px}
#toolbar .khoi1100 {height: 30px}
#toolbar .news_hot {float: left;padding-left: 20px;background: url(../css/header/back.png) no-repeat left center}
#toolbar .news_hot a {font: 12px 'RB';display: block;float: left;padding: 0 25px;border-radius: 15px;line-height: 30px;height: 30px;text-decoration: none;color: #666;margin-right: 12px;background-color: #f1f1f1}
#toolbar .news_hot a:hover {color: #af0603}
#toolbar .right {float: right;overflow: hidden}
#toolbar .tin24h {display: block;width: 30px;height: 30px;float: left;background: #f1f1f1 url(../css/header/24h.png) no-repeat center;margin-right: 10px;border-radius: 3px}
#toolbar .rss {display: block;float: left;width: 64px;height: 30px;background: #f1f1f1 url(../css/header/rss.png) no-repeat center;margin-right: 30px;border-radius: 3px}
#toolbar .search {overflow: hidden;float: left;background-color: #f1f1f1;border-radius: 3px}
#toolbar .search input {width: 160px;padding: 0 10px;height: 30px;border: none;outline: none;background-color: transparent;float: left}
#toolbar .search a {display: block;width: 30px;height: 30px;background: url(../css/header/search.png) no-repeat center;float: left}
#toolbar .cate {float: left;max-width: calc(100% - 350px)}
#toolbar .cate a {font-family: 'RB';float: left;line-height: 30px;text-decoration: none;color: #333;margin-right: 20px;padding-bottom: 10px}
#toolbar .cate a.active {font-size: 16px;text-transform: uppercase;position: relative}
#toolbar .cate a.active:before {content:"";display: block;width: 100%;height: 2px;background-color: #af0603;position: absolute;left: 0;bottom: 0}

.khoi1 {overflow: hidden;position: relative}
.khoi1:before {content:"";display: block;width: 1px;height: calc(100% - 20px);position: absolute;top: 0;left: calc(70.909% + 9px);background-color: #ccc}
.khoi1 .tin1 {overflow: hidden;float: left;width: 70.909%;position: relative}
.khoi1 .tin2 {width: 27.2727%;float: right;overflow: hidden}
.khoi1 .tin_Detail .tin1 {width: auto;float: none}
.tin_Detail .left {width: 70.909%;float: left}
.tin1 .bao_khoi {overflow: hidden;position: relative}
.tin1 .bao_khoi:before {content:"";display: block;width: 1px;height: calc(100% - 15px);position: absolute;top: 0;left: calc(73.077% + 9px);background-color: #ccc}
.tin1 .left {width: 73.077%;float: left;margin-bottom: 15px}
.tin1 .right {width: 24.359%;float: right;height: calc(100% - 15px);overflow: auto;position: absolute;top: 0;right: 0;box-sizing: border-box}
.tin1 .bottom {padding-top: 15px;border-top: 1px solid #ccc;overflow: hidden}
.tin1 .khungAnh:before {padding-bottom: 56.32%}
.tin1 .right .item {position: relative;padding-bottom: 10px}
.tin1 .right .item:first-child .img {position: absolute;top: 0;left: 0;width: 100%}
.tin1 .right .item .khungAnh {display: none}
.tin1 .right .item:first-child .khungAnh {display: block}
.tin1 .right .item:first-child {padding-top: 56.32%}

.tin1 .left .title {display: block;color: #333;font: 24px 'RB';line-height: 30px;text-decoration: none;margin: 10px 0}
.tin1 .left .desc {line-height: 22px;max-height: 66px;overflow: hidden}
.tin1 .right .title {text-decoration: none;color: #333;display: block;padding-top: 8px;line-height: 21px;border-top: 1px dashed #ccc;margin-bottom: 5px}
.tin1 .right .item:first-child .title {font: 15px 'RB';line-height: 21px;border-top: none}
.tin1 .bottom .item {width: calc((100% - 61px)/4);float: left;margin: 0 20px 20px 0}
.tin1 .bottom .item:nth-child(4n) {margin-right: 0}
.tin1 .bottom .title {color: #333;line-height: 19px;text-decoration: none;margin-top: 8px;display: block}

.qcao1 a {display: block;margin-bottom: 25px}
.qcao1 a img {max-width: 100%;height: auto !important}
.docnhieu {background-color: #f1f1f1;border-top: 2px solid #023467}
.docnhieu .demuc {padding: 10px;border-bottom: 1px solid #e3e3e3;box-shadow: 0 1px white;font: 16px 'RB';color: #af0603;text-transform: uppercase}
.docnhieu ul {margin: 0 10px;padding: 0}
.docnhieu ul li {padding: 10px 10px 10px 15px;border-bottom: 1px dashed #ccc;list-style: none}
.docnhieu li a {display: block;text-decoration: none;color: #333;font-family: 'RB';line-height: 20px;padding-left: 35px;position: relative}
.docnhieu li a span {font-size: 24px;color: #af0603;position: absolute;top: 7px;left: 0}
.docnhieu li a h2 {font-size: inherit;margin: 0}
.qcao2 {margin-bottom: 25px}
.qcao2:before {padding-bottom: 8.2%}

.video_home {padding: 30px 0 10px 0;overflow: hidden;background-color: #023467;margin-bottom: 35px}
.video_home .main {margin-bottom: 20px;overflow: hidden;background-color: #032548}
.video_home .main .left {width: calc(100% - 73.636% - 30px);padding-left: 10px;float: left}
.video_home .main .right {width: 73.636%;float: right}
.video_home .main .khungAnh:before {padding-bottom: 56.296%}
.red {text-transform: uppercase;color: #be0102;text-decoration: none;display: block}
.video_home .red {margin: 10px 0 20px 0}
.video_home .main .title {display: block;color: white;text-decoration: none;font: 29px 'RB';margin-bottom: 30px;line-height: 38px}
.video_home .main .desc {line-height: 20px;max-height: 80px;overflow: hidden;color: white}
.video_home .list {overflow: hidden}
.video_home .list .item {margin: 0 20px 20px 0}
.video_home .slick-list {width: calc(100% + 19px)}
.video_home .list .khungAnh:before {padding-bottom: 56.25%}
.video_home .list .title {display: block;color: white;text-decoration: none;font-size: 14px;line-height: 19px;margin-top: 5px}

.bao_tt {height: 60px;padding-top: 4px}
.tieude {display: inline-block;font: 16px 'RB';color: #af0603;text-decoration: none;padding-left: 10px;border-left: 2px solid #af0603;height: 20px;line-height: 22px;text-transform: uppercase}
.bao_tt .ykien {overflow: hidden;margin-top: 8px;clear: both}
.bao_tt .ykien a {display: block;float: left;padding-right: 5px;margin-right: 5px;text-decoration: none;color: #333;font-size: 14px;border-right: 1px solid #ccc}
.bao_tt .ykien a:last-child {border-right: none;padding-right: 0;margin-right: 0}
.tin3 {width: calc((100% - 81px)/3);float: left;margin-right: 40px}
.tin3 .khungAnh {display: none}
.tin3 .item:first-child .khungAnh {display: block}
.tin3 .khungAnh:before {padding-bottom: 56.47%}
.tin3 .title {display: block;padding-top: 10px;font: 15px 'RB';color: #333;text-decoration: none;margin-bottom: 10px;border-top: 1px dashed #ccc;line-height: 21px}
.tin3 .item:first-child .title {border-top: none;font-size: 18px}
.tin3 .desc {line-height: 20px;max-height: 60px;overflow: hidden;margin-bottom: 10px}
.khoi2, .khoi3 {overflow: hidden;position: relative;border-bottom: 1px solid #ccc;margin-bottom: 30px;padding-bottom: 15px}
.khoi3 .tin3:nth-child(3n) {margin-right: 0}
.khoi3:before, .khoi3:after, .khoi2:before {content:"";display: block;width: 1px;height: calc(100% - 15px);background-color: #ccc;position: absolute;top: 0;left: calc((100% - 80px)/3 + 19px)}
.khoi3:after {right: calc((100% - 80px)/3 + 19px);left: auto}
.tin3 .khungAnh.qcao:before {padding-bottom: 136.176%}

.tin4 {width: calc((100% - 80px)*2/3 + 40px);float: right}
.tin4 .main {overflow: hidden}
.tin4 .left {width: 30.55%;float: left}
.tin4 .khungAnh {width: calc(100% - 30.55% - 20px);float: right}
.tin4 .khungAnh:before {padding-bottom: 56.25%}
.tin4 .main .title {font: 20px 'RB';color: #333;text-decoration: none;display: block;margin-bottom: 10px;line-height: 26px}
.time {font-size: 12px;color: #9b9b9b;margin-bottom: 10px}
.tin4 .main .desc {line-height: 20px;max-height: 80px;overflow: hidden}
.tin4 .list {margin-top: 15px;overflow: hidden}
.tin4 .list .item {width: calc(50% - 15px);float: left;margin: 15px 15px 0 0;overflow: hidden}
.tin4 .list .item:nth-child(2n) {margin-right: 0}
.tin4 .list .khungAnh {width: 40%;float: left}
.tin4 .list .title {display: block;width: calc(60% - 15px);float: right;text-decoration: none;color: #333;font: 15px 'RB';line-height: 21px}

.list_qc {overflow: hidden;margin-bottom: 35px}
.list_qc .khungAnh {width: calc((100% - 201px)/3);float: left;margin-right: 100px}
.list_qc .khungAnh:nth-child(3n) {margin-right: 0}
.list_qc .khungAnh:before {padding-bottom: 83.3333%}
.khoi_tin43 .tin4 {float: left}
.khoi_tin43 .tin3 {margin-right: 0;float: right}
.khoi_tin43.khoi2:before {left: auto;right: calc((100% - 80px)/3 + 19px)}

.album {overflow: hidden;background-color: #023467;padding: 40px 0;margin-bottom: 40px}
.album .red {margin-bottom: 15px}
.album .main {width: 71.818%;float: left;overflow: hidden}
.album .list {width: calc(100% - 71.818% - 10px);float: right}
.album .main .left {width: calc(100% - 60.76% - 15px);float: left}
.album .main .khungAnh {width: 60.76%;float: right}
.album .main .khungAnh:before {padding-bottom: 56.25%}
.album .main .title {font: 24px 'RB';color: white;text-decoration: none;display: block;margin-bottom: 10px}
.album .main .desc {line-height: 20px;max-height: 80px;overflow: hidden;color: white}
.album .list .item {overflow: hidden;padding-bottom: 10px;margin-bottom: 10px;border-bottom: 1px dashed #ccc}
.album .list .item:last-child {border-bottom: none;margin-bottom: 0;padding-bottom: 0}
.album .list .khungAnh {width: 45%;float: left}
.album .list .khungAnh:before {padding-bottom: 56.25%}
.album .list .title {display: block;width: calc(55% - 10px);float: right;color: white;text-decoration: none;font-family: 'RB'}

.slide {background-color: #f1f1f1;border-top: 2px solid #023467;padding-bottom: 30px;margin-bottom: 40px}
.slide .bao_tt {height: auto}
.slide .tieude {padding-left: 0;border-left: none;font-size: 14px;height: auto;line-height: 26px;display: block;padding: 5px 10px;border-bottom: 1px solid #e3e3e3;box-shadow: 0 1px white;margin-bottom: 10px}
.tin5 .item .khungAnh:before {padding-bottom: 56.25%}
.tin5 .item {margin: 0 10px}
.tin5 .item .title {color: #333;text-decoration: none;line-height: 20px;display: block;margin-top: 5px}
.tin5 .slick-prev, .tin5 .slick-next {position: absolute;top: -40px;right: 10px;width: 22px;height: 22px;padding: 0;border: none;cursor: pointer;background: url(../css/content/next.png) no-repeat center;outline: none}
.tin5 .slick-prev {right: 40px;background: url(../css/content/prev.png) no-repeat center}
.tin5 .slick-prev:hover {background: url(../css/content/prev_hv.png) no-repeat center}
.tin5 .slick-next:hover {background: url(../css/content/next_hv.png) no-repeat center}

#footer {border-top: 1px solid #ccc}
.top_footer {padding: 35px 0 20px 0;overflow: hidden}
.top_footer .left {width: 78%;float: left;overflow: hidden}
.top_footer .right {width: 18%;float: right}
.top_footer .left h2 {display: block;width: calc((100% - 60px)/4);float: left;margin: 0 20px 15px 0;text-decoration: none;color: #333;font-family: 'RB';text-transform: uppercase;padding-top: 5px}
.top_footer .left h2:nth-child(4n) {margin-right: 0}
.top_footer .left a {color: #333;text-decoration: none}
.top_footer .right span {display: block;margin-bottom: 28px;font-family: 'RB';text-transform: uppercase}
.top_footer .right a {display: inline-block;margin-right: 5px}

.mid_footer {background-color: #f1f1f1;border-top: 1px solid #ccc;padding: 20px 0 15px 0;font-size: 12px}
.mid_footer .khoi1100 {overflow: hidden}
.mid_footer .khungAnh {width: 155px;height: 43px;float: left}
.mid_footer .info {width: calc(50% - 100px);float: left;margin-left: 20px}
.mid_footer .address {width: calc(50% - 100px);float: right;text-align: right}
.mid_footer .tt_ft {font-family: 'RB';color: #023467;text-transform: uppercase;margin-bottom: 10px;padding-top: 2px}
.mid_footer .info span, .mid_footer .address span {display: block;margin-bottom: 5px}
.mid_footer .address b {font-family: 'RB';text-transform: uppercase}
.mid_footer .address a {color: #af0603;text-decoration: none;font-family: 'RB'}

.bot_footer {line-height: 30px;text-align: right;color: #666;text-transform: uppercase}
.bot_footer b {font-family: 'CSB'}
.bot_footer span {color: #034ea2}

.category {overflow: hidden;position: relative;margin-bottom: 30px}
.category:before {content:"";display: block;width: 1px;height: 100%;position: absolute;top: 0;right: calc(27.2727% + 9px);background-color: #ccc}
.category .tin1, .category .tin4 {width: 70.909%;float: left;overflow: hidden}
.category .tin1 .bottom {border-top: none;border-bottom: 1px solid #ccc;margin-bottom: 20px}
.tin1 .left .item {overflow: hidden;padding-top: 15px;border-top: 1px solid #ccc;margin-top: 15px}
.tin1 .left .item:first-child {border-top: none;margin-top: 0;padding-top: 0}
.tin1 .left .item .khungAnh {width: 35%;float: left}
.tin1 .left .item .detail {width: calc(65% - 10px);float: right}
.tin1 .left .item .detail .title {font-size: 16px;line-height: 20px;margin: 0 0 5px 0}
.tin1 .left .item .detail .desc {max-height: 40px}
.tin1 .right .demuc {display: block;font: 16px 'RB';color: #af0603;text-transform: uppercase;text-decoration: none;margin-bottom: 10px}
.category .tin1 .right .title:nth-child(3) {border: none}
.category .tin1 .right {border-bottom: 1px solid #ccc;margin-bottom: 20px;padding-bottom: 5px}
.category .tin1 .left {margin-bottom: 0}
.category.event .tin1 .left {width: auto;float: none}
.category .tin1 .right.qcao3 {border-bottom: none}
.category .qcao1 {width: 27.2727%;float: right}
.qcao3 a {display: block}
.qcao3 a img {display: block;margin: auto;max-width: 100%}
.ds_list {position: relative}
.view_more {display: block;height: 36px;line-height: 36px;color: white;background-color: #af0603;text-align: center;text-decoration: none;margin-top: 30px}

.dungbolo {overflow: hidden}
.dungbolo .bao_tt {height: auto;margin-bottom: 20px}
.dungbolo .left {width: 70.909%;float: left;overflow: hidden}
.dungbolo .qcao1 {width: 27.2727%;float: right}
.dungbolo .left .item {width: calc((100% - 41px)/3);float: left;margin: 0 20px 20px 0}
.dungbolo .left .item:nth-child(3n) {margin-right: 0}
.dungbolo .left .khungAnh:before {padding-bottom: 56.25%}
.dungbolo .left .title {display: block;font-family: 'RB';color: #333;text-decoration: none;margin: 8px 0 6px 0}

.big_tit {font: 30px 'RB';margin-bottom: 10px}
.mota {font: 16px 'RB';margin: 10px 0;line-height: 24px}
.noidung {margin: 15px 0}
.list_other {padding: 15px 0 5px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc}
.list_other a {font-family: 'RB';display: block;position: relative;padding-left: 15px;margin-bottom: 10px;text-decoration: none;color: #333}
.list_other a:before {content:"";display: block;width: 5px;height: 5px;border-radius: 50%;background-color: #af0603;position: absolute;top: 6px;left: 0}
.lienquan .item {overflow: hidden;margin-bottom: 15px;background-color: #f1f1f1}
.lienquan .item .khungAnh {width: 34.23%;float: left}
.lienquan .item .khungAnh:before {padding-bottom: 56.25%}
.lienquan .item .title, .lienquan .item .desc {width: calc(100% - 34.23% - 20px);float: left;margin-left: 10px}
.lienquan .item .title {margin-top: 10px;margin-bottom: 10px;text-decoration: none;color: #333;font-family: 'RB'}
.lienquan .item .desc {line-height: 20px;max-height: 60px;overflow: hidden}
.docthem {background-color: #f1f1f1;padding-top: 10px;margin-top: 30px}
.docthem .dungbolo .left {width: auto;float: none}
.docthem .dungbolo .left .item {width: calc((100% - 61px)/3);margin: 0 30px 30px 0}
.docthem .dungbolo .left .item:nth-child(3n) {margin-right: 0}

.chuky {text-align: right}
.chuky a {font-family: 'RB';display: inline-block;padding-left: 20px;background: url(../css/content/chuky.png) no-repeat left center;text-decoration: none;color: #333}
.taibut .qc_ct {width: 300px;margin: 20px auto}
.taibut .qc_ct:before {padding-bottom: 83.333%}
.taibut .tag {padding-left: 30px;background: url(../css/content/tag.png) no-repeat left top 5px}
.taibut .tag a {font: 12px 'RB';display: inline-block;text-decoration: none;color: #333;padding: 0 5px;line-height: 24px;border-radius: 3px;background-color: #f1f1f1;margin-right: 10px}
#comment {max-width: 780px;margin: auto}
#comment .like_share {padding: 20px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 20px 0}
#comment .like_share a {font: 14px 'RB';display: inline-block;padding: 0 10px 0 30px;margin-right: 15px;border-radius: 3px;text-decoration: none;color: white;height: 27px;line-height: 27px}
#comment .like_share .quantam {background: #e32c22 url(../css/content/quantam.png) no-repeat left 5px center;text-transform: uppercase;margin-right: 7px}
#comment .like_share .so_quantam {display: inline-block;margin-right: 15px;height: 25px;line-height: 25px;border: 1px solid #ccc;border-radius: 3px;padding: 0 7px;position: relative}
#comment .like_share .so_quantam:before {content:"";display: block;width: 6px;height: 10px;position: absolute;top: 7px;left: -6px;background: url(../css/content/arrow.png) no-repeat center}
#comment .like_share .share_fb {background: #3a5998 url(../css/content/fb.png) no-repeat left 10px center}
#comment .like_share .share_gg {background: #f5313e url(../css/content/gg.png) no-repeat left 7px center}
#comment .like_share .print, #comment .like_share .send_email {float: right}
#comment .like_share .print {background: url(../css/content/in.png) no-repeat center}
#comment .like_share .send_email {background: url(../css/content/email.png) no-repeat center}
.form_cm {padding: 20px 15px 40px 15px;overflow: hidden;background-color: #f0f0f0}
.form_cm textarea {font: 14px 'RR';color: #333;width: calc(100% - 22px);height: 70px;border: 1px solid #ccc;resize: none;padding: 5px 10px;outline: none;overflow: hidden}
.form_cm a {font: 15px 'RB';display: inline-block;padding: 0 30px;height: 27px;line-height: 27px;color: white;text-transform: uppercase;text-decoration: none;background-color: #ed1b2f;margin-top: 10px}
.sl_sort {margin-top: 20px;background-color: #f2f2f2;padding: 5px 10px;overflow: hidden}
.sl_sort .soluong {color: red;line-height: 25px}
.sl_sort .sort {float: right;margin-top: 3px}
.sl_sort .sort span {display: inline-block;margin-right: 20px}
.sl_sort .sort a {display: inline-block;text-decoration: none;color: #333}
.sl_sort .sort a:last-child {margin-left: 25px;position: relative}
.sl_sort .sort a:last-child:before {content:"";display: block;width: 1px;height: 14px;position: absolute;top: 2px;left: -15px;background-color: #333}
.sl_sort .sort a.active {color: blue}
.reply a {font-size: 13px;display: inline-block;color: red;text-decoration: none;text-transform: uppercase;margin-right: 25px}
.reply .like {padding-left: 18px;background: url(../css/content/like.png) no-repeat left center}
.reply .like span {color: #666}
.reply .share {padding-left: 12px;background: url(../css/content/share.png) no-repeat left center;color: blue}

.ds_comment .item {overflow: hidden;margin-top: 15px}
.ds_comment .info_cus {margin-bottom: 5px}
.ds_comment .info_cus b {font: 14px 'RB';color: #666}
.ds_comment .info_cus span {color: #999;margin-left: 20px;position: relative}
.ds_comment .info_cus span:before {content:"";display: block;width: 4px;height: 4px;background-color: #ccc;position: absolute;top: 6px;left: -10px}
.ds_comment .desc {line-height: 22px;margin-bottom: 10px}

.category .tin1 .bottom .item {position: relative}
.category .tin1 .bottom .item:before {content:"";display: block;padding-bottom: 56.32%}
.category .tin1 .bottom .item .img {position: absolute;top: 0;left: 0;width: 100%}
.category .tin1 .right .item:first-child {padding-top: 0}

#menu #fix.active {position: fixed;z-index: 111;top: 0;left: 0;width: 100%;background-color: #023467}
.mobile {display: none}

#header_vd {position: fixed;z-index: 11;top: 0;left: 0;width: 100%;background-color: white}
#content_vd {margin-top: 100px}
.top_vd {overflow: hidden;padding: 5px 20px;position: relative}
.top_vd .back {display: inline-block;padding-left: 17px;background: url(../css/header/quaylai.png) no-repeat left center;font-size: 14px;color: #333;text-decoration: none;line-height: 24px}
.top_vd .hotline_vd {float: right;font-size: 14px;line-height: 24px;position: absolute;top: 0;right: calc(50% - 550px);margin-top: 5px}
.top_vd .hotline_vd a {color: #af0603;font-family: 'RB';text-decoration: none;display: inline-block;padding-left: 5px}

.bot_vd {height: 40px;padding: 5px 0;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);border-top: 1px solid #eee}
#open_video {display: block;float: left;width: 40px;height: 40px;background: url(../css/header/menu.png) no-repeat center;cursor: pointer}
.logo_video {width: 182px;height: 40px;float: left;margin: 0 50px 0 10px}
.search_vd {overflow: hidden;border-radius: 3px;border: 1px solid #ccc;float: left;margin-top: 2px}
.search_vd input {width: 645px;float: left;border: none;outline: none;padding: 0 10px;height: 34px}
.search_vd a {display: block;width: 40px;height: 34px;float: left;background: url(../css/header/timkiem.png) no-repeat center}

.main_vd {overflow: hidden;margin-bottom: 20px}
.main_vd .left, .main_vd .bottom {width: 70.909%;float: left}
.main_vd .left:before {padding-bottom: 56.25%}
.main_vd .right {width: calc(100% - 70.909% - 20px);float: right}
.main_vd .right .title {font: 24px 'RB';color: #333;text-decoration: none;display: block;margin-bottom: 5px}
.main_vd .right .cate {color: #af0603;text-decoration: none;text-transform: uppercase;display: block;margin-bottom: 10px;font-size: 14px}
.main_vd .right .cate h3 {margin: 0;font-size: inherit}
.main_vd .right .desc {line-height: 20px;max-height: 80px;overflow: hidden}
.main_vd .right .mxh {margin: 30px 0}
.main_vd .right .mxh a {display: inline-block;margin-right: 10px}
.main_vd .right .mxh a:last-child {margin-right: 0}
.canlike {font: 20px 'RB';height: 15px;border-bottom: 3px double #ccc;margin: 20px 0}
.canlike span {display: inline-block;background-color: white;padding-right: 5px}

.video_list {overflow: hidden}
.video_list .item {width: calc((100% - 60px)/4);float: left;margin: 0 20px 20px 0}
.video_list .item:nth-child(4n) {margin-right: 0}
.video_list .khungAnh:before {padding-bottom: 56.25%}
.video_list .title {display: block;margin-top: 5px;color: #333;text-decoration: none}
.more {display: block;float: right;padding-right: 10px;background: url(../css/content/xemthem.png) no-repeat right center;text-decoration: none;color: #999;font: 13px 'RB';margin-top: 5px}
.video_list .tieude {font-size: 20px}
.khoi_vd .bao_tt {height: 40px}
.video_list .khungAnh span {display: block;padding: 5px 5px 5px 28px;color: white;background: rgba(0,0,0,0.5) url(../css/content/video.png) no-repeat left 5px center;position: absolute;z-index: 2;left: 0;bottom: 0}
.main_vd .video_list .item {width: calc((100% - 31px)/4);margin: 0 10px 10px 0}
.main_vd .video_list .item:nth-child(4n) {margin-right: 0}
.khoi_vd .video_list {border-bottom: 1px solid #ccc}
.khoi_vd {margin-bottom: 30px}
.khoi1100 .khoi_vd:last-child .video_list {border: none}

#sub_menu {width: 250px;background-color: #f0f0f0;position: absolute;top: 100%;left: -250px;z-index: 111;height: calc(100vh - 85px);overflow: auto;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
#sub_menu.active {left: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
.main_menu a {display: block;padding: 8px 20px;text-decoration: none;color: #333;border-bottom: 1px solid #ccc;line-height: 24px}
#sub_menu .tt_ft {font: 14px 'RB';color: #023467;text-transform: uppercase}
#sub_menu .info, #sub_menu .address {font-size: 12px;padding: 0 15px;line-height: 22px}
#sub_menu .info {padding: 10px 15px;border-bottom: 1px solid #ccc;margin-bottom: 10px}
#sub_menu .address b {text-transform: uppercase;font-family: 'RB'}
#sub_menu .address a {text-decoration: none;color: #af0603;font-family: 'RB'}
.tin3 .khungAnh.qcao {display: block}
#sub_menu .timkiem {overflow: hidden;background-color: #ddd;overflow: hidden;margin: 5px 15px}
#sub_menu .timkiem a {display: block;float: left;width: 30px;height: 30px;background: url(../css/header/timkiem.png) no-repeat center}
#sub_menu .timkiem input {display: block;float: left;width: calc(100% - 50px);height: 30px;border: none;outline: none;padding: 0 10px;background-color: transparent}


#head_ap {padding: 7px 10px;background-color: #023467;color: white}
#head_ap .back_ap {color: white;text-decoration: none;display: inline-block;float: left;padding-left: 15px;background: url(../css/header/back1.png) no-repeat left center}
#ds_ap {float: right;padding-right: 17px;background: url(../css/header/sub_ap.png) no-repeat right center;cursor: pointer}
#head_ap .title_ap {text-align: center;text-transform: uppercase}
#main_ap {text-align: center}
#main_ap .khungAnh {margin: 20px auto}
#main_ap .khungAnh img {display: block;margin: auto}
.phantrang {display: inline-block}  
.phantrang a {display: block;float: left;padding: 0 10px;height: 30px;min-width: 20px;border: 1px solid #ccc;text-decoration: none;color: #333;line-height: 30px;border-right: none;position: relative}
.phantrang .hientai {width: 150px;text-align: left}
.phantrang .sau {border-right: 1px solid #ccc}
.phantrang .truoc:before, .phantrang .sau:before {content:"";display: block;border-right: 6px solid #333;border-top: 3px solid transparent;border-bottom: 3px solid transparent;position: absolute;top: calc(50% - 3px);left: calc(50% - 3px)}
.phantrang .sau:before {border-right: none;border-left: 6px solid #333}
.phantrang .hientai:before {content:"";display: block;position: absolute;right: 10px;top: calc(50% - 3px);border-top: 6px solid #333;border-left: 3px solid transparent;border-right: 3px solid transparent}
#ds_anpham {position: fixed;top: 31px;right: -180px;background-color: #f0f0f0;padding: 20px;overflow: auto;width: 125px;max-height: 100vh;z-index: 2;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
#ds_anpham.active {right: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
#ds_anpham .khungAnh:before {padding-bottom: 138.7%}
#ds_anpham .khungAnh {margin-bottom: 20px}
.detail .khoi1 .tin1 {width: auto;float: none}
.detail .khoi1:before {display: none}
.bao_tt h2 {display: inline-block}
.chude {font: 26px 'RB'}

@media (max-width: 1199px){
    .tin_Detail .left {width: auto;float: none}
    .khoi1100 {width: calc(100% - 20px)}
    .top_head .right, .khoi1 .tin2, .khoi1:before {display: none}
    .bot_head .logo {margin-top: 15px}
    .khoi1 .tin1 {width: auto;float: none}
    .video_home .main .title {font-size: 20px;margin-bottom: 15px}
    .tin4 .main .title {font-size: 18px}
    .tin3 .title:nth-child(3) {font-size: 16px}
    .tin3 {width: calc((100% - 40px)/3);margin-right: 20px}
    .tin4 {width: calc((100% - 40px)*2/3 + 20px)}
    .khoi3:before, .khoi3:after, .khoi2:before {left: calc((100% - 40px)/3 + 10px)}
    .khoi3:after, .khoi_tin43.khoi2:before {left: auto;right: calc((100% - 40px)/3 + 10px)}
    .tin4 .list .title {font-size: 13px; width: calc(52% - 10px)}
    .tin4 .list .khungAnh {width: 48%}
    .tin4 .list .item {width: calc(50% - 5px);margin: 0 10px 10px 0}
    .album .main {width: auto;float: none;margin-bottom: 20px}
    .album .list {width: auto;float: none;overflow: hidden}
    .album .list .item {margin-right: 15px;border-bottom: none}
    .album .list .slick-list {width: calc(100% + 14px)}
    .album .list .title {font-size: 13px;line-height: 18px}
    .top_footer .left h2 {width: calc((100% - 40px)/3)}
    .top_footer .left h2:nth-child(4n) {margin-right: 20px}
    .top_footer .left h2:nth-child(3n) {margin-right: 0}
    .category .qcao1, .category:before {display: none}
    .category .tin1, .category .tin4, .taibut {width: auto;float: none}

    .top_vd .hotline_vd {position: static}
    .search_vd input {width: 410px}
    .main_vd .qcao6 {display: none}
    #menu a {font-size: 13px;margin-left: 10px}
}
@media (max-width: 993px){
    #menu, #toolbar .news_hot, .top_head {display: none}

    #open_sub {float: right;display: block;margin-top: 15px}
    #open_sub a, #open_sub span {display: inline-block;width: 25px;height: 25px;margin-left: 8px}
    #open_sub .video_mb {background: url(../css/header/video.png) no-repeat center}
    #open_sub #sub_mn {background: url(../css/header/open_sub.png) no-repeat center}
    .bot_head {padding: 5px 0}
    #header .bot_head {position: fixed;z-index: 3;top:0;left: 0;background-color: white;width: 100%;border-bottom: 1px solid #ccc}
    #toolbar .search {position: fixed;z-index: 111;top: 69px;right: -250px;width: 230px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #toolbar .search.active {right: 10px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #menu .khoi1100 {width: auto}
    #menu {display: block;position: fixed;z-index: 111;top:61px;right: -250px;width: 250px;background-color: white;height: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;padding-top: 45px}
    #menu a {color: #333;display: block;float: none;border-bottom: 1px solid #ccc;text-transform: uppercase;margin: 0;padding: 4px 15px}
    #menu a.home {background: none}
    #menu a.home:before {content:"Trang chủ"}
    #menu.active #fix {position: static;background-color: transparent}
    #menu.active {right: 0;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s}
    #toolbar {padding: 5px 0;margin: 80px 0 20px 0;border-bottom: none}
    #menu #fix {border-top: 3px solid #023467}
    #toolbar .search input {width: 170px}
    #sub_menu {height: calc(100vh - 51px)}
    .bot_head .banner {display: none}
    .bot_head .logo {height: 50px;width: 170px}
    .top_head, .bot_head .banner, .tin1 .bao_khoi:before, #toolbar .tin24h, #toolbar .rss {display: none}
    #content {margin-top: 10px}
    #toolbar .cate {max-width: none;float: none}
    #toolbar .cate a {float: none;display: inline-block}
    #toolbar .cate a.active:before {border: -3px}
}
@media (max-width: 767px){
    #toolbar {margin-top: 50px}
    .mobile {display: block}
    #open_sub {margin-top: 10px}
    #content {margin-top: 0}
    #menu {top: 55px;height: calc(100% - 55px);overflow: auto;box-sizing: border-box}
    #toolbar .khoi1100 {height: auto}
    #toolbar .search {top: 63px}
    .tin1 .left, .tin1 .right {width: auto;float: none;position: static}
    .tin1 .left .title {font-size: 20px;line-height: 26px}
    .tin1 .right .item .khungAnh {display: block}
    .tin1 .right .item .img {width: 45% !important;float: left}
    .tin1 .right .item .desc, .tin1 .right .item .cate {display: block;width: calc(55% - 10px);float: right}
    .tin1 .right .item .time {display: none}
    .tin1 .right .item .desc {font-size: 13px;line-height: 18px;max-height: 54px;overflow: hidden}
    .tin1 .right .item:first-child {position: static;padding-top: 0}
    .tin1 .right .item:first-child .img {position: static}
    .cate {text-decoration: none;color: #af0603;text-transform: uppercase;font: 11px 'RB';margin-top: 5px}
    #toolbar .cate {margin-bottom: 10px}
    #toolbar .cate a.active:before {bottom: -3px}
    .tin1 .right .title {font: 16px 'RB';border-top: 1px solid #ccc}
    .tin1 .right .item {overflow: hidden;margin-bottom: 10px}
    .tin1 .bottom .item {width: auto;float: none;margin: 0 0 10px 0;overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 10px;margin-bottom: 10px}
    .tin1 .bottom .item .khungAnh {width: 45%;float: left}
    .tin1 .bottom .item .title, .tin1 .bottom .item .cate {width: calc(55% - 10px);float: right}
    .tin1 .bottom .item .title {font: 15px 'RB';margin-top: 0}
    .khoi1 .tin2 {display: block;float: none;width: auto}
    .qcao2, .video_home .main .desc {display: none}
    .video_home .main .left, .video_home .main .right {width: auto;float: none;padding-left: 0}
    .video_home .main {position: relative;padding-top: 40px;background-color: transparent;border-bottom: 1px solid #154e88}
    .video_home .main .red {position: absolute;top: 10px;left: 0;margin: 0}
    .video_home .main .title {margin-top: 5px}
    .video_home .slick-list {width: 140%}
    .tin3, .tin4 {width: auto;float: none;margin-right: 0}
    .khoi3:before, .khoi3:after, .khoi2:before {display: none}
    .bao_tt {height: auto;margin-bottom: 15px}
    .tin3 .title {font-size: 14px !important;padding-top: 0;margin-bottom: 5px;border: none}
    .tin3 .khungAnh {display: block;width: 45%;float: left}
    .tin3 .item:first-child .khungAnh {width: auto;float: none}
    .tin3 .title, .tin3 .cate {width: calc(55% - 10px);float: right}
    .tin3 .item:first-child .title {width: auto;float: none;font-size: 16px !important;margin: 5px 0 10px 0}
    .tin3 .desc {display: none}
    .tin3 .item {overflow: hidden;padding-top: 10px;border-top: 1px solid #ccc;margin-bottom: 10px}
    .tin3 .item:first-child {border-top: none;padding-top: 0;margin-bottom: 5px}
    .tin4 .left, .tin4 .khungAnh {width: auto;float: none}
    .tin4 .left .title {margin: 5px 0 0 0}
    .tin4 .desc, .list_qc {display: none}
    .tin4 .main .title {font-size: 16px}
    .tin4 .list .item {width: auto;float: none;padding-top: 10px;margin: 0 0 10px 0;border-top: 1px solid #ccc;overflow: hidden}
    .tin4 .list .item .khungAnh {width: 45%;float: left}
    .tin4 .list .item .title, .tin4 .list .item .cate {width: calc(55% - 10px);float: right}
    .khoi2, .khoi3 {padding-bottom: 0;border-bottom: 0}
    .tin3 .khungAnh.qcao {width: auto;float: none}
    .album .main .left, .album .main .khungAnh {width: auto;float: none}
    .album .main {position: relative;padding-top: 40px;border-bottom: 1px solid #154e88}
    .album {padding: 0}
    .album .main .red {position: absolute;margin: 0;top: 10px;left: 0}
    .album .main .title {font-size: 20px;margin-top: 5px}
    .album .main .desc {display: none}
    .album .list .khungAnh, .album .list .title {width: auto;float: none}
    .album .list .khungAnh {margin-bottom: 5px}
    .album .list .slick-list {width: 140%}
    .slide {margin-bottom: 20px}

    .top_footer .left, .top_footer .right {width: auto;float: none}
    .top_footer .left h2 {width: calc(50% - 5px);margin: 0 10px 20px 0}
    .top_footer .left h2:nth-child(3n) {margin-right: 10px}
    .top_footer .left h2:nth-child(2n) {margin-right: 0}
    .mid_footer .khungAnh {float: none}
    .mid_footer .info, .mid_footer .address {width: auto;float: none;margin: 20px 0 0 0;text-align: left}
    .bot_head .logo {width: 105px;height: 29px}

    
    .qcao4 a, .qcao5 a, .qcao6 a {display: block}
    .qcao4 img, .qcao5 img, .qcao6 img {max-width: 100%;margin: auto;display: block}
    .qcao5, .qcao6 {margin-bottom: 20px}
    .tin1 .bottom {border-top: none}
    .video_home {padding-top: 0}
    .tin5 .slick-prev, .tin5 .slick-next {top: -45px}
    .category .tin4 .desc {display: block}
    .category .tin4 .time {display: none}

    .category .tin1 .bottom .item, .category .tin1 .bottom .item .img {position: static}
    .category .tin1 .bottom .item:before {display: none}
    .category .tin1 .bottom .item .title {float: none;margin-bottom: 5px;width: auto}
    .category .tin1 .bottom .item .desc, .category .tin1 .bottom .item .cate {width: calc(55% - 10px);float: right}
    .category .tin1 .bottom .item .desc {line-height: 20px;max-height: 60px;overflow: hidden}
    .ds_list:before {display: none}

    .category .tin1 .left .item .khungAnh {width: 45%}
    .category .tin1 .left .item .detail {width: calc(55% - 10px)}
    .category .tin1 .left .item .detail .title {font-size: 15px}
    .category .tin1 .left .item .detail .desc, .category .tin1 .left .item .detail .time {display: none}
    .category .qcao6 {margin-bottom: 20px;margin-top: 20px}

    .category .tin1 .right .item {overflow: hidden;border-bottom: 1px solid #ccc;padding-bottom: 10px}
    .category .tin1 .right .item:last-child {border: none}
    .category .tin1 .right .item .khungAnh {width: 45%;float: left}
    .category .tin1 .right .item .title, .category .tin1 .right .item .cate {width: calc(55% - 10px);float: right;border: none}
    .category .tin1 .right .item .title {padding-top: 0;margin-bottom: 0}
    .category .tin1 .right .item:first-child .title, .category .tin1 .right .item:first-child .khungAnh {width: auto;float: none}
    .category .tin1 .right .item:first-child .cate {display: none}
    .category .tin1 .right .item:first-child .title {font-size: 18px;margin-top: 5px}

    .category .tin1 .right.qcao3 {display: none}
    .dungbolo .left {float: none;width: auto}
    .dungbolo .qcao1 {display: none}
    .dungbolo .left .item {width: auto;float: none;margin-right: 0;padding-bottom: 10px;border-bottom: 1px solid #ccc}
    .dungbolo .left .item:last-child {border: none}
    .dungbolo .left .item .time {display: none}
    .dungbolo .left .item .title {font-size: 18px}

    .lienquan .item .desc {display: none}
    .lienquan .item .khungAnh {width: 40%}
    .lienquan .item .title {width: calc(60% - 10px)}

    .detail .khoi1 .tin2, .taibut .qc_ct {display: none}
    .taibut .tag {margin-top: 10px}
    .docthem .dungbolo .left .item {width: auto;float: none;margin-right: 0}

    .top_vd, .search_vd {display: none}
    #content_vd {margin-top: 60px}
    .main_vd .left, .main_vd .bottom, .main_vd .right {width: auto;float: none}
    .video_list .item , .main_vd .video_list .item{width: calc(50% - 5px);margin: 0 10px 20px 0}
    .video_list .item:nth-child(2n), .main_vd .video_list .item:nth-child(2n) {margin-right: 0}
    .more {display: none}
    .khoi_vd .bao_tt {margin-bottom: 0}

    
    .taibut.ban2 {width: auto;float: none;margin-bottom: 30px}
    #head_ap .back_ap, #ds_ap {font-size: 0;min-width: 1px;height: 18px}
    .sl_sort {padding: 5px}
    .sl_sort .soluong {letter-spacing: -0.5px}
    .sl_sort .sort {margin-top: 5px}
    .sl_sort .sort span {margin-right: 5px;letter-spacing: -0.5px}
    .sl_sort .sort a {letter-spacing: -0.5px}
    .sl_sort .sort a:last-child {margin-left: 10px}
    .sl_sort .sort a:last-child:before {left: -5px}
}