.scrollbanner * {
    -webkit-touch-callout : none;
    -webkit-user-select   : none;
    -khtml-user-select    : none;
    -moz-user-select      : none;
    -ms-user-select       : none;
    user-select           : none;
}

.scrollbanner {
    border      : 1px solid #e5e5e5;
    margin      : 0;
    position    : relative;
    white-space : nowrap;
    overflow    : hidden;
}


#Article .scrollbanner ul,
.scrollbanner ul {
    margin     : 0;
    padding    : 0;
    list-style : none inside none;
}

#Article .scrollbanner > ul li,
.scrollbanner > ul li {
    list-style : none inside none;
    display    : none;
    color      : var(--tertiary-color);
    padding    : 0;
    margin     : 0 0 0 170px;
    text-align : right;
}

#Article .scrollbanner > ul li:first-child,
.scrollbanner > ul li:first-child {
    display : block;
}

.scrollbanner nav {
    position   : absolute;
    top        : 0;
    left       : 0;
    bottom     : 0;
    width      : 170px;
    background : #edf4f8;
}

#Article .scrollbanner nav ul,
.scrollbanner nav ul {
    margin  : 0;
    padding : 0;
}

#Article .scrollbanner nav ul li,
.scrollbanner nav ul li {
    font-size   : 12px;
    margin      : 0 0 5px 0;
    padding     : 0 1em;
    cursor      : pointer;
    background  : #ffffff;
    color       : rgba(240, 126, 7, 0.5);
    height      : 80px;
    font-family : 'Fira Sans', Arial, verdana, sans-serif;
    text-align  : left;
    filter      : drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.3));
}

#Article .scrollbanner nav ul li h3,
.scrollbanner nav ul li h3 {
    font-family : 'Fira Sans', Arial, verdana, sans-serif;
    font-weight : normal;
    font-size   : 16px;
    padding-top : 20px;
    margin      : 0;
}

#Article .scrollbanner nav ul li p,
.scrollbanner nav ul li p {
    font-size  : 13px;
    margin-top : 0;
}

#Article .scrollbanner nav ul li:last-child,
.scrollbanner nav ul li:last-child {
    border-bottom : 0;
}

#Article .scrollbanner nav ul li.active,
.scrollbanner nav ul li.active {
    position   : relative;
    color      : rgb(240, 126, 7);
    background : #ffffff;
}

#Article .scrollbanner nav ul li.active h3,
.scrollbanner nav ul li.active h3 {
    color : rgb(240, 126, 7);
}

#Article .scrollbanner nav ul li.active:after,
.scrollbanner nav ul li.active:after {
    position         : absolute;
    content          : "";
    top              : 0;
    right            : -14px;
    bottom           : 0;
    width            : 14px;
    background-image : url('data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2217px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2017%20100%22%20enable-background%3D%22new%200%200%2017%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%220%2C0%2017%2C50%200%2C100%22%2F%3E%3C%2Fsvg%3E%0A');
    background-size  : cover
}


.scrollbanner nav ul li i {
    line-height  : inherit;
    margin-top   : -1px;
    margin-right : 3px;
}


@media screen and (max-width : 767px) {
    .scrollbanner {
    }
    
    .scrollbanner nav {
        display : none;
    }
    
    #Article .scrollbanner ul li,
    .scrollbanner ul li {
        text-align  : center;
        margin-left : 0;
    }
}