/*news.css*/

/*section S*/
#bo_gall .news_text_area{opacity: 1; position: static; height: 250px;}
#bo_gall .news_img{display: none;}
#bo_gall .news_text_area .text{text-align: left;}
#bo_gall .news_text_area::after{display: block; width: inherit; height: inherit; content: ''; border: 6px solid #f2b705; position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: .3s; transition: .3s;}
#bo_gall .gall_li:hover .news_text_area::after{opacity: 1;}
#bo_gall .news_text_area .gall_info{display: block!important; background: none; padding: 0;}
#bo_gall .news_text_area .gall_info .gall_date{left: 40px; bottom: 40px;}
#bo_gall .news_text_area .gall_info .gall_date i{line-height: 20px; color: #555; font-size: 11px; padding-right: 5px;}
#bo_gall .news_text_area .text{vertical-align: top; padding-top: 20px;}
#bo_gall .news_text_area .gall_text_box{padding: 30px; padding-left: 40px;}
#bo_gall .news_text_area .gall_info .read_more{position: absolute; right: 50px; bottom: 40px;}
#bo_gall .news_text_area .gall_info .read_more i{ -webkit-transition: .3s; transition: .3s; line-height: 20px; color: #555; font-size: 14px; padding-right: 5px;}
.news_wrap .gall_li{border: 1px solid #ddd;}
#bo_gall .gall_li:hover .gall_info .read_more i{color: #f2b705;}
/*section E*/

@media screen and (max-width:980px){
    .news_wrap .gall_li{width: 48%; margin: 0 1%;  margin-bottom: 2%;}
}
@media screen and (max-width:600px){
    .news_wrap .gall_li{width: 100%; margin: 0; margin-bottom: 2%;}
    .news_wrap  .gall_row .gall_li:nth-child(2n-1){margin: 0; margin-bottom: 2%;}
}
@media screen and (max-width:360px){
    #bo_gall .news_text_area .gall_info .gall_date{font-size: 12px;}
    #bo_gall .news_text_area{opacity: 1; position: static; height: 210px;}
}

