@charset "utf-8";
/*頁碼*/
.pagerfanta{ position:relative;}
.pagerfanta .menu{display: flex;gap: 5px;justify-content: center;align-items: center;}
.pagerfanta :has(.looking) .looking{display: none;}
.pagerfanta .disabled {border: none !important;}
.pagerfanta .btn{display: inline-block;vertical-align: middle;border: 1px solid #ddd;padding: 0 5px;color: #999;font-size: 16px;line-height: 24px;height: 24px;}
.pagerfanta .btn.focus{ border: 1px solid #f36f32;color: #fff;background: #f36f32;}
.pagerfanta .btn[rel="prev"]{display: inline-block;vertical-align: middle;width: 32px;height: 32px;position: relative;border: 1px solid #ddd;cursor: pointer;padding: 0;margin-right: 14px;}
.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"]{display: inline-block;vertical-align: middle;width: 32px;height: 32px;position: relative;border: 1px solid #ddd;cursor: pointer;padding: 0;margin-left: 14px;}
.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 .btn[rel="prev"]:hover,.pagerfanta .btn[rel="next"]:hover{background-color: #fff;}
.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:#f36f32; 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;}

}