@charset "utf-8";
/*category_column5dh.css: cancel sidebar (sidebar hide)*/
/*
search:
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg
padding:133.3333333% is the different( form padding:100% )
that's why it's category_column5d.css (d means dress)
*/
/*
|--------------------------------------------------------------------------
| begin
|--------------------------------------------------------------------------
*/
.BreadcrumbBox {/*padding-bottom:20px;*/ }

.SideCube { /*margin:6px 0 0 0; margin:6px 0 28px 0; margin:0 0 28px 0;*/ }
.SideCubeTitle { background-color:#e9e9e9; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px 0 6px 17px;  }
.SideCubeTitle h2 { font-size:15px; color:#E64442; margin:0; line-height:100%; }
.SideCubeTitle h3 { font-size:1.4rem; color:#000; margin:0; line-height:100%; }

/*filter*/
.SideCubeContent { padding:0; margin:0;}
.SideCubeContent a { color:#333;}

.SideCubeContent blockquote { border:none; margin:0; padding:0;}
.SideCubeContent blockquote p { font-style:italic; font:normal 12px/150% Arial;}

.SideCubeContent dl * { font-size:1.4rem; }
.SideCubeContent dl h2 { line-height:150%; font-weight:normal; margin:0; }
.SideCubeContent dl dt,.SideCubeContent dl dd { margin:0; }
.SideCubeContent dl dt { }
.SideCubeContent dl dd {}
.SideCubeContent dl dt a {}
.SideCubeContent dl dd a {}

/*prod-list*/
.SideCubeTitle + .w-productList dl    { margin-bottom:4px; }
.SideCubeTitle + .w-productList dl dt { float:left; margin-right:8px;}
.SideCubeTitle + .w-productList dl dd .prodTitle { font-size:1.4rem; margin:0; padding:4px 0; }
.SideCubeTitle + .w-productList dl dd .prodTitle a { }
.SideCubeTitle + .w-productList dl dd .oldPrice	{ font-size:1.4rem; margin:0; padding:0 0; }
.SideCubeTitle + .w-productList dl dd .price		{ font-size:1.4rem; margin:0; padding:0 0 4px 0; }

/*
|--------------------------------------------------------------------------
| 列表页-模块-有头有尾
|--------------------------------------------------------------------------
*/

/*CateBoxCountItems: fitered in BreadcrumbBox*/
.CateBoxCountItems { margin:0 0 0 8px; color:#666;}
.CateBoxCountItems p { vertical-align:top; margin:0;}
.CateBoxCountItems p label { padding:0 10px; background-color:#e4e4e4;  }
.CateBoxCountItems p a { color:#fff; display:inline-block;margin:0 0 0 4px;}
.CateBoxCountItems p a span{display:inline-block;height:20px;line-height:19px;text-decoration:none;padding:0 5px;color:#666;vertical-align:middle;cursor:pointer; background:#fff url(../../img/sign/sprite-new.png?v=1013) no-repeat left -380px;}
.CateBoxCountItems p a em{display:inline-block;vertical-align:middle;height:20px;width:18px;cursor:pointer;background:url(../../img/sign/sprite-new.png?v=1013) no-repeat right -380px;}

.CateBoxCountItems p::before { content: "›"; position:relative; top:-1px;  color:#666; }

.CateBoxCountItems p a:hover span { background:#fff url(../../img/sign/sprite-new.png?v=1013) no-repeat left -410px;color:#f35b6e; }
.CateBoxCountItems p a:hover em { background:url(../../img/sign/sprite-new.png?v=1013) no-repeat right -410px;}

.CateBoxCountItems .resultCount{color:#999;font-size:1.8rem;font-weight:normal;padding-left:5px;display:inline-block;font-family:Arial;}
.CateBoxCountItems #countItems { font:normal 12px/20px Arial; /*color:#E64442;*/ }
.CateBoxCountItems #countItems strong,
.CateBoxCountItems #countItems b { font-weight:normal; color:#f35b6e; }

.modal-refine .CateBoxCountItems { margin:0 10px; border-bottom:1px solid #ddd; padding:10px 0 0 0;}
.modal-refine .CateBoxCountItems p::before { display:none; }
.modal-refine .CateBoxCountItems p a { margin:0 10px 10px 0; }


/*CateCube*/
.CateCube {}
.CateCubeTitle { /*border-bottom:2px solid #DADBD6;*/ padding-bottom:19px; text-align:center; }
.CateCubeTitle h1 { font-family:ProximaNova-Bold; font-size:1.8rem !important; letter-spacing:0.057rem; font-weight:normal !important; display:inline-block; margin-right:10px;}
/*.CateCubeTitle h1 { font-size:21px; color:#333333; margin:0; line-height:100%; display:inline-block; }*/
.CateCubeTitle h2 { font-size:15px; color:#E64442; margin:0; line-height:100%; }
.CateCubeTitle h3 { font-size:1.4rem; color:#000; margin:0; line-height:100%; }
.CateCubeContent { color:#555; padding:10px 0 0 0; }
.CateCubeContent a { color:#555;}

.CateCubeContent blockquote { border:none; margin:0; padding:0;}
.CateCubeContent blockquote p { font-style:italic; font:normal 12px/150% Arial;}

.CateCubeContent dl * { font-size:1.4rem; }
.CateCubeContent dl h2 { line-height:150%; font-weight:normal; margin:0; }
.CateCubeContent dl dt,.CateCubeContent dl dd { margin:0; }
.CateCubeContent dl dt {}
.CateCubeContent dl dd {}
.CateCubeContent dl dt a {}
.CateCubeContent dl dd a {}

.CateLinksBox {}
.CateLinksBox a { color:#000; display:inline-block; padding:5px 0; }


@media (min-width:992px) {
.CateCubeTitle .CountItems { display:none;}
}

@media (max-width:991px) {
.CateCube { margin:40px -10px 0 -10px; background-color:#fff; border-top:10px solid #f7f7f7; border-bottom:10px solid #f7f7f7;}
}

@media (min-width:768px) and (max-width:991px) {
.CateCube { padding-top:41px; }
.CateCubeTitle { padding-bottom:14px; text-align:left; }
.CateCubeTitle h1 { font-size:21px; float:left; margin-right:10px; }
.CateCubeTitle .CountItems { line-height:25px; font-size:15px; }
}

@media (max-width:767px) {
.CateCube { }
.CateCubeTitle { padding-bottom:18px; text-align:left; }
.CateCubeTitle h1 { font-size:21px; margin-right:8px; }
.CateCubeTitle .CountItems { font-family:"Open Sans"; font-size:15px; color:#666; position:relative; top:-1px; white-space:nowrap; }
}


.CateCube-Bottom {}
.CateCube-Bottom .CateCubeTitle { text-align:left; display:flex; align-items:baseline; }

/*
|--------------------------------------------------------------------------
| This Page
|--------------------------------------------------------------------------
*/

@media (min-width:992px) { 
	#SideBar { width:205px; padding-top:10px; z-index:1; /*position:relative; top:22px;*/ bottom:auto; float:left; }
	#SideBar::before { content:''; position:absolute; left:0; top:0; width:calc(100% - 20px); border-top:1px solid #f2f2f2; }

	#NarrowBy { padding-right:20px; overflow-y:auto; height:calc(100vh - 160px);} /*多减10*/
	#MainWrapper   { /*margin-left:-280px;*/ width:100%; float:right;  }
	#MainWrapperBG { /*margin-left:280px;*/  position:relative; z-index:1;}

	.Content4 #MainWrapper {  }
	.Content4 #MainWrapperBG {  }


	/*#sign-grid-view-box { display:none; }*/
	/*#ListPageGallery .divider { display:none; }*/
}

@media (min-width:992px) and (max-width:1199px) {
#SideBar { width:205px;  padding-top:10px; z-index:1; /* position:relative; top:22px;*/ bottom:auto; float:left; }
#NarrowBy { padding-right:25px; overflow-y:auto; height:calc(100vh - 160px); }
#MainWrapper   { /*margin-left:-250px;*/ width:100%; float:right; }
#MainWrapperBG { /*margin-left:250px;*/  position:relative; z-index:1;}
	.Content4 #MainWrapper   { }
	.Content4 #MainWrapperBG { }

}
@media (max-width:991px) {
	#MainWrapperBG { margin-left:0 !important; }
}

.ContentFull #MainWrapper { margin-left:0; }
.ContentFull #MainWrapperBG { margin-left:0; }

.jspScrollable { width:100% !important;}
.jspContainer  { width:100% !important; padding-right:10px !important; }
.jspPane	   { width:100% !important; padding-right:10px !important; }


/*图片(圆角，投影)*/
.ListGallery .w-productList dl { background-color:#fff; -khtml-border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;	border-radius:0; -khtml-border-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
.ListGallery .w-productList dl dd { padding:0;}
.imgBox { background-color:#fff; overflow:hidden; /*-khtml-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -khtml-border-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22); -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.22);*/ }

.SideCubeTitle { border-bottom:3px solid #333; padding:0; border-radius:0; border-top:none; box-shadow:none; background-color:#fff; }
.SideCubeTitle h3 { line-height:1; padding:0 0 13px 0; font-size:1.8rem; font-weight:bold; }

/*newcode*/
#resultSortBarNew { padding:4px 10px 5px 10px; }
#countItems { /*line-height:32px;*/ margin:0; color:#666; }
#countItems b { font-weight:normal; }

@media (max-width: 767px) {
.breadcrumb > li { display:none; }
.breadcrumb > #crumbFirst { display:inline-block; }
.breadcrumb > #crumbLast  { display:inline-block; }
.breadcrumb > #countItems { display:inline-block; }
}


/*
|--------------------------------------------------------------------------
| more width
|--------------------------------------------------------------------------
*/
.fa-window-close.trigger-RefineSide { float:right; font-size:17px; cursor:pointer; position:relative; top:2px; }



.w-productList dl .proReview { bottom:19px; right:8px; }
.w-productList dl .favorite-for-cate { line-height:1; }
.w-productList dl .favorite-for-cate .favoriteCount { position:relative; top:-1px; }
/*bak
.w-productList dl .FavThis { position:absolute; right:5px; bottom:10px; z-index:1;}
.w-productList dl .FavThis .favorite-for-cate { width:36px; height:36px; background-color:rgba(255,255,255,0.8); border:1px solid #eee; border-radius:50%; text-align:center; }
.w-productList dl .FavThis .favorite-for-cate .favoriteCount { display:none; }
.w-productList dl .FavThis .favorite-for-cate .fa { cursor:pointer; font-size:1.8rem; line-height:36px; }
*/

.w-productList dl .FavThis { position:absolute; right:5px; bottom:10px; z-index:1;}
.w-productList dl .FavThis .favorite-for-cate { width:36px; height:36px; background-color:rgba(255,255,255,0.8); border:1px solid #eee; border-radius:50%; text-align:center; }
.w-productList dl .FavThis .favorite-for-cate .favoriteCount { display:none; }
.w-productList dl .FavThis .favorite-for-cate .fa { cursor:pointer; font-size:18px; line-height:36px; }


@media (min-width:992px){  
.w-productList dl .FavThis { position:absolute; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proName { /*padding-right:30px;*/ }

}  
  
@media (max-width: 991px) {
.Content3-4 .ListGallery .w-productList .listBoxs div.proName {  }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice { /*padding-top:12px;*/}
.w-productList dl .FavThis { /*display:none;*/}

}  
/*
|--------------------------------------------------------------------------
| more width
|--------------------------------------------------------------------------
*/
.divider { display:none; }
.Content3-4 .ListGallery .w-productList .listBoxs { margin-bottom:20px; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBox   { }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxBG { /*padding-bottom:133.33333333%;*/ position:relative;}

.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA { position:absolute; width:100%; height:100%; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg			 { width:100%; height:100%; display:table; vertical-align:middle; text-align:center; background-color:#fff; position:relative; z-index:1; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; background-color:#fff;}
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg				 { width:100%; height:100%; display:table; vertical-align:middle; text-align:center; background-color:#fff; position:absolute; top:0; left:0;}
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg .backImgBG	 { width:100%; height:100%; display:table-cell; vertical-align:middle; text-align:center; background-color:#fff;}

.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG > img,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG > picture,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG > picture img,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg  .backImgBG  > img,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg  .backImgBG  > picture,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg  .backImgBG  > picture img { /*width:100%; height:auto; max-width:100%; max-height:100%; */ top:0; right:0; bottom:0; left:0; height:100%; width:100%; -o-object-fit:cover; -o-object-position:center center; object-fit:cover; object-position:center center; }


.Content3-4 .ListGallery .w-productList .listBoxs dd.prodInfo { position:relative; padding:0 5px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proName		  { color:#666; line-height:16px; margin:6px 0 8px 0; height:32px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proName a		  { color:#666; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proName a:hover { color:#666; text-decoration:none; /*text-decoration:underline !important;*/ }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice			 { height:36px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .price	 { margin-right:20px; margin-left:1px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .oldPrice { margin-left:0; display:inline-block; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .RealShotIn { float:right; text-transform:uppercase; background-color:#ee96bd; color:#fff; font-size:1.2rem; padding:3px 8px; /*padding:0 4px;*/ border-radius:3px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .RealShotIn i { font-size:1.1rem; color:#fff; }

.Content3-4 .ListGallery .w-productList .listBoxs div.proReview {  }
.Content3-4 .ListGallery .w-productList .listBoxs div.proReview .tooltip-inner { white-space:nowrap; }


@media (min-width: 1200px) { 
.Content3-4 .ListGallery .w-productList .listBoxs { width:33.33333333%; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:25%; } /*4-in-line*/
}

@media (min-width:992px) and (max-width:1199px) { 
.Content3-4 .ListGallery .w-productList .listBoxs { width:33.33333333%; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:25%; } /*4-in-line*/
}


@media (max-width:991px) {
.Content3-4 .ListGallery .w-productList .listBoxs { }
}

@media (max-width:449px) {
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .oldPrice { display:none; /*display:block; margin-left:1px;*/ }
}

@media (max-width:413px) {
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .price { margin-right:1px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .RealShotIn i { /*display:none;*/}
}

@media (max-width:374px) {
.Content3-4 .ListGallery .w-productList .listBoxs dd.prodInfo { padding:0 3px; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .RealShotIn i { /*display:none;*/ }
}

/*specail*/
/*
@media (min-width:636px) and (max-width:767px) {
.Content3-4 .ListGallery .w-productList .listBoxs { padding:0; }
.Content3-4 .ListGallery .w-productList .listBoxs dt.imgBox,
.Content3-4 .ListGallery .w-productList .listBoxs dd.prodInfo { margin-left:calc((100% - 300px)/2); margin-right:calc((100% - 300px)/2);}
}
*/

@media (max-width:991px) {
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg { opacity:1 !important;}
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg { display:none; }
}



/*
|--------------------------------------------------------------------------
| 分类页202005	.Content3-4.Content4 .ListGallery .w-productList .listBoxs {}
|--------------------------------------------------------------------------
*/
/*Ebay去边框效果*/
.Content3-4.Content4 .ListGallery { border-top:1px solid #fff; border-right:1px solid #fff; overflow:hidden; }

.Content3-4 .ListGallery { border-top:1px solid #fff; border-right:1px solid #fff; overflow:hidden; }
.Content3-4 .ListGallery .w-productList { margin:0 -40px; }
.Content3-4 .ListGallery .w-productList .listBoxs { margin-bottom:0; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxBG { padding-bottom:0; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG { padding-bottom:0; vertical-align:top; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA { position:static; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proName { height:auto; margin:10px 0 8px 0;}
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice { height:auto; }
.Content3-4 .ListGallery .w-productList .listBoxs div.proPrice .RealShotIn { /*margin-right:25px;*/}

.Content3-4 .ListGallery .w-productList .divider {border:none;}

@media (min-width: 1784px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -10px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:20%; padding:24px 12px 10px 12px;}
.Content3-4.Content4 .ListGallery .w-productList .divider5 { display:block; }
}

@media (min-width: 1300px) and (max-width:1783px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -10px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:25%; padding:24px 12px 24px 12px;}
.Content3-4.Content4 .ListGallery .w-productList .divider4 { display:block; }
}

@media (min-width:992px) and (max-width:1299px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -10px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:33.333333%; padding:24px 12px 24px 12px;}
.Content3-4.Content4 .ListGallery .w-productList .divider3 { display:block; }
}

@media (min-width:576px) and (max-width:991px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -5px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:33.333333%; padding:0 5px 30px 5px;}
.Content3-4.Content4 .ListGallery .w-productList .divider3 { display:block; }
.Content3-4.Content4 .ListGallery .w-productList .divider2 { display:none; }

}

@media (max-width:575px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -5px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:50%; padding:0 5px 20px 5px;}
.Content3-4.Content4 .ListGallery .w-productList .divider2 { display:block; }
}

@media (max-width: 414px){
.Content3-4.Content4 .ListGallery .w-productList { margin:0 -5px; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs { width:50%; padding:0 5px 20px 5px;}
.Content3-4.Content4 .ListGallery .w-productList .divider2 { display:none; }
}


/*3 per show,2 per show,1 per show*/
@media (min-width:576px) and (max-width:991px) {
.Content3-4.Content4 .ListGalleryPad .w-productList .listBoxs { width:50% !important; }
.Content3-4.Content4 .ListGalleryPad .w-productList .divider2 { display:block; }
.Content3-4.Content4 .ListGalleryPad .w-productList .divider3 { display:none; }

.Content3-4.Content4 .ListGallery .w-productList .listBoxs .imgBox { max-width:420px; margin:0 auto; }
.Content3-4.Content4 .ListGallery .w-productList .listBoxs dd.prodInfo { max-width:420px; margin:0 auto; }

}

@media (max-width:575px) {
.Content3-4.Content4 .ListGalleryMobile .w-productList .listBoxs { max-width:420px !important; width:100%; margin:0 auto; float:none; }
}


.body-cate {}
.body-cate .ShakeClear-MainContent {  }
.body-cate .ShakeClear-MainContent .container { width:100% !important; max-width:100%; }

@media (min-width:992px) {
.body-cate .ShakeClear-MainContent { padding:0 60px; max-width:1800px; margin:0 auto; /*padding:0 50px;*/ }
}

.body-cate .MainWrapperFull {}
.body-cate .MainWrapperFull #MainWrapperBG { }



@media (min-width:992px){  
    #RecentViewed-Side {position:relative; z-index:0; padding:40px 0 10px 0; } 
	#RecentViewed-Side .RecentViewedTitle-Side { margin-top:12px; text-align:left; }
}  
  
@media (max-width: 991px) {  
	#RecentViewed-Side {position:relative; z-index:0; padding:0 0 20px 0; } 
    #RecentViewed-Side .RecentViewedTitle-Side { text-align:left; }
	.CateCube-Bottom + #RecentViewed-Side .RecentViewedTitle-Side { margin-top:2px; }
}  


/*
|--------------------------------------------------------------------------
| DropdownWrap
|--------------------------------------------------------------------------
*/

.DropdownWrap { float:left; width:25%; }
.DropdownBox { float:none; }
.DropdownBox button.btn-change { border:none; background:none; height:43px; line-height:43px; text-transform:uppercase; }
.DropdownBox button .ShowBy { }
.DropdownBox button .ShowBy em { font-size:1.5rem; /*color:#666; text-transform:uppercase;*/}
.DropdownBox button .ShowBy .fa-angle-up { display:none; }

.SortBar .trigger-RefineBox { }
.SortBar .fa-SortRefine  { display:inline-block; position:relative; top:9px; width:20px; height:20px; line-height:20px; font-size:16px; border:1px solid #ddd; background:#333; color:#fff; border-radius:2px; text-align:center; margin-right:5px; }
.SortBar .fa-angle-right { display:none; margin-left:5px; }
.SortBar .btn-refine { text-align:center; display:inline-block; cursor:pointer; height:46px; line-height:46px; }
.SortBar .btn-refine > b { font-weight:normal; }

.SortBar .trigger-PageBox { float:right; width:25%; }
.SortBar .fa-book  { float:left; display:inline-block; position:relative; top:9px; width:20px; height:20px; line-height:20px; font-size:16px; border:1px solid #ddd; background:#333; color:#fff; border-radius:2px; text-align:center; margin-right:5px; background:url(../img/svg/svg-book.svg) no-repeat center center;}
.SortBar .fa-book::before { position:relative; top:-1px;}
.SortBar .btn-page { display:inline-block; cursor:pointer; height:46px; line-height:46px; }
.SortBar .btn-page > b { float:left; font-weight:normal; }



@media (min-width:992px) {
.body-cate.Device-lg[status-scroll=ScrollDown] .SortBar   { padding-left:0; padding-right:0; }
.body-cate.Device-lg[status-scroll=ScrollDown] .SortBarBG { padding:0 62px; max-width:1800px; margin: 0 auto; }

.SortBarBG { height:36px; }
.SortBarBG { margin-bottom:0; font-size:1.5rem; display:flex; align-items:center; justify-content:space-between; }
.SortBarBG .CountItems em { padding:6px 0; margin-left:0; }
.SortBarBG .DropdownBox button.btn-change { height:auto; }

.body-cate-NoSortFilter.body-AcrossEdge .SortBarBG { justify-content:center; }
}


/*SortBar Per Row*/
.SortBar { position:relative; padding:0;font-size:1.4rem;  /*margin:0 -10px; background-color:#fafafa;*/}
.SortBar .CountItems { color:#999; height:44px; font-size:1.3rem; display:flex; align-items:center; justify-content:center; }
.SortBar .CountItems em { display:inline-block; line-height:1; /*position:relative; top:-6px; */}
.SortBar .CountItems em b { font-weight:normal; color:#555; }
.SortBar .CountItems em span { font-weight:normal; }

@media (max-width: 991px){
.body-cate-NoSortFilter .SortBar { display:none; }
.body-cate-nofilter .SortBar { margin-bottom:1rem; }
}
.body-cate-nofilter .SortBar .CountItems em { position:static; }

.ThumbsSwitchBox { float:left; width:50%; border-right:1px solid #e5e5e5; cursor:pointer; }
.ThumbsSwitchBox .fa-th-large { font-size:1.8rem; position:relative; top:2px; margin-right:5px;}
.ThumbsSwitchBox .btn-thumbs-3 {}
.ThumbsSwitchBox .btn-thumbs-2 {}
.ThumbsSwitchBox .btn-thumbs-1 {}


@media (min-width:992px) {
.SortBar { padding-top:1rem; /*padding-top:2.5rem;*/ }
.SortBar #trigger-SortBox-PC { float:right; }
.SortBar #trigger-SortBox-Mobile { float:right; }
.SortBar .trigger-RefineBox { float:left; }
.SortBar .trigger-RefineBox #trigger-RefineModal { width:160px; height:36px; line-height:34px; border:1px solid #999; padding:0 12px; /*font-family:ProximaNova-Semibold;*/ }
.SortBar .trigger-RefineBox #trigger-RefineModal > i { float:left; margin-top:8px; }
.SortBar h1 { font-family:'Domaine Display'; position:relative; top:-2px; /*font-family:ProximaNova-Bold; text-transform:uppercase;*/ font-size:2rem; line-height:1; letter-spacing:0.057rem; font-weight:normal; }



.DropdownWrap { text-align:center; }
.SortBar .btn-refine { float:right; margin-right:10px; }
.SortBar .btn-page   { float:right; margin-right:10px; }
}


@media (max-width: 991px){
.ThumbsSwitchBox { color:#666; border-right:none; display:flex; align-items:center; justify-content:center;}
.ThumbsSwitchBox .btn-thumbs { float:left; padding-left:10px; line-height:50px; color:#000; text-transform:uppercase;}
.ThumbsSwitchBox i { font-size:16px;}

.PromotionBar { height:38px; line-height:38px; margin:0 -10px; text-align:center; }

.SortBar .trigger-SortBox   { float:right; width:50%; }
.SortBar .trigger-RefineBox { float:left;  width:50%; }

.SortBar .btn-refine { width:100%; float:left; }
.SortBar .trigger-PageBox { }
.SortBar .btn-page { width:100%; float:left; }


.SortBar {  border-left:none; margin:0 -10px; position:relative; padding-top:44px;}
.SortBarBG { /* padding:0 10px; */position:absolute; top:0; z-index:1002; width:100%; border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;  background-color:#f9f9f9;}
.SortBarBG::before { position:absolute; top:10px; left:50%; height:24px; border-right:1px solid #e5e5e5; content:''; width:1px;}*/
.SortBar .trigger-RefineBox { color:#666; position:relative; }
/*.SortBar .trigger-RefineBox::before { position:absolute; top:10px; left:0; height:30px; border-left:1px solid #e5e5e5; content:'';}*/
.SortBar .trigger-RefineBox i.icon-svg-filter { display:none; position:relative; top:2px; color:#666; font-size:15px;}

.SortBar .trigger-SortBox { color:#666; }
/*.SortBar .trigger-SortBox::before { position:absolute; top:10px; left:0; height:30px; border-right:1px solid #e5e5e5; content:''; width:100%;}*/
.SortBar .trigger-SortBox i.icon-svg-filter { display:none; position:relative; top:2px; color:#666; font-size:15px;}


.SortBar .fa-angle-up,
.SortBar .fa-angle-down { font-size:1.8rem; color:#999; position:relative; top:2px; }

.DropdownBox { width:100%; }
.DropdownBox button.btn-change { width:100%; }
.DropdownBox button span { }
.DropdownBox .dropdown-menu { width:100%; min-width:auto; padding:0; border-radius:0; margin-top:-1px; border:none;  /* left:-1px !important; width:calc(100% + 2px); */ }
.DropdownBox .dropdown-menu .dropdown-menu-bg { padding:10px; background-color:#fff; position:relative; z-index:1;}
.DropdownWrap-Sort .dropdown-menu .dropdown-menu-bg { padding-top:2px;}

.DropdownWrap-Sort { width:calc(25% - 10px);}
.DropdownWrap-Category { width:calc(25% + 25px);}
.DropdownWrap-Size { width:calc(25% - 15px);}

.DropdownWrap-Sort .btn-change .ShowBy,
.DropdownWrap-Category .btn-change .ShowBy,
.DropdownWrap-Size .btn-change .ShowBy { float:left; }

.DropdownWrap-Sort .btn-change .ShowBy em { font-weight:bold !important; }

.DropdownWrap-Sort .dropdown-menu { left:5px !important; margin-left:-5px; }
.DropdownWrap-Category .dropdown-menu { left:5px !important; margin-left:-5px; }
.DropdownWrap-Size .dropdown-menu { left:5px !important; margin-left:-5px; }


.DropdownWrap-Sort .dropdown-menu {}
.DropdownWrap-Sort .dropdown-menu li { font-size:1.4rem; }
.DropdownWrap-Sort .dropdown-menu ul>li>a { display:block; padding:8px 0; border-bottom:1px solid #e5e5e5; }
.DropdownWrap-Sort .dropdown-menu ul>li>a:hover, 
.DropdownWrap-Sort .dropdown-menu ul>li>a:focus { text-decoration:none; }
.DropdownWrap-Sort .dropdown-menu ul>li>a i.icon-svg-yes { float:right; font-size:16px; position:relative; top:2px; right:5px; }

.DropdownWrap .dropdown-menu dl { height:calc(100vw * 0.4); max-height:180px; overflow-y:scroll;}
.DropdownWrap .dropdown-menu dl dt { font-size:1.4rem; font-weight:normal; color:#999; margin-bottom:10px; }
.DropdownWrap .dropdown-menu dl dd {}
.DropdownWrap .dropdown-menu dl dd a { float:left; display:inline-block; height:28px; line-height:25px; font-size:1.4rem; padding:0 10px; margin:0 10px 10px 0; border:1px solid #e5e5e5; text-decoration:none !important;  }

.DropdownWrap .dropdown-menu .SectionFoot { padding:10px 0;}
.DropdownWrap .dropdown-menu .SectionFoot-l { float:left; }
.DropdownWrap .dropdown-menu .SectionFoot-l em { display:block; font-size:1.4rem; font-weight:bold;}
.DropdownWrap .dropdown-menu .SectionFoot-l i { display:block; font-size:1.4rem; line-height:1; }

.DropdownWrap .dropdown-menu .SectionFoot-r { float:right;}
.DropdownWrap .dropdown-menu .SectionFoot-r .btn-reset { font-size:16px; margin-right:20px; position:relative; top:1px; }
.DropdownWrap .dropdown-menu .SectionFoot-r .btn-done  { height:30px;line-height:28px; padding:0 10px; font-size:16px;  min-height:auto; min-width:auto;}

.DropdownWrap .dropdown-menu { background-color:transparent;}
.DropdownWrap .dropdown-backdrop {  position:fixed; top:165px; left:0; width:100%; height:1000px; content:'';}
.DropdownFixed { position:fixed; top:0; width:100%; }
.DropdownFixed .DropdownWrap .dropdown-backdrop { background-color:#000; opacity:.5;}
}

/*
@media (max-width:439px) {
.DropdownBox .dropdown-menu li a em { display:none; }
}
*/

/*
|--------------------------------------------------------------------------
| SortBar-PC
|--------------------------------------------------------------------------
*/
/*
@media (min-width:992px) {
.SortBar-PC {}
.SortBar-PC .DropdownCube-Sort { float:right; }

.DropdownCube { float:right; width:200px; }
.DropdownCube .DropdownBox { float:none; width:140px;}
.DropdownCube > b { font-weight:normal; margin-right:15px; }
.DropdownBox button.btn-sort { border:none; background:none; height:38px; line-height:38px; display:flex; align-items:center; }
.DropdownBox button span { float:left; }

.DropdownBox .dropdown-toggle { padding:14px 12px;border-color:#ddd; width:38px; min-width:auto; }
.DropdownBox .dropdown-menu { width:100%; border-radius:0; margin-top:0; padding:0; left:-11px;}
.DropdownBox .dropdown-menu>li>a { padding:7px 35px; background:url(../../img/sign/cate-nav-lg.gif) no-repeat 11px 9px;}
.DropdownBox .dropdown-menu>li>a:hover, 
.DropdownBox .dropdown-menu>li>a:focus { background:#333 url(../../img/sign/cate-nav-lg.gif) no-repeat -89px -91px; color:#fff; }
}

@media(max-width:991px) {
.SortBar-PC { display:none; }
}
*/

/*
|--------------------------------------------------------------------------
| NewCateHead
|--------------------------------------------------------------------------
*/
.heading-title-mobile { text-align:center; /*line-height:67px; height:50px; */  min-height:50px; padding-top:25px; line-height:1; }
.heading-title-mobile + .SortBar { margin-top:18px;}

.NewCateHead   { background-color:#fff; }
.NewCateHeadBG { padding:20px; margin-top:4rem; /* max-width:66.666666%;min-height:150px;*/  }

.NewCateHead-Title { margin-bottom:10px; }
.NewCateHead-Title h1 { display:inline-block; margin-right:10px; font-family:'Domaine Display'; font-size:2rem; }
.NewCateHead-CountItems { display:inline-block; font-size:1.4rem; }
.NewCateHead-Content {}
.NewCateHead-Content .btn { min-width:auto; padding:5px 8px; margin:0 8px 8px 0; min-height:auto; }

.NewCateHead-1 { }


@media (min-width: 992px){
.NewCateHead { background-color:#F9F9F9; }
.NewCateHead .RelatedSearchesBox { background-color:transparent; padding:0;}
.NewCateHead .RelatedSearches-Title { display:none; }

.NewCateHead-Trigger,
.NewCateHead-Trigger + .NewCateHead-CountItems  { display:none; }
.NewCateHead-Content { display:block; position:static !important; transform:none !important; margin:0; box-shadow:none; border:none; padding:0; background-color:transparent; }

.NewCateHead .NewCateHead-Content { margin-bottom:1.5rem; }
.NewCateHead ~ .CateCube-Bottom { padding-top:2rem; display:none; }
.NewCateHead ~ .CateCube-Bottom .CateCubeTitle {  }

}
@media (max-width: 991px){
.NewCateHead {  background-color:#F9F9F9; margin:0 -10px 0 -10px; padding:0;}
.NewCateHeadBG { max-width:100%; width:100%; padding:0; min-height:auto;}
.NewCateHead-Title { padding:15px 10px 0 10px; }
.NewCateHead-Title h1 { font-size:1.6rem !important; }
.NewCateHead-Trigger { height:78px; line-height:78px; background-color:#f8f8f8; float:left; display:block; text-align:center; width:100%; font-size:1.8rem; margin:0; text-decoration:none !important; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; justify-content:center;}
.NewCateHead-Trigger:hover { text-decoration:none; }
.NewCateHead-Trigger::after { display:none; }
.NewCateHead-Trigger em {  line-height:51px; margin-right:10px; }
.NewCateHead-Trigger .AngleBox {}
.NewCateHead-Trigger .AngleBox .fa {}
.NewCateHead-Content { font-size:1.4rem;  top:78px !important; transform:none !important; border:none; border-radius:0; width:100%; padding:0 10px 10px 10px; margin:0;  /*background-color:#f8f8f8; box-shadow:0 8px 8px -4px rgba(0,0,0,.15); box-shadow:0 8px 8px 2px rgba(0,0,0,.2);  box-shadow:none;*/ }
/*
.NewCateHead-Content { text-align:center; }
.NewCateHead-Content > div { max-width:600px;  display:inline-block; text-align:left; }
.NewCateHead-Content > div a { display:block; text-decoration:none !important; padding:6px 0; }
*/
}


@media (min-width: 576px) and (max-width: 991px){
.NewCateHead-Content > div a { float:left; width:50%; }
}
@media (max-width: 575px){

}

/*
html,
body,
.ShakeClear,
#main_content,
#ContentWrapper,
#ContentWrapperBG,
#SideBar,
#NarrowByOuter { height:100%; }
*/

#NarrowByOuter { /*height:737px;*/ }/*这个数字要用脚本根据顶边栏出现消失的动作时进行计算*/
/*
.jspTrack { background-color:#f7f8fa !important; }
.jspDrag  { background-color:#e0e0e0 !important; }


.c-list-cate-inner .cate-leftnav .filter-top-line {
    border-top: 1px solid rgba(0,0,0,.05)
}

#NarrowByOuter { }
#NarrowByOuter::-webkit-scrollbar {
    width: 6px!important
}

#NarrowByOuter::-webkit-scrollbar-thumb {
    border-radius: 3px;
    background-color: #e0e0e0
}

#NarrowByOuter::-webkit-scrollbar-track {
    margin-top: 13px;
    margin-bottom: 13px;
    border-radius: 3px;
    background-color: #f7f8fa
}
*/


/*
|--------------------------------------------------------------------------
| SubCateGroup
|--------------------------------------------------------------------------
*/
#SideBar .SubCateGroup { }
#SideBar .SubCateGroup .panel:first-child  { }
#SideBar .SubCateGroup .panel > .panel-heading .panel-heading-a { /*font-weight:bold;*/ font-size:1.5rem; color:#222; }
#SideBar .SubCateGroup .panel > .panel-heading > a.accordion-toggle { right:-12px;}



#SideBar .SideCube .SideCubeContent { width:185px !important; }
#SideBar .SideCube .SideCubeTitle   { display:none; }
#SideBar .SubCateGroup.panel > .panel-heading > a.accordion-toggle.collapsed + .panel-heading-a { color:#666; }

#SideBar .SubCateGroup .panel { /*border-top:1px solid #f2f2f2;*/ border-top:none; }
#SideBar .SubCateGroup .panel:last-child { border-bottom:none; } 
#SideBar .SubCateGroup .panel .panel-body { /*-webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px;*/ padding-bottom:10px;  overflow:hidden; }
#SideBar .SubCateGroup .panel .panel-body dl dd a,
#SideBar .SubCateGroup .panel .panel-body dl dd span { color:#888; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}


#SideBar .SubCateGroup #NarrowByCate-Religion .panel-body,
#SideBar .SubCateGroup #NarrowByCate-Festival .panel-body {  -webkit-column-count:unset; -moz-column-count:unset; column-count:unset; -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset; }

	

#SideBar .SubCateGroup .panel .panel-body dl dd a:link,
#SideBar .SubCateGroup .panel .panel-body dl dd a:visited {	display:block; width:100%; padding:5px 0 5px 24px; text-decoration:none; font-size:1.3rem;
background:url(../../img/sign/cate-nav-lg.gif) no-repeat scroll 0 8px transparent;color:#666; } /*blank: offset +7*/

#SideBar .SubCateGroup .panel .panel-body dl dd a:hover,
#SideBar .SubCateGroup .panel .panel-body dl dd a:active,
#SideBar .SubCateGroup .panel .panel-body dl dd.active a {background: url(../../img/sign/cate-nav-lg.gif) no-repeat -100px -92px;color:#666; } /*true: offset +7*/

/*
|--------------------------------------------------------------------------
| modal-cates
|--------------------------------------------------------------------------
*/
.modal-cates.modal-left { }
.modal-cates { }
.modal-cates .modal-dialog                { }  
.modal-cates .modal-dialog .modal-content { /*display:block; 去flex*/ } 
.modal-cates .modal-dialog .modal-header  { height:51px; line-height:50px; padding:0 0 0 15px; /*position:relative;*/ border-bottom:1px solid #ddd;  /*border-bottom:10px solid #f2f2f2;*/ }
.modal-cates .modal-dialog .modal-body    { }
.modal-cates .modal-dialog .modal-footer  { }

.modal-cates .modal-dialog .modal-header .modal-title { font-size:1.8rem; line-height:50px; text-transform:uppercase; }

.modal-cates .modal-dialog .modal-body .RefineCube {}

.modal-cates .modal-content.ModalHeadFixed .modal-header { box-shadow:none; }


@media (max-width:991px){
	.modal-cates .modal-body .panel-body { /* -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px;*/ }
	.RefineCube p a:link, .RefineCube p a:visited {display:inline-block; /*for column-count layout align*/}
}

@media (max-width:413px){
	.modal-cates .modal-body #ModalRefineCate-Religion .panel-body { -webkit-column-count:unset; -moz-column-count:unset; column-count:unset; -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset;}

}
@media (max-width:374px){
	.modal-cates .modal-body #ModalRefineCate-Portrait .panel-body { -webkit-column-count:unset; -moz-column-count:unset; column-count:unset; -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset;}
}


.modal-cates .SubCateGroup { }
.modal-cates .SubCateGroup .panel:first-child  { }
.modal-cates .SubCateGroup .panel:last-child { border-bottom:none; }

.modal-cates .SubCateGroup .panel { border-top:none;	}
.modal-cates .SubCateGroup .panel > .panel-heading .panel-heading-a { padding-left:15px; font-size:1.5rem; font-family:ProximaNova-Semibold; }
.modal-cates .SubCateGroup .panel > .panel-heading > a.accordion-toggle { right:5px; }
.modal-cates .SubCateGroup .panel > .panel-heading > a.accordion-toggle i.fa-angle-right { position:relative; left:-2px;}

.modal-cates .SubCateGroup .panel .panel-body { padding:0 15px 15px 15px; }
.modal-cates .SubCateGroup .panel > .panel-body {}

.modal-cates .SubCateGroup .panel .panel-body dl { display:flex; flex-wrap:wrap; justify-content:space-between;}
.modal-cates .SubCateGroup .panel .panel-body dl dd { width:calc(50% - 0.3rem); margin-bottom:1rem;}
.modal-cates .SubCateGroup .panel .panel-body dl dd h2   {}
.modal-cates .SubCateGroup .panel .panel-body dl dd h2 a { display:block; width:100%; margin:0;
font-size:1.3rem; position:relative; padding:0 4px; border:1px solid #e5e5e5; height:28px; line-height:25px; text-decoration:none !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.modal-cates .SubCateGroup .panel .panel-body dl dd h2 a em { font-size:1.2rem; }

/*
.modal-cates .SubCateGroup .panel .panel-body dl dd a { font-size:1.3rem; position:relative; padding:0 10px; margin:0 10px 10px 0; float:left; border:1px solid #e5e5e5; height:28px; line-height:25px; text-decoration:none !important; }
*/
.modal-cates .SubCateGroup .panel .panel-body dl dd a.active { border:1px solid #000; }
.modal-cates .SubCateGroup .panel .panel-body dl dd a.active::before { position:absolute; bottom:0; right:0; z-index:1; width:14px; height:14px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg); background-size:contain; background-repeat: no-repeat;}



/*
|--------------------------------------------------------------------------
| modal-refine
|--------------------------------------------------------------------------
*/
.modal-refine.modal-left { }
.modal-refine { }
.modal-refine .modal-dialog                { }  
.modal-refine .modal-dialog .modal-content { /*display:block; 去flex*/ } 
.modal-refine .modal-dialog .modal-header  { height:51px; line-height:50px; padding:0 0 0 15px; /*position:relative;*/ border-bottom:1px solid #ddd;  /*border-bottom:10px solid #f2f2f2;*/ }
.modal-refine .modal-dialog .modal-body    { }
.modal-refine .modal-dialog .modal-footer  { }

.modal-refine .modal-dialog .modal-header .modal-title { color:#000; font-family:ProximaNova-Semibold; font-size:1.8rem; line-height:50px; text-transform:uppercase; }

.modal-refine .modal-dialog .modal-body .RefineCube {}

.modal-refine .modal-content.ModalHeadFixed .modal-header { box-shadow:none; }


@media (max-width:991px){
	.modal-refine .modal-body .panel-body { /* -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-gap:10px; -moz-column-gap:10px; column-gap:10px;*/ }
	.RefineCube p a:link, .RefineCube p a:visited {display:inline-block; /*for column-count layout align*/}
}

@media (max-width:413px){
	.modal-refine .modal-body #ModalRefineCate-Religion .panel-body { -webkit-column-count:unset; -moz-column-count:unset; column-count:unset; -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset;}

}
@media (max-width:374px){
	.modal-refine .modal-body #ModalRefineCate-Portrait .panel-body { -webkit-column-count:unset; -moz-column-count:unset; column-count:unset; -webkit-column-gap:unset; -moz-column-gap:unset; column-gap:unset;}
}


.modal-refine .SubCateGroup { }
.modal-refine .SubCateGroup .panel:first-child  { }
.modal-refine .SubCateGroup .panel:last-child { border-bottom:none; }

.modal-refine .SubCateGroup .panel { border-top:none;	}
.modal-refine .SubCateGroup .panel > .panel-heading .panel-heading-a { padding-left:15px; font-size:1.5rem; font-family:ProximaNova-Semibold; }
.modal-refine .SubCateGroup .panel > .panel-heading > a.accordion-toggle { right:5px; }
.modal-refine .SubCateGroup .panel > .panel-heading > a.accordion-toggle i.fa-angle-right { position:relative; left:-2px;}

.modal-refine .SubCateGroup .panel .panel-body { padding:0 15px 15px 15px; }
.modal-refine .SubCateGroup .panel > .panel-body {}

.modal-refine .SubCateGroup .panel .panel-body dl { display:flex; flex-wrap:wrap; justify-content:space-between;}
.modal-refine .SubCateGroup .panel .panel-body dl dd { width:calc(50% - 0.5rem); margin-bottom:0.75rem;}
.modal-refine .SubCateGroup .panel .panel-body dl dd h2   {}
.modal-refine .SubCateGroup .panel .panel-body dl dd h2 a { display:block; width:100%; margin:0; background-color:#f8f8f8;
font-size:1.3rem; position:relative; padding:0 4px; border:1px solid #e5e5e5; height:50px; line-height:50px; text-decoration:none !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.modal-refine .SubCateGroup .panel .panel-body dl dd h2 a em { font-size:1.2rem; }

/*
.modal-refine .SubCateGroup .panel .panel-body dl dd a { font-size:1.3rem; position:relative; padding:0 10px; margin:0 10px 10px 0; float:left; border:1px solid #e5e5e5; height:28px; line-height:25px; text-decoration:none !important; }
*/
.modal-refine .SubCateGroup .panel .panel-body dl dd a.active { border:1px solid #000; }
.modal-refine .SubCateGroup .panel .panel-body dl dd a.active::before { position:absolute; bottom:0; right:0; z-index:1; width:14px; height:14px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg); background-size:contain; background-repeat: no-repeat;}

.modal-refine .options-wrap-color .options a    { float:left;  text-align:center;  }
.modal-refine .options-wrap-color .options a em { display:inline-block; font-size:1.2rem; line-height:1; padding-top:0.4rem; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.modal-refine .options-wrap-color .options a i.ColorBlock  { display:inline-block; width:40px; height:40px; border:2px solid #c1c1c1; position:relative; }
.modal-refine .options-wrap-color .options a i.ColorBlock > i { font-size:1.6rem; position:absolute; right:-2px; bottom:-2px; background-color:#000; color:#fff; border-radius:50%; }

@media (min-width:350px){
.modal-refine .options-wrap-color .options a { width:calc(25% - 8px); margin:0 8px 10px 0; }
.modal-refine .options-wrap-color .options a:nth-of-type(4n) { margin-right:0; }
}

@media (max-width:349px){
.modal-refine .options-wrap-color .options a { width:calc(33.333333% - 8px); margin:0 8px 10px 0;}
.modal-refine .options-wrap-color .options a:nth-of-type(3n) { margin-right:0; }

}


/*
|--------------------------------------------------------------------------
| modal-sort
|--------------------------------------------------------------------------
*/
.modal-sort.modal-left { }
.modal-sort { }
.modal-sort .modal-dialog                { }  
.modal-sort .modal-dialog .modal-content { /*display:block; 去flex*/ } 
.modal-sort .modal-dialog .modal-header  { height:51px; line-height:50px; padding:0 0 0 15px; /*position:relative;*/ border-bottom:1px solid #ddd;  /*border-bottom:10px solid #f2f2f2;*/ }
.modal-sort .modal-dialog .modal-body    { }
.modal-sort .modal-dialog .modal-footer  { }

.modal-sort .modal-dialog .modal-header .modal-title { font-size:1.8rem; line-height:50px; text-transform:uppercase; }
.modal-sort .modal-content.ModalHeadFixed .modal-header { box-shadow:none; }

.modal-sort .modal-body > ul {}
.modal-sort .modal-body > ul li { padding:0 1.5rem; }
.modal-sort .modal-body > ul li > a { display:flex; padding:0.9rem 0; border-bottom:1px solid #eee; }
.modal-sort .modal-body > ul li > a > em { flex:1; }
.modal-sort .modal-body > ul li > a > i { font-size:1.6rem; margin-top:4px; }

.modal-sort .modal-dialog                { display:flex; }  
.modal-sort .modal-dialog .modal-content { border:none;  }

/**/
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg { height:0; padding-bottom:133.3333333%;}
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG { position:absolute;  }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG > picture,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg .frontImgBG > img { position:absolute; /*This is for safari*/ }

.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg { height:0; padding-bottom:133.3333333%; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg .backImgBG { position:absolute; ; }
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg .backImgBG > picture,
.Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg .backImgBG > img { position:absolute; /*This is for safari*/ }
/*因为背图调用的m图，大尺寸时会出现不充满的现象，强制宽度100%，但对于未统一尺寸的竖长图，有显示问题*/

#modal_refine.modal-LeftFixed.fade  .modal-dialog,
#modal_refine.modal-RightFixed.fade .modal-dialog { max-width:380px !important; }

#NarrowBy::-webkit-scrollbar {    width: 6px!important}
#NarrowBy::-webkit-scrollbar-thumb { border-radius:3px; background-color: #e0e0e0 }
#NarrowBy::-webkit-scrollbar-track { margin-top:13px; margin-bottom:13px; border-radius:3px; background-color:#f7f8fa; }
/*
.body-cate,
.ShakeClear-MainContent,
.ShakeClear-MainContent .main_content,
.ShakeClear-MainContent .main_content .ContentWrapper,
.ShakeClear-MainContent .main_content .ContentWrapperBG,
#SideBar,
#SideBarBG,
#NarrowByOuter,
#NarrowBy,
.SideCubeContent { height:100%; }
*/
/*
#ContentWrapperBG { display:flex; height:100%; }
#SideBar { height:100%; }
#MainWrapper { flex:1; }
*/

/*
|----------------------------------------
| (dropdown)sort
|----------------------------------------
*/
.trigger-SortBox > ul.dropdown-menu { font-size:1.5rem; }
.trigger-SortBox > ul.dropdown-menu { padding:0 1rem; }
.trigger-SortBox > ul.dropdown-menu > li > a { display:flex; padding:1.5rem 0; border-bottom:1px solid #eee; }
.trigger-SortBox > ul.dropdown-menu > li > a:hover { text-decoration:none; }
.trigger-SortBox > ul.dropdown-menu > li > a:focus { text-decoration:none; }
.trigger-SortBox > ul.dropdown-menu > li > a > em { flex:1; }
.trigger-SortBox > ul.dropdown-menu > li > a > i  { font-size:1.6rem; position:relative; top:3px; display:none;}

.trigger-SortBox > ul.dropdown-menu > li.selected {}
.trigger-SortBox > ul.dropdown-menu > li.selected > a { color:#f02165; }
.trigger-SortBox > ul.dropdown-menu > li.selected > a > i { color:#f02165; display:inline-block; }

@media (min-width:992px) {
.trigger-SortBox > ul.dropdown-menu { border-color:#ccc; }
.trigger-SortBox > ul.dropdown-menu > li > a:hover { background-color:#f8f8f8; }

#trigger-SortBox-PC {}
#trigger-SortBox-PC > em { margin-right:12px; }
#trigger-SortBox-PC .btn-change { width:160px; border:1px solid #ccc; padding:0 10px; height:36px; line-height:1; }
#trigger-SortBox-PC .btn-change i { float:right; }
#trigger-SortBox-PC > ul.dropdown-menu { top:-2px !important; width:160px; border-radius:0; padding:0; }
#trigger-SortBox-PC > ul.dropdown-menu > li > a { padding:0.7rem 1rem 0.6rem 1rem; }
#trigger-SortBox-PC > ul.dropdown-menu > li > a  > i { position:relative; top:4px; left:5px; }

/*same as trigger-SortBox-PC*/
#trigger-SortBox-Mobile { /*display:none;*/ }
#trigger-SortBox-Mobile > em { margin-right:12px; }
#trigger-SortBox-Mobile .btn-change { width:160px; border:1px solid #999; padding:0 10px; height:36px; line-height:34px; }
#trigger-SortBox-Mobile .btn-change i { float:right; }
#trigger-SortBox-Mobile > ul.dropdown-menu { top:-2px !important; width:160px; border-radius:0; padding:0; }
#trigger-SortBox-Mobile > ul.dropdown-menu > li > a { padding:0.7rem 1rem 0.6rem 1rem; }
#trigger-SortBox-Mobile > ul.dropdown-menu > li > a  > i { position:relative; top:4px; left:5px; }
}
@media (max-width:991px) {
#trigger-SortBox-PC  { display:none; }
#trigger-SortBox-Mobile {}
.trigger-SortBox > ul.dropdown-menu { margin:0; transform:none !important; top:44px !important; }
.trigger-SortBox > ul.dropdown-menu + .sort-mask {}
.trigger-SortBox > ul.dropdown-menu.show + .sort-mask { position:absolute; left:0; top:51px; width:100%; height:100vh; background:rgba(0,0,0,.4);}
}


/*
|--------------------------------------------------------------------------
| RelatedSearchesBox
|--------------------------------------------------------------------------
*/
@media (min-width:992px) {
.CateCube-Bottom { /*display:none; max-width:1200px;*/  margin:0 auto; padding:40px 0 0 0; }
}
@media (max-width:991px) {
.CateCube-Bottom { border:none; margin:0; padding:40px 0 10px 0; }
#TheFooter-Mobile { /*margin-top:40px;*/}
}

.RelatedSearchesBox { padding:10px 10px 7px 10px; /*margin-top:24px; border:1px solid #ccc; */}
.RelatedSearches-Title { color:#444;text-transform:uppercase; line-height:1; margin-bottom:17px; /* font-size:1.6rem; font-weight:bold; */ }
.RelatedSearches-Content { /*min-height:43px;*/}
.RelatedSearches-Content .btn { min-width:auto; padding:3px 8px; margin:0 8px 8px 0; font-size:1.3rem; height:auto; border-color:#ddd; color:#999; text-transform:unset; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.RelatedSearches-Content .btn.active { border:1px solid #000; position:relative; }
.RelatedSearches-Content .btn.active::before { position:absolute; bottom:0; right:0; z-index:1; width:14px; height:14px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg);  background-size:contain; background-repeat: no-repeat;}

/*
.RelatedSearches-Content > div { margin-bottom:4px;}
.RelatedSearches-Content > div > a { display:inline-block; padding:4px 0; }
*/
.RelatedSearches-Content > a { float:left;  /*display:inline-block;*/ padding:4px 0; margin:0 10px 4px 0; }

@media (min-width:768px) and (max-width:991px){
.RelatedSearches-Content  { display:flex; flex-wrap:wrap; }
.RelatedSearches-Content > .btn { width:calc(25% - 0.8rem); margin-bottom:1rem; margin-right:1rem;}
.RelatedSearches-Content > .btn:nth-of-type(4n) { margin-right:0; }
}

@media (min-width:570px) and (max-width:767px){
.RelatedSearches-Content  { display:flex; flex-wrap:wrap; }
.RelatedSearches-Content > .btn { width:calc(33.333333% - 0.6rem); margin-bottom:1rem; margin-right:0.9rem;}
.RelatedSearches-Content > .btn:nth-of-type(3n) { margin-right:0; }
}

@media (max-width:569px){
.RelatedSearches-Content  { display:flex; flex-wrap:wrap; }
.RelatedSearches-Content > .btn { width:calc(50% - 0.4rem); margin-bottom:1rem; }
.RelatedSearches-Content > .btn:nth-of-type(2n) { margin-right:0; }
}


/*
|--------------------------------------------------------------------------
| #FixedCate
| #FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a::before { position:absolute; bottom:0; right:0; z-index:1; width:16px; height:16px; content:''; background-image:url(../../img/png/FilterSelected.png);  background-size:contain; background-repeat: no-repeat;}
|--------------------------------------------------------------------------
*/


#FixedCateOuter { background-color:#fff; padding-top:18px; height:70px; margin:0 -10px; }
#FixedCate { padding-left:10px; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide { }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide a  { position:relative; background-color:#f2f2f2; padding:0 10px; margin-right:10px; height:33px; display:flex; align-items:center; justify-content:center;}
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide > a > em { font-weight:normal; line-height:1; height:auto; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a { border:1px solid #000; }
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a::before { position:absolute; bottom:0; right:0; z-index:1; width:14px; height:14px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg);  background-size:contain; background-repeat: no-repeat;}
#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide.active > a > em { border:none; }

#FixedCate > #SwiperMenu-FixedCate > .swiper-wrapper > li.swiper-slide:first-child a { padding-left:10px; }



/*
|--------------------------------------------------------------------------
| .PaginationBox
|--------------------------------------------------------------------------
*/
.PaginationBox { margin-bottom:0; }



/*
|--------------------------------------------------------------------------
| .PaginationBox
|--------------------------------------------------------------------------
*/
.Content3-4.Content4.ContentFull { }
.Content3-4.Content4.ContentFull #MainWrapper,
.Content3-4.Content4.ContentFull #MainWrapperBG { margin-left:0;} 



/*
|--------------------------------------------------------------------------
| body-cate-s
|--------------------------------------------------------------------------
*/
.body-cate-s .Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .frontImg { padding-bottom:100%;}
.body-cate-s .Content3-4 .ListGallery .w-productList .listBoxs .imgBoxA .backImg { padding-bottom:100%;}


/*
|--------------------------------------------------------------------------
| body-cate-s
|--------------------------------------------------------------------------
*/
.CountItems.NoFilter-Show {}
.CountItems.NoFilter-Hide {}

.body-cate-nofilter {}
.body-cate-nofilter .SortBar .CountItems { height:36px; }
.body-cate-nofilter .SortBar .CountItems em { height:36px; line-height:36px; padding:0; }
@media (min-width:992px) {
.body-cate-nofilter .breadcrumb { position:relative; top:9px;}
.body-cate-nofilter div.SortBar { position:relative; }
.body-cate-nofilter #trigger-SortBox-Mobile,
.body-cate-nofilter #trigger-SortBox-PC { /*position:absolute; top:-32px; right:0; */ }
}

@media (max-width:991px) {
.body-cate-nofilter .SortBar .CountItems { float:left; width:50%; height:43px; }
.body-cate-nofilter .SortBar .CountItems em { height:43px; line-height:43px; padding:0; }
}

/*下拉真分类（手风琴做）内容为：RelatedSearches-Content*/
#AccordionGroup-Cate .panel > .panel-heading { padding:0; display:flex; align-items:center; justify-content:center; flex-direction:row-reverse; margin:0 -1rem; height:6rem; background-color:#fff;}
#AccordionGroup-Cate .panel > .panel-heading > .panel-heading-a  { }
#AccordionGroup-Cate .panel > .panel-heading > .panel-heading-a > h1 { font-family:'Domaine Display'; font-size:1.6rem; /*text-transform:uppercase; */ }
#AccordionGroup-Cate .panel > .panel-heading > a.accordion-toggle { position:static; margin-right:-28px; }
#AccordionGroup-Cate .panel > .panel-heading > a.accordion-toggle > i { position:relative; top:4px; }

#AccordionGroup-Cate .panel:last-child { border-bottom:none; }

@media (min-width:992px) {
/*for theme_default.html*/
#AccordionGroup-Cate .panel {border:none; }
#AccordionGroup-Cate .panel > .panel-heading { height:3.6rem; }
#AccordionGroup-Cate .panel > .panel-heading > .panel-heading-a > h1 { font-size:2rem; }
}

#AccordionGroup-CateContent {}
#AccordionGroup-CateContent .RelatedSearchesBox {}
#AccordionGroup-CateContent .RelatedSearchesBox .RelatedSearches-Content { display:block !important; }

#AccordionGroup-CateContent .RelatedSearchesBox { padding:10px 10px 7px 10px; /*margin-top:24px; border:1px solid #ccc; */}
#AccordionGroup-CateContent .RelatedSearches-Title { color:#444;text-transform:uppercase; line-height:1; margin-bottom:17px; /* font-size:1.6rem; font-weight:bold; */ }
#AccordionGroup-CateContent .RelatedSearches-Content { /*min-height:43px;*/}
#AccordionGroup-CateContent .RelatedSearches-Content .btn { min-width:auto; padding:3px 8px; margin:0 8px 8px 0; font-size:1.3rem; height:auto; border-color:#ddd; color:#999; text-transform:unset; }
#AccordionGroup-CateContent .RelatedSearches-Content .btn.active { border:1px solid #000; position:relative; }
#AccordionGroup-CateContent .RelatedSearches-Content .btn.active::before { position:absolute; bottom:0; right:0; z-index:1; width:14px; height:14px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg);  background-size:contain; background-repeat: no-repeat;}



/*下拉真分类（弹窗做）*/
#modal_cates {}
#modal_cates.modal-default.show .modal-dialog { top:0;}
#modal_cates .modal-body { padding-top:0; }
#modal_cates .modal-body > a.CateName { display:flex; align-items:center; justify-content:center; height:6rem; }
#modal_cates .modal-body > a.CateName > .modal-title{ font-family:'Domaine Display'; font-size:1.6rem;}
#modal_cates .modal-body > a.CateName > .modal-title + i { margin-left:1.4rem; font-size:2rem; color:#999; position:relative; top:3px; transform:rotate(180deg);}

#modal_cates .modal-body > a.QuitModalCates { display:flex; align-items:center; justify-content:center; height:5rem; margin-top:1rem; }
#modal_cates .modal-body > a.QuitModalCates > i { font-size:2rem; color:#999; position:relative; top:3px; transform:rotate(180deg);}

#modal_cates .modal-body .CateBoardGroup {}
#modal_cates .modal-body .CateBoard {}
#modal_cates .modal-body .CateBoard .board-heading { height:4rem; line-height:4rem; background-color:#f2f2f2; padding:0 1.5rem; margin:0 -1rem; font-family:ProximaNova-Semibold; text-transform:uppercase; /*border-top:1px solid #ddd;*/ }
#modal_cates .modal-body .CateBoard .board-body    { padding:0 0.5rem;}
#modal_cates .modal-body .CateBoard .board-body > dl { }
#modal_cates .modal-body .CateBoard .board-body > dl > dd { }
#modal_cates .modal-body .CateBoard .board-body > dl > dd > h2 { margin:0; }
#modal_cates .modal-body .CateBoard .board-body > dl > dd > h2 > a { display:block; height:4.4rem; line-height:4rem; border-bottom:1px solid #e2e2e2; }
#modal_cates .modal-body .CateBoard .board-body a.current { /*color:#f02165;*/ position:relative; }
#modal_cates .modal-body .CateBoard .board-body a.current > i.ICO-normal-checked { font-size:1.6rem; position:absolute; right:0; top:14px; background-color:#fff; border-radius:50%; }

#modal_cates .modal-body .CateBoard .board-body > dl > dd:last-child > h2 > a { border-bottom:none; }
#modal_cates .modal-body .CateBoard:last-child .board-body > dl > dd:last-child > h2 > a { border-bottom:1px solid #e2e2e2; }

#modal_cates .modal-body .CateBoard .board-body .options-wrap-color {}
#modal_cates .modal-body .CateBoard .board-body .options-wrap-color .options { padding:1.5rem 0 0 0; max-width:354px; }

#modal_cates .options-wrap-color .options a    { float:left; width:calc(20% - 8px); margin:0 8px 10px 0; text-align:center;  }
#modal_cates .options-wrap-color .options a em { display:inline-block; font-size:1.2rem; }
#modal_cates .options-wrap-color .options a i.ColorBlock  { display:inline-block; width:40px; height:40px; border:2px solid #c1c1c1; position:relative; }
#modal_cates .options-wrap-color .options a i.ColorBlock > i { font-size:1.6rem; position:absolute; right:-2px; bottom:-2px; background-color:#000; color:#fff; border-radius:50%; }




/*
|--------------------------------------------------------------------------
| 列表页左边栏 Narrow by
|--------------------------------------------------------------------------
*/
.options-wrap-color .options a.option-red i.ColorBlock			{ background-color:#c00017; }
.options-wrap-color .options a.option-white i.ColorBlock		{ background-color:#ffffff; }
.options-wrap-color .options a.option-blue i.ColorBlock			{ background-color:#2479ed; }
.options-wrap-color .options a.option-black i.ColorBlock		{ background-color:#000000; }
.options-wrap-color .options a.option-pink i.ColorBlock			{ background-color:#fddad4; }
.options-wrap-color .options a.option-purple i.ColorBlock		{ background-color:#5b2642; }
.options-wrap-color .options a.option-green i.ColorBlock		{ background-color:#00a885; }
.options-wrap-color .options a.option-yellow i.ColorBlock		{ background-color:#fff100; }
.options-wrap-color .options a.option-orange i.ColorBlock		{ background-color:#fd9850; }
.options-wrap-color .options a.option-silver i.ColorBlock		{ background-color:#cfd1cc; }
.options-wrap-color .options a.option-gold i.ColorBlock			{ background-color:#edc56d; }
.options-wrap-color .options a.option-champagne i.ColorBlock	{ background-color:#e2d0a8; }
.options-wrap-color .options a.option-grey i.ColorBlock			{ background-color:#5b5c5e; }
.options-wrap-color .options a.option-coral i.ColorBlock		{ background-color:#f9c4b6; }
.options-wrap-color .options a.option-lilac i.ColorBlock		{ background-color:#e6cbf8; }
.options-wrap-color .options a.option-teal i.ColorBlock			{ background-color:#008080; }
.options-wrap-color .options a.option-turquoise i.ColorBlock	{ background-color:#90f5da; }
.options-wrap-color .options a.option-ivory i.ColorBlock		{ background-color:#f7f7ef; }

.options-wrap-color .options a.option-royal-blue i.ColorBlock	{ background-color:#242eb2; }
.options-wrap-color .options a.option-sage i.ColorBlock			{ background-color:#e1f9bb; }
.options-wrap-color .options a.option-claret i.ColorBlock		{ background-color:#7f1734; }
.options-wrap-color .options a.option-emerald i.ColorBlock		{ background-color:#057d40; }
.options-wrap-color .options a.option-pearl-pink i.ColorBlock	{ background-color:#fedcd3; }
.options-wrap-color .options a.option-watermelon i.ColorBlock		{ background-color:#f87b77; }
.options-wrap-color .options a.option-light-yellow  i.ColorBlock	{ background-color:#fffedf; }
.options-wrap-color .options a.option-light-slate i.ColorBlock,
.options-wrap-color .options a.option-light-slate-gray i.ColorBlock	{ background-color:#778899; }
.options-wrap-color .options a.option-sky-blue i.ColorBlock,
.options-wrap-color .options a.option-light-sky-blue i.ColorBlock	{ background-color:#ccedff; }
.options-wrap-color .options a.option-brown i.ColorBlock			{ background-color:#8f6b53; }
.options-wrap-color .options a.option-burgundy i.ColorBlock			{ background-color:#8d1427; }
.options-wrap-color .options a.option-chocolate i.ColorBlock		{ background-color:#503228; }
.options-wrap-color .options a.option-dark-navy i.ColorBlock		{ background-color:#24315d; }
.options-wrap-color .options a.option-stormy i.ColorBlock			{ background-color:#4c4e65; }
.options-wrap-color .options a.option-daffodil i.ColorBlock			{ background-color:#feffcf; }
.options-wrap-color .options a.option-dark-green i.ColorBlock		{ background-color:#0c584e; }
.options-wrap-color .options a.option-fuchsia i.ColorBlock			{ background-color:#e137a4; }
.options-wrap-color .options a.option-grape i.ColorBlock			{ background-color:#77346a; }
.options-wrap-color .options a.option-hunter i.ColorBlock			{ background-color:#224237; }
.options-wrap-color .options a.option-lavender i.ColorBlock			{ background-color:#d7ddff; }
.options-wrap-color .options a.option-gray i.ColorBlock				{ background-color:#5b5c5e; }
.options-wrap-color .options a.option-ink-blue i.ColorBlock			{ background-color:#174c78; }
.options-wrap-color .options a.option-mint-green i.ColorBlock		{ background-color:#d1ffe5; }
.options-wrap-color .options a.option-jade i.ColorBlock				{ background-color:#0baab0; }
.options-wrap-color .options a.option-steel-grey i.ColorBlock		{ background-color:#6f7478; }

.options-wrap-color .options a.option-tahiti i.ColorBlock			{ background-color:#9e81b7; }
.options-wrap-color .options a.option-regency i.ColorBlock			{ background-color:#4c1992; }
.options-wrap-color .options a.option-bubblegum i.ColorBlock		{ background-color:#e7969c; }
.options-wrap-color .options a.option-blushing-pink i.ColorBlock	{ background-color:#ffd1e3; }
.options-wrap-color .options a.option-candy-pink i.ColorBlock		{ background-color:#fec2db; }
.options-wrap-color .options a.option-maroon i.ColorBlock			{ background-color:#800000; }

.options-wrap-color .options a.option-rust i.ColorBlock				{ background-color:#b53b2c; }
.options-wrap-color .options a.option-wisteria i.ColorBlock			{ background-color:#c2a5bb; }
.options-wrap-color .options a.option-duste-rose i.ColorBlock		{ background-color:#e1bbb8; }
.options-wrap-color .options a.option-multi-colours i.ColorBlock	{ background-color:#800000; }

.options-wrap-color .options a.option-multi-colours i.ColorBlock	{ background:url(../../img/color/multi-colours.jpg) no-repeat center center / cover; }


.RefineCube{ }
.options-wrap-color {}
.options-wrap-color .options { padding:0 0 8px 0; }
.options-wrap-color .options a { float:left; width:30px; margin:0 8px 20px 0; }
.options-wrap-color .options a em { display:none; }
.options-wrap-color .options a i.ColorBlock  { display:block; height:30px; border:2px solid #c1c1c1;  }
.options-wrap-color .options a.active i.ColorBlock { position:relative; border:none !important; /*border:2px solid #000;*/}
.options-wrap-color .options a.active i.ColorBlock::before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; border:1px solid #000;
background-image:url(../../img/svg/svg-checked-triangle.svg); background-size:14px; background-repeat: no-repeat; background-position:right bottom; }

#NarrowBy .options-wrap-color .options a:nth-of-type(5n) { margin-right:0; clear:right; }
#NarrowBy .options-wrap-color .options a:nth-of-type(5n+1) { clear:left; }

.SubCateGroup-Occasion .options-wrap-color .options a:nth-of-type(5n) { margin-right:0; clear:right; }
.SubCateGroup-Occasion .options-wrap-color .options a:nth-of-type(5n+1) { clear:left; }



.modal-refine .HasThumbBlock > dd > h2 a.active { border:none !important; }
.modal-refine .HasThumbBlock > dd > h2 a.active::before	{ display:none; background:none; border:none; }
.modal-refine .HasThumbBlock > dd > h2 a.active > i { border-color:#000; }
.modal-refine .HasThumbBlock > dd > h2 a.active > i::before { position:absolute; bottom:0; right:0; z-index:1; width:20px; height:20px; content:''; background-image:url(../../img/svg/svg-checked-triangle.svg); background-size:contain; background-repeat: no-repeat;}

/*
|--------------------------------------------------------------------------
| 列表页左边栏 Narrow by
|--------------------------------------------------------------------------
*/
.modal-refine .HasThumbBlock { display:block !important; }
.modal-refine .HasThumbBlock > dd { float:left; }
.modal-refine .HasThumbBlock > dd > h2 {}
.modal-refine .HasThumbBlock > dd > h2 a { height:auto !important; border:none !important; padding:0 !important; background-color:#fff !important;}
.modal-refine .HasThumbBlock > dd > h2 a > i  { display:block; width:100%; padding-bottom:100%; border:1px solid #e5e5e5; position:relative;  }
.modal-refine .HasThumbBlock > dd > h2 a > em { display:block; width:100%; font-size:1.2rem; line-height:1; padding-top:0.4rem; text-align:center; }

@media (min-width:360px){
.modal-refine .HasThumbBlock > dd { width:calc(33.333333% - 7px) !important; margin:0 8px 10px 0; }
.modal-refine .HasThumbBlock > dd:nth-of-type(3n) { margin-right:0; }
}

@media (max-width:359px){
.modal-refine .HasThumbBlock > dd { width:calc(50% - 6px) !important;; margin:0 8px 10px 0;}
.modal-refine .HasThumbBlock > dd:nth-of-type(2n) { margin-right:0; }
}

.option-thumb			{ background-color:#f8f8f8; background-repeat:no-repeat; background-position:center center; background-size:cover; }	
.option-a-line			{ background-image:url(../../img/option-thumb/a-line.png); }
.option-princess		{ background-image:url(../../img/option-thumb/princess.png); }
.option-ball-gown		{ background-image:url(../../img/option-thumb/ball-gown.png); }
.option-empire			{ background-image:url(../../img/option-thumb/empire.png); }
.option-sheath,
.option-column,
.option-sheath-column	{ background-image:url(../../img/option-thumb/sheath-column.png); }
.option-trumpet,
.option-mermaid,
.option-trumpet-mermaid	{ background-image:url(../../img/option-thumb/trumpet-mermaid.png); }
.option-detachable,
.option-detachable-knock{ background-image:url(../../img/option-thumb/detachable-knock.png); } /*we have not*/

.option-short-mini		{ background-image:url(../../img/option-thumb/short-mini.png); }
.option-knee-length		{ background-image:url(../../img/option-thumb/knee-length.png); }
.option-tea-length		{ background-image:url(../../img/option-thumb/tea-length.png); }
.option-ankle-length	{ background-image:url(../../img/option-thumb/ankle-length.png); }
.option-floor-length	{ background-image:url(../../img/option-thumb/floor-length.png); }
.option-asymmetrical	{ background-image:url(../../img/option-thumb/asymmetrical.png); }
.option-sweep-train		{ background-image:url(../../img/option-thumb/sweep-train.png); }
.option-court-train		{ background-image:url(../../img/option-thumb/court-train.png); }
.option-chapel-train	{ background-image:url(../../img/option-thumb/chapel-train.png); }
.option-watteau-train	{ background-image:url(../../img/option-thumb/watteau-train.png); }
.option-cathedral-train	{ background-image:url(../../img/option-thumb/cathedral-train.png); } /*we have not*/

.option-bateau			{ background-image:url(../../img/option-thumb/bateau.png); } /*we have not*/
.option-strapless		{ background-image:url(../../img/option-thumb/strapless.png); }
.option-sweetheart		{ background-image:url(../../img/option-thumb/sweetheart.png); }
.option-v-neck			{ background-image:url(../../img/option-thumb/v-neck.png); }
.option-one-shoulder	{ background-image:url(../../img/option-thumb/one-shoulder.png); }
.option-off-the-shoulder{ background-image:url(../../img/option-thumb/off-the-shoulder.png); }
.option-halter			{ background-image:url(../../img/option-thumb/halter.png); }
.option-scoop,
.option-scoop-neck		{ background-image:url(../../img/option-thumb/scoop-neck.png); }
.option-square,
.option-square-neckline	{ background-image:url(../../img/option-thumb/square-neckline.png); }
.option-high-neck		{ background-image:url(../../img/option-thumb/high-neck.png); }
.option-scalloped,
.option-scalloped-neck	{ background-image:url(../../img/option-thumb/scalloped-neck.png); }
.option-cowl,
.option-cowl-neck		{ background-image:url(../../img/option-thumb/cowl-neck.png); }
.option-illusion,
.option-illusion-neck	{ background-image:url(../../img/option-thumb/illusion-neck.png); } /*we have not*/

.option-sleeveless		{ background-image:url(../../img/option-thumb/sleeveless.png); }
.option-short-sleeve	{ background-image:url(../../img/option-thumb/short-sleeve.png); }
.option-long-sleeve		{ background-image:url(../../img/option-thumb/long-sleeve.png); }
.option-1-2-sleeve		{ background-image:url(../../img/option-thumb/half-sleeve.png); }
.option-3-4-sleeve		{ background-image:url(../../img/option-thumb/3-4-sleeve.png); }

.option-regular-straps	{ background-image:url(../../img/option-thumb/regular-straps.png); }
.option-spaghetti-straps{ background-image:url(../../img/option-thumb/spaghetti-straps.png); }
.option-cap-straps		{ background-image:url(../../img/option-thumb/cap-straps.png); }
.option-sleeves			{ background-image:url(../../img/option-thumb/sleeves.png); }  /*image same as 3-4-sleeve*/