/* tab-scroll-category */
.tab-scroll-category {position:relative;margin-bottom:25px}
.tab-scroll-category #tab-category {position:relative;overflow:hidden;height:35px;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:50px}
.tab-scroll-category #tab-category .category-list span a {color:#858585;display:inline-block;height:35px}
.tab-scroll-category #tab-category .category-list span.active a {color:#000;font-weight:bold;height:35px;border-bottom:1px solid #000;z-index:1}
.tab-scroll-category .scrollbar {position:relative;height:2px;background:#eaeaea;line-height:0;margin-bottom:7px;border-radius:2px !important}
.tab-scroll-category .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !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:16px;background:rgba(255, 255, 255, 0.8)}
.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:1px;background:#eaeaea}


/* tab-scroll-category1 */
.tab-scroll-category1 {position:relative;margin-bottom:30px;margin: 0 0px 0px;}
.tab-scroll-category1 #tab-category1 {position:relative;overflow:hidden;height:40px;line-height:40px;z-index:1}
.tab-scroll-category1 #tab-category1 .category-list span {padding:0 5px;color:#858585;text-align:center;cursor:pointer;display:inline-block;}
.tab-scroll-category1 #tab-category1 .category-list span.fake-span {width:110px}
.tab-scroll-category1 #tab-category1 .category-list span a {color:#858585;display:inline-block;height:40px}
.tab-scroll-category1 #tab-category1 .category-list span.active {background:#f8f8f8;}
.tab-scroll-category1 #tab-category1 .category-list span.active a {color:#000;font-weight:bold;height:100%;border-bottom:0px solid #846e68;z-index:1;background:#f8f8f8;}
.tab-scroll-category1 .scrollbar {position:relative;height:1px;background:#e1e1e1;line-height:0;margin-bottom:0px;border-radius:2px !important}
.tab-scroll-category1 .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !important}
.tab-scroll-category1 .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category1 .controls .btn {position:absolute;top:0;width:30px;height:40px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-category1 .controls .btn.disabled {display:none}
.tab-scroll-category1 .controls .btn.prev {left:0}
.tab-scroll-category1 .controls .btn.next {right:0}
.tab-scroll-category1 .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}
.tab-scroll-page-category #tab-category1 .category-list span.fake-span {width:50px}

/* tab-scroll-category2 */
.tab-scroll-category2 {position:relative;margin-bottom:30px;margin: 0 0px 0px;}
.tab-scroll-category2 #tab-category2 {position:relative;overflow:hidden;height:40px;line-height:40px;z-index:1}
.tab-scroll-category2 #tab-category2 .category-list span {padding:0 5px;color:#858585;text-align:center;cursor:pointer;display:inline-block;}
.tab-scroll-category2 #tab-category2 .category-list span.fake-span {width:110px}
.tab-scroll-category2 #tab-category2 .category-list span a {color:#858585;display:inline-block;height:40px}
.tab-scroll-category2 #tab-category2 .category-list span.active {background:#f8f8f8;}
.tab-scroll-category2 #tab-category2 .category-list span.active a {color:#000;font-weight:bold;height:100%;border-bottom:0px solid #846e68;z-index:1;background:#f8f8f8;}
.tab-scroll-category2 .scrollbar {position:relative;height:1px;background:#e1e1e1;line-height:0;margin-bottom:0px;border-radius:2px !important}
.tab-scroll-category2 .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !important}
.tab-scroll-category2 .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category2 .controls .btn {position:absolute;top:0;width:30px;height:40px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-category2 .controls .btn.disabled {display:none}
.tab-scroll-category2 .controls .btn.prev {left:0}
.tab-scroll-category2 .controls .btn.next {right:0}
.tab-scroll-category2 .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}
.tab-scroll-page-category #tab-category2 .category-list span.fake-span {width:50px}

