/* product-list.css generated by product_list_assets_created.asp */
/* scode=Fr-5500510-1 type=PAGE_CATEGORY */

.FilterBarBottom>.Left .FilterBox .FilterItem>.Item,[PageType=List] .FilterBar .FilterBarTop .FastNav>.Item{border:1px solid #707070;padding:10px 12px 9px;text-transform:uppercase}.CategoryBanner{width:100%;padding:24px}.CategoryBanner img,.CategoryBanner video{width:100%;display:block}[PageType=List] .FilterBar{width:100%;background:#ffffffe8;border-bottom:0.5pt solid #000;padding-top:50px;padding-bottom:24px;min-height:110px;position:sticky;top:40px;z-index:2;transition:.3s}body.activeFilter [PageType=List] .FilterBar{overflow:visible}body.ScrollDown [PageType=List] .FilterBar,body.ScrollDown [PageType=List] .MobilHeader,body.Scroll300[Page=List] section[L=Head]{background:0 0}body.ScrollUp [PageType=List] .FilterBar,body.ScrollUp[Page=List] section[L=Head]{background:#fff}body.Scroll800 [PageType=List] .FilterBar{top:-170px;transition:.3s}body.ScrollUp [PageType=List] .FilterBar{top:40px;transition:.3s}[PageType=List] .FilterBar>.Container{padding:0 32px;display:flex;flex-direction:column}[PageType=List] .FilterBar .FilterBarTop{width:100%;margin-bottom:20px;transition:bottom .4s,opacity .2s;opacity:1;position:relative;bottom:-125px}[PageType=List] .FilterBar .FilterBarTop .FastNav{width:100%;display:flex;gap:12px}.FilterBarBottom{width:100%;display:flex;justify-content:space-between;align-items:center;transition:bottom .8s,opacity .4s;opacity:1;position:relative;bottom:-110px}.FilterBarBottom>.Left .FilterBox{width:100%;display:flex;gap:12px;position:relative}.FilterBarBottom>.Left .FilterBox .FilterItem.Disabled .Item{pointer-events:none;border-color:#ccc;color:#a7a7a7}.FilterBarBottom>.Left .FilterBox .FilterItem>.Item{cursor:pointer}.FilterBarBottom>.Left .FilterBox .FilterItem.show>.Item{font-weight:500;border-color:#000}.FilterBarBottom>.Left .FilterBox .FilterItem[Q="0"]>.Item>span{display:none}.FilterBarBottom>.Left .FilterBox .FilterItem:not([Q="0"])>.Item>span,.module-login .right-siderbar .siderbar-container .popUp-center-pic .popUp-picture img{display:inline-block}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind{position:absolute;top:100%;left:0;background:#fff;width:540px;margin-top:15px;display:none}.FilterBarBottom>.Left .FilterBox .FilterItem>.Item,[PageType=List] .FilterBar .FilterBarTop .FastNav>.Item{border:1px solid #707070;padding:10px 12px 9px;text-transform:uppercase}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List{text-transform:uppercase;overflow-x:hidden;overflow-y:auto;--filter-cols:4;display:flex !important;flex-wrap:wrap;gap:0 !important;background:transparent !important;box-shadow:inset -1px 0px 0px 0px #000,inset 1px 0px 0px 0px #000,inset 0px 0px 0px 0px #000,0px -1px 0px 0px #000;scrollbar-width:none}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div{display:flex;padding:25px 40px 20px;width:100%;flex-direction:column}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info{display:flex;flex-direction:row;width:100%;justify-content:space-between}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>span:first-child,.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>span:nth-child(2){display:flex;flex-direction:column;font-weight:500;font-size:13px}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice{width:100%;height:33px;border:0;background:0 0}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice::before{content:"";position:absolute;height:1px;background:#ccc;width:100%;top:16px}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>div{background:#000;border:0;height:1px;box-shadow:none;top:16px}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span{border:0;width:8px;height:8px;border-radius:100%;background:#000;top:11.6px;box-shadow:none}.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-active,.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-focus,.FilterBarBottom>.Left .FilterBox .FilterItem[F=Price]>.FilterWind .List>div #CategoryFilterPrice>span.ui-state-hover{cursor:move;box-shadow:none;text-shadow:none;border:0;filter:none;outline:0}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar{width:2px;background:#b2b2b2}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar-thumb{background:#000;border-radius:2px}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List::-webkit-scrollbar-thumb:hover{background:#555}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item{padding:17px 12px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;flex:0 0 calc(25% + 0.5pt) !important;width:calc(25% + 0px);box-sizing:border-box;box-shadow:inset 0px 0px 0px 1px #000;margin-right:-1px;margin-top:-1px;background:#fff;justify-content:center}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item:nth-child(+4n){}.FilterBarBottom>.Left .FilterBox .FilterItem[F=colors]>.FilterWind .List>.Item:nth-child(+4n){}.FilterBarBottom>.Left .FilterBox .FilterItem[F=sizes]>.FilterWind .List>.Item:nth-child(+5n){}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item.active{font-weight:600;background:#ebebeb;color:#000000}.FilterBarBottom>.Left .FilterBox .FilterItem[F=sizes]>.FilterWind .List>.Item:nth-child(+5n){}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item .Color{width:24px;height:24px;display:block;border:1px solid #dbdbdb}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item.active .Color,.modLogin_container_right_area_tab_box_item.active{border:1px solid #000}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item .Name{text-align:center;text-transform:uppercase;padding:9px 0 0;font-size:12px}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .BtnList{display:flex;flex-direction:row;box-shadow:inset 0px 0px 0px 1px #000;margin-top:-1px}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .BtnList>.Btn{line-height:48px;border-top:1px solid}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .BtnList>.Btn:first-child{border-right:1px solid #000}.FilterBarBottom>.Right,[Grid="201"] .ProductItem:nth-child(3n+1)>div,[Grid="201f"] .ProductItem:nth-child(3n+1)>div,[PageType=Payment] .ContentArea .TabView .ContentLeft .AddressBar .Title>div.Btn,[PageType=Payment] .ContentArea .TabView .ContentLeft .PayList .List .PayItem .Extra,[PageType=Payment] .InstallmentBox .PosList .PosItem img+span{margin-left:auto}.FilterBarBottom>.Right .FilterGrid{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:8px}.FilterBarBottom>.Right .FilterGrid>div{display:none;align-items:center;justify-content:center;font-size:0;cursor:pointer}.FilterBarBottom>.Right .FilterGrid>div[G="1"]::before{content:"";display:flex;background:url(/NewWebSites/img/list_grid_special.svg);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="1122"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/1v2.svg?v23);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="102"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/1v2.svg?v23);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="2"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/1v2.svg?v23);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="201"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/2v1.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="3"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/3.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="302"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/3v2.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="4"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/4.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="5"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/5.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="6"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/6.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G="12"]::before{content:"";display:flex;background:url(/NewWebSites/img/grid/line/12.svg?v3);width:17px;height:14px}.FilterBarBottom>.Right .FilterGrid>div[G=Special]::before{content:"";display:flex;background:url(/NewWebSites/img/list_grid_special.svg);width:14px;height:14px}body.HeaderHover [PageType=List] .FilterBar,body.HeaderHover section[L=Head]{background:#ffffffe8 !important}[PageType=List] .Empty{width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:150px 0 30px;opacity:0;transition:.3s}[PageType=List] .Empty>.Text{width:100%;font-weight:200;font-size:12px}[PageType=List] .Empty>.Name{width:100%;text-align:center}[PageType=List] .CategoryName{width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:90px 0 30px;opacity:0;transition:.3s}[PageType=List] .CategoryName>.Name{font-size:13px}[PageType=List] .CategoryName>.Breadcrumbs{display:flex;align-items:center;gap:4px;color:#8e8e8e;margin:5px 0;font-size:10px}[PageType=List] .CategoryName>.Breadcrumbs>span{font-size:10px}[PageType=List] .ProductList{width:100%;display:flex;flex-wrap:wrap;z-index:1;min-height:600px;flex-direction:row;align-content:flex-start}[PageType=List].List.Type0{width:100%;display:flex;flex-wrap:wrap;position:relative;z-index:1}[PageType=List] .List[Grap="0"],[PageType=List] .ProductList{gap:0}.Page.Load[PageType=List] .FilterBar .FilterBarTop{animation:.4s cubic-bezier(.22,.61,.36,1) .1s forwards an_filterBarTop}.Page.Load[PageType=List] .FilterBar .FilterBarBottom{animation:.9s .4s forwards an_filterBarBottom}[PageType=List] .CategoryTextBox{width:100%;display:flex;justify-content:center;padding:0 16%;flex-direction:column;margin:20px 0 60px}[PageType=List] .CategoryTextBox .CategoryTextBoxTitle{width:100%;margin-bottom:18px;text-align:center}[PageType=List] .CategoryTextBox .CategoryTextBoxText{max-height:57px;text-align:center;overflow:hidden}[PageType=List] .CategoryTextBox.show .CategoryTextBoxText{max-height:2500px}[PageType=List] .CategoryTextBox .CategoryTextMore{margin-top:10px;text-decoration:underline;cursor:pointer;display:flex;align-items:center;justify-content:center}.Page.Load[PageType=List] .Empty{opacity:1}.Page.Load[PageType=List] .CategoryName{opacity:1}.FilterBarBottom>.Left .FilterBox .FilterItem.show>.FilterWind{display:block}[PageType=List] .CategoryTextBox .CategoryTextMore svg[fr=categoryTextMoreOpen]{display:block}[PageType=List] .CategoryTextBox.show .CategoryTextMore svg[fr=categoryTextMoreClose]{display:block}[PageType=List] .CategoryTextBox .CategoryTextMore svg{cursor:pointer}[PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox{gap:16px}[PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox .FilterItem{display:none}[PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox .FilterItem.viewer{display:flex}[PageType=List] .CategoryTextBox .CategoryTextMore svg[fr=categoryTextMoreClose]{display:none}[PageType=List] .CategoryTextBox.show .CategoryTextMore svg[fr=categoryTextMoreOpen]{display:none}[PageType=List] .FilterBar .FilterBarTop .SubCategories{display:none}[PageType=List].List.Type1{width:100%}[PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>div.Min{display:flex;width:min-content;text-align:left;position:relative;align-items:center}[PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>div.Max{display:flex;width:min-content;text-align:left;position:relative;align-items:center;justify-content:flex-end}[PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>div>input{border:0;outline:none;background:transparent;padding:0 2px;width:auto;min-width:52px}[PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>div>span.input-mirror{position:absolute;visibility:hidden;white-space:pre;font:inherit}[PageType=List] .FilterPopContent .FilterBox .FilterItem[F=Price]>.FilterWind .List>div .Info>div>span.input-currency{padding-left:3px}.FilterPopContent{width:100%;display:flex;align-items:center}[PageType=List] .FilterBar .FilterOption{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex-shrink:1}[PageType=List] .Sort{display:flex;position:relative;text-wrap-mode:nowrap}[PageType=List] .Sort .SortViewer{display:flex;cursor:pointer;font-size:11px}[PageType=List] .Sort .SortViewer>span:nth-child(1){display:flex}[PageType=List] .Sort .SortViewer>span:nth-child(2){display:flex;font-weight:400;margin-left:5px}[PageType=List] .Sort .SortDropdown{display:none;flex-direction:column;position:absolute;background:#fff;padding:12px;border:1px solid #000000;right:0;top:100%;margin-top:12px}[PageType=List] .Sort.show .SortDropdown{display:flex}[PageType=List] .Sort .SortDropdown .SortItem{display:flex;text-align:right;text-wrap-mode:nowrap;justify-content:flex-end;font-size:11px;padding:7px 6px;cursor:pointer;font-weight:200}[PageType=List] .Sort .SortDropdown .SortItem:hover{background:#efefef;color:#000}[PageType=List] .Sort .SortDropdown .SortItem.active{font-weight:600}[PageType=List] .FilterBar .FilterOption>.Grid{display:flex;justify-content:flex-end;align-items:center;text-wrap-mode:nowrap;gap:14px}[PageType=List] .FilterBar .FilterOption>.Grid:hover{border-color:rgb(17 24 39 )}[PageType=List] .FilterBar .FilterOption>.Grid .FilterGrid{width:100%;display:flex;justify-content:flex-end;align-items:center;padding:0;gap:14px}[PageType=List] .FilterBar .FilterOption>.Grid .FilterGrid>div{display:none;align-items:center;justify-content:center;font-size:12px;cursor:pointer;opacity:0.5;position:relative}[PageType=List] .FilterBar .FilterOption>.Grid .FilterGrid>div.active{border-bottom:0;opacity:1;display:flex;font-weight:400}[PageType=List] .MobilHeader{display:none}@media(max-width:980px){[PageType=List] .MobilHeader{display:flex;padding:0 16px;height:40px;position:sticky;top:0;z-index:3;background:#fff}[PageType=List] .MobilHeader>.Container{display:flex;align-items:center;justify-content:flex-end}[PageType=List] .MobilHeader .TheBack{display:flex;height:40px;align-items:center;padding-right:12px}[PageType=List] .MobilHeader .TheBack>svg{display:flex;height:12px;width:inherit}[PageType=List] .MobilHeader .BtnGridView{display:flex;padding:4px 12px;gap:5px;font-size:11px}[PageType=List] .MobilHeader .BtnGridView .BtnGridViewText{display:flex}[PageType=List] .MobilHeader .BtnGridView .GridList{display:flex}[PageType=List] .MobilHeader .BtnGridView .GridList>div{display:none}[PageType=List] .MobilHeader .BtnGridView .GridList>div.active{display:flex}[PageType=List] .MobilHeader .BtnFilter{display:flex;padding:4px 12px}[PageType=List] .MobilHeader .BtnFilter .BtnFilterText{display:flex}}@media (max-width:1140px){.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item{font-size:11px;padding:14px 10px}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .List>.Item .Color{width:18px;height:18px}.FilterBarBottom>.Left .FilterBox .FilterItem.show .FilterWind{position:fixed;left:0;top:0;margin:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:flex-start;background:0 0;border:0}.FilterBarBottom>.Left .FilterBox .FilterItem.show .FilterWind .FilterOverFlow{position:fixed;left:0;top:0;margin:0;width:100%;height:100%;background:#00000000;display:flex;align-items:flex-end;justify-content:flex-start;z-index:1}.FilterBarBottom>.Left .FilterBox .FilterItem.show .FilterWind .FilterArea{width:100%;display:flex;align-items:flex-end;justify-content:flex-start;flex-direction:column;background:#fff;z-index:2}.FilterBarBottom>.Left .FilterBox .FilterItem>.FilterWind .BtnList>.Btn,.Page[PageType=Success]>.Container .Qr .Content .TextBox .Text,.ProductItem.Wait .Info .Properties .Btn,[PageType=Bulletin] .AppBox .Box .Apps .Item .Info .Name,[PageType=Support] .Content .PopularQuestion .Item{font-size:11px}.FilterWind .FilterArea .Navigator{width:100%;display:flex;padding:0 20px;gap:16px;border:1px solid #000;border-left:0;border-right:0}.FilterWind .FilterArea .Navigator .Item{display:none;line-height:38px;font-size:11px}.FilterWind .FilterArea .Navigator .Item.viewer{display:flex;text-transform:uppercase}.FilterWind .FilterArea .Navigator .Item>span{display:none}.FilterWind .FilterArea .Navigator .Item:not([Q="0"])>span{display:inline-block}.FilterWind .FilterArea .Navigator .Item.show{font-weight:500;border-color:#000}.FilterWind .FilterArea .Navigator .Item:not([Q="0"])>span{display:inline-block}.FilterBarBottom>.Left .FilterBox .FilterItem.show .FilterWind .List{width:100%;position:relative;left:0;margin-bottom:-1px}.FilterBarBottom>.Left .FilterBox .FilterItem.show .FilterWind .BtnList{position:relative;width:100%;left:0;bottom:0;margin-top:0}[PageType=List] .FilterBar{padding-bottom:6px;min-height:inherit;padding-top:12px}[PageType=List] .FilterBar>.Container{padding:0px 20px}[PageType=List] .FilterBar .FilterBarTop:empty{display:none}[PageType=List] .FilterBar .FilterBarBottom>.Left .FilterBox .FilterItem>.Item{border:0;font-size:11px;padding-right:0;padding-left:0}[PageType=List] .CategoryName{padding:65px 0 15px}.Page.Load[PageType=List] .CategoryName{display:none}.Page.Load[PageType=List] .ProductList{padding:12px;margin-top:50px;gap:0px}[PageType=List] .FilterBar .FilterOption{display:none}[PageType=List] .FilterBar .FilterBarTop{width:100%;margin-bottom:16px;transition:bottom .4s,opacity .2s;opacity:1;position:relative;bottom:-125px}[PageType=List] .FilterBar .FilterBarTop .FastNav{display:flex;gap:12px;overflow:hidden;overflow-x:auto;scrollbar-width:none}.FilterBarBottom>.Left .FilterBox .FilterItem>.Item,[PageType=List] .FilterBar .FilterBarTop .FastNav>.Item{border:1px solid #707070;padding:7px 12px 7px;text-transform:uppercase;text-wrap-mode:nowrap;font-size:10px;display:flex;align-items:center}h1{font-size:12px;font-weight:400;margin-right:auto}body.activeFilter section[L=Head]{z-index:1}}