.jq main, .jq footer {
	padding-left:1.5em;
	padding-right: 3.2em;
}

#pgLblBox {
	font-size: 0.9em;
	font-weight: bold;
	position: fixed;
	right: 0.1em;
	top: 50px;
	bottom: 0;
	z-index: 90;
	width: 3.3em;
	display: none;
}

.jq #pgLblBox {
	display: flex;
	display: -ms-flexbox;
	flex-direction: column;
	-ms-flex-direction: column;
	justify-content: center;
	-ms-flex-pack: center;
	align-items: center;
	-ms-flex-align: center;
	align-content: center;
}

.pgLbl {
	display: block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
	padding-right: 0.05em;
	vertical-align: baseline;
	transition: all 100ms ease-out 0s;
	border-radius: 50%;
	text-align: center;
	border: 1px solid #777;
	margin: 0.3em 0;
	color: #666;
	text-decoration: none;
}

.mouse .pgLbl:hover {

	background: #fff;

	color: #000;

	border: 1px solid #444;

	z-index: 91;

}

.pgLblCur {

	background: #fff;

	border: 1px solid #444;

	width: 2.6em;

	height: 2.6em;

	line-height: 2.6em;

	z-index: 92;

	color: #000;	

}



@media all and (min-width: 1200px) and (max-resolution: 100dpi) {

	.pgLbl {

		background: rgba(255,255,255,0.7);

		box-shadow: 0 0 0 1px rgba(0,0,0,0.25), 0 0 2em rgba(0,0,0,0.5);

		border: none;

	}

	.pgLblCur {

		background: #fff;

		box-shadow: 0 0 1px 1px rgba(0,0,0,0.3), 0 0 2em rgba(0,0,0,0.5);

	}

#pgLblBox {
		top: 0;
	}

.mouse .pgLbl:hover {

		box-shadow: 0 0 2px #fff, 0 0 2em rgba(0,0,0,0.5);

		border: none;

	}

}