@charset "utf-8";
/* CSS Document */

#certify,
#project{
	position: relative;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #000000;
	display: none;
}
#certify .swiper-container,
#project .swiper-container{
	width: 1400px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	top: 50%;
	margin-top: -304px;
}
#certify  .swiper-slide,
#project  .swiper-slide{
	width: 720px;
	height: 608px;
	text-align: center;
}
#certify .swiper-slide img,
#project .swiper-slide img{
	max-width: 100%;
	max-height: 100%;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet,
#project .swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 5px;
	border: 3px solid #fff;
	background-color: #d5d5d5;
	width: 10px;
	height: 10px;
	opacity: 1;
}

#certify .swiper-pagination-bullets .swiper-pagination-bullet-active,
#project .swiper-pagination-bullets .swiper-pagination-bullet-active{
	border: 3px solid #00aadc;
	background-color: #fff;
}

#certify .swiper-button-prev,
#project .swiper-button-prev{
	left: 30px;
	width: 60px;
	height: 80px;
	background: url(../images/btn_next_prev.png) 0 0 no-repeat;
}

#certify .swiper-button-prev:hover ,
#project .swiper-button-prev:hover{
	background-position: 0 -243px;
}

#certify .swiper-button-next ,
#project .swiper-button-next{
	right: 30px;
	width: 60px;
	height: 80px;
	background: url(../images/btn_next_prev.png) 0 -81px no-repeat;
}

#certify .swiper-button-next:hover,
#project .swiper-button-next:hover{
	background-position: 0 -162px;
}