@charset "utf-8";

/*---------- ---------- ---------- Paging Template ---------- ---------- ----------*/

.paging { padding-top: 20px; text-align: right; position:relative;}
.paging:after { clear: both; content: ''; display: block; }
.paging li { background: #ed1b2e; border-radius: 5px; border: 2px solid #ed1b2e; color: #ffffff; display: inline-block; font-weight: bold; margin: 0 0px 5px 0; text-align: center; width: 25px; height:26px; position: relative;}
.paging li img {width: 10px; vertical-align: middle; padding-bottom: 3px;}
.medium .paging li img {padding-bottom: 4px;}
.large .paging li img {padding-bottom: 4px;}
.paging li.selected { background: #ffffff; color: #ed1b2e; }

.paging li a{color: #ffffff; padding:5px; display:block;}
.paging li.selected a{color: #ed1b2e;}

@media handheld, only screen and (max-width: 1040px) {
	.paging {margin:0px 10px;}
}

@media handheld, only screen and (max-width: 767px) {
.paging { float: none; display: block; text-align: center; margin-bottom: 10px; }
.paging li { float: none; display: none; }
.paging li.btn-left { display: inline-block; width: auto; height:auto;}
.paging li.btn-right { display: inline-block; width: auto; height:auto;}
.paging li img { width: auto; display: block; padding-bottom: 0px;}
.medium .paging li img {padding-bottom: 0px;}
.large .paging li img {padding-bottom: 0px;}
.paging li.selected { background: #ffffff; color: #ed1b2e; }
}