.icon-close{width:20px;height:20px;display:inline-block;position:relative;background:none}
.icon-close:before,.icon-close:after{content:"";position:absolute;width:130%;height:2px;background:#000;top:50%;left:50%}
.icon-close:before{transform:translate(-50%,-50%) rotate(-45deg)}
.icon-close:after{transform:translate(-50%,-50%) rotate(45deg)}
.silde-index-top .b-img{   
	position: relative;
	padding-bottom: 58.09%;
	padding-top: 25px;
	height: 0;
	width: 100%;
	display: inline-block;    overflow: hidden;
}
.silde-index-top .b-img .i-img{    
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	_height: 100%;
}
.silde-index-top .b-img .i-img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
    transform: translate(-50%);
    min-height: 100%;
    min-width: 100%;
}

.slick-slider-02 .slick-next,.slick-slider-02 .slick-prev {    
	top: inherit;
	bottom: 50%;
}
.silde-index-top li{display:none;}
.silde-index-top li:first-child{display:block;}
.cfb{color:#3b5998;}
.cgplus{color:#dc4a38;}
.cmail{color:#0e71b4;}
.cprint{color:#0e71b4;}

.nav-mobi{
	margin:10px 0px;
	margin-left:4px;
	width:100%;
}
.nav-mobi>li{display:inline-block;vertical-align:top;float:none;margin-left:-4px;}
.navbar-default .nav-mobi>li>a{color:#555;padding: 10px;margin-bottom: 10px;border-radius: 5px;transition:all 0.3s ease;}
.navbar-default .nav-mobi>li>a:hover, .navbar-default .nav-mobi>li>a:focus{outline:none;background:#1d5e7f;color:#fff!important;}

.evtname .dsk-head-cate{width:100%;float:left;padding:0 10px;}
.evtname .dsk-sub-cate{color:#b8b8b8;}
.catename {
    background: #eeeeee;
    margin-top: 0;
    margin-bottom: 15px;
}
.catename .borbotred{
	    border: none;
    border-top: 1px solid #94b8db;
}
.box-video .box-video-head .i-title,.box1 .catename .cate-title{
	width: auto;
}
.box1 .catename .cate1{
	border:none;
	margin: 0;
	margin-top: -1px;
	border-top: 1px solid #ed1c24;
	padding: 3px 10px;
	font-size: 25px;
	font-weight: 500;
}
.box-video .box-video-head .i-cate,.box1 .catename .subMyMenu
{
	text-align: left;
}
.box1-border-left{
	border-left: 1px solid #ececec;
	margin-left: -1px;
}
.box1-border-right{
	border-right: 1px solid #ececec;
}

.box-congnghe{margin-left: 4px;
    display: inline-block;
    width: 100%;}
.box-congnghe .list-congnghe{    margin-left: -5px;
    margin-right: -5px;
    display: block;}
.box-congnghe .list-congnghe li{
	float: none;
    display: inline-block;
    margin-left: -4px;
    padding: 5px;
	padding-bottom: 2px;
    padding-top: 2px;
	position:relative;
	vertical-align:top;
}

.list-congnghe .box-item{float:left;width:100%;position:relative;overflow: hidden;}
.list-congnghe .box-item img{width:100%;}
.list-congnghe .box-item h3{
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-height: 100%;
    overflow: hidden;
	margin:0;
    padding: 10px 10px;
	padding-top: 30px;
    font-family:Roboto, "Roboto Slab",'Roboto Condensed',Roboto,Tahoma,Helvetica,Verdana,Arial;
    font-size: 18px;
	line-height:1.2;
    font-weight: 500;
    color: #ffffff;
    background: rgba(30, 30, 30, 0.5);
    background: -webkit-linear-gradient(left, rgba(30,30,30, 1), rgba(30,30,30, 0.0));
    background: -o-linear-gradient(right, rgba(30,30,30, 1), rgba(30,30,30, 0.0));
    background: -moz-linear-gradient(right, rgba(30,30,30, 1), rgba(30,30,30, 0.0));
    background: linear-gradient(to top, rgba(30,30,30, 1), rgba(50,50,50,0.0));
}
.list-congnghe .item,.list-congnghe .item-full{
	padding-left:5px;
	padding-right:5px;
}

.list-congnghe .item-full{
	padding-top:5px;
	padding-bottom:5px;
}
.list-congnghe .row{
	margin-left:-5px;
	margin-right:-5px;
}




.box300 .topbox300,.box160 .topbox160{
	border-top: 1px solid #94b8db;
    background: #eee;
    color: #1d5e7f;
	padding: 0;
	height: auto;
}
.box300 .topbox300 a,.box160 .topbox160 a{color:#1d5e7f;display: inline-block;width:auto;max-width:100%;font-size: 18px;font-weight: 400;text-transform: uppercase;line-height:40px;padding:0px 10px;position:relative;}
.box300 .topbox300 a:after,.box160 .topbox160 a:after{
	content: "";
    width: auto;
    max-width: 100%;
    height: 1px;
    background: #ed1c24;
    position: absolute;
    top: -1px;
    left: 0;
    right: 10px;
}
.box300 .topbox300 h2,.box160 .topbox160 h2{color:inherit;font-size:inherit;line-height:inherit;margin:0;font-weight:inherit;}
.midbox300, .midbox160{
	width:100%;
	display:inline-block;
    border: 1px solid #eeeeee;
    padding: 10px;
	
}
.midbox160{padding:0;padding-top:10px;border:none;}
.midbox300.full{
	padding:10px 0px;
}
.midbox300 .tinmoi{
	padding:0px 10px;
}
.midbox300 .tinmoi li{
	padding-top: 10px;
    margin-top: 10px;
}
.midbox300 .tinmoi li:first-child{padding-top:0;margin-top:0;}
.midbox300 .news-img-left:not(.df) .b-img{
	width: 45%;
}
.midbox300 .news-img-left:not(.df) .b-img+.b-content{
	width:55%;
	color: #464646;
}
.midbox300 .b-title{
	color: #464646;
}
.silde-small .item-slick .topnewhp1{
	position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 30px 15px 5px 15px;
    color: #efefef;
    background: rgba(30, 30, 30, 0.5);
    background: -webkit-linear-gradient(left, rgba(30,30,30, 1), rgba(30,30,30, 0.05));
    background: -o-linear-gradient(right, rgba(30,30,30, 1), rgba(30,30,30, 0.05));
    background: -moz-linear-gradient(right, rgba(30,30,30, 1), rgba(30,30,30, 0.05));
    background: linear-gradient(to top, rgba(30,30,30, 1), rgba(50,50,50,0.05));
}
.silde-small .item-slick .topnewhp1:focus,.silde-small .item-slick .topnewhp1:hover{
	color:#fff;
}

.weather,.boxttcb{background:#eeeeee;width:100%;float:left;margin-bottom:0;}
.boxttcb{
    border-top: 2px solid #fff;
}
.weather .slcty{
	margin-top: 5px;
    width: 100%;
    max-width: 100px;
    line-height: 15px;
    padding: 1px 0px;
    font-size: 13px;
    border-color: transparent;
    outline: none;
}

.linkbox300{background: #eeeeee;
    color: #2c2c2c;
    font-size: 15px;
    font-weight: 300;
	float:left;
    width: 100%;
	position:relative;
    padding: 3px 15px;
    margin-bottom: 5px;
    text-transform: uppercase;
    line-height: 24px;
	position:relative;
}
.linkbox300:before{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:2px;
	background:#ed1c24;
}
.box300 .linkbox300:last-child{margin-bottom:0;}

/* css che hinh theo ti le 4:3 */
[class^="news-img-"] .b-img .overflow,.overflow-4x3{
	overflow:hidden;
	display:inline-block;
	width:100%;
	height: 0px;
    padding: 0;
    position: relative;
    padding-bottom: 75%;
}
[class^="news-img-"] .b-img .overflow img,.overflow-4x3 img{
	transform: translate(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
}
/* hinh co chieu ngang  < chieu cao */
[class^="news-img-"] .b-img .overflow .img-horizontal,.overflow-4x3 .img-horizontal{
	transform: translate(-50%, -25%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: auto;
}
/* END css che hinh theo ti le 4:3 */

/* css che hinh theo ti le 16:9 */
.overflow-16x9{
	overflow:hidden;
	display:inline-block;
	width:100%;
	height: 0px;
    padding: 0;
    position: relative;
    padding-bottom: 56.25%;
}
.overflow-16x9 img{
	transform: translate(-50%);
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    max-width: none;
    height: 100%;
}
/* hinh co chieu ngang  < chieu cao */
.overflow-16x9 .img-horizontal{
	transform: translate(-50%, -25%);
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: auto;
}
/* END css che hinh theo ti le 16:9 */


/* cate */
.col-left-content{
	float:left;
	width:calc(100% - 160px);
	padding-right:20px;
}
.col-left-160{
	float:left;
	width:calc(160px);
}

.col-left-content .index-silde-top-left{width:100%;}
.col-left-content .item-cate-hot .b-title,.item-cate-hot .b-title{font-size:18px;font-weight:600;color:#010101;margin: 10px 0px 5px 0px;}

.cate-content-list-item{float:left;width:100%;}
.cate-content-list-item .item{float:left;width:100%;position:relative;padding:20px 0px;}
.cate-content-list-item .item .box-content{float:left;width:100%;margin:0;padding:0;}
.cate-content-list-item .item:first-child{padding-top:0;}
.cate-content-list-item .item:before{
	content:"";
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:2px;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#efefef));
	background-image: -webkit-linear-gradient(#e6e6e6, #efefef);
	background-image: -moz-linear-gradient(#e6e6e6, #efefef);
	background-image: -o-linear-gradient(#e6e6e6, #efefef);
	background-image: linear-gradient(#e6e6e6, #efefef);
}
.cate-content-list-item .item:first-child:before{display:none;}
.cate-content-list-item .item .news-img-left .b-img{width:42%}
.cate-content-list-item .item .news-img-left .b-content{width:58%}
.cate-content-list-item .item .b-title{font-size:18px;color:#464646;font-weight:600;}
.cate-content-list-item .item .b-desc{font-size:15px;font-weight:300;}
.cate-content-list-item .item .b-info{font-size:15px;font-weight:300;color:#8e8e8e;}

#page li{
	display:inline-block;
	vertical-align:top;
}
#page li a, #page li span{
	border: none;
    border-radius:0px!important;
	background:none;
	color:#202020;
	padding:0;
	line-height:22px;
	font-size:16px;
	padding:0 3px;
	display:inline-block;
	vertical-align:top;
	transition:all 0.3s ease;
}
#page li:not(.i-icon) a, #page li:not(.i-icon) span{
	border-bottom: 2px solid #d7d7d7;
}
#page li a:hover, #page li span{
	color:#0056a9!important;
	background:none!important;
	border-bottom-color:#0056a9!important;
	
}
/* End cate */


/* detail */
.detail-title{color#333;font-size:25px;line-height:1.2;font-weight:600;font-family:Roboto, 'Roboto Condensed', Arial,Helvetica,Verdana;width:100%;margin:0;margin-bottom:10px;}
.detail-date-share{width:100%;margin:10px 0px;}
.detail-desc{width:100%;font-weight:600;color:#333;}
.detail-sharelike{margin:10px 0px;}
.detail-postcomment{margin:10px 0px;}

.detail-listcomment{margin:10px 0px;}
.detail-listcomment .b-sort{text-align:right;width:100%;display:inline-block;background:#f9f9f9;color:#444444;padding:5px 5px;}
.detail-listcomment .b-sort span{display:inline-block;}
.detail-listcomment .b-sort>span{padding:5px 2px;}
.detail-listcomment .b-sort .act{color:#2977c6;}

.list-comment{float:left;width:100%;margin: 10px 0px;}
.list-comment ul{float:left;width:100%;}
.list-comment ul>li{float:left;width:100%;padding:10px 10px;border-top:1px solid #f2f2f2;font-size:14px;}
.list-comment ul>li:first-child{border-top:none;}
.list-comment ul>li p{float:left;width:100%;margin-bottom:5px;}
.list-comment ul>li .cm-name{font-weight: 600;margin-right:10px;}
.list-comment ul>li .cm-date{font-weight:300;color:#b4b4b4;}
.list-comment ul>li .cm-content{font-size:15px;font-weight:400;}
.list-comment ul>li .cm-like{color: #3d5b9b;}
.list-comment ul>li .cm-like a{padding-left:10px;}
.list-comment ul>li .cm-like a:first-child{padding-left:0px;}
.list-comment ul>li .cm-date-ago{color:#b4b4b4;font-weight:400;}
.list-comment ul>li .num-like{}
.detail-related{background:#f9f9f9;padding-top: 10px;padding-bottom: 10px;margin-bottom:10px;}
.detail-related .related-title{color: #ee052b;font-size: 15px;font-weight: 600;margin-bottom:5px;}
.detail-related .related-item{padding-top:10px;padding-bottom:10px;}
.detail-related .related-item .news-img-top{padding:0;margin:0;}

/* END detail */










.boxcustomer .headercus .i-title{margin-left:30px;margin-top:-10px;background:#025e95;font-weight: 400;}
.wapperfooter .headercus .i-title:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    background: linear-gradient(to top right,#025281 50%,transparent 51%);
    width: 10px;
    height: 10px;
}
.wapperfooter .headercus .i-title:before {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    background: linear-gradient(to top left,#025281 50%,transparent 51%);
    width: 10px;
    height: 10px;
}
.silde-customer .slick-next{background: url(https://baocantho.com.vn/static/templates/version1/news/images/graphics-new/arrow-next.png) center no-repeat;background-color:transparent!important;}
.silde-customer .slick-prev{background: url(https://baocantho.com.vn/static/templates/version1/news/images/graphics-new/arrow-pre.png) center no-repeat;background-color:transparent!important;}

.silde-customer .slick-next,.silde-customer .slick-prev{transform: translateY(0%);}
.box-footer-mid{float:left;width:100%;border-top:1px solid #cecece;border-bottom:1px solid #cecece;padding:5px 0px;}
.box-footer-mid .item{    color: #747474;
    font-size: 16px;
    font-weight: 400;
    padding-right: 20px;
    line-height: 36px;
    display: inline-block;}
.box-footer-mid .btn-sendnews{
	    font-size: 16px;
    background: #1d5e7f;
    color: #fff;
    outline: none;
    border: none;
    padding: 0 15px;
    line-height: 34px;
    border-radius: 3px;
}
.footer p {
    margin-bottom: 5px;
    font-size: 13px;
}
.footer-bot{border-top:1px solid #cecece;float:left;width:100%;padding-top:20px;}
.footer-nav{width: 100%;
    float: left;background:#fafafa;}
.footer-nav .col-inlineblock{vertical-align:top;}
.footer-nav ul{    font-size: 14px;
    width: 100%;
    float: left;list-style:none;    margin: 20px 0px;text-align:left;}
.footer-nav ul>li{
    width: 14%;text-align:center;
    float: left;line-height:20px;padding:5px 0px;color:#464646;}
.footer-nav ul .i-cate{    color: #1d5e7f;
    font-weight: 600;}


@media (min-width: 992px)
{
	.container {
	    _width: 990px;
	}
	
}
@media (min-width: 1200px)
{
	.container {
	    width: 1120px;
	}
}

@media (max-width:1199px) {
.nav-main .mega-menu{width:940px}
.video-img-top .b-img2{_max-height:145px;}
.nav-main > ul > li:first-child{padding-right:8px;padding-left: 8px;}
.nav-main > ul > li > a{padding:0px 8px;}
}
@media(max-width:991px) {
.bg-wapperheader{padding-bottom:0}
.nav-main > ul > li:first-child{padding-right:10px;padding-left: 10px;}
.nav-main .mega-menu{width:720px;padding:10px}
.nav-main .list-bc{width:calc(160px)}
.nav-main .list-block{width:calc(100% - 160px)}
.wapperheader .col-left{width:65%}
.wapperheader .col-right{width:35%}
.wappercontainer .col-left{padding-right:0;width:100%}
.wappercontainer .col-right{display:none}
#wrapper_left,#wrapper_right,#colleft,#colright{display:block}
#colcate1{width:calc(100% - 200px - 10px);margin-right:10px}
#colcate2{width:200px;margin-right:0}
#col3b{display:none}
.news-img-search .b-img{width: calc(100%);}
.news-img-search .b-img+.b-content{width: calc(100%);}
}
@media(max-width:767px) {
.navbar-header{background:#ececec;}
.bg-box-video .leftv{width:100%}
.bg-box-video .rightv{width:100%;padding-left:0;padding-top:10px}
.ovf90b.overflow100,.overflow120{max-height:none}
#wrapper_left,#wrapper_right,#colleft,#colright,#colcate1{width:100%;display:block;padding-left:0;padding-right:0;margin:10px 0}
#wrapper_right,#colright{text-align:center}
#wrapper_right>*,#colright>*{text-align:left;max-width:100%;display:inline-block}
#topcate,.boxtopcate .top3{width:100%;margin:0}
.boxtopcate .top3{padding-top:5px;padding-bottom:5px;}
.boxtopcate .top3 .news-img-top{padding-bottom:0px;margin-bottom:0px;}
.boxtop3 .i-img,.boxtopcate .top3 .b-img{display:none;}
.boxtop3{margin:5px 0px;}
.boxtop3 .item .i-title{margin:0px;margin-bottom:10px;font-size: 14px;}

.index-silde-top-left,.index-silde-top-right{width:100%;}

#topcate{padding:0}
#colcate1,#colcate2,#col3b{padding-left:0;padding-right:0;float:left;width:100%}
#colcate2,#col3b{display:none}
.titlecate h1{padding-left:0}
.box-video .box-video-head .i-title{font-size:20px;width:100%}
.box-video .box-video-head .i-cate{font-size:14px;width:100%}
.box-video .box-video-head .i-cate .item{padding:0 5px}
.box-video .col-video-left{width:100%}
.box-video .col-video-right{width:100%;padding-left:0;padding-top:20px}
.box-video .col-video-left .i-title-video{font-size:16px;margin:0;line-height:1.3}
.footer .ft-menu-item{padding:5px 10px}
.footer .hr-green{margin-top:10px}
.container{padding-right:10px;padding-left:10px}
.box1 .catename a.cate1{font-size:16px}
.box1 .catename .cate-title{display:inline-block;width:80%;width:calc(100% - 50px);vertical-align:middle}
.box1 .catename .icon-subMenu{display:inline-block;margin-left:-4px;width:20%;width:calc(50px);text-align:right;vertical-align:middle;padding-right: 10px;}
.box1 .catename .icon-subMenu .i-icon{font-size:20px}
.box1 .catename .subMyMenu{position:absolute;right:0;width:100%;max-width:180px;top:100%;margin-top:5px;display:none;z-index:9999;border:1px solid #ececec;box-shadow:0 0 3px rgba(0,0,0,0.15);background:#fff;border-radius:2px}
.box1 .catename .subMyMenu:after{content:"";position:absolute;right:5px;bottom:100%;margin-bottom:-1px;background:url(https://baocantho.com.vn/static/templates/version1/news/images/graphics-new/i-arrow-menu.png) no-repeat;width:14px;height:14px}
.box1 .catename .subMyMenu li{float:left;width:100%;text-align:left;padding:0}
.box1 .catename .subMyMenu li:first-child{padding-top:5px}
.box1 .catename .subMyMenu li:last-child{padding-bottom:5px}
.subMyMenu a{float:left;width:100%;padding:5px 5px 5px 10px;font-size:14px;line-height:1.4}
[class^="news-img-"] .b-title{font-size:14px}
.news-img-big .b-img,.news-img-big .b-content,.news-img-big .b-img+.b-content{width:100%}
.news-img-big .b-title{margin:5px 0;font-size:15px}
.box-baongay-diembao .catename .cate1,.box-baongay-diembao .catename a.cate1{font-size:22px}
.box-baongay-diembao .i-col-left{padding-right:10px}
.box-baongay-diembao .i-col-right{padding-left:10px}
.box-baongay-diembao .i-col-left:after,.box-baongay-diembao .i-col-right:after{display:none}
.box-baongay-diembao{padding-left:10px;padding-right:10px}
.box-news-top-index{padding:5px 0px 0px 0px;margin:0px;margin-bottom:10px;}
.boxcustomer .headercus .i-title{font-size:15px;}
.box1 [class^="news-img-"] .b-title-hot{font-size:15px;}
.silde-index-top .item-slick .topnewhp1{font-size:16px;}
.h2cate{font-size:16px;}
.box-video .col-video-right .lis-video .item{display:none;}
.box-video .col-video-right .lis-video .item:nth-of-type(-n+3){display:block;}
}
@media(max-width:559px) {
.ulaudio li,.listmedia li{width:50%}
.ulbao li{width:33.333333%}
.footer-bot{line-height:30px;padding-left:5px;padding-right:5px;}
.footer .i-title{margin-top:10px;}
.footer-nav ul>li{width:50%!important;text-align:left;}
}
@media(max-width:480px) {
.col-480-full{width:100%}
.silde-diembao .col-480-full{padding-bottom:20px}
.silde-diembao .col-480-full:last-child{padding-bottom:0}
.container{padding-right:10px;padding-left:10px}
}
@media(max-width:359px) {
.ulaudio li,.listmedia li{width:100%;margin-left:0}
.ulbao li{width:50%}
}




#colcatenew{float:left;width:700px;margin-right:10px;}
#col3, #col3b, #kphcol2 {
    float: left;
    width: 300px;
}

@media(max-width:979px) and (min-width:768px){
.wapper{width:100%;}
#col1{width:28%;float:left;}
#col2{width:68%;float:right;}
#col3,#col3b{display:none;}
#colcate2{width:26%;float:right;}
#colcate1{width:70%;float:left;}
#colcatenew{width:70%;float:left;}
}
@media(max-width:667px){
#colcate2{width:26%;float:right;margin-right:0px;}
#colcate1{width:70%;float:left;margin-right:5px;}
#colcatenew{width:70%;float:left;margin-right:5px;}
.boxtinmoi .ovf120{float:none;height:auto;overflow:visible;}
.boxtinmoi .img{width:100%;height:auto;}
}