@charset "UTF-8";
.c-brand{display:block;width:100%}.c-brand.wow{animation-name:fadeInUp}.c-brand-link{position:absolute;z-index:50;top:0;left:0;display:block;width:100%;height:100%}.c-brand__pic{display:block;width:100%;margin:0 0 28px 0;box-shadow:3px 3px 62px rgba(4,0,0,.1);z-index:0}.c-brand__pic::before{content:'';position:absolute;z-index:10;top:0;left:0;display:block;width:100%;height:100%;background:var(--borderBg);transition:background-color .4s ease-in-out}.c-brand:has(a:hover) .c-brand__pic::before{background:var(--borderBgLight),rgba(74,23,61,.6)}.c-brand__pic::after{content:'View More';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;display:block;width:auto;font-size:14px;line-height:1.2;color:#fff;font-family:'Montserrat-M','NotoSansTC-M';background:url(/assets/images/common/icon_plus.svg) right center/11px auto no-repeat;padding:0 20px 0 0;opacity:0;transition:opacity .4s ease-in-out}.c-brand:has(a:hover) .c-brand__pic::after{opacity:1}.c-brand__pic img{display:block;object-fit:contain;width:100%}.c-brand__title{display:block;width:100%;font-size:20px;line-height:1.2;color:var(--mainColor);text-transform:uppercase;font-family:'PlayfairDisplay-M','NotoSerifTC-M';text-align:center}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-brand__pic{margin:0 0 18px 0}.c-brand__title{font-size:18px}}@media (any-hover:none){.c-brand:has(a:hover) .c-brand__pic::before{background:var(--borderBg)}.c-brand:has(a:hover) .c-brand__pic::after{opacity:0}}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.c-page{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:100%;max-width:100%;margin:0 auto;padding:70px 0 0 0;border-top:1px solid rgba(21,6,17,.2)}.c-page.wow{animation-name:fadeIn}.c-page__count{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:auto;max-width:100%;flex:0 1 auto}.c-page__count a{display:flex;align-items:center;align-content:center;justify-items:center;justify-content:center;width:40px;height:40px;margin:0 5px;font-size:18px;line-height:1;color:rgba(21,6,17,.5);border-radius:50%;transition:color .4s ease-in-out,background-color .4s ease-in-out,opacity .4s ease-in-out;overflow:hidden}.c-page__count a::before{content:'';position:absolute;top:3px;left:3px;display:block;width:calc(100% - 6px);height:calc(100% - 6px);border-radius:50%;border:1px solid rgba(255,255,255,.5);opacity:0;transition:opacity .4s ease-in-out}.c-page__count a.hide{display:none}.c-page__count a:hover{opacity:.7}.c-page__count a.active{color:#fff;background:var(--mainColor)}.c-page__count a.active::before{opacity:1}.c-page__prev,.c-page__next{display:flex;align-items:center;align-content:center;justify-items:flex-start;justify-content:flex-start;width:auto;max-width:100%;margin:0 0 0 70px;transition:opacity .4s ease-in-out;flex:0 0 auto}.c-page__prev{margin:0 70px 0 0}.c-page__prev:hover,.c-page__next:hover{opacity:.7}.c-page__prev::before,.c-page__next::after{content:'';position:relative;display:block;width:40px;height:30px;background:url(/assets/images/common/icon_arrow_next_long.svg) center/contain no-repeat;opacity:.5}.c-page__prev::before{transform:scaleX(-1)}.c-page__prev.disable,.c-page__next.disable{opacity:.3;pointer-events:none}.c-page-detail{justify-content:space-between}.c-page-detail .c-page__count{display:none}@media screen and (max-width:991px){}@media screen and (max-width:767px){}@media screen and (max-width:575px){.c-page{padding:40px 0 0 0}.c-page__count a{width:35px;height:35px;font-size:15px}.c-page__next{margin:0 0 0 25px}.c-page__prev{margin:0 25px 0 0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}
.brand{display:block;width:100%;margin:55px 0 0 0}.brand__wrapper{overflow:visible}.brand__list{display:flex;align-items:flex-start;align-content:flex-start;justify-items:flex-start;justify-content:flex-start;flex-wrap:wrap;width:calc(100% + 50px)}.brand__list .c-brand{left:-25px;width:calc(25% - 50px);margin:0 25px 48px 25px}.brand .c-page{margin:50px 0 0 0}@media screen and (max-width:1300px){.brand__list .c-brand{width:calc(100% / 3 - 50px)}}@media screen and (max-width:991px){.brand{margin:45px 0 0 0}.brand__list{width:calc(100% + 30px)}.brand__list .c-brand{left:-15px;margin:0 15px 48px 15px;width:calc(50% - 30px)}.brand .c-page{margin:45px 0 0 0}}@media screen and (max-width:767px){}@media screen and (max-width:575px){.brand__list{width:calc(100% + 15px)}.brand__list .c-brand{left:-7.5px;margin:0 7.5px 36px 7.5px;width:calc(50% - 15px)}.brand .c-page{margin:0}}@media (any-hover:none){}@supports (-webkit-touch-callout:none){}@-moz-document url-prefix(){}