.pager {
	padding:20px 0;
	text-align:center;
}

.pager .outsidebtn,
.pager .insidebtn,
.pager .pagebtn {
	display: inline-block;
	font-size: inherit;
	padding: 8px 12px;
	margin: 0 2px;
	border: 1px #bbb solid;
	cursor: default;
	font-family: sans-serif;
}

.pager .outsidebtn,
.pager .insidebtn {
	background-color:#eee;
}
.pager .outsidebtn.on:hover,
.pager .insidebtn.on:hover {
	background-color:#3654c2;
	border-color:#3654c2;
	color:#fff;
	cursor:pointer;
}

.pager .pagelist {
	margin-left: 10px;
	margin-right: 10px;
}

.pager .pagebtn {
	opacity: .5;
	filter: alpha(opacity=50);
}
.pager .pagebtn.on {
	opacity:1;
	filter:alpha(opacity=100);
}
.pager .pagebtn.on:hover {
	background-color:#3654c2;
	border-color:#3654c2;
	color:#fff;
	cursor:pointer;
}

.pager .pagebtn.on {
	cursor:default;
}

.m-pager {
	display: none;
	margin-top: 20px;
	text-align: right;
}
.m-pager select {
	min-width: 80px;
}

@media (max-width: 767px) {
	.pager {
		display: none;
	}
	.m-pager {
		display: block;
	}
}