/* MemBoards Shop Navigation v1.0.0 */
.mb-shop-nav{font-family:'Open Sans',sans-serif;font-size:14px;line-height:1.5}
.mb-shop-nav *{box-sizing:border-box}
.mb-nav-title{font-size:16px;font-weight:600;margin:0 0 12px;padding:0 0 8px;border-bottom:2px solid #D4AF37;color:#2c3e50}
.mb-section{margin-bottom:2px;border-radius:4px;overflow:hidden}
.mb-section-hdr{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;background:#f8f8f8;border:1px solid #eee;transition:background .2s}
.mb-section-hdr:hover{background:#f0f0f0}
.mb-section-hdr.mb-active{background:#f9f5e8;border-color:#D4AF37}
.mb-section-hdr .mb-country{font-weight:600;font-size:15px;color:#2c3e50}
.mb-section-hdr .mb-cnt{color:#999;font-size:12px;margin-left:6px}
.mb-section-hdr .mb-arrow{font-size:18px;color:#999;transition:transform .3s;font-weight:300;line-height:1}
.mb-section-hdr.mb-open .mb-arrow{transform:rotate(45deg);color:#D4AF37}
.mb-city-list{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height .35s ease}
.mb-city-list.mb-expanded{max-height:1500px}
.mb-city-list li{border-bottom:1px solid #f5f5f5}
.mb-city-list li:last-child{border-bottom:none}
.mb-city-list li a{display:flex;justify-content:space-between;align-items:center;padding:7px 12px 7px 20px;color:#555;text-decoration:none;transition:all .15s}
.mb-city-list li a:hover{background:#f9f5e8;color:#2c3e50;padding-left:24px}
.mb-city-list li a .mb-cc{color:#bbb;font-size:12px}
.mb-city-list li a.mb-current{background:#f9f5e8;color:#2c3e50;font-weight:600;border-left:3px solid #D4AF37;padding-left:17px}
.mb-sep{height:16px}
.mb-design-list{list-style:none;margin:0;padding:0}
.mb-design-list li a{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;color:#555;text-decoration:none;border-radius:3px;transition:all .15s}
.mb-design-list li a:hover{background:#f9f5e8;color:#2c3e50}
.mb-design-list li a .mb-cc{color:#bbb;font-size:12px}
.mb-design-list li a.mb-current{background:#f9f5e8;color:#2c3e50;font-weight:600}
.mb-view-all{display:block;text-align:center;padding:8px;margin-top:4px;color:#D4AF37;font-size:13px;text-decoration:none;border:1px dashed #D4AF37;border-radius:4px;transition:all .15s}
.mb-view-all:hover{background:#D4AF37;color:#fff}
@media(max-width:921px){
  .mb-shop-nav{font-size:13px}
  .mb-section-hdr{padding:8px 10px}
  .mb-city-list li a{padding:6px 10px 6px 16px}
}