@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.category .container{grid-column:3/-3}@media only screen and (max-width: 767px){section.category .container{grid-column:2/-2}}section.main .container{padding:clamp(3.125rem,5.2vw,6.25rem) 7.03125vw clamp(3.125rem,3.64vw,4.375rem)}@media only screen and (max-width: 767px){section.main .container{padding:clamp(1.875rem,2.6vw,3.125rem) 25px}}.overview-item-box .item:nth-child(1){width:calc(100% + 7.03125vw);margin-left:-7.03125vw}.overview-item-box .item:nth-child(1) .inner{display:flex;align-items:center;gap:7.812vw}@media only screen and (max-width: 900px){.overview-item-box .item:nth-child(1) .inner{gap:4.94vw}}.overview-item-box .item:nth-child(1) .inner .img-box{width:50vw}.overview-item-box .item:nth-child(1) .inner .content-box{max-width:675px;width:35.15625vw;display:flex;justify-content:space-between}.overview-item-box .item:nth-child(1) .inner .content-box .text{width:77.185%}@media only screen and (max-width: 900px){.overview-item-box .item:nth-child(1) .inner .content-box .text .itemTitle{font-size:1.125rem}}.overview-item-box .item:nth-child(1) .inner .content-box .text .paragraphText{font-family:Noto Sans TC,"Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;margin-top:50px;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:5}.overview-item-box .item:nth-child(1) .inner .content-box .common-btn{margin-top:5.2vw}@media only screen and (min-width: 1921px){.overview-item-box .item:nth-child(1) .inner .img-box{max-width:49.06vw;flex:1}.overview-item-box .item:nth-child(1) .inner .content-box{max-width:unset}}@media only screen and (max-width: 1024px){.overview-item-box .item:nth-child(1) .inner .img-box{width:54vw}.overview-item-box .item:nth-child(1) .inner .content-box .text{width:84%}.overview-item-box .item:nth-child(1) .inner .content-box .text .paragraphText{margin-top:30px}.overview-item-box .item:nth-child(1) .inner .content-box .common-btn{margin-top:30px}}@media only screen and (max-width: 767px){.overview-item-box .item:nth-child(1){width:calc(100% + 25px);margin-left:-25px}.overview-item-box .item:nth-child(1) .inner{flex-direction:column;align-items:unset;gap:30px 0}.overview-item-box .item:nth-child(1) .inner .img-box{width:100%;position:relative}.overview-item-box .item:nth-child(1) .inner .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:71.428%}.overview-item-box .item:nth-child(1) .inner .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.overview-item-box .item:nth-child(1) .inner .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:nth-child(1) .inner .content-box{width:100%;max-width:unset;padding-left:25px}.overview-item-box .item:nth-child(1) .inner .content-box .text .paragraphText{margin-top:15px}}@media only screen and (max-width: 575px){.overview-item-box .item:nth-child(1){margin-left:-25px}.overview-item-box .item:nth-child(1) .inner .content-box{padding-left:25px}}