/**
 * Brands Landing — extracted from old_ref brands.min.css
 * @see dev-doc/brands_landing_migration_plan.html
 */

.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper{padding:60px 140px 80px}
@media only screen and (max-width:767px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper{padding:40px 0 60px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper{padding:40px 20px 60px}}
.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsTitle{text-align:center;font-family:"Cormorant Garamond","Noto Sans TC","Noto Sans SC","Heiti TC","LiHei Pro","新細明體",PMingLiU,serif;text-transform:uppercase;font-size:48px;letter-spacing:0;line-height:1.25em}
@media only screen and (max-width:767px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsTitle{font-size:36px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsTitle{font-size:48px}}
.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing{display:flex;justify-content:center;flex-wrap:wrap;max-width:548px;margin:70px auto 0}
@media only screen and (max-width:767px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing{max-width:352px}}
@media only screen and (max-width:1023px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing{margin-top:40px}}
.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing .featuredBrandsItem{display:block;min-width:274px;max-width:274px;margin-top:90px;padding:0 24px;position:relative}
@media only screen and (max-width:767px){.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing .featuredBrandsItem{min-width:170px;max-width:170px;margin-top:40px;padding:0 16px}}
.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing .featuredBrandsItem:nth-child(1),.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing .featuredBrandsItem:nth-child(2){margin-top:0}
.brands-listing-featuredBrands .brands-listing-featuredBrands-wrapper .featuredBrandsListing .featuredBrandsItem img{display:block;width:100%}
.brands-listing-allBrands{background-color:#dddfd1}
.brands-listing-allBrands .brands-listing-allBrands-wrapper{padding:60px 70px 200px;position:relative}
@media only screen and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper{padding:60px 20px 100px}}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper{background-position:right -840px top -10%;background-size:1278px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper{background-position:right -450px top -50%;background-size:1278px}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background-image:url(/cms/images/common/pattern.png);background-repeat:no-repeat;background-position:right -800px top -25%;background-size:2556px;-webkit-filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(254deg) brightness(106%) contrast(107%);filter:invert(0%) sepia(0%) saturate(0%) hue-rotate(254deg) brightness(106%) contrast(107%);z-index:2}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper:before{background-position:right -2100px top -5%}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head{width:100%;position:relative;z-index:3}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .remarks{font-size:18px;letter-spacing:0;line-height:1.25em}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .remarks{font-size:14px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .remarks{font-size:16px}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .title{margin-top:10px;font-family:"Cormorant Garamond","Noto Sans TC","Noto Sans SC","Heiti TC","LiHei Pro","新細明體",PMingLiU,serif;text-transform:uppercase;font-size:48px;letter-spacing:0;line-height:1.25em}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .title{font-size:36px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-head .title{font-size:48px}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing{display:flex;justify-content:space-between;margin-top:60px;position:relative;z-index:3}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel{display:flex;flex-wrap:wrap;align-self:flex-start;min-width:calc(100% - 30% - 100px);max-width:calc(100% - 30% - 100px)}
@media only screen and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel{min-width:100%;max-width:100%}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory{min-width:calc((100% - 80px)/3);max-width:calc((100% - 80px)/3);margin-top:80px;margin-right:40px}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory{min-width:calc((100% - 40px)/2);max-width:calc((100% - 40px)/2)}}
@media only screen and (min-width:768px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(1),.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(2),.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(3){margin-top:0}}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(1),.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(2){margin-top:0}}
@media only screen and (min-width:768px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(3n){margin-right:0}}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory:nth-child(2n){margin-right:0}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsInitial{padding-bottom:30px;position:relative;color:#212121;font-family:"Cormorant Garamond","Noto Sans TC","Noto Sans SC","Heiti TC","LiHei Pro","新細明體",PMingLiU,serif;font-size:36px;letter-spacing:0;line-height:1.25em}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsInitial:after{content:"";display:block;width:48px;height:1px;position:absolute;left:0;bottom:0;background-color:#a37e2c}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsInitial{font-size:24px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsInitial{font-size:34px}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsLinks{display:flex;flex-direction:column}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsLinks .brandsLink{display:inline-block;margin-top:30px;color:#212121;text-decoration:none;transition:all .2s ease-out;font-size:18px;letter-spacing:0;line-height:1.25em}
@media only screen and (max-width:767px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsLinks .brandsLink{font-size:14px}}
@media only screen and (min-width:768px) and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsLinks .brandsLink{font-size:16px}}
@media only screen and (min-width:1024px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-brandsPanel .brandsCategory .brandsLinks .brandsLink:hover{color:#a37e2c}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-imagePanel{min-width:30%;max-width:30%;position:relative}
@media only screen and (max-width:1023px){.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-imagePanel{display:none}}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-imagePanel .imageWrapper{display:flex;flex-direction:column;position:relative}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-imagePanel .imageWrapper img{display:block;max-width:100%;margin:40px auto 0}
.brands-listing-allBrands .brands-listing-allBrands-wrapper .brands-listing-allBrands-brandsListing .brands-listing-allBrands-imagePanel .imageWrapper img:first-child{margin-top:0}