.album {

	position: relative;

	padding: 0 0 160px;

}



.albNav {

	display: flex;

	margin: 80px 0;

	gap: 45px;

	justify-content: center;

}



.albNav a {

	display: block;

	font-size: 14px;

	font-weight: normal;

	letter-spacing: 2px;

	color: #603e71;

	color: #313131;

}



.albNav a:hover,

.albNav a.active {

	color: #313131;

	color: #603e71;

	font-weight: bold;

	position: relative;

}



/* .albNav a:hover::after,

.albNav a.active::after {

	content: '';

	position: absolute;

	top: 100%;

	left: 0;

	width: 100%;

	height: 3px;

	background-color: #603e71;

} */



.albox {

	width: 100%;

	box-sizing: border-box;

	position: relative;

}



.mySwiper {

	height: 145px;

	margin: 65px 0 0;

}



.mySwiper .swiper-slide {

	width: 25%;

	height: 100%;

	opacity: 1;

	box-sizing: border-box;

	overflow: hidden;

}



.mySwiper .swiper-slide-thumb-active {

	border: solid 5px #603e71;

}



.albox .swiper-button-next,

.albox .swiper-button-prev {

	position: absolute;

	top: auto;

	bottom: 50px;

}



.albox .swiper-button-prev {

	left: -40px;

}



.albox .swiper-button-next {

	right: -40px;

}



.albox .swiper-button-next:after,

.albox .swiper-button-prev:after {

	color: #313131;

	font-size: 30px;

}





@media screen and (max-width:10244px) {



	.albNav {

		margin: 40px 0;

		gap: 20px;

	}



	.mySwiper {

		height: auto;

		margin: 35px 0 0;

	}



	.albox .swiper-button-next,

	.albox .swiper-button-prev {

		position: absolute;

		top: 50%;

		/* bottom: 10px; */

	}



	.albox .swiper-button-next {

		right: -40px;

	}



	.albox .swiper-button-prev {

		left: -40px;

	}



}





@media screen and (max-width:768px) {



	.albNav {

		margin: 20px 0;

		gap: 15px;

	}



	.albNav a {

		font-size: 14px;

	}



	.albox .swiper-button-next {

		right: 0;

	}



	.albox .swiper-button-prev {

		left: 0;

	}



	.mySwiper {

		height: auto;

		margin: 15px 0 0;

	}



	.album {

		padding: 0 0 60px;

	}



}