/* tab-scroll-category */
.tab-scroll-category {position:relative;margin-bottom:20px}
.tab-scroll-category #tab-category {position:relative;overflow:hidden;height:40px;line-height:30px;z-index:1}
.tab-scroll-category #tab-category .category-list span {padding:0 10px;color:#858585;text-align:center;cursor:pointer;display:inline-block}
.tab-scroll-category #tab-category .category-list span.fake-span {width:80px}
.tab-scroll-category #tab-category .category-list span a {color:#959595;display:inline-block;height:40px}
.tab-scroll-category #tab-category .category-list span.active a {color:#000;height:40px;border-bottom:2px solid #000;z-index:1}
.tab-scroll-category .scrollbar {position:relative;height:3px;background:#eaeaea;line-height:0;margin-bottom:10px;border-radius:3px !important}
.tab-scroll-category .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:3px !important}
.tab-scroll-category .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category .controls .btn {position:absolute;top:0;width:20px;height:30px;padding:0;font-size:1.25rem;background:rgba(255, 255, 255, 0.8);border-radius:0}
.tab-scroll-category .controls {display:none}
.tab-scroll-category .controls .btn.disabled {display:none}
.tab-scroll-category .controls .btn.prev {left:0}
.tab-scroll-category .controls .btn.next {right:0}
.tab-scroll-category .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:2px;background:#eaeaea}
/* tab-scroll-page-category */
.tab-scroll-page-category {position:relative;padding:0;margin-top:25px}
.tab-scroll-page-category #tab-page-category {position:relative;overflow:hidden;height:40px;line-height:30px;z-index:1}
.tab-scroll-page-category #tab-page-category .page-category-list span {padding:0 20px;color:#858585;text-align:center;cursor:pointer;display:inline-block}
.tab-scroll-page-category #tab-page-category .page-category-list span.fake-span {width:80px}
.tab-scroll-page-category #tab-page-category .page-category-list span a {color:#959595;display:inline-block;height:40px}
.tab-scroll-page-category #tab-page-category .page-category-list span.active a {color:#000;height:40px;border-bottom:1px solid #000;z-index:1}
.tab-scroll-page-category .scrollbar {position:relative;height:3px;background:#eaeaea;line-height:0;margin-bottom:10px;border-radius:3px !important}
.tab-scroll-page-category .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:3px !important}
.tab-scroll-page-category .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-page-category .controls .btn {position:absolute;top:0;width:20px;height:30px;padding:0;font-size:1.25rem;background:rgba(255, 255, 255, 0.8);border-radius:0}
.tab-scroll-page-category .controls {display:none}
.tab-scroll-page-category .controls .btn.disabled {display:none}
.tab-scroll-page-category .controls .btn.prev {left:0}
.tab-scroll-page-category .controls .btn.next {right:0}
.tab-scroll-page-category .tab-page-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#eaeaea}
/* mobile-scroll-nav */
.mobile-scroll-nav {position:relative;margin-bottom:0}
.mobile-scroll-nav #mobile_scroll_nav {display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:40px;align-items:center}
.mobile-scroll-nav #mobile_scroll_nav::-webkit-scrollbar {display:none}
.mobile-scroll-nav #mobile_scroll_nav a {flex-shrink:0;padding:0 20px 0 0;color:#fff;display:inline-flex;align-items:center;height:40px;white-space:nowrap;text-decoration:none}
.mobile-scroll-nav #mobile_scroll_nav a.active {color:#fff;font-weight:700}
/* mobile-scroll-subnav */
.mobile-scroll-subnav {position:relative;margin-bottom:0}
.mobile-scroll-subnav #mobile_scroll_subnav {display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;height:40px;align-items:center}
.mobile-scroll-subnav #mobile_scroll_subnav::-webkit-scrollbar {display:none}
.mobile-scroll-subnav #mobile_scroll_subnav a {flex-shrink:0;padding:0 20px 0 0;color:#000;display:inline-flex;align-items:center;height:40px;white-space:nowrap;text-decoration:none;position:relative}
.mobile-scroll-subnav #mobile_scroll_subnav a.active {color:#000;font-weight:700}
.mobile-scroll-subnav #mobile_scroll_subnav a.active::after {content:"";position:absolute;bottom:0;left:0;right:20px;height:2px;background:#000}