@charset "UTF-8";
[class^=mdIndexNavigation]{width:100%;background-color:#fff}
[class^=mdIndexNavigation].elSticky{position:fixed;top:0;left:0;width:100%;overflow:visible;z-index:999}
[class^=mdIndexNavigation].elCloned{display:none;visibility:hidden}
[class^=mdIndexNavigation].elSticky+[class^=mdIndexNavigation].elCloned{display:block}
[class^=mdIndexNavigation] .ptIndexNavigation{position:relative;max-width:990px;width:100%;margin:0 auto;overscroll-behavior-x:none;overflow:auto}
[class^=mdIndexNavigation] .elList{display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:fit-content;max-width:100%;margin:0 auto;scrollbar-width:none;overflow-x:auto;overflow-y:hidden}
[class^=mdIndexNavigation] .elItem{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;text-align:center;white-space:nowrap}
[class^=mdIndexNavigation] .elItem+.elItem::before{content:"";position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:18px;background-color:#999}
[class^=mdIndexNavigation] .elItem.elCurrent .elLink{color:#07b;text-decoration:underline;text-underline-offset:3px}
[class^=mdIndexNavigation] .elLink{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;padding:8px 10px 6px;color:#434343;font-size:12px;line-height:18px;font-weight:700;box-sizing:border-box}
@media(hover:hover)and (pointer:fine){
[class^=mdIndexNavigation] .elLink:hover{opacity:.7}
}
@media screen and (min-width:1280px){
[class^=mdIndexNavigation].elSticky{left:50%;width:500px;max-width:500px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
[class^=mdIndexNavigation] .elList:hover{scrollbar-width:auto;margin-bottom:6px}
[class^=mdIndexNavigation] .elList:hover::-webkit-scrollbar{height:4px}
[class^=mdIndexNavigation] .elList:hover::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}
[class^=mdIndexNavigation] .elList:hover::-webkit-scrollbar-track{background-color:rgba(0,0,0,.0431372549);border-radius:2px}
@supports(-moz-appearance:none){
[class^=mdIndexNavigation] .elList:hover{padding-bottom:10px;scrollbar-color:#ccc rgba(0,0,0,.0431372549);scrollbar-width:thin}
}
[class^=mdIndexNavigation] .elList::-webkit-scrollbar{height:0}
}