@media screen and (max-width:767px){
	div.pager{
		display:table;
		padding:20px 45px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	div.pager::before{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 32c8.836 0 16-7.164 16-16s-7.164-16-16-16-16 7.164-16 16 7.164 16 16 16zM18.171 5.063c0.313-0.313 0.722-0.468 1.132-0.468s0.819 0.156 1.132 0.468c0.625 0.625 0.625 1.637 0 2.262l-8.674 8.674 8.673 8.674c0.625 0.625 0.625 1.637 0 2.262s-1.637 0.625-2.262 0l-10.935-10.937 10.935-10.937z" /></svg>') no-repeat center center;
		background-size:30px 30px;
		left:0;
		top:20px;
		width:30px;
		height:30px;
	}
	div.pager::after{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM13.829 26.937c-0.313 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l8.674-8.674-8.673-8.674c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.935 10.937-10.935 10.937z" /></svg>') no-repeat center center;
		background-size:30px 30px;
		right:0;
		top:20px;
		width:30px;
		height:30px;
	}
	div.pager a.prev,
	div.pager a.next{
		position:absolute;
		z-index:2;
		display:block;
		width:30px;
		height:30px;
		top:20px;
		text-decoration:none;
		border-radius:15px;
	}
	div.pager a.prev{
		left:0;
	}
	div.pager a.next{
		right:0;
	}
	div.pager a svg{
		width:30px;
		height:30px;
		fill:#39F;
	}
	div.pager ul{
		list-style:none;
		list-style-position:outside;
		display:table;
	}
	div.pager ul li{
		display:table-cell;
		vertical-align:middle;
		padding:0 2px;
	}
	div.pager ul li > *{
		line-height:30px;
		width:30px;
		text-align:center;
		display:block;
		text-decoration:none;
		border-radius:15px;
		background-color:#BBB;
		color:#FFF;
		font-family:'Bai Jamjuree', sans-serif;
		font-size:14px;
	}
	div.pager ul li p{
		background-color:#39F;
	}
}
@media screen and (min-width:768px) and (max-width:1099px){
	div.pager{
		display:table;
		padding:20px 60px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	div.pager::before{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 32c8.836 0 16-7.164 16-16s-7.164-16-16-16-16 7.164-16 16 7.164 16 16 16zM18.171 5.063c0.313-0.313 0.722-0.468 1.132-0.468s0.819 0.156 1.132 0.468c0.625 0.625 0.625 1.637 0 2.262l-8.674 8.674 8.673 8.674c0.625 0.625 0.625 1.637 0 2.262s-1.637 0.625-2.262 0l-10.935-10.937 10.935-10.937z" /></svg>') no-repeat center center;
		background-size:40px 40px;
		left:0;
		top:20px;
		width:40px;
		height:40px;
	}
	div.pager::after{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM13.829 26.937c-0.313 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l8.674-8.674-8.673-8.674c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.935 10.937-10.935 10.937z" /></svg>') no-repeat center center;
		background-size:40px 40px;
		right:0;
		top:20px;
		width:40px;
		height:40px;
	}
	div.pager a.prev,
	div.pager a.next{
		position:absolute;
		z-index:2;
		display:block;
		width:40px;
		height:40px;
		top:20px;
		text-decoration:none;
		border-radius:20px;
	}
	div.pager a.prev{
		left:0;
	}
	div.pager a.next{
		right:0;
	}
	div.pager a svg{
		width:40px;
		height:40px;
		fill:#39F;
	}
	div.pager ul{
		list-style:none;
		list-style-position:outside;
		display:table;
	}
	div.pager ul li{
		display:table-cell;
		vertical-align:middle;
		padding:0 5px;
	}
	div.pager ul li > *{
		line-height:40px;
		width:40px;
		text-align:center;
		display:block;
		text-decoration:none;
		border-radius:20px;
		background-color:#BBB;
		color:#FFF;
		font-family:'Bai Jamjuree', sans-serif;
		transition:all 0.3s ease;
	}
	div.pager ul li p{
		background-color:#39F;
	}
	div.pager ul li a:hover{
		background-color:#39F;
	}
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:812px){
}
@media (orientation: landscape) and (min-width:813px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
	div.pager{
		display:table;
		padding:20px 60px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	div.pager::before{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 32c8.836 0 16-7.164 16-16s-7.164-16-16-16-16 7.164-16 16 7.164 16 16 16zM18.171 5.063c0.313-0.313 0.722-0.468 1.132-0.468s0.819 0.156 1.132 0.468c0.625 0.625 0.625 1.637 0 2.262l-8.674 8.674 8.673 8.674c0.625 0.625 0.625 1.637 0 2.262s-1.637 0.625-2.262 0l-10.935-10.937 10.935-10.937z" /></svg>') no-repeat center center;
		background-size:40px 40px;
		left:0;
		top:20px;
		width:40px;
		height:40px;
	}
	div.pager::after{
		position:absolute;
		z-index:1;
		content:"";
		background:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23EFEFEF" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM13.829 26.937c-0.313 0.313-0.722 0.468-1.132 0.468s-0.819-0.156-1.132-0.468c-0.625-0.625-0.625-1.637 0-2.262l8.674-8.674-8.673-8.674c-0.625-0.625-0.625-1.637 0-2.262s1.637-0.625 2.262 0l10.935 10.937-10.935 10.937z" /></svg>') no-repeat center center;
		background-size:40px 40px;
		right:0;
		top:20px;
		width:40px;
		height:40px;
	}
	div.pager a.prev,
	div.pager a.next{
		position:absolute;
		z-index:2;
		display:block;
		width:40px;
		height:40px;
		top:20px;
		text-decoration:none;
		border-radius:20px;
	}
	div.pager a.prev{
		left:0;
	}
	div.pager a.next{
		right:0;
	}
	div.pager a svg{
		width:40px;
		height:40px;
		fill:#39F;
	}
	div.pager ul{
		list-style:none;
		list-style-position:outside;
		display:table;
	}
	div.pager ul li{
		display:table-cell;
		vertical-align:middle;
		padding:0 5px;
	}
	div.pager ul li > *{
		line-height:40px;
		width:40px;
		text-align:center;
		display:block;
		text-decoration:none;
		border-radius:20px;
		background-color:#BBB;
		color:#FFF;
		font-family:'Bai Jamjuree', sans-serif;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
	}
	div.pager ul li p{
		background-color:#39F;
	}
	div.pager ul li a:hover{
		background-color:#39F;
	}
}