@charset "utf-8";
/* CSS Document */
.wpage{
	text-align: center;
	position:relative;
	margin-top:1rem;
}
.page{
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	clear:both;
	display: inline-block;
}
.page a{
	text-decoration:none;
	color:#d2d2d2;
	background:#f0f6fd;
	width: 38px;
	height: 38px;
	line-height:38px;
	margin:0 2px;
	display: block;
    float: left;
    border-radius:5px;
    overflow: hidden;
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a.active{
	background:#004ea2;
	color:#fff;
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a:hover{
	text-decoration:none;
	color:#fff;
	background:#004ea2;
	transition: .3s ease;
}
.page a.prev,.page a.next{
	z-index:1;
	line-height:38px;
	font-weight:normal;
}

.page a.prev:before,.page a.next:before{
	font-size:26px;
	color:#ccc;
	transition: .3s ease;
}
.page a.next{
	transform:rotate(-180deg);
}
.page a.next:hover,.page a.prev:hover{
	background:#004ea2;
}
.page a.next:hover:before,.page a.prev:hover:before{
	color:#fff;
}

@media (max-width:767px){
	.page a{
		width:30px;
		height:30px;
		line-height:30px;
		font-size:12px;
	}
	.page a.prev, .page a.next{
		line-height:30px;
	}
	.wpage{
		margin-top:.5rem;
	}
}