@charset "UTF-8";section.banner{z-index:0;position:relative}section.banner[text-color=white] .top-content{color:#fff}section.banner[text-color=white] .bottom-content{color:#fff}section.banner[text-color=white] .inner:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:#0000004d;content:""}section.banner[text-color=black] .top-content{color:#000}section.banner[text-color=black] .bottom-content{color:#000}section.banner[topText-align=left] .wrapper .top-content{align-self:flex-start;text-align:start}section.banner[topText-align=center] .wrapper .top-content{align-self:center;text-align:center}section.banner[topText-align=right] .wrapper .top-content{align-self:flex-end;text-align:end}section.banner[botText-align=left] .wrapper .bottom-content{align-self:flex-start;text-align:start}section.banner[botText-align=center] .wrapper .bottom-content{align-self:center;text-align:center}section.banner[botText-align=center] .wrapper .bottom-content .unitSubTitle{margin-right:-15px}section.banner[botText-align=right] .wrapper .bottom-content{align-self:flex-end;text-align:end}section.banner[botText-align=right] .wrapper .bottom-content .unitSubTitle{margin-right:-15px}section.banner .container{position:relative}section.banner .container.aost-show .bottom-content{transform:translateZ(0)}section.banner .container.aost-show .top-content{opacity:1;transform:translateZ(0)}section.banner .container .wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:50px 30px;padding:9.375vw 0 80px;color:#fff;min-height:46.87vw}@media only screen and (max-width: 1200px){section.banner .container .wrapper{min-height:65.4vw}}@media only screen and (max-width: 767px){section.banner .container .wrapper{min-height:134vw}}section.banner .container .inner{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}section.banner .container .inner img{width:100%;height:100%;object-fit:cover}section.banner .container .top-content{width:100%;max-width:730px;align-self:flex-end;margin:0 3.125vw;opacity:0;transition:transform .8s,opacity .8s .3s}section.banner .container .bottom-content{align-self:flex-start;max-width:675px;margin:0 7.03125vw;transform:translate3d(0,30px,0)}section.banner .container .bottom-content .unitSubTitle{margin-top:20px}@media only screen and (max-width: 1024px){section.banner .container .wrapper{padding:90px 0 50px}}@media only screen and (max-width: 767px){section.banner .container .wrapper .top-content{max-width:82.5%;margin:0 25px}section.banner .container .wrapper .bottom-content{margin:0 25px}section.banner .container .wrapper .bottom-content .unitSubTitle{margin-top:10px}}.overview-item-box{display:flex;align-items:stretch;flex-wrap:wrap;gap:clamp(5rem,7.81vw,9.375rem) 4.94vw}@media only screen and (max-width: 900px){.overview-item-box{justify-content:space-between}}.overview-item-box .date{writing-mode:vertical-rl;pointer-events:none;font-size:.875rem;color:#7d7d7d;font-weight:400;line-height:1.6;letter-spacing:1px}.overview-item-box .item{display:flex;justify-content:space-between;gap:15px;width:calc((100% - 9.9vw) / 3);padding-right:37px}@media only screen and (min-width: 1201px){.overview-item-box .item:hover .img-box{box-shadow:30px 30px 20px #0000001a}.overview-item-box .item:hover .img-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){.overview-item-box .item:active .img-box{box-shadow:30px 30px 20px #0000001a}.overview-item-box .item:active .img-box img{width:105%;height:105%}}.overview-item-box .item .img-box{display:block;transition:box-shadow .4s;overflow:hidden;position:relative}.overview-item-box .item .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:67.7%}.overview-item-box .item .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.overview-item-box .item .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}.overview-item-box .item .img-box img{width:100%;height:100%;top:50%;left:50%;transform:translate(-50%,-50%);transition:width .5s,height .5s}.overview-item-box .item .inner{flex:1}.overview-item-box .item .content-box{display:flex;margin-top:30px}.overview-item-box .item .content-box .date{position:absolute;top:0;right:0}.overview-item-box .item .content-box .itemTitle{font-size:1.125rem;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}.overview-item-box .item .content-box .common-btn{margin-top:30px}@media only screen and (max-width: 1200px){.overview-item-box .item{width:calc((100% - 4.95vw)/2)}}@media only screen and (max-width: 900px){.overview-item-box .item{padding-right:0}.overview-item-box .item .content-box{display:flex;justify-content:space-between}.overview-item-box .item .content-box .text{width:84%}.overview-item-box .item .content-box .date{position:static}}@media only screen and (max-width: 767px){.overview-item-box .item{width:100%}.overview-item-box .item .content-box{display:flex;justify-content:space-between}.overview-item-box .item .content-box .text{width:84%}.overview-item-box .item .content-box .dateRwd{display:flex}}section.main{position:relative;clip-path:polygon(0 -100%,110% 0,100% 100%,0 100%)}section.main .blk-box{padding:80px 0 clamp(5rem,7.81vw,9.375rem)}section.main .blk{grid-column:3/-3;max-width:1650px;width:100%;margin:0 auto}@media only screen and (max-width: 767px){section.main .blk{grid-column:2/-2}}section.main .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-2;pointer-events:none}section.main .bg-img img{position:fixed;width:100%;height:100%;top:0;object-fit:cover;z-index:-1}.search-result{margin-top:50px}@media only screen and (max-width: 767px){.search-bar{gap:20px;align-items:flex-start}}.control-btn-box{display:flex;align-items:center;padding:50px 0;width:100%}@media only screen and (max-width: 767px){.control-btn-box{flex-direction:column;align-items:flex-start;gap:10px 0;padding:80px 0 50px}}.multipurpose-wrap{width:calc(100% - 264px)}@media only screen and (max-width: 767px){.multipurpose-wrap{width:100%}}.multipurpose-wrap multipurpose-nav[m4-type=drag] .drag-container .category{display:flex;align-items:center;gap:10px}.multipurpose-wrap multipurpose-nav[m4-type=drag] .drag-container .category .num-box{width:50px;height:50px;background:#fff;display:flex;align-items:center;justify-content:center;border-radius:50%;text-align:center}.multipurpose-wrap multipurpose-nav[m4-type=drag] .drag-container .item.active .category .num-box{background:#000;color:#fff}.text-box{display:flex;align-items:center;flex-shrink:0}.text-box:after{content:"";width:4px;height:4px;display:block;background:#000;margin:0 clamp(1.875rem,2.6vw,3.125rem);border-radius:50%}@media only screen and (max-width: 767px){.text-box:after{display:none}}.brand-item-box{display:flex;flex-wrap:wrap;gap:80px clamp(3.75rem,7.81vw,9.375rem)}@media only screen and (max-width: 900px){.brand-item-box{gap:80px clamp(5rem,7.81vw,9.375rem)}}.brand-item-box .item{display:flex;align-items:center;gap:50px;width:calc((100% - clamp(3.75rem,7.81vw,9.375rem))/2)}@media only screen and (min-width: 1201px){.brand-item-box .item:hover .img-box{box-shadow:30px 30px 20px #0000001a}.brand-item-box .item:hover .img-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){.brand-item-box .item:active .img-box{box-shadow:30px 30px 20px #0000001a}.brand-item-box .item:active .img-box img{width:105%;height:105%}}@media only screen and (max-width: 1200px){.brand-item-box .item{width:calc((100% - clamp(3.75rem,7.81vw,9.375rem) * 2) / 3);flex-direction:column}}@media only screen and (max-width: 900px){.brand-item-box .item{width:calc((100% - clamp(5rem,7.81vw,9.375rem))/2)}}@media only screen and (max-width: 767px){.brand-item-box .item{width:100%}}.brand-item-box .item .img-box{width:52.8%;overflow:hidden;transition:box-shadow .5s;position:relative}.brand-item-box .item .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:126.66%}.brand-item-box .item .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.brand-item-box .item .img-box img{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);object-fit:cover;transition:width .5s,height .5s;position:absolute}@media only screen and (max-width: 1200px){.brand-item-box .item .img-box{width:100%}}.brand-item-box .item .paragraphText-wt{font-family:Noto Sans TC,"Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3}.brand-item-box .item .button-block{display:flex;gap:0 10px}.brand-item-box .item .title{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:30px;text-align:center}.brand-item-box .item .title .logo{max-width:clamp(7.5rem,7.81vw,9.375rem);flex-shrink:0}.brand-item-box .item .inner-content{flex:1;display:flex;flex-direction:column;align-items:center}@media only screen and (max-width: 767px){.brand-item-box .item .inner-content{flex:unset;width:calc(100% - 50px)}}.brand-item-box .item .inner-content .button-block{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:clamp(1.875rem,2.6vw,3.125rem)}.brand-item-box .item .inner-content .button-block .btn{min-width:200px}