/*banner*/
.blog-banner{
	background: #0e4658;
}
.archive-title{
	margin: 0;
	font-size: 48px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 0;
	line-height: 1;
}
.blog-des{
	color: #fff;
	font-size: 16px;
	margin-bottom: 30px;
	line-height: 1.3;
}
.blog-social-follow p{
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
	margin: 0;
	font-weight: 600;
}
.blog-social-list{
	list-style: none;
	padding: 0;
	margin: 0;
}
.blog-social-list li{
	font-size: 16px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 10px;
}
.blog-social-list li a{
	color: #fff;
	text-decoration: underline;
}
.blog-social-list li a:hover{
	color: #fff;
	text-decoration: underline;
	opacity: .7;
}
.BB-wrap{
	display: flex;
	align-items: center;
}
.BB-wrap .l{
	width: 65%;
	padding: 30px 30px 30px 0;
}
.BB-wrap .r{
	width: 35%;
	padding: 30px;
}
.blog-banner-icon{
	width: 100%;
}
.blog-banner-icon img{
	width: 100%;
	height: auto;
}
@media(max-width: 1000px){
	.BB-wrap .l{
		padding: 20px 20px 20px 0;
	}
	.BB-wrap .r{
		padding: 20px;
	}
	.archive-title{
		font-size: 36px;
	}
	.blog-des{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.blog-social-follow p{
		font-size: 14px;
	}
	.blog-social-list li{
		font-size: 14px;
		margin-top: 4px;
		margin-right: 8px;
	}
}
@media(max-width: 768px){
	.BB-wrap{
		display: block;
	}
	.BB-wrap .l{
		width: 100%;
		padding: 30px 15px;
	}
	.BB-wrap .r{
		display: none;
	}
	.archive-title{
		font-size: 20px;
	}
}
/*content*/
.CNTR{
	max-width: 1000px;
	margin: 0 auto;
	padding: 20px;
	width: 100%;
}
@media(max-width: 1000px){
	.CNTR{
		max-width: 768px;
	}
}
@media(max-width: 768px){
	.CNTR{
		max-width: 450px;
	}
}
@media(max-width: 450px){
	.CNTR{
		padding: 0 15px;
	}
}
.blog-box{
	padding: 20px 0;
	display: flex;
	border-bottom: 1px solid #ccc;
}
.blog-box:last-of-type{
	border-bottom: none;
}
.blog-box .l{
	width: 25%;
}
.blog-box .r{
	width: 75%;
	padding-left: 20px;
}
@media(max-width: 1000px){
}
@media(max-width: 768px){
	.blog-box{
		display: block;
		padding: 15px 0;
	}
	.blog-box .l{
		width: 100%;
	}
	.blog-box .r{
		width: 100%;
		padding-left: 0px;
		margin-top: 10px;
	}
}
.blog-pic img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.blog-title{
	margin: 0;
	font-size: 24px;
	margin-bottom: 15px;
}
.blog-title a{
	color: #2f353e;
}
.blog-title a:hover{
	text-decoration: underline;
}
.blog-meta{
	margin-bottom: 10px;
	display: flex;
	align-items: center;
	font-size: 16px;
	color: #686868;
}
.blog-author{
	display: flex;
	align-items: center;
}
.blog-author-pic{
	margin-right: 5px;
}
.blog-author-pic img{
	border-radius: 50%;
}
.blog-author-name{
}
.blog-meta .line{
	padding: 0 8px;
	opacity: .7;
}
.blog-view-count,
.blog-comment-count{
	display: flex;
	align-items: center;
}
.blog-view-count span,
.blog-comment-count span{
	font-size: 20px;
	margin-right: 5px;
}
.blog-excerpt{
	font-size: 16px;
	color: #3a4a56;
}
.blog-read-more{
	margin-top: 10px;
}
.RDM-btn{
	font-size: 16px;
    text-decoration: underline;
    color: #008cd6;
}
.RDM-btn:hover{
	color: #333;
	text-decoration: underline;
}
.list-content .paginations{
	padding: 30px 0;
}
.list-content .paginations .pagination-wrap{
	text-align: left;
}
@media(max-width: 1000px){
	.blog-title{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.blog-author-pic img{
		width: 20px;
		height: 20px;
	}
	.blog-meta{
		font-size: 14px;
		margin-bottom: 8px;
	}
	.blog-excerpt{
		font-size: 14px;
	}
	.blog-read-more{
		margin-top: 8px;
	}
	.blog-author-pic {
	    margin-right: 3px;
	}
	.blog-view-count span,
	.blog-comment-count span{
		font-size: 14px;
		margin-right: 3px;
	}
	.RDM-btn{
		font-size: 14px;
	}
	.blog-meta .line{
		padding: 0 5px;
	}
}
@media(max-width: 768px){
	.blog-title{
		font-size: 16px;
	}
	.blog-meta{
		font-size: 12px;
	}
	.blog-meta .line{
		padding: 0 2px;
	}
	.blog-author,
	.blog-meta .line:first-of-type{
		display: none;
	}
	.blog-view-count span,
	.blog-comment-count span{
		font-size: 14px;
		margin-top: -1px;
	}
	.blog-author-pic img{
		width: 16px;
		height: 16px;
	}
}
@media(max-width: 450px){
	.list-content .paginations{
		padding-top: 15px;
	}
}