.slight-submenu-wrap li {
    position: relative;
    padding-left: 18px
}

.slight-submenu-wrap .slight-submenu-button {
    position: absolute;
    left: 0;
    top: 0;
    width: 14px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat
}

.default-style-icons .li-with-ul .slight-submenu-button {
    background: url(data:image/gif;base64,R0lGODlhCQAJAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAJAAkAAAgmAAMIHEjwn8GD/wQeBHBQoUGGBhUCmDgxYYCFDS8+zIgwI0GCAQEAOw==) center center no-repeat
}

.default-style-icons .li-with-ul .slight-submenu-button.opened {
    background-image: url(data:image/gif;base64,R0lGODlhCQAJAPcAAAAAAICAgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAJAAkAAAgiAAMIHEjwn8GD/wQiPKhwYcIA/wBIlPjQYUWHDRcS3BggIAA7)
}

.category-default-gray {
    border: 1px solid #d6d6d6
}

.category-default-gray .sitewidget-hd {
    background-color: #999;
    padding-left: 20px
}

.category-default-gray .sitewidget-hd h2 {
    color: #fff;
    font-size: 16px;
    line-height: 60px
}

.category-default-gray li {
    padding-left: 0;
    border-top: 1px solid #e7e7e7
}

.category-default-gray .slight-submenu-wrap>li:first-child {
    border-top: 0
}

.category-default-gray .slight-submenu-wrap>li:last-child>ul {
    border-top: 1px solid #e7e7e7
}

.category-default-gray .submenuUlShow>a {
    border-bottom: 1px solid #e7e7e7
}

.category-default-gray .submenu-default-gray li a {
    line-height: 42px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 30px
}

.category-default-gray li a {
    display: block;
    padding-left: 20px;
    color: #333;
    font-size: 16px
}

.category-default-gray li a:hover {
    color: #457cba;
    background-color: #f0f0f0;
    border-bottom-color: #f0f0f0
}

.category-default-gray .submenu-default-gray li:last-child a {
    border: 0
}

.category-default-gray li .slight-submenu-button {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAwCAMAAAD0OqBHAAAANlBMVEUAAACPk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5cFTkqtAAAAEXRSTlMA793OT55zKRE+L8Kpj2BZIEh1Xw0AAABSSURBVBjT1Y+5EcAgEMT2wDzGr/pv1sdACwRWoGRnA2kd0Yq7WVQgVFW3inHqoC8bRNjlZOAZp0TWf4mkmQFcM83gHrk19GDDXjW3jE19MS3jA5E7AtZZhJD9AAAAAElFTkSuQmCC) top center no-repeat;
    height: 24px;
    width: 26px;
    left: auto;
    right: 0;
    top: 8px
}

.category-default-gray li .slight-submenu-button.opened {
    background-position: bottom center
}

.category-default-gray li .submenuUlShow>a {
    border-bottom: 0
}

.category-default-gray li .submenu-default-gray {
    display: none
}

.category-default-gray li li {
    padding-left: 10px;
    border-top: 0
}

.category-default-gray .submenu-default-gray li li a {
    line-height: 30px;
    padding-right: 3px
}

.category-default-gray li li a {
    color: #666;
    font-size: 14px
}

.category-default-gray li li a:hover {
    background: 0
}

.category-default-gray li li .slight-submenu-button {
    left: 0;
    right: auto;
    top: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAwCAYAAAAsJjtLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZFRDBENEFGMkE5QzExRTU4N0Q4OEZCMEEwQzdDRUU3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZFRDBENEIwMkE5QzExRTU4N0Q4OEZCMEEwQzdDRUU3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkVEMEQ0QUQyQTlDMTFFNTg3RDg4RkIwQTBDN0NFRTciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkVEMEQ0QUUyQTlDMTFFNTg3RDg4RkIwQTBDN0NFRTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4okkB3AAAAtklEQVR42mL8//8/Az7AxEAADDMFXV1d/4E4AZ8JjUDcD1RkgKyAETkkgZLzgVQAEDuWlZVdwHADUDARSB0A4vn4HPkBiBWwKkC2AibGgiYJ8kUizH50E2CSC3D6YjQ9jCqgWAEzFxfX46NHj76xtra+hJaAQ4Hi20AmeAFxN1AgGkmyAEj1ArE/OE0CBXSBnK1AXAXE+lBNHsAE/BieaIGKVIDUPiC+C8SBQMkPo6mamgoAAgwAzERKJ2+xBQcAAAAASUVORK5CYII=) top center no-repeat
}

.category-default-gray li li .slight-submenu-button.opened {
    background-position: bottom center
}

