@charset "UTF-8";.bannerBlk{width:100%;position:relative}.bannerBlk.aost-show .picBox .pic img{transform:scale(1.05)}.bannerBlk[data-type=Default] .txtBox{min-height:540px}.bannerBlk[data-type=Default] .txtBox .multipurpose{margin-top:auto}@media only screen and (max-width: 1400px){.bannerBlk[data-type=Default] .txtBox{min-height:400px}}@media only screen and (max-width: 900px){.bannerBlk[data-type=Default] .txtBox{min-height:500px;padding-top:150px}.bannerBlk[data-type=Default] .txtBox .inner{justify-content:flex-end}}@media only screen and (max-width: 900px){.bannerBlk[data-type=Fill] .txtBox{min-height:300px}.bannerBlk[data-type=Fill] .txtBox .inner{align-items:flex-start}}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox){margin-bottom:115px}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose{position:absolute;bottom:calc(clamp(50px,1.4706rem + 2.9412vw,80px)*-1);left:0;transform:translateY(100%)!important;padding:40px 0}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose multipurpose-nav[m4-type=drag].noScrollable .drag-container{justify-content:center}@media only screen and (max-width: 900px){.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox){margin-bottom:65px}.bannerBlk[data-type=Fill]:has(.multipurpose):has(.picBox) .multipurpose{padding:30px 0 0}}.bannerBlk:not(:has(.picBox)) .txtBox{min-height:unset!important;color:var(--AllWEB-text)}.bannerBlk:not(:has(.picBox)) .txtBox .multipurpose multipurpose-nav[m4-type=drag] .drag-container .category{color:var(--AllWEB-text)}.bannerBlk:not(:has(.picBox)) .txtBox .multipurpose multipurpose-nav[m4-type=drag] .drag-container .category:after{background:rgba(var(--wordRGB),.2)}.bannerBlk .container{padding:clamp(50px,1.4706rem + 2.9412vw,80px) 0;width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){.bannerBlk .container{width:calc(100% - var(--baseSpace) * 2)}}.bannerBlk .picBox{width:100%;height:100%;overflow:hidden;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.bannerBlk .picBox .pic{width:100%;height:100%}.bannerBlk .picBox .pic img{width:100%;height:100%;object-fit:cover;transition:1s transform .2s}.bannerBlk .txtBox{position:relative;z-index:2;width:100%;max-width:1440px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width: 1921px){.bannerBlk .txtBox{max-width:75vw}}.bannerBlk .txtBox .breadCrumbs{position:relative;z-index:2;width:100%}.bannerBlk .txtBox .inner{width:100%;flex:1;gap:clamp(50px,1.4706rem + 2.9412vw,80px);display:flex;flex-direction:column;align-items:flex-end;justify-content:center}@media only screen and (min-width: 901px){.bannerBlk .txtBox .inner{margin-top:clamp(50px,1.4706rem + 2.9412vw,80px);align-items:center}}.bannerBlk .txtBox .unitSlogan{width:100%;gap:50px}@media only screen and (min-width: 901px){.bannerBlk .txtBox .unitSlogan{display:flex;align-items:flex-start;justify-content:center}.bannerBlk .txtBox .unitSlogan .text:nth-child(1){width:50%}.bannerBlk .txtBox .unitSlogan .text:nth-child(2){width:37.5%;margin-left:auto;text-align:right}}.bannerBlk .txtBox .mainSlogan{font-family:El Messiri,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:clamp(3.4375rem,-.1471rem + 6.3725vw,7.5rem);font-weight:500;line-height:1.1;letter-spacing:2px}.bannerBlk .txtBox .subSlogan{font-size:clamp(1.5625rem,1.2868rem + .4902vw,1.875rem);font-weight:500;line-height:1.3;letter-spacing:1px;margin-top:30px}.bannerBlk .txtBox .paragraph{margin-top:20px}.bannerBlk .txtBox .multipurpose{width:100%}@media only screen and (max-width: 900px){.bannerBlk .txtBox .subSlogan{margin-top:20px}.bannerBlk .txtBox .paragraph{margin-top:10px}}.bannerBlk[data-theme=light]{color:#1f1f1f}.bannerBlk[data-theme=light][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category{color:#1f1f1f}.bannerBlk[data-theme=light][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#1f1f1f80}.bannerBlk[data-theme=dark]{color:#fff}.bannerBlk[data-theme=dark][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category{color:#fff}.bannerBlk[data-theme=dark][data-type=Default] multipurpose-nav[m4-type=drag] .drag-container .category:after{background:#ffffff80}.menu-page{--blkSpace: clamp(50px, .3676rem + 4.902vw,100px)}section.bannerBlk[data-type=Default]:has(.picBox)~section.overviewBlk .container{padding-top:var(--blkSpace)}@media only screen and (max-width: 900px){section.bannerBlk .breadCrumbs{display:none}}section.overviewBlk .container{max-width:1440px;padding-bottom:var(--blkSpace);width:calc(100% - var(--1frSpace) * 2 - var(--baseSpace) * 2);margin:auto}@media only screen and (max-width: 900px){section.overviewBlk .container{width:calc(100% - var(--baseSpace) * 2)}}@media only screen and (min-width: 1921px){section.overviewBlk .container{max-width:75vw}}section.overviewBlk .inner:not(:first-child){padding-top:var(--blkSpace)}@media only screen and (min-width: 901px){section.overviewBlk .inner:nth-child(odd) .item:not(.swiperBlk) .picBox{margin-right:8.8541666667vw}section.overviewBlk .inner:nth-child(odd) .item:not(.swiperBlk) .txtBox{margin-right:8.8541666667vw}}@media only screen and (min-width: 901px){section.overviewBlk .inner:nth-child(2n) .item{flex-direction:row-reverse}section.overviewBlk .inner:nth-child(2n) .item:not(.swiperBlk) .picBox{margin-left:8.8541666667vw}section.overviewBlk .inner:nth-child(2n) .item:not(.swiperBlk) .txtBox{margin-left:8.8541666667vw}}section.overviewBlk .item{position:relative;display:flex;justify-content:center}section.overviewBlk .item .picBox .pic{display:block;position:relative;width:100%;overflow:hidden}section.overviewBlk .item .picBox .pic:before{content:"";display:block;width:100%;height:100%;padding-top:100%}section.overviewBlk .item .picBox .pic picture{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}section.overviewBlk .item .picBox .pic img{width:100%;height:100%;object-fit:cover;position:absolute;left:50%;top:50%;transform:translate3d(-50%,-50%,0)}section.overviewBlk .item .txtBox{display:flex;align-items:center;justify-content:center}section.overviewBlk .item .txtBox .page-head{width:100%;text-align:left;flex-direction:column;align-items:flex-start;justify-content:flex-start}section.overviewBlk .item.swiperBlk{background:var(--color-bg, #FAF0D8);color:var(--color-text, #1f1f1f)}section.overviewBlk .item.swiperBlk .wrap{width:50%}section.overviewBlk .item.swiperBlk .stickyBox{position:sticky;top:150px}section.overviewBlk .item.swiperBlk .swiper-pagination{width:50%;left:50%;text-align:left;padding:50px clamp(30px,-4.7426rem + 11.7647vw,150px)}section.overviewBlk .item.swiperBlk .txtBox{position:relative;height:100%;padding:var(--blkSpace) clamp(30px,-4.7426rem + 11.7647vw,150px) clamp(80px,3.8971rem + 1.9608vw,100px)}section.overviewBlk .item.swiperBlk .txtBox .page-head{gap:0}section.overviewBlk .item.swiperBlk .txtBox .page-head .subTitle{margin-top:10px}section.overviewBlk .item.swiperBlk .txtBox .page-head .paragraph{margin-top:40px}@media only screen and (max-width: 900px){section.overviewBlk .item.swiperBlk .txtBox .page-head .paragraph{margin-top:15px}}section.overviewBlk .item.swiperBlk .txtBox .page-head .circleBtn{margin-top:40px}@media only screen and (max-width: 900px){section.overviewBlk .item.swiperBlk .txtBox .page-head .circleBtn{margin-top:15px}}section.overviewBlk .item.swiperBlk .swiper-slide-active .page-head [fadeUp-item]{opacity:1;transform:translateY(0);transition:.4s opacity,.4s transform}section.overviewBlk .item.swiperBlk .swiper-slide-active .page-head .mainTitle{transition-delay:.2s}section.overviewBlk .item.swiperBlk .swiper-slide-active .page-head .subTitle{transition-delay:.4s}section.overviewBlk .item.swiperBlk .swiper-slide-active .page-head .paragraph{transition-delay:.6s}section.overviewBlk .item.swiperBlk .swiper-slide-active .page-head .circleBtn{transition-delay:.8s}section.overviewBlk .item:not(.swiperBlk) .picBox{width:calc(50% - 8.8541666667vw)}section.overviewBlk .item:not(.swiperBlk) .picBox .pic{position:sticky;top:150px}section.overviewBlk .item:not(.swiperBlk) .txtBox{width:calc(50% - 8.8541666667vw);padding:50px 0}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head{gap:20px 15px}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head .title{gap:10px 15px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head .circleBtn{margin-top:40px}@media only screen and (max-width: 900px){section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head{flex-direction:row;gap:15px}}@media only screen and (max-width: 900px){section.overviewBlk .item{flex-direction:column}section.overviewBlk .item.swiperBlk .wrap{width:100%}section.overviewBlk .item.swiperBlk .swiper-pagination{width:100%;left:0;padding:0 30px 35px}section.overviewBlk .item:not(.swiperBlk) .picBox,section.overviewBlk .item:not(.swiperBlk) .txtBox{width:100%}section.overviewBlk .item:not(.swiperBlk) .txtBox{padding:30px 0 0}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head{gap:0}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head .paragraph{margin-top:15px}section.overviewBlk .item:not(.swiperBlk) .txtBox .page-head .circleBtn{margin-top:30px}}
