/* tab-scroll-category */
.tab-scroll-category {position:relative;margin-bottom:20px}
.tab-scroll-category #tab-category {position:relative;overflow:hidden;height:30px;line-height:30px;z-index:1}
.tab-scroll-category #tab-category .category-list span {
    padding:0 1px;
    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:#000;
    display:inline-block;
    height:26px;
    line-height:26px;
    padding:0 8px;
    background:#efefef;
    border-radius:2px;
    text-decoration:none;
    transition:all .2s ease;
}
.tab-scroll-category #tab-category .category-list span a:hover {
    color:#fff;
    background:#333;
}
.tab-scroll-category #tab-category .category-list span.active a {
    color:#fff;
    background:#000;
    font-weight:600;
}
.tab-scroll-category .scrollbar {
    position:relative;
    height:5px;
    background:#000;
    line-height:0;
    margin-bottom:7px;
    border-radius:2px !important;
}
.tab-scroll-category .scrollbar .handle {
    width:100px;
    height:100%;
    background:#ddd;
    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:1px;
    width:20px;
    height:30px;
    padding:0;
    font-size:14px;
    color:#fff;
    background:rgba(51, 51, 51, 0.9);
    border-radius:2px;
    border: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 {display:none}


/* tab-scroll-page-category */
.tab-scroll-page-category {position:relative;padding:0;margin-top:20px}
.tab-scroll-page-category #tab-page-category {position:relative;overflow:hidden;height:30px;line-height:30px;z-index:1}
.tab-scroll-page-category #tab-page-category .page-category-list span {
    padding:0 2px;
    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:#d5d5d5;
    display:inline-block;
    height:30px;
    line-height:30px;
    padding:0 10px;
    background:#999;
    border-radius:1px;
    text-decoration:none;
    transition:all .2s ease;
}
.tab-scroll-page-category #tab-page-category .page-category-list span a:hover {
    color:#fff;
    background:#444;
}
.tab-scroll-page-category #tab-page-category .page-category-list span.active a {
    color:#fff;
    background:#111;
    font-weight:600;
}
.tab-scroll-page-category .scrollbar {
    position:relative;
    height:3px;
    background:#d6d6d6;
    line-height:0;
    margin-bottom:5px;
    border-radius:0px !important;
}
.tab-scroll-page-category .scrollbar .handle {
    width:100px;
    height:100%;
    background:#555;
    cursor:pointer;
    border-radius:0px !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:2px;
    width:20px;
    height:30px;
    padding:0;
    font-size:15px;
    color:#fff;
    background:rgba(51, 51, 51, 0.9);
    border-radius:0px;
    border: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 {display:none}