@charset "UTF-8";.brand-page{color:#321c05;overflow:hidden}.bannerBlk{position:relative;padding:var(--headerH) 0 0 0;z-index:2}.bannerBlk .bg{width:100%;height:100%;z-index:-1;background:linear-gradient(0deg,#ffffff0d,#ffffff0d),linear-gradient(180deg,#fff3,#fff 83.24%),url(../../assets/img/brand/brand_banner.png) #d3d3d3 50%/cover no-repeat;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.bannerBlk .bg:after{content:"";width:100%;height:30px;position:absolute;bottom:0;left:0;transform:translateY(25%);background:#fff}.bannerBlk .container{max-width:1440px;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1200px){.bannerBlk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1921px){.bannerBlk .container{max-width:75vw}}.bannerBlk .heading{padding:clamp(50px,.3676rem + 4.902vw,100px) 0}.bannerBlk .cover{position:relative}.bannerBlk .name{color:#000;font-size:clamp(5rem,-9.8897rem + 26.4706vw,21.875rem);font-weight:800;line-height:1;width:100%;height:100%;margin:-.16em 0 -.13em;text-align:left;text-transform:uppercase}.bannerBlk .unitTitle{font-size:clamp(1.5625rem,1.2868rem + .4902vw,1.875rem);font-weight:500;line-height:1.3;letter-spacing:1px;margin-top:50px}@media only screen and (max-width: 900px){.bannerBlk .unitTitle{margin-top:30px}}.bannerBlk .mediaBox{position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:lighten;pointer-events:none}.bannerBlk .mediaBox:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(180deg,#0009,#0000)}.bannerBlk .mediaBox video,.bannerBlk .mediaBox img{width:100%;height:100%;object-fit:cover}.bannerBlk .flexBox{gap:30px;position:relative;z-index:5;display:flex;align-items:flex-start;justify-content:center}.bannerBlk .flexBox .paragraph{width:50%;max-width:600px;margin-right:auto}.bannerBlk .flexBox .tabBox{position:relative;z-index:5;width:50%;max-width:720px}@media only screen and (min-width: 901px){.bannerBlk .flexBox .tabBox multipurpose-nav[m4-type=collapse] .drag-container{justify-content:flex-end}}.bannerBlk .flexBox .tabBox multipurpose-nav[m4-type=collapse] .drag-container .wrapper{gap:30px!important}@media only screen and (max-width: 900px){.bannerBlk .flexBox{flex-direction:column}.bannerBlk .flexBox .paragraph,.bannerBlk .flexBox .tabBox{width:100%;max-width:100%}}.bannerBlk .linkBox{margin-top:50px;gap:20px 30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}@media only screen and (max-width: 900px){.bannerBlk .linkBox{margin-top:30px}}.bannerBlk .linkBox .item{transition:.4s filter;filter:drop-shadow(0px 0px 0px rgba(0,0,0,0))}.bannerBlk .linkBox .item[type-border] .picBox{border:1px solid rgba(0,0,0,.1);background:#fff}@media only screen and (min-width: 1201px){.bannerBlk .linkBox .item:hover{filter:drop-shadow(15px 15px 50px rgba(0,0,0,.15))}}@media only screen and (max-width: 1200px){.bannerBlk .linkBox .item:active{filter:drop-shadow(15px 15px 50px rgba(0,0,0,.15))}}.bannerBlk .linkBox .item .picBox{width:clamp(80px,2.7941rem + 3.9216vw,120px);border-radius:50%;overflow:hidden}.bannerBlk .linkBox .item .picBox .pic{position:relative;width:100%;overflow:hidden}.bannerBlk .linkBox .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}.bannerBlk .linkBox .item .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.bannerBlk .linkBox .item .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container{padding:clamp(50px,.3676rem + 4.902vw,100px) 0;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 1200px){.contentBlk .container{width:calc(100% - var(--baseSpace) * 2)}}.contentBlk .container:not(.noContent) .content{position:relative;display:flex;align-items:flex-start;justify-content:center}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .content{flex-direction:column-reverse}}.contentBlk .container:not(.noContent) .content:not(:first-child){margin-top:clamp(80px,1.1397rem + 6.8627vw,150px)}.contentBlk .container:not(.noContent) .content[data-type=A]{gap:0 8.3333333333%;position:relative;max-width:1440px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1921px){.contentBlk .container:not(.noContent) .content[data-type=A]{max-width:75vw}}@media only screen and (min-width: 901px){.contentBlk .container:not(.noContent) .content[data-type=A] .wrap.bigPic{order:1;width:41.6666666667%}.contentBlk .container:not(.noContent) .content[data-type=A] .wrap.text{order:2;width:42.3611111111%;padding-bottom:19.4444444444vh;margin-right:7.6388888889%}.contentBlk .container:not(.noContent) .content[data-type=A] .wrap.text .textBox{max-width:31.7708333333vw}.contentBlk .container:not(.noContent) .content[data-type=A] .wrap.smallPic{position:absolute;right:0;bottom:0}}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .content[data-type=A] .wrap.smallPic{order:-1;margin-left:auto}}.contentBlk .container:not(.noContent) .content[data-type=B]{gap:0 5.7877813505%;max-width:1555px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1921px){.contentBlk .container:not(.noContent) .content[data-type=B]{max-width:80.9895833333vw}}@media only screen and (min-width: 901px){.contentBlk .container:not(.noContent) .content[data-type=B] .wrap.text{order:1}.contentBlk .container:not(.noContent) .content[data-type=B] .wrap.bigPic{order:2}.contentBlk .container:not(.noContent) .content[data-type=B] .wrap.smallPic{order:3;padding-top:44.4444444444vh}}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .content[data-type=B] .wrap.bigPic{order:-1;margin-left:auto}}.contentBlk .container:not(.noContent) .content[data-type=C]{gap:0 5.7877813505%;max-width:1555px;margin-left:auto;margin-right:auto}@media only screen and (min-width: 1921px){.contentBlk .container:not(.noContent) .content[data-type=C]{max-width:80.9895833333vw}}@media only screen and (min-width: 901px){.contentBlk .container:not(.noContent) .content[data-type=C] .wrap.smallPic{order:1}.contentBlk .container:not(.noContent) .content[data-type=C] .wrap.bigPic{order:2;padding-top:100px}.contentBlk .container:not(.noContent) .content[data-type=C] .wrap.text{order:3}}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .content[data-type=C] .wrap.smallPic{order:-1;margin-left:auto}}.contentBlk .container:not(.noContent) .wrap{width:100%}@media only screen and (min-width: 901px){.contentBlk .container:not(.noContent) .wrap.text{width:29.2604501608%}.contentBlk .container:not(.noContent) .wrap.bigPic{width:38.5852090032%}.contentBlk .container:not(.noContent) .wrap.smallPic{width:20.578778135%}}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .wrap.bigPic{margin-top:40px;width:84.1791044776%;max-width:500px}.contentBlk .container:not(.noContent) .wrap.smallPic{margin-top:40px;width:44.776119403%;max-width:280px}}.contentBlk .container:not(.noContent) .brandSwiper{padding-bottom:38px;position:relative;z-index:3}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .brandSwiper{padding-bottom:28px}}.contentBlk .container:not(.noContent) .picBox.big{width:100%}.contentBlk .container:not(.noContent) .picBox.big .pic{position:relative;width:100%;overflow:hidden}.contentBlk .container:not(.noContent) .picBox.big .pic:before{content:"";display:block;width:100%;height:100%;padding-top:125%}.contentBlk .container:not(.noContent) .picBox.big .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .picBox.big .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .picBox.small{width:100%;box-shadow:15px 15px 50px #00000026}.contentBlk .container:not(.noContent) .picBox.small .pic{position:relative;width:100%;overflow:hidden}.contentBlk .container:not(.noContent) .picBox.small .pic:before{content:"";display:block;width:100%;height:100%;padding-top:126.875%}.contentBlk .container:not(.noContent) .picBox.small .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .picBox.small .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .picBox.defaultPic{position:relative}.contentBlk .container:not(.noContent) .picBox.defaultPic .pic~img{z-index:2;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .picBox.defaultPic.big .pic~img{width:clamp(50px,1.789rem + 3.7175vw,100px)}.contentBlk .container:not(.noContent) .picBox.defaultPic.small .pic~img{width:clamp(40px,1.9656rem + 1.487vw,60px)}.contentBlk .container:not(.noContent) .textBox{width:100%;max-width:29.1666666667vw;margin:auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width: 901px){.contentBlk .container:not(.noContent) .textBox{flex-direction:column-reverse;gap:100px;padding-top:100px}}@media only screen and (min-width: 1201px){.contentBlk .container:not(.noContent) .textBox{gap:23.1481481481vh}}.contentBlk .container:not(.noContent) .textBox .page-head{width:100%;text-align:left;position:inherit}.contentBlk .container:not(.noContent) .textBox .logoBox{width:clamp(50px,2.0221rem + 1.9608vw,70px);height:clamp(50px,2.0221rem + 1.9608vw,70px)}.contentBlk .container:not(.noContent) .textBox .logoBox img{width:100%;height:100%;object-fit:contain}.contentBlk .container:not(.noContent) .textBox .mainTitle{line-height:1.5}.contentBlk .container:not(.noContent) .textBox .subTitle{font-family:El Messiri,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;margin-top:20px}.contentBlk .container:not(.noContent) .textBox .paragraph{margin-top:70px}@media only screen and (max-width: 1200px){.contentBlk .container:not(.noContent) .textBox .circleBtn{margin-top:20px}}@media only screen and (min-width: 1201px){.contentBlk .container:not(.noContent) .textBox .circleBtn{width:100%;height:100%;z-index:2;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.contentBlk .container:not(.noContent) .textBox .circleBtn .txt{display:none}}.contentBlk .container:not(.noContent) .textBox .circleBtn .animated-line{stroke:url(#linear_dark)}@media only screen and (max-width: 1200px){.contentBlk .container:not(.noContent) .textBox .paragraph{margin-top:20px}}@media only screen and (max-width: 900px){.contentBlk .container:not(.noContent) .textBox{position:relative;max-width:100%}.contentBlk .container:not(.noContent) .textBox .mainTitle{margin-top:40px}.contentBlk .container:not(.noContent) .textBox .subTitle{margin-top:10px}.contentBlk .container:not(.noContent) .textBox .logoBox{margin-right:auto}}