/* tab-scroll-category3 */
.tab-scroll-category3 {position:relative;margin-bottom:30px;margin: 0 0px 0px;}
.tab-scroll-category3 #tab-category3 {position:relative;overflow:hidden;height:40px;line-height:40px;z-index:1}
.tab-scroll-category3 #tab-category3 .category-list span {padding:0 5px;color:#858585;text-align:center;cursor:pointer;display:inline-block;}
.tab-scroll-category3 #tab-category3 .category-list span.fake-span {width:110px}
.tab-scroll-category3 #tab-category3 .category-list span a {color:#858585;display:inline-block;height:40px}
.tab-scroll-category3 #tab-category3 .category-list span.active {background:#f8f8f8;}
.tab-scroll-category3 #tab-category3 .category-list span.active a {color:#000;font-weight:bold;height:100%;border-bottom:0px solid #846e68;z-index:1;background:#f8f8f8;}
.tab-scroll-category3 .scrollbar {position:relative;height:1px;background:#e1e1e1;line-height:0;margin-bottom:0px;border-radius:2px !important}
.tab-scroll-category3 .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !important}
.tab-scroll-category3 .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category3 .controls .btn {position:absolute;top:0;width:30px;height:40px;padding:0;font-size:16px;background:rgba(255, 255, 255, 0.8)}
.tab-scroll-category3 .controls .btn.disabled {display:none}
.tab-scroll-category3 .controls .btn.prev {left:0}
.tab-scroll-category3 .controls .btn.next {right:0}
.tab-scroll-category3 .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#fff}
.tab-scroll-page-category #tab-category3 .category-list span.fake-span {width:50px}


/* 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-category .category-list span.fake-span {width:110px}
.tab-scroll-page-category #tab-page-category .page-category-list span a {color:#858585;display:inline-block;height:40px}
.tab-scroll-page-category #tab-page-category .page-category-list span.active a {color:#000;font-weight:bold;height:40px;border-bottom:1px solid #000;z-index:1}
.tab-scroll-page-category .scrollbar {position:relative;height:2px;background:#959595;line-height:0;margin-bottom:10px;border-radius:2px !important}
.tab-scroll-page-category .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !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:16px;background:rgba(255, 255, 255, 0.8)}
.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}

    /* tab-scroll-category-rgh */
.tab-scroll-category-rgh {position:relative;margin-bottom:0px;margin:0;border-top:0px solid #000;}
.tab-scroll-category-rgh #tab-category-rgh {position:relative;overflow:hidden;height:45px;line-height:45px;background:#000;}
.tab-scroll-category-rgh #tab-category-rgh .category-list span {padding:0 7px;color:#fff;text-align:center;cursor:pointer;display:inline-block;}
.tab-scroll-category-rgh #tab-category-rgh .category-list span.fake-span {width:110px}
.tab-scroll-category-rgh #tab-category-rgh .category-list span a {color:#fff;display:inline-block;height:28px;font-weight:500;font-size: 17px;}
.tab-scroll-category-rgh #tab-category-rgh .category-list span.active a {color:#ccc8ff;font-weight:bold;height:33px;border-bottom:0px solid #fbfbfb;z-index:1}
.tab-scroll-category-rgh .scrollbar {position:relative;height:0px;background:#e1e1e1;line-height:0;margin-bottom:0px;border-radius:2px !important}
.tab-scroll-category-rgh .scrollbar .handle {width:100px;height:100%;background:#757575;cursor:pointer;border-radius:2px !important}
.tab-scroll-category-rgh .scrollbar .handle .mousearea {position:absolute;top:0;left:0;width:100%;height:15px}
.tab-scroll-category-rgh .controls .btn {color:#fff;position:absolute;top:1px;width:35px;height:41px;padding:0;font-size:14px;background:rgba(0, 0, 0, 0.8);z-index:999;}
.tab-scroll-category-rgh .controls .btn.prev {color:#fff;position:absolute;top:0;width:50px;height:45px;padding:0;font-size:14px;background:#57AB2E;z-index:999;}

.tab-scroll-category-rgh .controls {display:none}
.tab-scroll-category-rgh .controls .btn.prev {left:0}
.tab-scroll-category-rgh .controls .btn.next {right:0}
.tab-scroll-category-rgh .tab-category-divider {position:absolute;bottom:0;left:0;width:100%;height:1px;background:#333}

@media (max-width: 768px) {
.tab-scroll-category-margin-right {margin-right:-20px}
}

@media (min-width: 768px) and (max-width: 991px) {
.tab-scroll-category-rgh {top:-50px;margin-top: -20px;}
}