.brand .banner-blk .container{width:calc(100% - 160px);max-width:1350px;margin:auto;padding-top:100px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media only screen and (max-width:767px){.brand .banner-blk .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-top:50px;width:calc(100% - 50px)}}.brand .banner-blk .commonBanner-title{max-width:850px;-webkit-box-flex:1;-ms-flex:1;flex:1}@media only screen and (max-width:900px){.brand .banner-blk .commonBanner-title .text{margin-top:20px}}.brand .banner-blk .brandNumber{margin-left:50px;font-size:1.25rem;font-weight:500;letter-spacing:1px;text-align:center}.brand .banner-blk .brandNumber>p{position:relative}.brand .banner-blk .brandNumber>p:after{content:"";width:0%;height:15px;position:absolute;bottom:-5px;right:auto;left:0;z-index:-1;-webkit-transition:1s 1s;transition:1s 1s;background:#FCF4B7}.brand .banner-blk .brandNumber.aost-show>p:after{width:100%}@media only screen and (max-width:900px){.brand .banner-blk .brandNumber{font-size:0.875rem}}@media only screen and (max-width:767px){.brand .banner-blk .brandNumber{margin-top:40px;margin-left:0px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}.brand .banner-blk .brandNumber .number{font-size:clamp(4.5rem,3.3167rem + 5.0485vw,9.375rem);font-weight:600;line-height:1;margin-bottom:25px;-webkit-text-stroke:1px #4F4F4F;-webkit-text-fill-color:transparent}@media only screen and (max-width:767px){.brand .banner-blk .brandNumber .number{margin-bottom:0px;margin-left:20px}}.brand .content-blk{overflow:hidden}.brand .content-blk .container{width:calc(100% - 160px);max-width:1275px;margin:auto}@media only screen and (max-width:767px){.brand .content-blk .container{width:calc(100% - 50px)}}.brand .content-blk .line-btn{padding:80px 0}@media only screen and (max-width:767px){.brand .content-blk .line-btn{padding:40px 0 100px 0}}.brand .content-blk .line-btn .item:not(:first-child):before{height:40px}.brand .content-blk .line-btn .item .btn .pic{position:relative;width:100%;overflow:hidden;width:50px;margin:auto}.brand .content-blk .line-btn .item .btn .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.brand .content-blk .line-btn .item .btn .pic img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}@media only screen and (max-width:768px){.brand .content-blk .line-btn .item .btn .pic{width:40px}}.brand .content-blk .line-btn multipurpose-nav[m4-type=drag] .drag-container{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}@media only screen and (min-width:901px){.brand .content-blk .list-blk{padding-bottom:190px}}.brand .content-blk .list-blk.active li .item:not(.active)~.decText{opacity:0.3}.brand .content-blk .list-blk.white li .item:not(.active) .circle-btn>a .photo .light{opacity:1}.brand .content-blk .list-blk.white li .item:not(.active) .circle-btn>a .photo .dark{opacity:0}.brand .content-blk .list-blk ul{margin-top:-50px}.brand .content-blk .list-blk li{text-align:center;position:relative;margin-top:50px}.brand .content-blk .list-blk .item{display:inline-block}.brand .content-blk .list-blk .item .follower.yellow:after{opacity:0;-webkit-transition:0.4s opacity;transition:0.4s opacity}.brand .content-blk .list-blk .item .circle-btn>a{width:180px;height:180px;background:rgba(255,255,255,0);-webkit-transition:0.4s background;transition:0.4s background}.brand .content-blk .list-blk .item .circle-btn>a .photo{position:relative;width:100%;overflow:hidden}.brand .content-blk .list-blk .item .circle-btn>a .photo:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.brand .content-blk .list-blk .item .circle-btn>a .photo img{width:101%;height:101%;-o-object-fit:cover;object-fit:cover;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.brand .content-blk .list-blk .item .circle-btn>a .photo .light{opacity:0;-webkit-transition:0.4s opacity;transition:0.4s opacity}.brand .content-blk .list-blk .item .circle-btn>a .photo .dark{opacity:1;-webkit-transition:0.4s opacity;transition:0.4s opacity}@media only screen and (min-width:1200px){.brand .content-blk .list-blk .item:hover~.decText{color:var(--decColor,#FFF)}.brand .content-blk .list-blk .item:hover~.bgPic{opacity:1;-webkit-clip-path:circle(100% at 50% 50%);clip-path:circle(100% at 50% 50%);-webkit-transition-delay:0.3s;transition-delay:0.3s}.brand .content-blk .list-blk .item:hover .follower.yellow:after{opacity:0.8}.brand .content-blk .list-blk .item:hover .circle-btn>a{background:rgb(255,255,255)}}.brand .content-blk .list-blk .decText{font-size:clamp(4.5rem,3.3167rem + 5.0485vw,9.375rem);font-weight:500;line-height:1;letter-spacing:0.8px;color:#FFF;opacity:1;width:100vw;z-index:-2;-webkit-transition:0.4s opacity,0.4s color;transition:0.4s opacity,0.4s color;pointer-events:none;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.brand .content-blk .list-blk .decText>p{display:inline-block;white-space:nowrap}.brand .content-blk .list-blk .bgPic{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:100%;height:100%;z-index:-3;opacity:0;-webkit-clip-path:circle(0% at 50% 50%);clip-path:circle(0% at 50% 50%);-webkit-transition:0.4s opacity,0.4s -webkit-clip-path;transition:0.4s opacity,0.4s -webkit-clip-path;transition:0.4s opacity,0.4s clip-path;transition:0.4s opacity,0.4s clip-path,0.4s -webkit-clip-path;pointer-events:none}.brand .content-blk .list-blk .bgPic:after{content:"";width:100%;height:100%;background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.5)));background:linear-gradient(0deg,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%);position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.brand .content-blk .list-blk .bgPic img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
/*# sourceMappingURL=brand.css.map */