/* BASIC css start */
.clearfix {
    clear: both;
}

.cateWrap {
    position:relative;
    background:#fff;
}

.cateWrap .cate1 dl dt{
    position:fixed;
    left:50%;
    top:1.111vw;
    transform:translateX(-50%);
    z-index:1001;
}

.cateWrap .cate1 dl dt a{
    display:block;
    position:relative;
    padding-right:4.167vw;
    max-width:40vw;
    font-size:4.122vw;
    line-height:13.111vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cateWrap .cate1 dl dt span {
    display:none;
    position: relative;
    padding-right: 4.167vw;
    max-width: 40vw;
    font-size: 4.122vw;
    line-height: 13.111vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cateWrap .cate1 dl dt a svg{
    position:absolute;
    width:3.611vw;
    top: 50%;
    right:0;
    transform: translateY(-50%);
}

.cateWrap .cate1 dl dt a.active svg{
    transform: translateY(-50%) rotate(180deg);
}

.cateWrap .cate1 dl dd{
    display:none;
    position:fixed;
    top:var(--mainHeaderHeight);
    left:0;
    width:100%;
    padding:3.333vw 0;
    background:#fff;
    border-top: 1px solid #e9e9e9;
    z-index:1001;
}

.cateWrap .cate1 dl dd ul li a{
    display:block;
    padding:3.056vw;
    font-size:4.167vw;
    text-align:center;
    line-height:5.556vw;
    color:#b1b1b1;
    font-weight:500;
}

.cateWrap .cate1 dl dd ul li a.now{
    color:#000;
}

.cateWrap .cate1 .bgMask{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.2);
    z-index:998;
}

.cateWrap .cate2 {
    padding:0 4.167vw;
    border-bottom:0.278vw solid #e9e9e9;
}

.cateWrap .cate2 ul li{
    width:auto;
    margin-right:6.111vw;
}

.cateWrap .cate2 ul li a{
    display:block;
    line-height:11.111vw;
    font-size:3.611vw;
    color:#b1b1b1;
    border-bottom:0.556vw solid #fff;
}

.cateWrap .cate2 ul li a.on{
    color:#000;
    border-bottom:0.556vw solid #000;
}

.cateWrap .cate3{
    padding:0 4.167vw;
    background:#f8f8f8;
    border-bottom:0.278vw solid #e9e9e9;
}

.cateWrap .cate3 ul li{
    width:auto;
    margin-right:6.111vw;
}

.cateWrap .cate3 ul li a{
    display:block;
    line-height:11.111vw;
    font-size:3.056vw;
    color:#b1b1b1;
}

.cateWrap .cate3 ul li a.on{
    color:#000;
}

.sortWrap {
    padding:3vw 0 1.333vw;
}

.sortWrap p{
    font-size:4.167vw;
    line-height:9.722vw;
}

.sortWrap p strong{
    font-weight:500;
}

.sortWrap select{
    height:9.722vw;
    padding-right:4.722vw;
    background-size:1.944vw;
    border:none;
    font-size:3.056vw;
    line-height:9.722vw;
    background-position: right 1.389vw center;
}

.cateBanner > img {
    width:100%;
}

.big_cate {
    display:none;
    padding: 0 4.167vw;
    border-bottom: 0.278vw solid #e9e9e9;
}
.big_cate.show {
    display:block;
}

.big_cate .cate_wrap ul li {
    width: auto;
    margin-right: 6.111vw;    
}

.big_cate .cate_wrap ul li a.on {
    color: #000;
    border-bottom: 0.556vw solid #000;
}

.big_cate .cate_wrap ul li a {
    display: block;
    line-height: 11.111vw;
    font-size: 3.611vw;
    color: #b1b1b1;
    border-bottom: 0.556vw solid #fff;
}

.cate_child {
    display:none;
    padding: 0 4.167vw;
    background: #f8f8f8;
    border-bottom: 0.278vw solid #e9e9e9;
}

.cate_child.show {
    display:block;
}

.cate_child ul li {
    width: auto;
    margin-right: 6.111vw;    
}

.cate_child ul li a {
    line-height: 11.111vw;
    font-size: 3.056vw;
    color: #b1b1b1;
}

.cate_child ul li a.on {
    color:#000;
}

.moreList{
    margin-top:11.111vw;
}

.moreList .MoreViewListBtn{
    display:block;
    width:100%;
    font-size:3.333vw;
    line-height:9.444vw;
    text-align:center;
    border:0.278vw solid #000;
    border-radius:0.833vw;
}

.moreList .MoreViewListBtn svg{
    width:2.778vw;
    margin-left:1.389vw;
    vertical-align:middle;
}

.prd-sale {
    font-size: 3vw;
    line-height:3.4vw;
    letter-spacing: -0.025em;
    font-weight: 500;
}

.prd-sale img {
    width: 3.4vw;
    margin-right:3px;
}


#MS_product .goodsListWrap ul li .imgBox img {
    height:61vw;
    object-fit:cover;
}

#MS_product .goodsListWrap ul li .textBox .g_icon {
    padding-top:0;
}

#MS_product .goodsListWrap ul li .textBox .g_icon img {
    width:auto;
}

@media(max-width:400px) {
    #container {padding-top:13vw;}
}




/*½½¶óÀ̵峻ºÎÁ¦ÀÛ*/
    .f4m-hero {
      position: relative;
      width: 100%;
      max-width: 480px; /* slightly wide mobile category style */
      height: 450px;    /* shorter than square */
      margin: 0 auto;
      overflow: hidden;
      color: #fff;
      display: flex; align-items: center; justify-content: center;
    }

    .f4m-hero-bg {
      position: absolute; inset: 0;
      background-image: url('https://fash4you.speedgabia.com/renewal/category/bg.png');
      background-size: cover; background-position: center;
      z-index: 0;
    }

    .f4m-hero-slides {
      position: relative;
      width: 100%;
      height: 320px;           /* banner shorter */
      margin: 24px auto 100px; /* top + bottom spacing */
      overflow: hidden;
      z-index: 1;
    }

    .f4m-hero-slide {
      position: absolute; inset: 0;
      background-size: cover; background-position: center;
      opacity: 0; transition: opacity 1s ease;
    }
    .f4m-hero-slide.f4m-active { opacity: 1; }

    .f4m-hero-copy { position: absolute; z-index: 2; top: 45%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; text-shadow: 0 2px 10px rgba(0,0,0,0.2); width: 90%; }
    .f4m-hero-title   { font-size: 28px; font-weight: 800; line-height: 1.2; }
    .f4m-hero-desc    { font-size: 13px; font-weight: 400; opacity: .9; }

/* BASIC css end */