@charset "UTF-8";
[class*=mdSaleNavigation]{max-width:100%;margin:0 auto;border-bottom:4px solid rgba(0,0,0,.1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);position:relative;z-index:1}
[class*=mdSaleNavigation].elSticky{position:fixed;z-index:5000001;top:0;left:0;width:100%}
[class*=mdSaleNavigation].elCloned{display:none;visibility:hidden}
[class*=mdSaleNavigation].elSticky+.elCloned{display:block}
[class*=mdSaleNavigation] .elList{background-color:#fff;width:100%;overflow:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:12px 8px}
[class*=mdSaleNavigation] .elItem{font-size:12px;font-weight:700;white-space:nowrap;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
[class*=mdSaleNavigation] .elItem+li{border-left:2px solid #ccc}
[class*=mdSaleNavigation] .elItem.elEmphasis{position:relative;margin:0 12px 0 28px}
[class*=mdSaleNavigation] .elItem.elEmphasis .elBubble{position:absolute;top:-8px;left:-24px;padding:2px 10px;font-size:12px;font-weight:700;background-color:#c7d5ff;border-radius:20px;pointer-events:none;z-index:1}
[class*=mdSaleNavigation] .elItem.elEmphasis .elBubble::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border:10px solid transparent;border-top-color:#c7d5ff;border-bottom:0;border-right:0;margin-left:6px;margin-bottom:-8px;-webkit-transform:translateX(-50%) rotate(-14deg);-ms-transform:translateX(-50%) rotate(-14deg);transform:translateX(-50%) rotate(-14deg)}
[class*=mdSaleNavigation] .elItem.elEmphasis .elLink{color:purple;background-color:#fee5eb;border-radius:5px}
[class*=mdSaleNavigation] .elLink{padding:6px 48px;color:#333;display:inline-block}
[class*=mdSaleNavigation] .elText{padding:6px 20px;color:#fff;display:inline-block;background-color:#333;border-radius:40px}
body[data-headerdialog-isdialog]:not([data-headerdialog-isdialog=""]) [class*=mdSaleNavigation]{display:none}
@media screen and (min-width:990px){
[class*=mdSaleNavigation] .elList{padding:14px 30px}
[class*=mdSaleNavigation] .elItem{font-size:14px}
[class*=mdSaleNavigation] .elLink{padding:8px 48px}
[class*=mdSaleNavigation] .elLink:hover{opacity:.7}
[class*=mdSaleNavigation] .elText{padding:8px 25px}
}
@media screen and (max-width:640px){
[class*=mdSaleNavigation].elSticky .elList{-ms-flex-pack:left;justify-content:left}
}