.conhlblog {
	justify-content: space-between;
	margin-bottom: 58px;
}

.eachblog {
	background-color: white;
	width: calc((100% - 100px) / 3);
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.eachblog figure {
	width: 100%;
	height: 267px;
}

.eachblog figcaption {
	padding: 18px 25px 30px;
	box-sizing: border-box;
}

.eachblog span {
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	color: #AAAAAA;
}

.eachblog span i, .timeread {
	display: flex;
	align-items: center;
	font-style: normal;
}

.eachblog span i img, .timeread img {
	margin-right: 6px;
}

.eachblog h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	margin: 15px 0 19px;
}

.eachblog p {
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 20px;
	color: #898989;
}

.eachblog .linebtn {
	font-size: 14px;
	color: #3CAFCB;
}

a.view_all_link {
	transition: all 0.3s ease-in-out 0s;
	color: black;
	border: 1px solid #ababab;
	padding: 5px 20px;
	display: inline-block;
	border-radius: 15px;
	float: right;
	margin-top: 1px;
}

a.view_all_link:hover {
	background-color: var(--blue);
	color: white;
	border-color: var(--blue);
}

@media (max-width: 916px) {
	.highlightblog .container {
		width: 100%;
		max-width: unset;
		overflow: hidden;
	}
}

@media (max-width: 767px) {
	a.view_all_link {
		float: none;
	}

	.highlightblog .eachblog {
		margin: 0 15px;
		width: 100%;
		margin: 0;
		margin-bottom: 25px;
	}

	.highlightblog .eachblog:last-child {
		margin-bottom: 0;
	}

	.conhlblog {
		display: block;
		padding: 0 15px;
	}

	.eachblog {
		width: 100%;
		margin-bottom: 30px;
	}

	.eachblog:last-child {
		margin-bottom: 0;
	}
}