:root{--font-news:'Mulish', sans-serif;}

/*==Detail==*/
.news__page{font-family: var(--font-news);}
.news_detail-title{font-size: 22px;font-weight:800;max-width: 90%;line-height: 1.4;}
.news_detail-titme{font-size: 15px;color: #625f5f;}
.news_detail-titme span{font-weight: 600;font-size: 13px;}
.news_detail-thumb{margin: 1rem 0px 0px;}
.news_detail-thumb img{margin: auto;max-width: 100%;}
.news_detail-content{margin: 1rem 0px;}
.news_detail-content img{max-width: 100%;margin: auto;}
.content-main h1{font-size: 20px;},.content-main h2{font-size: 18px;},.content-main h3{font-size: 17px;},.content-main h4{font-size: 17px;}
/*====*/
.share{padding:17px 10px 10px 10px;line-height:normal;background:rgba(128,128,128,0.15);margin-top:15px;border-radius:5px;}
.share b{display:block;margin-bottom:5px;}
.othernews b{margin-bottom:10px;}
.list-news-other{padding-left:17px;list-style:square;margin-bottom: 0px;color: var(--color-r);}
.list-news-other li{margin-bottom:10px;}
.list-news-other li a{text-transform:none;color:#333333;font-weight: 500;}
.list-news-other li a:hover{color:var(--color-red);}

/*==News 1==*/
.grid-news{display: flex;flex-flow: wrap;margin:0px -15px;}
.grid-news .item__news{width:calc(100% / 3);margin-bottom:30px;padding: 0px 15px;}
.thumb__news{border-radius: 10px;overflow: hidden;}
.thumb__news img{width:100%;}
.info__news{font-family: var(--font-news);padding-top: 10px;}
.info__news h3 {margin-bottom: 0px;text-decoration: none;}
.info__news h3 a{color:#494949;font-size:15px;margin-bottom:5px;font-weight: 700;line-height: 1.5;-webkit-line-clamp: 2}
.info__news h3 a:hover{color:var(--color-r);}
.time-news{color:#808080;font-size: 13px;margin-bottom:5px;}
.desc-news{color:#656565;margin-bottom: 5px;font-size: 14px;}
.view__news{font-size: 12px;font-weight: 600;color: #303030;}
.view__news:hover{color: var(--color-r);}
/*===*/
.list-news .item__news{display: flex;flex-flow: wrap;justify-content: space-between;margin-bottom:30px;}
.list-news .thumb__news{width: 38%;}
.list-news .info__news{width: 60%;}
.list-news .info__news h3 a{font-size: 16px;}


/*===Right===*/
.col_left{width:calc(100% - 300px);}
.col_right{width: 260px}
.box-right{margin-bottom: 15px;}
.tit-right{padding:10px;text-align: center;color: #fff;font-weight:800;border-radius: 5px 5px 0px 0px;
    background: var(--color-r);font-size: 16px;text-transform: uppercase;}
.inner-right{position: sticky;top: 60px;}
.list-right{border: 1px solid #eee;padding: 0px 10px;border-radius: 0px 0px 5px 5px;}
.item__article{padding: 10px 0px;border-bottom: 1px dashed #eee;}
.item__article:last-child{border-bottom: 0px;}
.thumb-acticle{max-width: 100px;margin-right: 0.5rem;}
.item__article a{font-weight: 600;color: #333;font-size: 14px;line-height: 1.4;}
.item__article a:hover{color: var(--color-r);text-decoration: none;}
.category-list a{font-size: 16px;color: #333;padding: 10px 0px;border-bottom: 1px dashed #eee;-webkit-line-clamp:1;}
.category-list li:last-child a{border: none;}
.category-list a:hover{color: var(--color-r);text-decoration:none!important;}
.category-list a i{font-size: 9px;margin-right: 2px;position: relative;top:-2px;}
.list-right li{list-style: none}
.list-right li ul{display: none}
.category-list > li > a > i{font-size: 14px;margin-left: 2px;position: relative;top:-2px;}
.category-list li.active ul{display: block;}
.category-list li ul{padding-left: 13px;margin: 0px;border-left: 2px solid var(--color-r);margin-top: -1px;background: #eee}
.category-list li ul li{display: block;padding-top: 5px}



/* Responsive */
@media (max-width:1248px) {
    .grid-news{margin:0px -10px;}
    .grid-news .item__news{padding: 0px 10px;}
}
@media (max-width:1180px) {

}
@media (max-width:1120px) {

}
@media (max-width:1070px) {

}
@media(max-width:1024px){
}
@media (max-width:992px) {

    .col_left{width: 100%;}
    .col_right{display: none;}

    .grid-news{display: flex;flex-flow: wrap;margin:0px -5px;}
    .grid-news .item__news{width:calc(100% / 2);margin-bottom:10px;padding: 0px 5px;}
    .grid-news .info__news h3 a{font-size: 14px;}
    .list-news .info__news h3 a{font-size: 14px;}
    

    
}
@media(max-width:850px){
    .list-news .desc-news{-webkit-line-clamp: 1}
}

@media(max-width:769px){

}

@media (max-width:600px) {
    .list-news .thumb__news{width: 100%;}
    .list-news .info__news{width: 100%;}
}

@media(max-width:440px){
    .grid-news .item__news{width:calc(100% / 1);}
}

@media(max-width:369px){

    
}