@charset "utf-8";
/*頁碼*/
.pagerfanta{ position:relative;}
.pagerfanta .btn{ display:inline-block; min-width:30px; padding:0 10px; background-color: #fff; line-height:30px; height:30px; font-size:14px; color:#555; border:1px solid #ccc; vertical-align:top; margin:0 2px; text-align:center;}
.pagerfanta .btn.focus{ border:1px solid #0889ca; background-color:#0889ca; color:#fff; font-weight:bold;}
.pagerfanta .btn .fa{ line-height:28px;}
.pagerfanta .btn.looking{ color:#ccc; border-color:#ddd; cursor:not-allowed;}
.pagerfanta .quantity{ font-size:12px; color:#555; position:absolute; top:0; right:6px; line-height:30px;}
.pagerfanta .quantity .fa{ padding-right:5px;}

.pagerfanta a, .pagerfanta span {display:inline-block; min-width:30px; padding:0 10px; background-color: #fff; line-height:30px; height:30px; font-size:14px; color:#555; border:1px solid #ccc; vertical-align:top; margin:0 2px; text-align:center;}
.pagerfanta a { text-decoration: none;}
.pagerfanta a:hover {  background-color:#0889ca; color:#fff;}
.pagerfanta .dots { border-width: 0;}
@media screen and (max-width: 1200px){
.pagerfanta .quantity{ position:static;}
}
@media screen and ( max-width: 768px) {
.pagerfanta .stackable{ padding-top:40px; position:relative;}
.pagerfanta .prev{ width:48%; position:absolute; left:0; top:0;}
.pagerfanta .next{ width:48%; position:absolute; right:0; top:0;}

}