@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}}section.category .container{grid-column:3/-3}@media only screen and (max-width: 767px){section.category .container{grid-column:2/-2}}section.main .container{grid-column:3/-3;position:relative;padding:100px 0 70px}section.main .container:before{position:absolute;left:50%;width:1px;height:calc(100% - 170px);transform:translate(-50%);background:#0003;z-index:-1;content:""}@media only screen and (max-width: 1200px){section.main .container{padding:70px 0}}@media only screen and (max-width: 1024px){section.main .container{padding:50px 0}}@media only screen and (max-width: 990px){section.main .container:before{display:none}}@media only screen and (max-width: 767px){section.main .container{grid-column:2/-2;padding:30px 0}}section.main .item-box{display:flex;flex-direction:column;gap:clamp(5rem,7.81vw,9.375rem) 0;counter-reset:num}section.main .item-box .item{display:flex;justify-content:space-between;counter-increment:num}section.main .item-box .item .itemTitle-rt{position:relative}section.main .item-box .item .itemTitle-rt:before{position:absolute;left:0;top:0;display:none;justify-content:center;align-items:center;width:50px;height:50px;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:500px;font-family:"Source Serif 4",Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1.125rem;font-weight:600;line-height:1.15;transition:background .3s,color .3s;content:counter(num,decimal-leading-zero)}section.main .item-box .item:nth-child(2n){flex-direction:row-reverse}section.main .item-box .item:nth-child(2n) .content-box{padding:50px 75px 0 0}section.main .item-box .item:nth-child(2n) .picture-box{flex-direction:row-reverse}@media only screen and (max-width: 990px){section.main .item-box .item:nth-child(2n){flex-direction:column}section.main .item-box .item:nth-child(2n) .picture-box{position:static;order:1;flex-direction:row;margin:0 auto;width:100%;max-width:530px}section.main .item-box .item:nth-child(2n) .picture-box .img-box{max-width:450px}section.main .item-box .item:nth-child(2n) .content-box{order:3;padding:34px 0 0;width:100%}section.main .item-box .item:nth-child(2n) .number-box{display:none}}@media only screen and (max-width: 767px){section.main .item-box .item:nth-child(2n) .picture-box{max-width:510px}}section.main .item-box .item.aost-show .number-box{background:#000;color:#fff}section.main .item-box .item.aost-show .picture-box .img-box{box-shadow:30px 30px 20px #0000001a}section.main .item-box .item.aost-show .itemTitle-rt:before{background:#000;color:#fff}@media only screen and (max-width: 990px){section.main .item-box .item{flex-direction:column}section.main .item-box .item .picture-box{position:static;order:1;margin:0 auto;width:100%;max-width:530px}section.main .item-box .item .picture-box .img-box{max-width:450px}section.main .item-box .item .content-box{order:3;width:100%}section.main .item-box .item .number-box{display:none}section.main .item-box .item .itemTitle-rt{padding-left:70px}section.main .item-box .item .itemTitle-rt:before{display:flex}}@media only screen and (max-width: 767px){section.main .item-box .item .picture-box{max-width:510px}}section.main .item-box .content-box{width:36.3636%;padding:50px 0 0 3.90625vw}section.main .item-box .content-box .list-block{margin-top:50px}section.main .item-box .content-box .list-block li{position:relative;padding-left:34px}section.main .item-box .content-box .list-block li:before{position:absolute;left:0;display:block;margin-top:13px;width:4px;height:4px;background:#000;border-radius:500px;content:""}section.main .item-box .content-box .list-block li .paragraphText{margin-top:5px;font-family:Noto Sans TC,"Source Serif 4",微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif}section.main .item-box .content-box .list-block li:not(:first-child){margin-top:30px}@media only screen and (max-width: 990px){section.main .item-box .content-box{padding:34px 0 0;margin:0 auto;max-width:530px}section.main .item-box .content-box .list-block{margin-top:34px}}@media only screen and (max-width: 767px){section.main .item-box .content-box{max-width:530px}}section.main .item-box .number-box{position:sticky;top:300px;display:flex;justify-content:center;align-items:center;width:100px;height:100px;border:1px solid rgba(0,0,0,.2);background:#fff;border-radius:500px;transition:background .3s,color .3s}section.main .item-box .number-box .number{position:relative}section.main .item-box .number-box .number:before{font-size:1.125rem;font-weight:600;line-height:1.15;content:counter(num,decimal-leading-zero)}section.main .item-box .picture-box{position:sticky;top:150px;display:flex;justify-content:space-between;gap:0 clamp(1.875rem,6.25vw,7.5rem);width:36.3636%;height:fit-content}@media only screen and (max-width: 900px){section.main .item-box .picture-box{gap:0 50px}}@media only screen and (max-width: 767px){section.main .item-box .picture-box{gap:0 30px}}section.main .item-box .picture-box .img-box{width:100%;transition:box-shadow .3s;min-width:263px;position:relative}section.main .item-box .picture-box .img-box:before{content:"";display:block;width:100%;height:0;padding-bottom:133.333%}section.main .item-box .picture-box .img-box picture{display:block;position:absolute;left:0;top:0;width:100%;height:100%}section.main .item-box .picture-box .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}section.main .item-box .picture-box .enTitle{writing-mode:vertical-rl;pointer-events:none;font-size:1rem;color:#7d7d7d;font-weight:400;line-height:1.8;letter-spacing:1px}