.category-default-gray li .hasNoUlChild a,
.category-default-gray li .hasNoUlChild a:hover {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAYAAACuyE5IAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIwMTMyNjdBMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjIwMTMyNjdCMkFBMTExRTVCQzVGOTIyMDg0Qzg0NkUyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjAxMzI2NzgyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjAxMzI2NzkyQUExMTFFNUJDNUY5MjIwODRDODQ2RTIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz57SphWAAAAMklEQVR42mJ89OjR/1WrVjGAQHFxMSMDGmD5/v07w61btxhwARZhYWEGHx8fnAoAAgwA/6cNl07ccqwAAAAASUVORK5CYII=) 12px center no-repeat
}

.category-default-simple .sitewidget-hd {
    padding-left: 0
}

.category-default-simple .sitewidget-hd h2 {
    font-size: 20px;
    line-height: 60px
}

.category-default-simple li {
    padding-left: 0
}

.category-default-simple .submenu-default-simple li a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-right: 20px
}

.category-default-simple .sitewidget-bd>ul>li>a {
    padding-left: 16px;
    color: #868585;
    font-size: 16px;
    line-height: 36px
}

.category-default-simple .sitewidget-bd>ul>li>a:hover {
    color: #2aa7ea
}

.category-default-simple li .slight-submenu-button {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAwCAMAAAD0OqBHAAAANlBMVEUAAACPk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5cFTkqtAAAAEXRSTlMA793OT55zKRE+L8Kpj2BZIEh1Xw0AAABSSURBVBjT1Y+5EcAgEMT2wDzGr/pv1sdACwRWoGRnA2kd0Yq7WVQgVFW3inHqoC8bRNjlZOAZp0TWf4mkmQFcM83gHrk19GDDXjW3jE19MS3jA5E7AtZZhJD9AAAAAElFTkSuQmCC) top center no-repeat;
    height: 24px;
    width: 20px;
    left: auto;
    right: 0;
    top: 8px
}

.category-default-simple li .slight-submenu-button.opened {
    background-position: bottom center
}

.category-default-simple i.list-mid-dot {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 15px;
    background: #868585
}

.category-default-simple .sitewidget-bd>ul>li>a:hover+i.list-mid-dot {
    background-color: #2aa7ea
}

.category-default-simple li .submenu-default-simple {
    display: none
}

.category-default-simple li li {
    padding-left: 16px
}

.category-default-simple li li a {
    padding-right: 20px
}

.category-default-simple .sitewidget-bd a {
    line-height: 28px;
    color: #868585;
    font-size: 14px
}

.category-default-simple .sitewidget-bd a:hover {
    color: #2aa7ea
}

.category-default-simple li li .slight-submenu-button {
    right: 0;
    top: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAwCAMAAAD0OqBHAAAANlBMVEUAAACPk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5ePk5cFTkqtAAAAEXRSTlMA793OT55zKRE+L8Kpj2BZIEh1Xw0AAABSSURBVBjT1Y+5EcAgEMT2wDzGr/pv1sdACwRWoGRnA2kd0Yq7WVQgVFW3inHqoC8bRNjlZOAZp0TWf4mkmQFcM83gHrk19GDDXjW3jE19MS3jA5E7AtZZhJD9AAAAAElFTkSuQmCC) top center no-repeat
}

.category-default-simple li li .slight-submenu-button.opened {
    background-position: bottom center
}

.sitewidget-prodGroupCategory.category-default-simple .sitewidget-bd li.on>a {
    color: #2aa7ea
}

.sitewidget-prodGroupCategory.category-default-simple .sitewidget-bd>ul>li.on>a+i.list-mid-dot {
    background: #2aa7ea
}

.sitewidget-articlecategory.category-default-simple .sitewidget-bd li.on>a {
    color: #2aa7ea
}

.sitewidget-articlecategory.category-default-simple .sitewidget-bd>ul>li.on>a+i.list-mid-dot {
    background: #2aa7ea
}

.sitewidget-faqcategory.category-default-simple .sitewidget-bd li.on>a {
    color: #2aa7ea
}

