@charset "utf-8";
.Content{width: 100% !important;}
#ContentWarp {background: #f5f5f5; padding: 15px 40px; box-sizing: border-box;}
.MainContent{ float:right; width: calc(100% - 300px);padding: 0;}
.Bread_crumbs{ float: none;}
.PH-OneLevel{ background: #FFFFFF; padding: 15px;}
.adArea{ width:760px; height:200px;}
.adArea ul,.adArea li{ list-style-type:none; width:760px; height:200px;}
.adArea a{ display:block;}
.adArea img{ width:760px; height:200px;}
.play_text{ width:160px; height:20px; position:absolute; margin-top:170px; margin-left:615px; z-index:1;}
.play_text a{ cursor:pointer; height:20px; width:20px; margin-right:5px; float:left; text-align:center; font-weight:700; line-height:20px; text-decoration:none;}
.play_text .indexSelect{ background:#1b861e; color:#fff;}
.play_text .indexNormal{ background:#f0eeef; color:#222;}
.CategoryTitle{ height:40px; line-height:40px; text-align:center; font-size:20px; font-weight:400; padding-bottom:15px; text-indent:-9999px!important;}
.CategoryProList{ clear:both; margin:0 auto;}
.CategoryProList li{ list-style-type:none; float:left; width:104px; height:auto;}
.CategoryProList li.liRight{ margin-right:0;}
.CategoryProList li.liNomal{ margin-right:14px; position:relative;}
.CategoryProList li.liNomal .hot{ width:24px; height:12px; position:absolute; right:0; top:0; background:url(../images_new/home/hot.gif);}
.Hot-Items .ViewMore{ font-size:18px; color:#fff; background:#84cabc; width:180px; height:40px; line-height:40px; display:block; margin:0 auto 15px; text-align:center; border-radius:5px;}
.CategoryProList li .category_Img{ width:108px; height:108px; overflow:hidden; border:1px solid #ccc;}
.CategoryProList li .category_Img a{ width:108px; height:108px; display:block;}
.CategoryProList li .category_Img a img{ width:108px; height:108px; display:block;}
.CategoryProList .categoryName{ width:100px; height:47px; line-height:15px; text-align:center; margin-top:3px; overflow:hidden; font-weight:400;}
.CategoryProList .categoryName a{ width:100px; display:block; color:#666;}
.More{ background:url(../images/category/productpage.gif) no-repeat -26px -238px; cursor:pointer; padding-left:17px; text-decoration:underline; color:#000; display:block; width:36px; margin-bottom:10px;}
.Less{ background:url(../images/category/arrow-top.gif) no-repeat left center; cursor:pointer; padding-left:17px; text-decoration:underline; color:#000; display:block; width:36px; margin-bottom:10px;}
.PropertyText dd.Less{ margin:0; padding-left:16px; width:auto; padding-bottom:1px;}
.PropertyList{ margin-bottom:20px; overflow:hidden;}
.Img140x120px a{ display:block; height:160px; width:160px;}
.Img140x120px a img{ height:100%; width: auto;}
.Img140x120px{ float:left; height:160px; margin-top:14px; overflow:hidden; text-align:left; width:160px;}
.PropertyText{ background:url(../images_new/new-category/bg_line.png) no-repeat scroll left 40px transparent; float:left; margin-left:10px; width:calc(100% - 170px);}
.PropertyText h3{ font:16px Verdana,Arial,Helvetica,sans-serif; margin:16px 0 8px;}
.PropertyText h3 a{ color:#90bfb6;}
.PropertyText dt{ font-weight:700; padding-bottom:4px;}
.PropertyText dl{ overflow:hidden; padding:9px 0 0 15px;}
.PropertyText dd{ float:left; padding:0 0 5px; width:153px;}
.PropertyText dd span{ background:url(../images/category/master-new.gif) no-repeat scroll 0 -96px transparent; display:block; float:left; height:15px; margin-right:5px; width:5px;}
.PropertyText dd.More{ width:auto; margin:0; padding-left:16px; background-position:-30px -238px;}
.Catalogues{ padding:0 12px;}
.CataTitle{ border-bottom:2px solid #6ebc4c; font-weight:400; color:#22773c; font-size:24px; padding-bottom:8px; text-align:center;}
.CataTitle a{ color:#22773c;}
.CataloguesItems{ overflow:hidden; padding-top:22px;}
.CataloguesItems dt a{ color:#333;}
.CataloguesItems dd a{ color:#666;}
.CataloguesItems dl{ width:180px; float:left; margin:0 7px 50px 0;}
.CataloguesItems dt{ font-weight:bolder; font-size:14px; margin-bottom:7px;}
.CataloguesItems dd{ margin-bottom:7px; background:url(../images/category/productpage.gif) no-repeat -80px -146px; padding-left:10px;}
dl.LastItems{ margin-right:0;}
.CataloguesItems{ padding:0 6px 6px; margin:0 6px 12px; width:936px;}
.CataloguesItems h3{ font-size:14px; margin-bottom:7px;}
.CataloguesItems ul{ width:936px; overflow:hidden;}
.CataloguesItems li{ background:url(../images/category/productpage.gif) no-repeat -80px -146px; padding-left:10px; padding-bottom:8px; float:left; width:177px;}
.ThemeText{ padding-bottom:24px;}
.ThemeText dl{ padding:9px 0 0 15px; overflow:hidden; width:960px;}
.ThemeText dd{ padding:0 0 5px; float:left; width:170px;}
.ThemeText dd span{ background:url(../images/category/master-new.gif) no-repeat scroll 0 -96px transparent; display:block; float:left; height:15px; margin-right:5px; width:5px;}
.ThemeText a{ color:#90bfb6; text-decoration:underline;}
.PropertyColor a{ width:50px; float:left; height:19px; margin-right:20px;}
.PropertyColor dd{ margin-bottom:5px;}
.PropertyColor a.ColorQ{ width:auto; height:auto; margin:0;}
a.DeepGray{ background:#666; border:1px solid #ccc;}
a.Red{ background:#ef0800; border:1px solid #ccc;}
a.BrightBlue{ background:#0100fe; border:1px solid #ccc;}
a.BrightGreen{ background:#01ff09; border:1px solid #ccc;}
a.PaleGreen{ background:#01cfcb; border:1px solid #ccc;}
a.White{ background:#fff; border:1px solid #ccc;}
a.Gray{ background:silver; border:1px solid #ccc;}
a.Blue{ background:#0100fe; border:1px solid #ccc;}
a.Green{ background:#01ff09; border:1px solid #ccc;}
a.Cyan{ background:#0ff; border:1px solid #ccc;}
a.Pink{ background:#f9c; border:1px solid #ccc;}
a.Yellow{ background:#ff0; border:1px solid #ccc;}
a.Gold{ background:#fc0; border:1px solid #ccc;}
a.Brown{ background:#930; border:1px solid #ccc;}
a.Purple{ background:#c9f; border:1px solid #ccc;}
a.Black{ background:#000; border:1px solid #ccc;}
a.Orange{ background:#f60; border:1px solid #ccc;}
a.Ivory{ background:#f9efd4; border:1px solid #ccc;}
.Silver{ background:url(../images/category/color.gif) no-repeat 0 -39px; border:1px solid #ccc;}
a.Clear{ background:url(../images/category/color.gif) no-repeat 0 0; clear:none; border:1px solid #ccc;}
a.Multicolor{ background:url(../images/category/color.gif) no-repeat 0 -20px; border:1px solid #ccc;}
.Title-sort{ width:785px; height:35px; line-height:35px; background:url(../images/master/pro_bg.jpg) no-repeat scroll 0 0; font-size:18px; margin:0 0 15px; padding-left:15px; font-weight:700;}
.Title-sort.subTitle{ margin:25px 0 10px;}
.Title-sort h2{ display:inline; font-size:18px;}
.Title-sort-Mt{ margin-top:25px;}
.Popularsearch{ overflow:hidden; margin-bottom:25px;}
.PopularsearchUl{ overflow:hidden; height:63px; margin:0 0 15px 15px;}
.PopularsearchUl li{ float:left; margin:0 35px 10px 0; white-space:nowrap;}
.PopularsearchUl li a{ color:#90bfb6;}
.PopularsearchUl.cols li{ width:365px; margin:0 15px 10px 0;}
.PopularsearchUl.cols li.col1{ margin-right:0;}
.Hot-Items{ overflow:hidden; margin-bottom:20px;}
.Hot-Items dl{ overflow:hidden; padding-bottom:20px;}
.Hot-Items dt{ line-height:24px; padding:0 15px; width:770px; margin-bottom:10px;}
.Hot-Items dd{ display:inline; float:left; margin:0 13px 10px; text-align:center; width:128px;}
.AlsoProName{ height:46px; margin:10px 0 4px; overflow:hidden;}
.ReadyTimethree,.ReadyTimeten,.add,.YourPrice_NoLogin,.YourPrice{ background:url(../images/master/icon-product.gif) no-repeat;}
.add{ background-position:0 -1755px; border:medium; cursor:pointer; display:block; height:22px; margin:7px auto 0; width:59px;}
.add:hover{ color:#fff;}
.CustomersName{ height:30px; overflow:hidden; text-align:center; padding-top:10px;}
.CustomersName a{ font-weight:700;}
/*.addSLoading{ background:url(../images/master/addToCart-smallLoader.gif) no-repeat scroll 0 0 transparent!important; text-indent:-2000px;}
.addSLoading:hover{ background-position:0 0;}*/
.CategoryProList{ width:auto; margin-left:32px;}
.Hot-Items dt,.Title-sort{ width:auto;}
.Hot-Items dd img{ width:142px!important; height:142px!important; display:block;}
.AdAreaDescription .CategoryTitle{ height:48px; line-height:48px; font-size:42px; border-bottom:#e8e8e8 2px solid; color:#333; text-indent:initial!important; text-align:left; margin-bottom:15px;}
.CategoryProList li.liNomal{ width:auto; margin-right:12px;}
.PopularsearchUl{ margin-right:17px;}
.Hot-Items dd{ width:142px; margin:0 10px 0 0;}
.add{ width:42px; line-height:28px; height:28px; background:url(../images_new/master/cart_icon.gif) no-repeat 6px center #f60; text-align:left; padding-left:28px; font-size:18px; color:#fff; border-radius:2px; cursor:pointer; margin:10px auto;}
.PopularsearchUl{ height:auto;}
.PopularsearchUl li{ width:auto; line-height:15px;}
.CategoryProList{ padding:0; margin:0;}
.CategoryProList .CategoriesTitle{ border-radius:20px; overflow:hidden; background:#84cabc; position:relative; margin-bottom:15px; text-align:center; color:#fff; font-size:18px; height:40px; line-height:40px;}

.CategoriesJewelry ul{ display:flex; flex-wrap:wrap;}
.CategoriesJewelry li{ background:#e9f7f4; width:19.2%; margin:0 1% 15px 0; box-sizing:border-box; border:#84cabc solid 1px; border-radius:5px; overflow:hidden;}
.CategoriesJewelry li a{ height: 100%; color:#666; position:relative; display:block;}
.CategoriesJewelry li img, .CategoriesProductItem li img, .ShopShape li img, .CategoriesProductShow li img, .PopularProductShow li img, .CategoriesWatches li img, .OtherCategories li img, .CategoriesTrends li img, .CategoriesBrands li img{ width:100%; height:auto;}
.CategoriesJewelry li .ProName{  display: inline-flex; justify-content: center; align-items: center; width: 100%; padding:10px 0; text-align:center; font-size:16px; border-top:#84cabc solid 1px;font-weight:normal}
.CategoriesJewelry li:nth-child(6n){ margin-right:1%;}
.CategoriesJewelry li:nth-child(5n){ margin-right:0;}
.CategoriesJewelry span.Hot{ padding: 5px 10px; width: auto; display:block; position:absolute; top:0; left:0; border-radius: 0 0 15px 0; color:#fff; font-size:16px; background:#d60000;}

.CategoriesBeads ul{ display:flex; flex-wrap:wrap;}
.CategoriesBeads li{ background:#e9f7f4; width:19.2%; margin:0 1% 15px 0; box-sizing:border-box; border:#84cabc solid 1px; border-radius:5px; overflow:hidden;}
.CategoriesBeads li a{ color:#666; position:relative; display:block;}
.CategoriesBeads li img, .CategoriesProductItem li img, .ShopShape li img, .CategoriesProductShow li img, .PopularProductShow li img{ width:100%; height:auto;}
.CategoriesBeads li .ProName{ padding:10px 0; text-align:center; font-size:16px; border-top:#84cabc solid 1px;}
.CategoriesBeads li:nth-child(6n){ margin-right:1%;}
.CategoriesBeads li:nth-child(5n){ margin-right:0;}
.CategoriesBeads span.Hot{ padding: 5px 10px; width: auto; display:block; position:absolute; top:0; left:0; border-radius: 0 0 15px 0; color:#fff; font-size:16px; background:#d60000;}
.CategoriesProductItem a.MoreLink{ font-size:18px; color:#fff; background:#aedbd2; width:180px; height:40px; line-height:40px; display:block; margin:0 auto 15px; text-align:center; border-radius:5px;}
.CategoriesProductNav{ margin-bottom:15px;}
.CategoriesProductNav ul{ background:#84cabc; border-radius:20px; overflow:hidden;}
.CategoriesProductNav li{ background:#e0eeeb; cursor:pointer; width:33.33%; text-align:center; float:left; font-size:18px; height:40px; line-height:40px;}
.CategoriesProductNav li a{ color:#40b49d; display:block;}
.CategoriesProductNav li.Current{ background:#84cabc;}
.CategoriesProductNav li.Current a{ color:#fff;}
.CategoriesProductItem{ padding:0 0 10px;}
.CategoriesProductItem ul{ padding-bottom:10px;}
.CategoriesProductItem li{ float:left; width:15.83%; margin:0 1% 15px 0; position:relative;}
.CategoriesProductItem li .discount{ margin:0;}
.CategoriesProductItem li:nth-child(5n){ margin-right: 1%;}
.CategoriesProductItem li:nth-child(6n){ margin-right:0;}
.CategoriesProductItem .ProName{ margin:5px 0;}
.CategoriesProductItem .ProName a{ overflow:hidden; display:block; text-overflow:ellipsis; word-wrap:break-word; white-space:nowrap; height:17px;}
.CategoriesProductItem .ProPrice{ overflow:hidden; color: #666666;}
.CategoriesProductItem .ProPrice strong{ font-size:16px; color:#cc0000;}
.GoCart{ background:url(../images_new/product/grid-cart.png) no-repeat center center rgba(255,102,0,.8); width:60px; height:28px; border-radius:2px; position:absolute; top:5px; right:10px;}
.GoCart:hover{ background:url(../images_new/product/grid-cart.png) no-repeat center center #f60;}
.buyNow.buyNowBtn{display:none; width:60px; height:28px; border-radius:2px; position:absolute; top:43px; right:10px;  background:url(../images/master/icon-BuyNow.png) no-repeat center -24px rgba(230,0,0,.8);}
.buyNow.buyNowBtn:hover{ background:url(../images/master/icon-BuyNow.png) no-repeat center -24px #e60000;}
.Collect{ background:url(../images_new/product/grid-collect.png) no-repeat center center rgba(204,0,0,.8); width:60px; height:28px; border-radius:2px; position:absolute; top:80px; right:10px;}
.Collect:hover{ background:url(../images_new/product/grid-collect.png) no-repeat center center #c00;}
.ViewMyWishList{background: url(../images_new/product/grid-collect-red.png) no-repeat center center rgba(204, 0, 0, 0.2) !important;}
.NotInterested{ background:url(../images/product/not-interest.png) no-repeat center center rgba(0,0,0,.5); width:60px; height:28px; border-radius:2px; position:absolute; top:115px; right:10px; cursor:pointer; display:none;}
.NotInterested:hover{ background:url(../images/product/not-interest.png) no-repeat center center #666;}
.NotInterestedTrue{ background:url(../images/product/not-interest.png) no-repeat center center #c00!important;}
.GoCart,.Collect, .buyNow.buyNowBtn, .NotInterested{ opacity: 0;}
.CategoriesProductItem li:hover .GoCart,.CategoriesProductItem li:hover .Collect, .CategoriesProductItem li:hover .buyNow.buyNowBtn,.CategoriesProductItem li:hover .NotInterested{ display:block; opacity: 1;}

.mr-bottom{ margin-bottom:15px;}
.CategoryTitle{ height:162px; background-size: 100% auto !important; padding: 0;}
.CategoryTitle img{ vertical-align:top; width: 100%}
.AdAreaDescription{ padding:10px 0 0; line-height:24px; overflow:hidden;}
.AdAreaDescription a{ color:#90bfb6;}
.ClayBeads{ background:url(../images/category/Clay-Beads.jpg) no-repeat center top; padding-top:88px;}
.GemstoneBeads{ background:url(../images/category/Gemstone-Beads.jpg) no-repeat -25px top; padding-top:75px;}
.GemstoneBeads .AdAreaDescription{ width:770px; padding-right:0;}
.GlassBeads{ background:url(../images/category/Glass-Beads.jpg) no-repeat -25px top; padding-top:85px;}
.AssortedFindings{ background:url(../images/category/Assorted-Findings.jpg) no-repeat -25px top; padding-top:120px;}
.clasps{ background:url(../images/category/Clasps.jpg) no-repeat center top; padding-top:72px;}
.clasps .AdAreaDescription{ padding:0 15px 0 5px; width:auto;}
.EarringSettings{ background:url(../images/category/Earring-Settings.jpg) no-repeat center top; height:205px;}
.EarringSettings .AdAreaDescription{ width:558px; margin:105px 0 50px 5px;}
.FindingBeads{ background:url(../images/category/Finding-Beads.jpg) no-repeat -25px top; padding-top:105px;}
.FindingBeads .AdAreaDescription{ padding:0;}
.Links{ background:url(../images/category/Links.jpg) no-repeat center top; padding-top:72px;}
.Pins{ background:url(../images/category/Pins.jpg) no-repeat center top; padding-top:98px;}
.Pins .AdAreaDescription{ padding:0 8px; width:auto;}
.RhinestoneFindings{ background:url(../images/category/RhinestoneFindings.jpg) no-repeat center top; height:100px; padding-top:60px;}
.RhinestoneFindings .AdAreaDescription{ width:630px; margin-bottom:30px; padding:0 20px;}
.LampworkBeads{ background:url(../images/category/Lampwork-Beads.jpg) no-repeat -20px top; padding-top:120px;}
.MetalBeads{ background:url(../images/category/Metal-Beads.jpg) no-repeat -25px top; padding-top:60px;}
.MetalBeads .AdAreaDescription{ padding:0 8px;}

.Cabochons .AdAreaDescription{ padding:0; width:auto;}
.ChainFindings .AdAreaDescription{ padding:0 5px; width:auto;}
.PinchBails .AdAreaDescription{ padding:0 25px; width:auto;}
.Terminators .AdAreaDescription{ width:auto; padding:0 7px;}
.BeadingSupplies .AdAreaDescription{ padding:0 8px; width:auto;}
.StrgingMaterials .AdAreaDescription{ padding:0 10px;}
.discount{ color: #FFFFFF;font-weight: bold; font-size: 17px; display: block; text-align: center; line-height: 16px; padding-top: 4px; box-sizing: border-box; background: url(../images/home/discount_icon.png) no-repeat; width: 44px; height: 44px; position: absolute; top: 0; left: 0;}
.discount font{ font-size: 12px; display: block;}
.ShopShape{ margin-bottom: 20px;}
.ShopShape li{ float: left; width: 13.42%; margin-right: 1%;}
.ShopShape li:last-child{ margin-right: 0;}
.ShopShape li a{ display: block;}
.ShopShape a span{ display: block; text-align: center; font-size: 16px; margin-top: 10px;}

.InspirationProjects .CategoriesTitle, .PopularProductShow .CategoriesTitle{ position: relative;}
.InspirationProjects .CategoriesTitle a, .PopularProductShow .CategoriesTitle a{ position: absolute; top: 0; right: 20px; font-size: 14px; display: block; color: #FFFFFF;}
.InspirationProjects .CategoriesTitle a:hover, .PopularProductShow .CategoriesTitle a:hover{ color: #FFFFFF !important;}
.InspirationProjects ul{ display: flex; flex-wrap: wrap;}
.InspirationProjects li{ float: none; box-sizing: border-box; width: 19.2%; margin: 0 1% 15px 0; padding: 5px; border: 1px solid #e8e8e8;}
.InspirationProjects li:nth-child(5n){ margin-right: 0;}
.InspirationProjects li img{ width: 100%; height: auto;}
.InspirationProjects li a{ display: block;}
.InspirationProjects a span{ line-height:18px; height:46px; overflow:hidden; padding:7px 0 3px; display:block; box-sizing: border-box;}

.CategoriesProductShow ul{ display: flex; flex-wrap: wrap;}
.CategoriesProductShow li{ float: none; width: 15.83%; margin-right: 1%; font-size: 18px;}
.CategoriesFindingsShow li{ width: 19.2%;}
.CategoriesProductShow li:last-child{ margin-right: 0;}
.CategoriesProductShow li a{ display: block; position: relative;}
.CategoriesProductShow a span{ color: #FFFFFF; width: 100%; text-align: center; position: absolute; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.3); padding: 10px 0;}
.CategoriesProductShow a:hover span{ text-decoration: underline;}

.PopularProductShow ul{ display: flex; flex-wrap: wrap;}
.PopularProductShow li{ float: none; width: 19.2%; margin: 0 1% 15px 0; border: #e8e8e8 solid 1px; box-sizing: border-box; font-size: 16px;}
.PopularProductShow li:last-child{ margin-right: 0;}
.PopularProductShow a span{ display: block; text-align: center; padding: 10px;}
.CategoryProList p.TextTip{ padding: 20px 0; font-size: 20px; position: relative;}
.CategoryProList p.TextTip span.BorderImg{ background: url(../images_new/new-category/border-line.jpg) repeat-x; width: 60%; margin: 0 auto; height: 4px; display: block;}
.CategoryProList p.TextTip font{ width: max-content; display: inline-block; top: 50%; left: 50%; transform: translate(-50%, -50%); position: absolute; padding: 10px 15px;}

.CategoriesJewelry li img, .CategoriesProductItem li img, .ShopShape li img, .CategoriesProductShow li img, .PopularProductShow li img, .CategoriesWatches li img, .OtherCategories li img, .CategoriesTrends li img, .CategoriesBrands li img{ width:100%; height:auto;}

.CategoriesWatches ul{ display: flex; flex-wrap: wrap;}
.CategoriesWatches li{ width: 15.83%; margin: 0 1% 35px 0; font-size: 16px; text-align: center;}
.CategoriesWatches li:last-child{ margin-right: 0;}
.CategoriesWatches li p{ position: relative;}
.CategoriesWatches li font{ width: 100%; display: block; position: absolute; color: #9bcdc4; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.CategoriesWatches li span{ display: block; margin-top: 10px;}
.OtherCategories ul{ display: flex; flex-wrap: wrap;}
.OtherCategories li{ overflow: hidden; box-sizing: border-box; border: #9dd5ca solid 1px; border-radius: 5px; position: relative; font-size: 16px; text-align: center; width: 32.66%; margin: 0 1% 25px 0;}
.OtherCategories li:last-child{ margin-right: 0;}
.OtherCategories li a{ height: 100%;}
.OtherCategories li strong{ margin-bottom: 5px;}
.OtherCategories li div{ border-top: #9dd5ca solid 1px; background: #FFFFFF; padding: 15px;}
.CategoriesTrends li{ font-size: 16px; position: relative; width: 24.25%; margin: 0 1% 25px 0;}
.CategoriesTrends li:last-child{ margin-right: 0;}
.CategoriesTrends li div{ line-height: 24px; box-sizing: border-box; text-align: center; padding: 15px; position: absolute; top: 5%; left: 50%; transform: translateX(-50%); width: 90%; background: rgba(255, 255, 255, 0.75);}
.CategoriesTrends li strong{ font-size: 20px; margin-bottom: 10px;}
.CategoriesBrands li{width: 32.66%; margin: 0 1% 25px 0;}
.CategoriesBrands li:last-child{ margin-right: 0;}
.CategoriesBrands li p{ font-size: 16px; line-height: 24px; padding: 10px 10px 0;font-weight:normal}
.CategoriesBrands li p a{ color: #90bfb6;}

.ShopCategory{ position: relative;}
.ShopCategory ul{ flex-wrap: nowrap;}
.ShopCategory .arrow-right{ z-index: 2; background: url(../images/home/arrow-icon.png) -36px 0px no-repeat; transform: rotate(-180deg); top: 40%; margin: 0; width: 36px; height: 56px; right: 0;}
.ShopCategory .arrow-left{ z-index: 2; background: url(../images/home/arrow-icon.png) -36px 0px no-repeat; top: 40%; margin: 0; width: 36px; height: 56px; left: 0;}
.ShopCategory .arrow-right:hover{ background: url(../images/home/arrow-icon.png) no-repeat; transform: rotate(-180deg); width: 36px; height: 56px;}
.ShopCategory .arrow-left:hover{ background: url(../images/home/arrow-icon.png) no-repeat; width: 36px; height: 56px;}
.ShopCategory .swiper-button-disabled, .ShopCategory .swiper-button-disabled{ display: none;}

.WholesaleTextTip{ background: #eff8f6; padding: 15px; margin-bottom: 15px;}
.WholesaleTextTip p.TextTip font{ background: #eff8f6;}
.WholesaleTextTip dl{ padding-top: 15px;}
.WholesaleTextTip dd{ line-height: 24px; margin-bottom: 15px;}
.WholesaleTextTip dd a{ color: #90bfb6; text-decoration: underline;}

.ReviewWrap{ background: #f5f5f5; padding: 15px; margin-bottom: 15px;}
.ReviewWrap p.TextTip font{ background: #f5f5f5;}
.ReviewWrap .ReviewShow{ padding-top: 5px;}
.ReviewWrap li{ width: auto; float: none; border-bottom: 1px #e8e8e8 solid;}
.ReviewWrap li:last-child{border-bottom:none;}
.ReviewWrap .Reviews{ padding: 15px 10px 0;}
.ReviewWrap .Reviews{padding:15px 10px 0;}
.ReviewWrap .Reviews p{float:left; line-height:40px; margin-right:88px;}
.ReviewWrap .Reviews p img{margin-right:10px;}
.ReviewWrap .Reviewer{line-height:40px; padding:0 10px;}
.ReviewWrap .Reviewer dl{float:left; margin-right:40px;}
.ReviewWrap .Reviewer dl dt{margin-right:10px;}
.ReviewWrap .Reviewer dl dd img{float:left; margin-top:10px; margin-right:4px;}
.ReviewWrap .ReviewText{padding:10px 10px 15px;}
.ReviewTipText{ background: #FFFFFF; padding: 15px;}
.ReviewTipText h3{ font-size: 20px; font-weight: normal; margin-bottom: 10px;}
.ReviewTipText a{ color: #90bfb6; text-decoration: underline;}

/* 2024.12.16 */
.CardUIBox {display: flex; flex-wrap: wrap;}
.CardUIBox li{border-radius: 8px;border: 1px solid #e8e8e8;padding: 16px 13px;width: 24.25% !important;margin: 0 1% 1% 0 !important;box-sizing: border-box;}
.CardUIBox li img{width: 100%;height: auto;}
.CardUIBox li .ImgNameNwA{position: relative;}
.CardUIBox li .ImgNameNwA a{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: normal;height: auto;line-height: normal;margin: 5px 0;padding: 0;font-size: 14px;}
.CardUIBox li .ImgNameNwA a .Hot{margin-right: 5px;}
.CardUIBox li .NewArrivalsImg{padding: 0 5px;box-sizing: border-box;overflow: hidden;position: relative;}
.CardUIBox li .NewArrivalsImg a img{border-radius: 8px;}
.CardUIBox li .NewArrivalsImg a span{position: relative;}
.CardUIBox li .SimilarItems {width: 36px;height: 36px;background: url(../images_new/master/icon-home.png) no-repeat 0 -307px;position: absolute;left: 8px;bottom: 3px;cursor: pointer;z-index: 1;top: auto;display: none;}
.CardUIBox li .SimilarItems:hover{background: url(../images_new/master/icon-home.png) no-repeat 0 -358px;}
.CardUIBox li:hover .SimilarItems{display: block;}
.CardUIBox li .PriceCart{display: flex;justify-content: space-between;margin-top: 5px;flex-wrap: wrap;}
.CardUIBox li .PriceCart .PricePackage{width: calc(100% - 47px);}
.CardUIBox li .PriceCart .PricePackage font{margin: 0 0 5px;display: block;}
.CardUIBox li .PricePackage .PackageSize{font-size: 12px;color: #666;}
.CardUIBox li .GoCart{width: 40px;height: 40px;background: url(../images_new/master/icon-home.png) no-repeat 2px -43px;margin: 0 0 0 5px;cursor: pointer;opacity: 1;position: relative;top: 0;right: 0;background-size: 89px;}
.CardUIBox li .GoCart:hover {background: url(../images_new/master/icon-home.png) no-repeat 0 -404px;background-size: 89px;}
.CardUIBox li .GoCart span{position: absolute;right: -5px;top: -5px;width: 18px;height: 18px;background-color: #ff6600;border-radius: 50%;color: #ffffff;font-size: 11px;text-align: center;line-height: 18px;}
.CardUIBox li .FontRed{font-size: 16px;padding: 0;height: auto;line-height: normal; font-weight: bold;}
.CardUIBox li .FontRed .ColorBlack{font-size: 14px; font-weight: normal;}
.CardUIBox li .FontRed .ColorBlack em{font-style: normal;text-decoration: line-through;color: #666;}
.CardUIBox li .discount{z-index: 1;left: 10px;}
.CardUIBox li .PriceEver{font-size: 14px;}
.CardUIBox li .CustomerReviews {width: 100%;margin: 5px 0;}
.CardUIBox li .CustomerReviews .reviewStar{display: block;background: url(../images_new/master/icon_star2.png) repeat-x;margin-bottom: 0;}
.CardUIBox li .CustomerReviews span{width: 16px;height: 14px;background: url(../images_new/master/icon_star1.png) repeat;display: block;}
.CardUIBox li .Collect{ background: url(../images_new/master/icon-home.png) no-repeat 0 -152px;width: 30px;height: 27px;right: 13px;top: 8px;position: absolute;display: none;z-index: 1; opacity: 1;}
.CardUIBox li:hover{box-shadow: 0 0 8px #d7d7d7;}
.CardUIBox li:hover .NewArrivalsImg .Collect{display: block; cursor: pointer;}
.CardUIBox li .Collect:hover{background: url(../images_new/master/icon-home.png) no-repeat 0 -194px;}
.CardUIBox li .Collect.ViewMyWishList{background: url(../images_new/master/icon-home.png) no-repeat 0 -236px !important;}
.CardUIBox li .PriceCartBtn .Collect {display: none;}
.CardUIBox li:nth-of-type(4n){margin-right: 0 !important;}
.CardUIBox li:hover{position: relative; top: -10px;}

@media only screen and (max-width:767px){
    #ContentWarp {padding: 0 !important;}
    .PH-OneLevel{padding: 0 10px;}
    .PH-OneLevel .CategoryTitle{ background:unset!important;text-indent:unset!important;height:auto!important;text-align:left;padding:0 10px;border-bottom: #e8e8e8 solid 2px;}
    .MainContent .CategoryTitle{ font-size:21px;}
    .CategoryProList .CategoriesTitle{ font-size:14px;}
    .CategoriesBeads span.Hot{ font-size: 12px;}
    .CategoriesBeads li{ width:32.33%; margin:0 1.5% 1.5% 0;}
    .CategoriesBeads li:nth-child(5n){ margin-right:1.5%;}
    .CategoriesBeads li:nth-child(3n){ margin-right:0!important;}
    .CategoriesBeads li .ProName{ padding:5px; font-size: 13px;}
    .CategoriesProductNav li{ font-size:14px; line-height:18px; padding:2px 20px; box-sizing:border-box;}
    .CategoriesProductItem li{ width:49%; margin:0 2% 2% 0;}
    .CategoriesProductItem>.Current{ padding:0 0 10px;}
    .CategoriesProductItem li:nth-child(2n){ margin-right:0!important;}
    .CategoriesProductItem .ProName{ font-size:13px;}
    .CategoriesProductItem .ProPrice strong{ font-size:14px;}
    .CategoriesProductItem a.MoreLink{ font-size:14px; width:120px; height:32px; line-height:32px;}
    .GoCart,.Collect, .buyNow.buyNowBtn, .NotInterested{ display:block; opacity: 1;}

    .ShopShape li{ width: 32% !important; margin: 0 2% 10px 0;}
    .ShopShape li:nth-child(3n){ margin-right: 0 !important;}
    .ShopShape a span{ font-size: 13px;}
    .CategoriesProductNav li{margin-right: 0!important; line-height: 32px; padding: 4px 0;}
    .InspirationProjects .CategoriesTitle, .PopularProductShow .CategoriesTitle{ text-align: left; padding-left: 10px;}
    .InspirationProjects li{ width: 49%; margin: 0 2% 10px 0;}
    .InspirationProjects li:nth-child(2n){ margin-right: 0;}
    .InspirationProjects li span{ font-size: 13px;}
    .InspirationProjects .CategoriesTitle a, .PopularProductShow .CategoriesTitle a{ font-size: 13px;}
    .CategoriesProductShow li{ width: 49%; margin: 0 2% 10px 0; font-size: 14px;}
    .CategoriesProductShow li:nth-child(2n){ margin-right: 0 !important;}
    .PopularProductShow li{ width: 49%; margin: 0 2% 10px 0; font-size: 14px;}
    .PopularProductShow li:nth-child(2n){ margin-right: 0 !important;}
    .PopularProductShow a span{ padding: 7px 5px;}
    .CategoryProList p.TextTip span.BorderImg{ width: 100%;}
    .CategoryProList p.TextTip{ font-size: 15px;}
    .WholesaleTextTip p.TextTip font{ padding: 5px;}
    .ReviewWrap{ font-size: 13px;}
    .ReviewWrap li .Reviews{ padding: 10px 0 0;}
    .ReviewWrap li:first-child .Reviews{ padding-top: 0;}
    .ReviewWrap .ReviewShow{ font-size: 13px;}
    .ReviewWrap .Reviewer{ line-height: 30px; padding: 0;}
    .ReviewWrap .ReviewText{padding: 10px 0;}
    .ReviewWrap .Reviews p{ line-height: 30px;  margin-right: 10px;}
    .ReviewWrap ul li .Reviews p img{ width: 30px;}
    .ReviewWrap .Reviewer dl dd img{ margin-top: 5px;}
    .ReviewWrap, .WholesaleTextTip{ margin-bottom: 10px; padding: 10px;}
    .WholesaleTextTip dl{ padding-top: 0;}
    .WholesaleTextTip dd{ margin-bottom: 10px; font-size: 13px; line-height: 21px;}
    .ReviewTipText h3{ font-size: 14px;}
    .ReviewTipText{ font-size: 13px; padding: 10px;}
    .PopularsearchUl{ margin: 0 10px 10px;}
    .PopularsearchUl li{ margin-right: 10px;}


    .CategoriesWatches li{ width: 32%; margin: 0 2% 20px 0; font-size: 13px;}
    .OtherCategories li, .CategoriesBrands li{ font-size: 14px; width: 100% !important; margin: 0 0 10px !important;}
    .OtherCategories li strong{ margin-bottom: 0;}
    .CategoriesTrends li{ font-size: 13px;}
    .CategoriesTrends li div{ padding: 5px; line-height: 18px;}
    .CategoriesTrends li strong{ font-size: 14px;}
    .CategoriesBrands li p{ padding: 5px 5px 0; font-size: 13px; line-height: 16px;}
}

@media only screen and (max-width: 1150px) {
    .OtherCategories li, .CategoriesBrands li{ width: 49%; margin: 0 2% 15px 0;}
    .OtherCategories li:nth-child(2), .CategoriesBrands li:nth-child(2){ margin-right: 0;}
    .CategoriesTrends li{ width: 32.33%; margin: 0 1.5% 15px 0;}
    .CategoriesTrends li:nth-child(3){ margin-right: 0;}
    .CategoriesTrends li strong{ margin-bottom: 0;}
}
@media only screen and (max-width:820px){
    .ShopShape li{ width: 32.33%;}
    .ShopShape li:nth-child(3n){ margin-right: 0;}
    .CategoriesProductItem li, .CategoriesTrends li{ width: 49%; margin: 0 2% 10px 0;}
    .CategoriesProductItem li:nth-child(3n), .CategoriesTrends li:nth-child(3n), .CategoriesProductItem li:nth-child(5n){ margin-right: 2%;}
    .CategoriesProductItem li:nth-child(2n), .CategoriesTrends li:nth-child(2n){ margin-right: 0;}
    .OtherCategories li{ width: 70%; float: none; margin: 0 auto 15px !important;}
    .CategoriesBrands li{ width: 100%; margin: 0 0 15px !important;}
    .CategoriesBrands li img{ width: 70%; display: block; margin: 0 auto;}
}

@media only screen and (min-width:768px) and (max-width:1023px){
    #ContentWarp {padding: 10px 0;}
    .DocWarp .MainContent{ width: calc(100% - 222px) !important;}
    .MainContent .CategoryTitle{ font-size:24px;}
    .PH-OneLevel{ padding: 10px;}
    .DocWarp .MainContent{width: calc(100% - 242px) ! important;}
    .CategoryProList .CategoriesTitle{ font-size: 16px;}
    .CategoriesProductNav li{ text-align: center; font-size:15px; line-height: 30px; padding: 4px 5px; box-sizing: border-box;}
    .CategoryProList .CategoriesTitle,.CategoriesProductNav{ margin-bottom:10px;}
    .CategoriesBeads span.Hot{ font-size: 13px;}
    .CategoriesBeads li{ width: 32.33%; margin: 0 1.5% 10px 0;}
    .CategoriesBeads li:nth-child(5n){ margin-right:1.5%;}
    .CategoriesBeads li:nth-child(3n){ margin-right:0;}
    .CategoriesBeads li .ProName{ padding: 8px 0; font-size: 14px;}
    .CategoriesProductItem .ProName{ font-size:13px;}
    .CategoriesProductItem .ProPrice strong{ font-size:14px;}
    .CategoriesProductItem a.MoreLink{ font-size:16px; width:140px; height:36px; line-height:36px;}
    .GoCart,.Collect, .buyNow.buyNowBtn, .NotInterested{ display:block; opacity: 1;}
    .AdAreaDescription{ line-height: 21px; font-size: 14px;}
    .CategoriesProductItem li{ width:49%; margin: 0 2% 10px 0;}
    .CategoriesProductItem li:nth-child(2n){ margin-right:0;}
    .ShopShape li{ width: 32.33%; margin: 0 1.5% 10px 0;}
    .ShopShape li:nth-child(3n){ margin-right: 0;}
    .ShopShape a span{ font-size: 14px;}
    .InspirationProjects .CategoriesTitle, .PopularProductShow .CategoriesTitle{ text-align: left; padding-left: 10px;}
    .InspirationProjects li{ width: 32.33%; margin: 0 1.5% 10px 0;}
    .InspirationProjects li:nth-child(3){ margin-right: 0;}
    .InspirationProjects a span{ font-size: 13px;}
    .InspirationProjects .CategoriesTitle a, .PopularProductShow .CategoriesTitle a{ font-size: 13px;}
    .CategoriesProductShow li{ width: 32.33%; margin: 0 1.5% 10px 0; font-size: 16px;}
    .CategoriesProductShow li:nth-child(3n){ margin-right: 0;}
    .CategoriesProductShow a span{ padding: 5px 0;}
    .PopularProductShow li{ width: 32.33%; margin: 0 1.5% 10px 0; font-size: 14px;}
    .PopularProductShow li:nth-child(3){ margin-right: 0;}
    .PopularProductShow a span{ padding: 5px;}
    .CategoryProList p.TextTip span.BorderImg{ width: 100%;}
    .CategoryProList p.TextTip{ font-size: 16px;}
    .ReviewWrap li:first-child .Reviews{ padding-top: 0;}
    .WholesaleTextTip, .ReviewWrap{ padding: 10px; margin-bottom: 10px;}
    .ReviewTipText{ font-size: 13px; padding: 10px;}
    .ReviewTipText h3{ font-size: 16px;}
    .ReviewWrap .ReviewShow{ font-size: 13px;}
    .ReviewWrap .Reviewer{ line-height: 30px;}
    .ReviewWrap .Reviewer dl dd img{ margin-top: 5px;}
    .ReviewWrap .Reviews p{ margin-right: 10px;}
    .WholesaleTextTip dl{ padding-top: 0;}
    .WholesaleTextTip dd{ margin-bottom: 10px; font-size: 13px; line-height: 21px;}

    .Img140x120px, .Img140x120px a{ height:120px; width:120px;}
    .PropertyText{ width: calc(100% - 130px);}
    .PropertyText h3{ font-size: 15px;}
    .PropertyText dl{ font-size: 13px;}
    .PropertyText dd{ width: 50%;}
    .PopularsearchUl{ margin: 0 10px 10px;}
    .PopularsearchUl li{ margin-right: 15px;}

    .CategoriesWatches li{ font-size: 14px; width: 32.33%; margin: 0 1.5% 20px 0;}
    .CategoriesWatches li:nth-child(3n){ margin-right: 0;}
    .OtherCategories li{ font-size: 14px;}
    .OtherCategories li div{ padding: 10px;}
    .CategoriesTrends li{ font-size: 14px;}
    .CategoriesTrends li div{ padding: 5px; line-height: 20px;}
    .CategoriesTrends li strong{ font-size: 15px; margin-bottom: 5px;}
    .CategoriesBrands li p{ font-size: 14px; line-height: 18px;}
}
@media only screen and (min-width:1024px) and (max-width:1365px){
    .DocWarp .MainContent{ width: calc(100% - 242px) !important;}
    .PH-OneLevel{ padding: 10px;}
    .AdAreaDescription{ line-height: 21px;}
    .CategoriesProductItem li{ width:24.25%;}
    .CategoriesProductItem li:nth-child(6n){ margin-right:1%;}
    .CategoriesProductItem li:nth-child(4n){ margin-right:0;}
    .CategoriesBeads span.Hot{ font-size: 14px;}
    .CategoriesBeads li{ width: 23.875%; margin: 0 1.5% 10px 0;}
    .CategoriesBeads li:nth-child(5n){ margin-right:1.5%;}
    .CategoriesBeads li:nth-child(4n){ margin-right:0;}
    .CategoriesBeads li .ProName{ padding: 8px 0; font-size: 14px;}
    .ShopShape li{ width: 23.875%; margin: 0 1.5% 10px 0;}
    .ShopShape li:nth-child(4){ margin-right: 0;}
    .ShopShape a span{ font-size: 15px;}
    .CategoriesProductNav li{ font-size: 15px;}
    .InspirationProjects .CategoriesTitle, .PopularProductShow .CategoriesTitle{ text-align: left; padding-left: 10px;}
    .InspirationProjects li{ width: 32.33%; margin: 0 1.5% 10px 0;}
    .InspirationProjects li:nth-child(3){ margin-right: 0;}
    .CategoriesProductShow li{ width: 23.875%; margin: 0 1.5% 10px 0; font-size: 16px;}
    .CategoriesProductShow li:nth-child(4){ margin-right: 0;}
    .PopularProductShow li{ width: 23.875%; margin: 0 1.5% 10px 0; font-size: 15px;}
    .PopularProductShow li:nth-child(4){ margin-right: 0;}
    .PopularProductShow a span{ padding: 5px;}

    .CategoriesWatches li{ font-size: 15px; width: 23.875%; margin: 0 1.5% 25px 0;}
    .CategoriesWatches li:nth-child(4){ margin-right: 0;}
    .OtherCategories li{ font-size: 15px;}
    .OtherCategories li div{ padding: 5px;}
    .CategoriesTrends li{ font-size: 15px;}
    .CategoriesTrends li div{ padding: 5px; line-height: 20px;}
    .CategoriesTrends li strong{ font-size: 16px; margin-bottom: 0;}
    .CategoriesBrands li p{ font-size: 15px; line-height: 20px;}

    .CategoryProList p.TextTip span.BorderImg{ width: 90%;}
    .CategoryProList p.TextTip{ font-size: 18px;}
    .ReviewWrap li:first-child .Reviews{ padding-top: 0;}
    .ReviewWrap .ReviewShow{ padding: 0;}
    .WholesaleTextTip, .ReviewWrap{ padding: 10px; margin-bottom: 10px;}
    .ReviewTipText h3{ font-size: 18px;}
}
@media only screen and (min-width: 1366px) and (max-width: 1535px) {
    .DocWarp .MainContent{ width: calc(100% - 270px) !important;}
    .ShopShape li{ width: 18.8%; margin: 0 1.5% 10px 0;}
    .ShopShape li:nth-child(5){ margin-right: 0;}
    .CategoriesProductItem li{ width: 19.2%;}
    .CategoriesProductItem li:nth-child(6n){ margin-right:1%;}
    .CategoriesProductItem li:nth-child(5n){ margin-right:0;}
    .CategoriesProductNav li{ font-size: 16px;}
    .CategoriesProductShow li{ width: 23.875%; margin: 0 1.5% 10px 0;}
    .CategoriesProductShow li:nth-child(4){ margin-right: 0;}
    .PopularProductShow li{ width: 23.875%; margin: 0 1.5% 10px 0;}
    .PopularProductShow li:nth-child(4){ margin-right: 0;}

    .CategoriesWatches li{ font-size: 15px; width: 18.8%; margin: 0 1.5% 30px 0;}
    .CategoriesWatches li:nth-child(5){ margin-right: 0;}
    .OtherCategories li div{ padding: 10px;}
    .CategoriesTrends li div{ padding: 10px; line-height: 21px;}
    .CategoriesTrends li strong{ font-size: 18px; margin-bottom: 5px;}
    .CategoriesBrands li p{ line-height: 21px;}

}

@media only screen and (min-width: 1800px) {
    .Content{width: 1800px !important;margin: 0 auto;padding: 0;}
    .CategoryProList .CategoriesTitle{ margin-bottom:20px; font-size:20px;}
    .CategoriesBeads li{ width:233px; margin:0 14px 20px 0;}
    .CategoriesBeads li:nth-child(5n){ margin-right:14px;}
    .CategoriesBeads li:nth-child(6n){ margin-right:0;}
    .CategoriesProductNav{ margin-bottom:20px;}
    .CategoriesProductItem li{ width:233px; margin:0 14px 20px 0;}
    .CategoriesProductItem a.MoreLink{ font-size:18px; margin-bottom:20px;}
    .CategoryProList li.liNomal{ margin-right:23px;}
    .Hot-Items dd{ width:180px; margin:0 14px 0 0;}
    .Hot-Items dd img{ width:180px!important; height:180px!important;}
    .ShopShape li{ width: 197px; margin-right: 15px;}
    .InspirationProjects li{ width: 282px; margin: 0 15px 20px 0;}
    .CategoriesProductShow li{ width: 233px; margin: 0 14px 20px 0; font-size: 22px;}
    .CategoriesFindingsShow li{ width: 282px; margin: 0 15px 20px 0;}
    .PopularProductShow li{ width: 282px; margin: 0 15px 20px 0;}
    .WholesaleTextTip p.TextTip font{ padding: 10px 20px;}
    .WholesaleTextTip dd{ margin-bottom: 20px;}
    .ReviewTipText{ padding: 20px;}
}

@media screen and (max-width:767px) {
    .CardUIBox li .NewArrivalsImg{padding: 0;}
    .CardUIBox li .PriceCart .PricePackage{width: 100%;}
    .CardUIBox li{width: 49% !important;margin: 0 2% 2% 0 !important;}
    .CardUIBox li:nth-of-type(2n){margin-right: 0;}
    .CardUIBox li:nth-last-child(-n+2){margin-bottom: 0;}
    .CardUIBox li:hover .SimilarItems{display: none;}
    .CardUIBox li .CustomerReviews .reviewStar{background-size: contain; height: 12px;width: 68px !important;}
    .CardUIBox li .CustomerReviews span{background-size: contain; height: 12px;}
    .CardUIBox li .FontRed{font-size: 14px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 12px;}
    .CardUIBox li .PriceEver{font-size: 12px;}
    .CardUIBox li .PriceCart .PricePackage .PackageSize{margin-bottom: 3px;}
    .CardUIBox li .ImgNameNwA a{font-size: 12px;white-space: normal;-webkit-line-clamp: 1;}
    .CardUIBox li .PriceCartBtn .Collect{background-size: 60px;background-position: 0 -101px;width: 20px;height: 19px;display: block; position: inherit;}
    .CardUIBox li .Collect:hover{background-size: 60px;background-position: 0 -101px;}
    .CardUIBox li .Collect.ViewMyWishList {background: url(../images_new/master/icon-home.png) no-repeat 0 -157px !important; background-size: 60px !important;}
    .CardUIBox li .GoCart,.CardUIBox li .GoCart:hover{background: url(../images_new/master/icon-home.png) no-repeat 0 -341px;background-size: 59px;width: 56px;height: 22px;margin-left: 0;}
    .CardUIBox li .GoCart span{width: 15px;height: 15px;line-height: 15px;font-size: 9px;right: -3px;top: -8px;}
    .CardUIBox .discount{left: 8px;font-size: 14px;line-height: 13px;background-size: 100%;width: 34px;height: 34px;}
    .CardUIBox .discount font{font-size: 10px;}
    .CardUIBox li:hover{top: 0;}
    .CardUIBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between;}
    .CardUIBox li:hover .NewArrivalsImg .Collect {display: none;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
    .CardUIBox li:hover{top: 0;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;line-height: 16px;}
    .CardUIBox li{width: 32.33% !important;margin: 0 1.5% 2% 0 !important;padding: 8px;}
    .CardUIBox li:nth-of-type(4n){margin-right: 1.5% !important;}
    .CardUIBox li:nth-of-type(3n){margin-right: 0 !important;}
    .CardUIBox li .GoCart span{right: -5px;top: -8px;width: 16px;height: 16px;line-height: 16px;}
    .CardUIBox li .CustomerReviews .reviewStar{background-size: contain; height: 12px;width: 68px !important;}
    .CardUIBox li .CustomerReviews span{background-size: contain; height: 12px;}
}
@media screen and (min-width:768px) and (max-width:1279px) {
    .CardUIBox li .NewArrivalsImg{padding: 0;}
    .CardUIBox li .FontRed{font-size: 15px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 13px;}
    .CardUIBox li .PriceEver{font-size: 13px;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;}
    .CardUIBox li .PriceCart .PricePackage{width: 100%;}
    .CardUIBox li .PriceCartBtn .Collect{background-size: 69px;background-position: 0 -116px;width: 24px;height: 22px;display: block;position: inherit;}
    .CardUIBox li .PriceCartBtn .Collect:hover{background-size: 69px;background-position: 0 -148px;}
    .CardUIBox li:hover .SimilarItems{display: none;}
    .CardUIBox .PriceCartBtn {display: flex; width: 100%; justify-content: space-between;}
    .CardUIBox li:hover .NewArrivalsImg .Collect {display: none;}
    .CardUIBox li .GoCart,.CardUIBox li .GoCart:hover {background: url(../images_new/master/icon-home.png) no-repeat 0 -393px;background-size: 68px;width: 65px;height: 25px;margin-left: 0;}
}
@media screen and (min-width:1500px) and (max-width:1799px) {
    .CardUIBox li{width: 19% !important;margin-right: 1.25% !important;}
    .CardUIBox li:nth-of-type(4n){margin-right: 1.25% !important;}
    .CardUIBox li:nth-of-type(5n){margin-right: 0 !important;}
    .CardUIBox li .FontRed{font-size: 15px;}
    .CardUIBox li .ImgNameNwA a{font-size: 13px;}
    .CardUIBox li .PriceEver{font-size: 13px;}
    .CardUIBox li .FontRed .ColorBlack{font-size: 13px;}
    .CardUIBox li .PricePackage .PackageSize{font-size: 11px;}
}
@media screen and (min-width:1800px) {
    .CardUIBox li{width: 280px !important;margin-right: 17px !important;}
    .CardUIBox li:nth-of-type(4n){margin-right: 17px !important;}
    .CardUIBox li:nth-of-type(6n){margin-right: 17px !important;}
    .CardUIBox li:nth-of-type(5n){margin-right: 0 !important;}
}