@charset "utf-8";
.slide_ul {
	margin: 0;
	padding: 0;
}

.slider_box {
	position: relative;
	width: 100%;
	display: block;
	height: 100%;
}
.slide_list {
	width: 100%;
	display: block;
	margin: 0;
	padding: 0;
	position: absolute;
	opacity: 0;
	transition: all 1s;
	display: flex;
	justify-content: center;
}
.slide_list.active {
	opacity: 1;
	z-index: 1;
}
.slide_btn_left, .slide_btn_right {
	width: 20px;
	height: 20px;
	border-radius: 80px;
	font-size: 14px;
	color: #FFFFFF;
	background-color: rgba(0,0,0,0.25);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30%;
	line-height: 30px;
	text-align: center;
	z-index: 10;
	display: flex;
	position: absolute;
	top: 50%;
	transform: translateY(-60%);
	cursor: pointer;
	opacity: 0;
	flex-wrap: nowrap;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
}
.slider_box:hover .slide_btn_left, .slider_box:hover .slide_btn_right {
	opacity: 1;
}
.slide_btn_left {
	left: 10px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAANdJREFUOE+V0z0uRUEYxvHfq6DTUlNqsAHRUGgkbEBlDxZiBfSicWMFNErR09JRSR6O3CuDe+WcaWf+M8/HO2Xgqj7nk5zgEPv/AknmcIpjBJszgSQLOMcB3nFUVWdTgSSLuMA23jo5VXXVyf8DJFlCt7mBF+xV1c3E6w8gyQqusYon7FbVfRvMN5BkfXzzMh6wU1WPv1P8ApJsfSZwiU777VjG87TIK8ka7jCP0djg66x+hgODJU2eHmS6gfrH2kD9i2ug/qPRQP2Hr4H6j3dbXO8PNK3tD8TiZqXONiVQAAAAAElFTkSuQmCC");
}
.slide_btn_right {
	right: 10px;
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAUCAYAAAC58NwRAAAAAXNSR0IArs4c6QAAANZJREFUOE+V0zEuRVEQBuDvT1R0tKhFJRpWgNeInhVYiD2obIBEo6ARG8AGqGl1FEauHMLz5N172jlfzsycmRh4UlXLOMdpkqNpvgNruEVwjMMk7//B7pKqOsAJZnCG/SSvk9AnaGjUpYVZXGMvycs4+gYNbeIC87jDKMnzT/QLNLSKSyziAVtJHr/QH9DQEq6wgqf20n0XmwgaWmjpbaCrZTfJzb+gobnWiB28Yb0P6Nq8PRVUVf+Uqqp/0VXVv61V1f/jqqr/aAwavsHjPXiBpm3YePwDVp1oZcSxm4cAAAAASUVORK5CYII=");
}
.slide_circle_box {
	height: 20px;
	display: flex;
	align-items: center;
	position: absolute;
	bottom: 10px;
	right: 10px;
}
.slide_circle{
	display: block;
	width: 4px;
	height: 4px;
	border-radius: 10px;
	background: rgba(255,255,255,0.45);
	cursor: pointer;
	margin: 5px;
}
.slide_circle.active {
	width: 6px;
	height: 6px;
	background-color: #FFFFFF;
}