.holder {
	margin: 4% 0;
	text-align: center;
}

.holder a {
	font-size: 16px;
	line-height: 26px;
	cursor: pointer;
	margin: 0 2px;
	color: #FFF;
	width: 26px;
	height: 26px;
	background: #5a5a5a;
	display: inline-block;
}

.holder a:hover {
	background-color: #222;
	color: #fff;
}

.holder a.jp-previous { margin-right: 2px;text-indent: -9999px;background: url(../images/ico_arrow_left.png) #5a5a5a center 0 no-repeat; background-size: 26px; }
.holder a.jp-next { margin-left: 2px; text-indent: -9999px;background: url(../images/ico_arrow_right.png) #5a5a5a center 0 no-repeat; background-size: 26px;}

.holder a.jp-current, a.jp-current:hover { 
	color: #000;
	font-weight: bold;
	background: #ffcc00;
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
}

.holder span { margin: 0 2px;display: inline-block;height: 26px;line-height: 26px }

@media screen and (min-width: 768px) {
.holder a {
	font-size: 18px;
	line-height: 40px;
	cursor: pointer;
	margin: 0 4px;
	color: #FFF;
	width: 38px;
	height: 38px;

}
.holder a.jp-previous ,.holder a.jp-next { background-size: 38px;}
.holder span{ inline-block;height: 38px;line-height: 36px}
}