/*new*/
.news-bg { width: 100%; display: block; background: #f5f5f5; }
.news-box{ max-width: 1360px; margin:10px auto; }
ul.news {  padding: 20px 0px;  display: flex; flex-wrap: wrap; }
ul.news li{ width: 90%;   display: flex; flex-wrap: wrap;  flex-direction:row; justify-content: space-between;  margin:5% auto; background: #fff;    transition: all .2s; border: 1px solid #e2e2e2;padding: 60px 20px;}
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;}

ul.news li .time{ display: inline-flex;flex-direction:column; width: 20%; margin-right: 10px; padding: 8px 15px;  text-align:center; background:#a99e73;  font-size:16px;  color:#fff; font-weight:700; transition:background 0.20s linear 0s;}
ul.news li:hover .time{ background:#444;}
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: 100%;  margin-bottom: 6px; font-size:1rem;color: #282828; text-align: left; font-weight: 400;text-align: center; }
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-btnbox a{ color: #000!important; }

.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 { font-size:1.75rem;color: #c19e57;font-weight: bold;margin: 20px 0 12px 0;}
.news-show h3 { font-size: 1.5rem; font-weight: 500;color: #c19e57; font-weight: bold; margin: 20px 0 12px 0;}
.news-show ul li { list-style: disc;margin-left: 22px;line-height: 1.65em;}
.news-show ol li { list-style: decimal;margin-left: 22px;line-height: 1.65em;}
.news-show a{ color: #ff9c00;}
.news-show a:hover{ opacity: 0.8;}
.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;}
.news_dtlbox {
  max-width: 600px;
  margin: 0 auto;
}
.news_ulbox {
  list-style: disc;
  padding-left: 25px;
}
.news_ulbox li:not(:last-child) {margin-bottom: 5px;}
.news_type span{
  display: block;
  margin-top: 10px;
  font-size: 18px;
}
.news_btn {
  text-align: right;
}

@media (max-width:768px) {
.news-show h2 { font-size:1.5rem;}
.news-show h3 { font-size: 1.15rem;}
	 
}
@media (min-width:768px) {
ul.news li{ width: calc((100% - 90px) /3);margin:5% 10px;  }

.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;  }
	
}