.sitewidget-faqcategory.category-default-simple .sitewidget-bd>ul>li.on>a+i.list-mid-dot {
    background: #2aa7ea
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix li {
    display: flex;
    flex-direction: column
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix a {
    color: #000
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix a:hover {
    color: #2aa7ea
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix .list-line {
    margin-top: 12px;
    position: absolute;
    top: 17px;
    right: 15px;
    height: 1px;
    width: 10px;
    background: #000;
    display: inline-block
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li {
    list-style: none;
    max-width: 264px;
    margin: 10px 12px;
    box-shadow: 0 1px 6px 0 rgba(200, 200, 200, 0.58);
    border-radius: 4px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul::-webkit-scrollbar {
    width: 8px;
    height: 1px;
    float: right
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #7f7f7f
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li.submenuUlShow {
    height: auto
}

.category-default-simple .sitewidget-bd>.piano-default-simple.fix>li.li-with-ul>a:hover {
    background-color: #fbfbfb;
    border-radius: 4px
}

.category-default-simple .sitewidget-bd>.piano-default-simple.fix>li.submenuUlShow>a:hover {
    border-radius: 4px 4px 0 0
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li.submenuUlShow>a {
    border-bottom: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>a {
    padding: 0 12px;
    width: 240px;
    display: inline-block
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li {
    padding: 0;
    margin: 0 0 0 12px;
    width: 254px;
    list-style: none;
    box-shadow: unset
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>a {
    margin: 0;
    padding: 0
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li.submenuUlShow>a {
    width: 228px;
    border-bottom-color: rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul li i.list-mid-dot {
    top: 26px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li {
    padding: 0;
    margin: 0;
    width: 254px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix li a {
    line-height: 56px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>a {
    margin: 0 12px 0 0;
    padding: 0;
    border-top: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li:first-of-type.submenuUlShow>a {
    border-top: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li {
    padding: 0;
    margin: 0
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>a {
    margin-right: 12px;
    padding: 0 0 0 12px;
    border-top: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li:first-of-type.submenuUlShow>a {
    border-top: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>ul>li {
    padding: 0;
    margin: 0
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>ul>li>a {
    margin: 0 12px 0 0;
    border-top: 1px solid rgba(200, 200, 200, 0.58);
    padding: 0 0 0 12px
}

.category-default-simple .sitewidget-bd .piano-default-simple.fix li .slight-submenu-button {
    top: 17px;
    right: 8px
}

@media(max-width:980px) {
    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li {
        width: 100%
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>a {
        width: calc(100% - 36px) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li {
        width: calc(100% - 12px) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>a {
        width: calc(100% - 24px) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li {
        width: 100% !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>a {
        width: calc(100% - 24px) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li {
        width: calc(100%) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>a {
        width: calc(100% - 36px) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>ul>li {
        width: calc(100%) !important
    }

    .category-default-simple .sitewidget-bd .piano-default-simple.fix>li>ul>li>ul>li>ul>li>ul>li>a {
        width: calc(100% - 36px) !important
    }
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself a {
    color: #000
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself a:hover {
    color: #2aa7ea
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself .list-line {
    position: absolute;
    margin-top: 12px;
    top: 17px;
    right: 15px;
    height: 1px;
    width: 10px;
    background: #000;
    display: inline-block
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li {
    background: #fff;
    list-style: none;
    width: 264px;
    margin: 10px 12px;
    box-shadow: 0 1px 6px 0 rgba(200, 200, 200, 0.58);
    border-radius: 4px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself li {
    display: flex;
    flex-direction: column
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li.submenuUlShow {
    height: auto
}

.category-default-simple .sitewidget-bd>.article-piano-default-simple.styleself>li.li-with-ul>a:hover {
    background-color: #fbfbfb;
    border-radius: 4px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li.submenuUlShow>a {
    border-bottom: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul {
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul::-webkit-scrollbar {
    width: 8px;
    height: 1px;
    float: right
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #7f7f7f
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>a {
    padding: 0 12px;
    width: 228px;
    display: inline-block
}

.category-default-simple .sitewidget-bd>.article-piano-default-simple.styleself>li.submenuUlShow>a:hover {
    background-color: #fbfbfb;
    width: 240px;
    border-bottom: 1px solid rgba(200, 200, 200, 0.58);
    border-radius: 4px 4px 0 0
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li {
    padding: 0;
    margin: 0 12px 0 0;
    list-style: none;
    box-shadow: unset
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>ul li i.list-mid-dot {
    top: 26px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself li a {
    line-height: 56px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>a {
    border-top: 1px solid rgba(200, 200, 200, 0.58);
    width: 216px;
    margin: 0 12px;
    padding: 0 12px 0 0
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li.submenuUlShow>a {
    width: 228px;
    border-bottom-color: rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>ul>li {
    padding: 0;
    margin: 0 0 0 12px;
    width: 252px
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li:first-of-type>a {
    border-top-color: transparent
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>ul>li>a {
    margin: 0 12px 0 0;
    padding: 0 12px 0 12px;
    border-top: 1px solid rgba(200, 200, 200, 0.58)
}

.category-default-simple .sitewidget-bd .article-piano-default-simple.styleself li .slight-submenu-button {
    top: 17px;
    right: 8px
}

@media(max-width:980px) {
    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li {
        width: calc(100% - 24px) !important
    }

    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>a {
        width: calc(100% - 36px) !important
    }

    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li {
        width: 100% !important
    }

    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>a {
        width: calc(100% - 36px) !important
    }

    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>ul>li {
        width: calc(100% - 12px) !important
    }

    .category-default-simple .sitewidget-bd .article-piano-default-simple.styleself>li>ul>li>ul>li>a {
        width: calc(100% - 36px) !important
    }
}