.story_latest {
	position:relative;
}

.story_slider_view {
	overflow:hidden;
}

.story_slider {
	position:relative;
	left:0;
	font-size:0;
	white-space:nowrap;
	transition:left .35s ease;
}

.story_item {
	display:inline-block;
	vertical-align:top;
	width:calc((100% - 40px) / 3);
	margin-right:20px;
	white-space:normal;
}

.story_item:last-child {
	margin-right:0;
}

.story_link {
	display:block;
	text-decoration:none;
}

.story_thumb {
	display:block;
	border-radius:20px;
	overflow:hidden;
	background:#ddd;
}

.story_thumb img {
	display:block;
	width:100%;
	height:234px;
	object-fit:cover;
}

.story_info {
	display:block;
	padding-top:18px;
}

.story_subject {
	display:block;
	font-size:18px;
	font-weight:500;
	line-height:1.5;
	color:#444;
	text-align:center;
	word-break:keep-all;
}

.story_nav {
	position:absolute;
	top:105px;
	width:34px;
	height:34px;
	padding:0;
	border:0;
	background:transparent;
	cursor:pointer;
	font-size:0;
	z-index:3;
}

.story_nav:before {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:16px;
	height:16px;
	margin:-8px 0 0 -8px;
	border-top:2px solid #9a9a9a;
	border-right:2px solid #9a9a9a;
	box-sizing:border-box;
}

.story_prev {
	left:-72px;
}

.story_prev:before {
	transform:rotate(-135deg);
}

.story_next {
	right:-72px;
}

.story_next:before {
	transform:rotate(45deg);
}

.story_progress {
	position:relative;
	width:250px;
	height:4px;
	margin:40px auto 0;
	background:#d9d9d9;
	border-radius:999px;
	overflow:hidden;
}

.story_progress_bar {
	display:block;
	width:0;
	height:100%;
	background:#ed7101;
	border-radius:999px;
	transform:none !important;
	transition:none !important;
}

.story_latest.is-static .story_nav,
.story_latest.is-static .story_progress {
	display:none;
}

@media screen and (max-width:1400px) {
	.story_prev {
		left:-44px;
	}

	.story_next {
		right:-44px;
	}
}

@media screen and (max-width:991px) {
	.story_item {
		width:calc((100% - 20px) / 2);
	}

	.story_thumb img {
		height:220px;
	}

	.story_prev {
		left:-30px;
	}

	.story_next {
		right:-30px;
	}
}

@media screen and (max-width:767px) {
	.story_nav {
		display:none;
	}

	.story_item {
		width:100%;
		margin-right:0;
	}

	.story_thumb img {
		height:auto;
	}

	.story_subject {
		font-size:16px;
	}

	.story_progress {
		width:180px;
		margin-top:28px;
	}
}