/*new*/
.news-bg { width: 100%; display: block; background: #f5f5f5; }
.news-box{ max-width: 960px; margin: 70px auto; }
ul.news {  padding: 20px 0px; }
ul.news li{  display: flex; flex-wrap: wrap;  flex-direction:row;  width: 100%; max-width: 96%;  margin: 2% auto; background: #fff; border: solid 1px #E2E0E0; border-radius:6px 0px 6px 6px; transition: all .2s; }
ul.news li a{ text-decoration:none;}
ul.news li .inner{ width: 100%;   display: block; }
ul.news li figure{ width: 100%; height: auto; display:block;}
ul.news li figure img{ width: 100%; height: auto; border-radius:6px 0px 0px 6px;}

ul.news li .time{ display: inline-flex;flex-direction:column; width: 20%; margin-right: 10px; padding: 8px 15px;  text-align:center; background:#444;  font-size:16px;  color:#fff; font-weight:700; transition:background 0.20s linear 0s;}
ul.news li:hover .time{ background:#5b204a;}
ul.news li .time small{ display:block;  margin-bottom:10px; font-size: 11px;text-transform: capitalize;}
ul.news li .time small:before{ content:""; display:block; margin-bottom:5px; border-top:1px solid #fff;}
ul.news li .inner .title{display: inline-flex;flex-direction:column;width: 70%;  margin-bottom: 6px; font-size:1rem;color: #282828; text-align: left; font-weight: 400; }
ul.news li .inner .title:after{ content: none;}
ul.news li .text { display: inline-flex; flex-direction:column;  width:90%; margin: 0 auto; padding: 15px 0px 0px 20px; font-size:.9rem; font-weight: 200; line-height:1.35rem;  }
ul.news li:hover { transform: scale(.98); box-shadow: 0px 5px 6px #d6d6d6; }
.news-btnbox { width: 100%; margin:  0  auto; display: flex; justify-content: center; }




.news-show { width: 96%; margin: auto auto 5% auto; display: block; padding: 2% 0px 5% 0px; }
.post-meta { display: block;}
.post-meta li {  display: inline-block; opacity:0.7;}
.title-wrap{position: relative;text-align: center;	clear: both;padding: 40px 0 0px 0px; margin-bottom: 20px;border-bottom: 1px solid #f0f0f0;}
.title-wrap:before {content: "";position: absolute;	left: 50%;	bottom: -1px;	width: 80px;	margin-left: -40px;	height: 3px;	background: #ff8500;}
.news-show h2 { margin:0 auto 3% auto; font-size:1.75rem;color: #000;}
.news-show h3 { font-size: 2em; font-weight: 500; line-height: 1.35em; padding-bottom: 20px; color: #f47001; }
.news-show img { margin: 2% auto; max-width: 100%!important; height: auto; display: block; }

.post-edit{ margin: 1% auto; padding: 20px; } 
.post-edit p{margin-bottom: 20px; font-size: 1rem; line-height: 1.75em;  font-weight: 200; } 



.style_grid3item .blog-post .post-meta li, .style_grid4item .blog-post .post-meta li{ padding:0;}



 @media (min-width:768px) {
ul.news li .inner{ width: 55%;  padding:15px; display: inline-block; }
ul.news li figure{ width: 40%; height: auto; display: inline-block;}
ul.news li .time{  width: 18%; font-size:26px; }
ul.news li .time small{ font-size: 13px; }	
	 
.news ol li { width: 100%; padding: 3px 10px; margin: 0; height: auto; display: block; border: none; }
.news ol li:nth-of-type(2n) { margin-left: 0; }
.news-show { width: 80%; max-width:1024px; margin: auto; display: block; padding: 2% 0px 5% 0px; }
}
@media (min-width:1160px) {
.news ol li { width: 100%; min-height: auto; padding: 3px 10px; margin: 0; height: auto; display: block; border: none; }
.news ol li:nth-of-type(2n) { margin-left: 0; }
.news .inner h3 {  font-size: 1.5em;  }
	
}