@charset "utf-8";
/*頁碼*/

/* .pagerfanta{ position:relative;font-size: 1rem;}
.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;} */

/* ======================================================== */

.pagerfanta{padding: 10px 0;text-align: center;}
.pagerfanta .pagination{text-align: center;display: inline-block;vertical-align: middle;color: #777;font-size: 14px;padding: 0 10px;}
.pagerfanta .btn{display: inline-block;vertical-align: middle;border: 1px solid #ddd;padding: 0 5px;color: #999;font-size: 16px;line-height: 24px;margin: 0 2px;}
.pagerfanta .focus{display: inline-block;vertical-align: middle;border: 1px solid #f36f32;padding: 0 5px;color: #fff;font-size: 16px;line-height: 24px;background: #f36f32;}
.pagerfanta .btn[rel=prev]{margin-right: 6px;width: 32px;height: 32px;padding: 0;background-color: white;position: relative;}
.pagerfanta .btn[rel=prev]::before{content: "";width: 15px;height: 2px;background-color: #888;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);display: block;position: absolute;left: 0px;right: 0px;top: 10px;margin: auto;}
.pagerfanta .btn[rel=prev]::after{content: "";width: 15px;height: 2px;background-color: #888;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);display: block;position: absolute;left: 0px;right: 0px;bottom: 10px;margin: auto;}
.pagerfanta .btn[rel="next"]{margin-left: 6px;width: 32px;height: 32px;padding: 0;background-color: white;position: relative;}
.pagerfanta .btn[rel="next"]::before{content: "";width: 15px;height: 2px;background-color: #888;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);display: block;position: absolute;left: 0px;right: 0px;top: 10px;margin: auto;}
.pagerfanta .btn[rel="next"]::after{content: "";width: 15px;height: 2px;background-color: #888;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);display: block;position: absolute;left: 0px;right: 0px;bottom: 10px;margin: auto;}
.pagerfanta .looking{display: none;}

@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;} */

/* ======================================================== */

.pagerfanta .btn[rel=prev]{width: 24px;height: 24px;}
.pagerfanta .btn[rel=prev]::before{width: 10px;top: 8px;}
.pagerfanta .btn[rel=prev]::after{width: 10px;bottom: 8px;}
.pagerfanta .btn[rel="next"]{width: 24px;height: 24px;}
.pagerfanta .btn[rel="next"]::before{width: 10px;top: 8px;}
.pagerfanta .btn[rel="next"]::after{width: 10px;bottom: 8px;}

}