@charset "UTF-8";
#shpMain .mdTabList{max-width:100%;background-color:#f4f4f4;border-bottom:1px solid #ebebeb}
#shpMain .mdTabList .elTabList{display:-ms-flexbox;display:flex;max-width:950px;width:100%;margin:0 auto}
#shpMain .mdTabList .elTabList li{text-align:center;width:25%;border-right:1px solid #ebebeb;display:-ms-flexbox;display:flex}
#shpMain .mdTabList .elTabList li:nth-last-of-type(1){border:0}
#shpMain .mdTabList .elTabList li:has(a.active){border-right:1px solid #ebebeb;border-left:1px solid #ebebeb}
#shpMain .mdTabList .elTabList li:has(+li>a.active),#shpMain .mdTabList .elTabList li:has(a.active)+li{border:0}
#shpMain .mdTabList .elTabList li a{width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;padding:20px;font-size:16px;font-weight:700;color:#b7b7b7}
#shpMain .mdTabList .elTabList li a.active{background-color:#fff;color:#434343}
#shpMain .mdTabList .elTabList li a.active::after{content:"";display:block;position:absolute;left:0;bottom:-2px;width:100%;height:4px;background:#fff}
@media(hover:hover){
#shpMain .mdTabList .elTabList li a:hover{opacity:.7}
}