.item-news {  display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; }
.item-news li { background: #fff; border: 3px solid #000; padding: 4px; box-shadow: 6px 6px 0 #b1e2e7; margin-bottom:30px; cursor: pointer; position: relative;}
.item-news li {width: 30%; margin-right: 5%;}
 
.item-news li:nth-child(3n) {margin-right: 0;}

.images-news {display: flex;justify-content: center;align-items: center;height: 237px;overflow: hidden; transition: 0.3s;}
.images-news img{transition: 0.5s;}
.item-news li:hover .images-news img{transform: scale(1.1, 1.1);}
.date-news { background: url(../images/bg-patten-blue.jpg); font-size: 12px; font-weight: 400; padding: 8px; text-align: center; margin: 8px auto; }


.link-detail { display: block; padding: 12px; text-align: center; font-weight: 900; font-size: 15px; transition: 0.3s;}
.link-detail:hover {
    background: linear-gradient(to right, #4bcdec 20%, #dbe95f 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.item-news li:hover .link-detail {
    background: linear-gradient(to right, #4bcdec 20%, #dbe95f 100%);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.item-news li label{position: absolute;z-index: 99;left: -8px;}

.tag-news { display: block; min-width: 80px; font-size: 12px; padding: 2px; color: #fff; text-align: center; z-index: 99;}
.tag-news.new { background: #fa9608; }
.tag-news.campaign { background: #8d32b7; }
.tag-news.notice { background: #4dacee; }


/* news detail */
.images-news-detail { background: #fff; border: 3px solid #000; padding: 4px; box-shadow: 6px 6px 0 #b1e2e7; margin: 16px auto; display: inline-block; }

.title-news .date-news-detail {display: inline-block;background: url(../images/bg-patten-blue.jpg); font-size: 12px; font-weight: 400; padding: 6px 18px; text-align: center; margin: 0 12px; letter-spacing: 1px; }
.title-news .text-title {word-wrap: break-word; font-size: 26px; font-weight: 700; }
.title-news span { display: block; width: 100px; height: 5px; margin: 18px auto; }

.text-content {word-wrap: break-word;padding: 22px;font-size: 14px;/* font-weight: 300; */line-height: 1.8;}


.slide-news {
    max-width: 640px;
    margin: auto;
}
.slide-news img{
    width: 100%;
}
section.one-time.slider.slick-initialized.slick-slider{
    background: #fff;
    border: 3px solid #000;
    padding: 4px;
    box-shadow: 6px 6px 0 #b1e2e7;
}

.news_link{background: #5bd2ee;color: #FFF !important;height: 40px;display: inline-block;padding: 0 15px;font-size: 16px;line-height: 40px;border-radius: 5px;transition: 0.5s;margin: 5px 5px;}
.news_link i{ font-size: 20px; margin-right:5px}
.news_link:hover{ background: #d3e869; color: #000 !important;}
  


.btn-back { width: 100%; max-width: 250px; padding: 16px 12px; text-align: center; color: #fff !important; display: block; margin: 20px auto; font-size: 16px; font-weight: 700;  }





@media(max-width:1024px) {
    .images-news {
        height: 180px;
    }    
}    
@media(max-width:767px) {
    .item-news li {width: 48%;margin: 0px 1% 15px;box-shadow: 3px 3px 0 #b1e2e7;}
     .images-news {
        height: 120px;
    }   
    .link-detail {
        padding: 3px 0;
        font-size: 14px;
    }

     
}

@media(max-width:580px) {
    .title-news .text-title { font-size: 18px; }
    .text-content {padding: 5px;}
    .news_link { display:block; text-align:left}
.title-news .date-news-detail { padding: 3px 7px; margin: 0 5px; }

}

@media(max-width:420px) {
    .item-news li {/* width: 80%; */}
    .link-detail {
        padding: 3px 0;
        font-size: 13px;
    }
    .date-news {
        font-size: 12px;
        font-weight: 300;
        padding: 2px;
        margin: 2px auto;
    }
}

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