@charset "utf-8";
/* CSS Document */
.blog-list-sec{
	font-size: 1.4rem;
    line-height: 2.0rem;
}
.blog-list-sec ul{
	padding: 0;
	margin: 0;
	display:-ms-flexbox;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	justify-content:flex-start;
	align-items:left;
}
.blog-list-sec ul li{
	padding: 0 0 8px 0;
	margin: 0 0 16px 0;
	background: none;
	list-style-type: none;
	width: 100%;
	background: #fff;
	border: 1px solid #e2dede;
}
.blog-list-sec ul li a{
	display: inline-block;
}
.blog-list-sec ul li a.blog-thumb{
	border: 8px solid #fff;
}
.blog-list-sec ul li .blog-s-text{
	padding: 4px 12px;
}
.blog-s-text h2 {
    font-size: 1.7rem;
    line-height: 2.3rem;
    margin-bottom: 10px;
	color: #3c3937;
}
.blog-s-text p{
	margin-bottom: 12px;
}
.blog-s-text h2 a{
	color: #3c3937;
}
.blog-list-more{
	font-weight: 600;
	font-size: 13px;
	line-height: 17px;
}
.pub-date {
    background: url(../images/date-ico2.png) no-repeat 0 -1px;
	background-size: 20px auto;
}
.pub-date {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-weight: 600;
    color: #888;
    margin-bottom: 10px;
    padding: 0 0 0 24px;
}
/*blog details page*/
.blog-details-sec .leftpan{
	background: #fff;
	border:1px solid #d1d1d1;
	padding: 12px 14px 14px;
	margin-bottom: 30px;
}
.blog-list-image{
	border: 4px solid #dcdcdc;
	width: auto;
	height: auto;
	display:block;
	margin:0 auto 10px;
}
.blog-list-image-left{
	border: 4px solid #dcdcdc;
	width: auto;
	height: auto;
	display:block;
	margin:0 auto 10px;
}
.blog-details-sec h1{
	font-size: 2.2rem;
	line-height: 2.8rem;
	color: #3f3f3f;
	margin-bottom: 11px;
}
.blog-header-pic{
	width:100%;
}
.blog-header-pic img{
	width:100%;
	display:block;
}
.sign-txt{
	width:70px;
	float:right;
}
/*blog details page end*/
@media only screen and (min-width:580px){
	.blog-details-sec-2 .blog-list-image{
		width: 55%;
		height: auto;
	}
	.blog-details-sec-2 .blog-list-image-left{
		width: 55%;
		height: auto;
	}
}
@media only screen and (min-width:580px){
	.blog-list-sec ul li{
		width: 48%;
		margin: 1%;
	}
}

@media only screen and (min-width:920px){
	.blog-list-sec ul li{
		width: 31%;
	}
	.blog-s-text h2 {
		font-size: 1.9rem;
		line-height: 2.5rem;
		margin-bottom: 10px;
	}
	/*blog details page*/
	.blog-details-sec .leftpan{
		padding: 18px 20px 18px;
		margin-bottom: 0;
	}
	.blog-details-sec h1{
		font-size: 3rem;
		line-height: 3.8rem;
		color: #3f3f3f;
		margin-bottom: 30px;
	}
	.blog-list-image{
		margin-bottom: 0;
		margin-left: 20px;
		width: 44%;
		float: right;
	}
	.blog-list-image-left{
		margin-bottom: 0;
		margin-right: 20px;
		width: 44%;
		float: left;
	}
	.blog-details-sec-2 .blog-list-image{
		width: 30%;
		height: auto;
	}
	.blog-details-sec-2 .blog-list-image-left{
		width: 30%;
		height: auto;
	}
	/*blog details page end*/
	
}
@media only screen and (min-width:1023px){
	.blog-header-pic{
		width:68.5%;
	}
}
@media only screen and (min-width:1024px){
	.blog-details-sec-2 .leftpan{
		width:100%;
	}
	.blog-header-pic{
		width:100%;
	}
	.blog-list-image {
		margin-bottom: 10px;
		margin-left: 16px;
		width: 44%;
	}
	.blog-list-image-left{
		margin-bottom: 10px;
		margin-right: 16px;
		width: 44%;
	}
	.blog-details-sec-2 .blog-list-image{
		width: 26%;
		height: auto;
	}
	.blog-details-sec-2 .blog-list-image-left{
		width: 26%;
		height: auto;
	}
	
}
@media only screen and (min-width:1200px){
	.blog-list-sec ul li{
		width: 24%;
		margin: 0.5%;
	}
	/*blog details page*/
	.blog-details-sec .leftpan{

	}
	/*blog details page end*/
	.blog-details-sec-2 .leftpan{
		width:86%;
		max-width:1500px;
	}
	.blog-header-pic{
		width:86%;
		max-width:1500px;
	}
	
}