@charset "utf-8";
/* CSS Document */
.wpage{
	text-align: center;
	background:#f7f7f7;
	padding:.65rem .75rem;
	position:relative;
}
.page{
	/*padding:40px 0 0;*/
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	text-align:center;
	clear:both;
	display: inline-block;
}
.page a{
	text-decoration:none;
	color:#d2d2d2;
	width: 38px;
	height: 38px;
	line-height:38px;
	margin:0 2px;
	/*background:#f0efef;*/
	display: block;
    float: left;
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page a.active{
	background:#ccb195;
	color:#fff;
	/*border-radius: 50%;*/
	transition: .5s cubic-bezier(0.6, 0.2, 0.1, 1);
}
.page span.laypage_curr{
	width: 38px;
	height: 38px;
	line-height:38px;
	margin:0 2px;
	display: inline-block;
	background:#ccb195;
	color:#fff;
	/*border-radius: 50%;*/
	transition: .3s ease;
}
.page a:hover{
	text-decoration:none;
	color:#fff;
	background:#ccb195;
	/*border-radius: 50%;*/
	transition: .3s ease;
}
.page a.prev,.page a.next{
	position:absolute;
	z-index:1;
	top:.65rem;
	width: 125px;
	background:#fff;
	line-height:38px;
	font-weight:normal;
}
.page a.prev{
	left:.75rem;
}
.page a.next{
	right: .75rem;
}
.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:#ccb195;
}
.page a.next:hover:before,.page a.prev:hover:before{
	color:#fff;
}

@media (max-width:960px){
	.page a.prev, .page a.next{
		width:50px;
	}
	.page a.prev:before, .page a.next:before{
		font-size:20px;
	}
	.wpage{
		padding:.3rem .75rem;
	}
	.page a.prev, .page a.next{
		top:.45rem;
	}
}