@charset "UTF-8";[aria-selected=false]{opacity:1}.tab-list multipurpose-nav[m4-type=drag] .drag-container{padding:0;max-width:none}.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper{padding:0;display:flex;flex-direction:column;gap:10px!important}.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.tab-list multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.tab-list multipurpose-nav[m4-type=drag] .drag-container .item.active .category{color:#fff;background-color:#00cbb5;border-color:transparent}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 30px;display:flex;align-items:center;height:100%;border-radius:10px;border:1px solid rgba(0,0,0,.2);text-align:start;transition:color var(--trans-normal),background-color var(--trans-normal),border-color var(--trans-normal);font-family:Figtree,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif;font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:normal}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category>p{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (min-width: 1201px){.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:hover{color:#fff;background-color:#00cbb5;border-color:transparent}}@media only screen and (max-width: 1200px){.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:hover{color:#fff;background-color:#00cbb5;border-color:transparent}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:active{color:#fff;background-color:#00cbb5;border-color:transparent}}.tab-list multipurpose-nav[m4-type=drag] .drag-container .category:after{display:none}.option-nav multipurpose-nav[m4-type=drag],.subNav-block multipurpose-nav[m4-type=drag]{z-index:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container,.subNav-block multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container:has(.button.active),.subNav-block multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.option-nav multipurpose-nav[m4-type=drag] .category,.subNav-block multipurpose-nav[m4-type=drag] .category{display:flex;justify-content:center;align-items:center;font-size:1.125rem;font-weight:500;line-height:1.6;letter-spacing:.5px}.option-nav multipurpose-nav[m4-type=drag] .category:after,.subNav-block multipurpose-nav[m4-type=drag] .category:after{content:unset}.option-nav multipurpose-nav[m4-type=drag] .navigation .button,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button{width:clamp(20px,.6985rem + .9804vw,30px);background-color:transparent}.option-nav multipurpose-nav[m4-type=drag] .navigation .button div,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button div{width:clamp(20px,.6985rem + .9804vw,30px);height:clamp(20px,.6985rem + .9804vw,30px)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button div:before{width:clamp(10px,.4044rem + .3922vw,14px);height:clamp(10px,.4044rem + .3922vw,14px);transition:border var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev{left:0;transform:translate3d(0,-50%,0)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev div:before{border-top:3px solid #000000;border-left:3px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev.hide,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev.hide{opacity:.5}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.prev.hide div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.prev.hide div:before{border-top:1px solid #000000;border-left:1px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next{right:0;transform:translate3d(0,-50%,0)}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next div:before{border-top:3px solid #000000;border-right:3px solid #000000}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next.hide,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next.hide{opacity:.5}.option-nav multipurpose-nav[m4-type=drag] .navigation .button.next.hide div:before,.subNav-block multipurpose-nav[m4-type=drag] .navigation .button.next.hide div:before{border-top:1px solid #000000;border-right:1px solid #000000}.option-nav .container{transition:transform var(--trans-normal),opacity var(--trans-normal)}.option-nav .container.hide{opacity:0}.option-nav multipurpose-nav[m4-type=drag]{z-index:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper{position:relative;padding:0;display:flex;gap:0!important;width:100%;border-radius:5px}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper:after{display:block;position:absolute;bottom:0;height:5px;width:calc(var(--indicator-width, 0) - clamp(20px,.6985rem + .9804vw,30px) * 2);left:calc(var(--indicator-left, 0) + clamp(20px,.6985rem + .9804vw,30px));background-color:#d81c2d;transition:left 1s,transform var(--trans-s);content:""}.option-nav multipurpose-nav[m4-type=drag] .drag-container .wrapper.animating:after{transform:scaleX(.1)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item{flex:1;min-width:max-content;border-radius:5px;transition:background-color var(--trans-normal)}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item:after{position:absolute;z-index:0;top:0;left:50%;transform:translate(-50%);width:calc(100% - (clamp(20px,.6985rem + .9804vw,30px)*2));height:100%;border-radius:5px;background-color:#f3f3f3;opacity:0;transition:opacity var(--trans-normal),width var(--trans-normal);content:""}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item:hover:after{opacity:1}.option-nav multipurpose-nav[m4-type=drag] .drag-container .item.active:after{opacity:1;width:100%}.option-nav multipurpose-nav[m4-type=drag] .drag-container .category{margin-inline:clamp(15px,.1103rem + 1.4706vw,30px);padding:10px;z-index:1;min-width:clamp(80px,-3.8235rem + 15.6863vw,240px);min-height:clamp(49px,2.1801rem + 1.5686vw,65px)}.subNav-block .container{grid-column:var(--xs-grid)}.subNav-block multipurpose-nav[m4-type=drag]{z-index:1}.subNav-block multipurpose-nav[m4-type=drag] .drag-container{padding-inline:0;max-width:unset;transition:padding var(--trans-normal)}.subNav-block multipurpose-nav[m4-type=drag] .drag-container:has(.button.active){padding-inline:clamp(30px,.7721rem + 1.9608vw,50px)}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper{position:relative;padding:0;display:flex;gap:20px!important;width:100%}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.end,.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.center,.subNav-block multipurpose-nav[m4-type=drag] .drag-container .wrapper.start{-webkit-mask-image:none;mask-image:none}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item{min-width:max-content;border-radius:5px}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item:after{position:absolute;left:0;bottom:0;width:100%;height:3px;background-color:#d81c2d;opacity:0;transform:scaleX(0);transform-origin:center;transition:transform var(--trans-normal),opacity var(--trans-normal);content:""}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .item:hover:after{transform:scaleX(1);opacity:1;width:100%}.subNav-block multipurpose-nav[m4-type=drag] .drag-container .category{padding:20px 10px}.mainUnitBanner-block[data-type=full] .breadCrumbs-box{opacity:0;transform:translateY(-30px);transition:transform var(--trans-xl) var(--delay),opacity var(--trans-xl) var(--delay)}.mainUnitBanner-block[data-type=full] .breadCrumbs-box .container{padding-block:clamp(15px,.6618rem + .4902vw,20px);grid-column:var(--xl-grid)}.mainUnitBanner-block[data-type=full] .mainUnitBanner .container{grid-column:var(--xl-grid)}.mainUnitBanner-block[data-type=full] .mainUnitBanner .img-box{min-height:520px;border-radius:10px 10px 0 0;overflow:hidden;opacity:0;transition:opacity var(--trans-xl);position:relative}.mainUnitBanner-block[data-type=full] .mainUnitBanner .img-box:before{display:block;width:100%;height:0;padding-bottom:35.3260869565%;content:""}.mainUnitBanner-block[data-type=full] .mainUnitBanner .img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.mainUnitBanner-block[data-type=full] .mainUnitBanner .img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}.mainUnitBanner-block[data-type=full] .mainUnitBanner .content-box{padding:clamp(80px,3.3456rem + 2.9412vw,110px) clamp(20px,-4.2647rem + 9.8039vw,120px);position:absolute;inset:0;display:flex;justify-content:center;align-items:center}.mainUnitBanner-block[data-type=full] .mainUnitBanner .inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:100%}.mainUnitBanner-block[data-type=full] .mainUnitBanner .bannerTitle,.mainUnitBanner-block[data-type=full] .mainUnitBanner .bannerSubtitle{color:#000;text-align:center;opacity:0;transform:translateY(-30px);transition:transform var(--trans-xl) var(--delay),opacity var(--trans-xl) var(--delay)}.mainUnitBanner-block[data-type=full] .mainUnitBanner .bannerTitle{max-width:920px}.mainUnitBanner-block[data-type=full] .mainUnitBanner .bannerSubtitle{max-width:720px}@media only screen and (max-width: 768px){.mainUnitBanner-block[data-type=full] .mainUnitBanner .container{grid-column:var(--full-grid)}}.mainUnitBanner-block[data-type=half] .mainUnitBanner-container{padding-bottom:40px;grid-column:var(--xl-grid);display:flex}.mainUnitBanner-block[data-type=half] .mainUnitBanner{position:relative;width:50%}.mainUnitBanner-block[data-type=half] .breadCrumbs-box{opacity:0;transform:translateY(-30px);transition:transform var(--trans-xl) var(--delay),opacity var(--trans-xl) var(--delay)}.mainUnitBanner-block[data-type=half] .breadCrumbs-box .container{padding-block:clamp(15px,.6618rem + .4902vw,20px)}.mainUnitBanner-block[data-type=half] .content-box{padding-left:clamp(20px,-2.0588rem + 5.8824vw,80px);padding-right:clamp(20px,-4.2647rem + 9.8039vw,120px);position:absolute;top:50%;transform:translateY(-50%)}.mainUnitBanner-block[data-type=half] .bannerTitle,.mainUnitBanner-block[data-type=half] .bannerSubtitle{opacity:0;transform:translateY(-30px);transition:transform var(--trans-xl) var(--delay),opacity var(--trans-xl) var(--delay)}.mainUnitBanner-block[data-type=half] .bannerTitle{margin-bottom:20px}.mainUnitBanner-block[data-type=half] .rounded-img-box{width:50%;min-height:520px;position:relative}.mainUnitBanner-block[data-type=half] .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:65.2173913043%;content:""}.mainUnitBanner-block[data-type=half] .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.mainUnitBanner-block[data-type=half] .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 900px){.mainUnitBanner-block[data-type=half] .mainUnitBanner-container{flex-direction:column}.mainUnitBanner-block[data-type=half] .mainUnitBanner{width:100%}.mainUnitBanner-block[data-type=half] .content-box{padding:50px 0;position:relative;top:auto;transform:translateY(0)}.mainUnitBanner-block[data-type=half] .rounded-img-box{width:100%;min-height:unset}}.mainUnitBanner-block[data-theme=white] .mainUnitBanner .bannerTitle,.mainUnitBanner-block[data-theme=white] .mainUnitBanner .bannerSubtitle{color:#fff}.mainUnitBanner-block.aost-show .breadCrumbs-box,.mainUnitBanner-block.aost-show .mainUnitBanner .bannerTitle,.mainUnitBanner-block.aost-show .mainUnitBanner .bannerSubtitle{opacity:1;transform:translateY(0)}.mainUnitBanner-block.aost-show .mainUnitBanner .img-box,.mainUnitBanner-block.aost-show .mainUnitBanner .option-nav{opacity:1}.esg-page{--section-gap: clamp(50px,-.7353rem + 6.8627vw,120px)}section.esg-block{position:relative}section.esg-block .container{padding-top:var(--section-gap);grid-column:var(--xs-grid)}section.esg-block .title{display:flex;align-items:center;gap:10px}.overview-block{position:relative}.overview-block+div>.container{padding-top:clamp(30px,.2206rem + 2.9412vw,60px)}.overview-block .title-box{display:flex;justify-content:space-between;gap:0 40px}@media only screen and (max-width: 900px){.overview-block .title-box{flex-direction:column}}.overview-block .title{flex-shrink:0}.overview-block .desc{margin-top:10px;width:100%;max-width:680px}.articles-block .title-block{margin-bottom:clamp(20px,.1471rem + 1.9608vw,40px);display:flex;justify-content:space-between;align-items:flex-end;gap:20px 40px}.articles-block .title-box{width:100%;max-width:680px}.articles-block .btn-box{flex-shrink:0}.articles-block .desc{margin-top:clamp(10px,.0735rem + .9804vw,20px)}@media only screen and (max-width: 900px){.articles-block .title-block{flex-direction:column;align-items:flex-start}}.government-block{position:relative}.government-block .background-layer{position:absolute;inset:0;z-index:-1;margin-top:calc(clamp(300px,8.3333rem + 13.8889vw,400px) * -1 + var(--section-gap));margin-bottom:calc(clamp(300px,8.3333rem + 13.8889vw,400px)*-1)}@media only screen and (max-width: 900px){.government-block .background-layer{margin-top:calc(-300px + var(--section-gap));margin-bottom:-300px}}.government-block .background-layer .background-wrapper{width:100%;height:100%;max-height:100vh;position:sticky;top:0;left:0}.government-block .background-layer img{width:100%;height:100%;object-fit:cover;object-position:center}.government-block .container{display:flex;align-items:stretch;gap:20px clamp(40px,-1.9118rem + 7.8431vw,120px)}@media only screen and (max-width: 900px){.government-block .container{overflow:hidden;flex-direction:column}}.government-block .stickyBox{width:100%}@media only screen and (min-width: 901px){.government-block .stickyBox{max-width:680px}}.government-block .stickyBox .img-box{position:sticky;top:200px;margin-inline:auto;border-radius:10px;width:100%;overflow:hidden}.government-block .stickyBox .img-box .pic{display:block}@media only screen and (min-width: 1201px){.government-block .stickyBox .img-box .pic:hover img{transform:scale(var(--scale-normal))}}@media only screen and (max-width: 1200px){.government-block .stickyBox .img-box .pic:hover img,.government-block .stickyBox .img-box .pic:active img{transform:scale(var(--scale-normal))}}.government-block .stickyBox .img-box .pic img{transition:transform var(--trans-normal)}@media only screen and (max-width: 900px){.government-block .stickyBox .img-box .pic{position:relative}.government-block .stickyBox .img-box .pic:before{display:block;width:100%;height:0;padding-bottom:95.5223880597%;content:""}.government-block .stickyBox .img-box .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.government-block .stickyBox .img-box .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}@media only screen and (min-width: 901px){.government-block .stickyBox .img-box .pic{position:relative}.government-block .stickyBox .img-box .pic:before{display:block;width:100%;height:0;padding-bottom:100%;content:""}.government-block .stickyBox .img-box .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.government-block .stickyBox .img-box .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}.government-block .content-block{flex:1;min-width:40%;display:flex;justify-content:center;align-items:center}@media only screen and (min-width: 901px){.government-block .content-block{padding:40px 0}}.government-block .title{margin-bottom:clamp(10px,.0735rem + .9804vw,20px)}.government-block .item-list{display:flex;flex-wrap:wrap;gap:20px;padding-top:clamp(20px,.1471rem + 1.9608vw,40px);margin-top:clamp(20px,.1471rem + 1.9608vw,40px);border-top:1px solid rgba(0,0,0,.2)}@media only screen and (max-width: 575px){.government-block .item-list{gap:10px}}.government-block .item-list .plus-btn{width:calc((100% - 40px) / 3)}@media only screen and (max-width: 1200px){.government-block .item-list .plus-btn{width:calc((100% - 20px)/2)}}@media only screen and (max-width: 575px){.government-block .item-list .plus-btn{width:100%}}.government-block .item-list .plus-btn .plus{flex-shrink:0}.SQ-block .wrapper{position:relative;display:flex;border-radius:10px;background:#fff;box-shadow:-5px 10px 20px #00000026}.SQ-block .inner{position:relative;width:50%;padding:clamp(40px,-.8088rem + 5.8824vw,100px) clamp(40px,.2941rem + 3.9216vw,80px);text-align:center}.SQ-block .inner[data-iconColor=black] .icon-block img{filter:brightness(0)}.SQ-block .inner[data-iconColor=white] .icon-block img{filter:brightness(0) invert(1)}.SQ-block .inner[data-iconColor=green] .icon-block img{filter:brightness(0) saturate(100%) invert(66%) sepia(34%) saturate(7494%) hue-rotate(134deg) brightness(95%) contrast(101%)}.SQ-block .inner:first-child{padding-left:clamp(40px,1.3971rem + 1.9608vw,60px)}.SQ-block .inner:last-child{padding-right:clamp(40px,1.3971rem + 1.9608vw,60px)}.SQ-block .inner:last-child:after{content:"";width:1px;height:calc(100% - (clamp(40px,-.8088rem + 5.8824vw,100px)*2));position:absolute;top:50%;left:0;transform:translateY(-50%);background:#0003}@media only screen and (max-width: 900px){.SQ-block .inner:last-child:after{width:calc(100% - (clamp(40px,-.8088rem + 5.8824vw,100px)*2));height:1px;top:0;left:50%;transform:translate3d(-50%,-50%,0)}}@media only screen and (max-width: 575px){.SQ-block .inner:first-child,.SQ-block .inner:last-child{padding-left:20px;padding-right:20px}.SQ-block .inner:last-child:after{width:calc(100% - 40px)}}.SQ-block .icon-block{width:clamp(60px,2.0956rem + 2.9412vw,90px);height:clamp(60px,2.0956rem + 2.9412vw,90px);margin-inline:auto;border-radius:50%;overflow:hidden;display:flex;justify-content:center;align-items:center;background:var(--BGColor, #00CBB5);box-shadow:-5px 10px 20px #00000026}.SQ-block .icon-block img{width:clamp(30px,1.3235rem + .9804vw,40px);height:clamp(30px,1.3235rem + .9804vw,40px);object-fit:contain}.SQ-block .title-block{margin-top:clamp(20px,.1471rem + 1.9608vw,40px)}.SQ-block .title-box{align-items:center}.SQ-block .title{width:100%;justify-content:center;flex-wrap:wrap}.SQ-block .desc{margin-top:clamp(10px,.0735rem + .9804vw,20px)}.SQ-block .plus-btn{width:15px;height:15px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px;margin-inline:auto}.SQ-block .plus-btn:after,.SQ-block .plus-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0);background:#000}.SQ-block .plus-btn:after{height:100%;width:2px}.SQ-block .plus-btn:before{width:100%;height:2px}@media only screen and (min-width: 1201px){.SQ-block .plus-btn{display:none}}@media only screen and (max-width: 900px){.SQ-block .wrapper{flex-direction:column}.SQ-block .inner{width:100%}}.report-block .container{position:relative}.report-block .container .img-box{border-radius:10px;overflow:hidden}@media only screen and (min-width: 901px){.report-block .container .img-box .pic{position:relative}.report-block .container .img-box .pic:before{display:block;width:100%;height:0;padding-bottom:max(41.6666666667%,600px);content:""}.report-block .container .img-box .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.report-block .container .img-box .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}@media only screen and (max-width: 900px){.report-block .container .img-box .pic{position:relative}.report-block .container .img-box .pic:before{display:block;width:100%;height:0;padding-bottom:89.552238806%;content:""}.report-block .container .img-box .pic picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.report-block .container .img-box .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}.report-block .container .txt-box{z-index:2;background:#fff;padding:40px 60px;width:100%;max-width:600px;border-radius:10px;box-shadow:10px 30px 40px #0000004d;overflow:hidden;display:flex;justify-content:center;align-items:center}.report-block .container .txt-box .title-box{position:relative;z-index:2}.report-block .container .txt-box .desc{margin-top:clamp(10px,.0735rem + .9804vw,20px)}.report-block .container .txt-box .btn-box{margin-top:clamp(20px,.1471rem + 1.9608vw,40px);display:flex;align-items:center;gap:20px}.report-block .container .txt-box .bg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.report-block .container .txt-box .bg img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 900px){.report-block .container .txt-box{width:calc(100% + 20px);max-width:calc(100% + 20px);margin-top:-80px;margin-left:-10px;margin-right:-10px}}@media only screen and (max-width: 575px){.report-block .container .txt-box{padding:40px 20px}.report-block .container .txt-box .btn-box{flex-direction:column;gap:10px;align-items:flex-start}}@media only screen and (min-width: 901px){.report-block .container .txt-box{position:absolute;bottom:45px;right:calc(clamp(20px,-2.0588rem + 5.8824vw,80px)*-1);min-height:300px}}.articles-block{transition:padding var(--swiper-speed);padding-bottom:var(--textHeight)}.articles-block .swiper-block{position:relative;display:flex;flex-direction:column}.articles-block .swiper-block .swiper{border-radius:10px;overflow:hidden}.articles-block .swiper-block .textBox{display:flex;flex-direction:column;justify-content:end;align-items:flex-start}@media only screen and (min-width: 901px){.articles-block .swiper-block .textBox{position:absolute;pointer-events:none;inset:0;z-index:2;background:linear-gradient(180deg,#0000 36.33%,#0009);opacity:0;padding:40px;border-radius:10px;overflow:hidden;transition:opacity .3s 0s,color var(--trans-normal)}.articles-block .swiper-block .textBox .title,.articles-block .swiper-block .textBox .desc{color:#fff}}.articles-block .swiper-block .textBox .title{text-align:left;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 900px){.articles-block .swiper-block .textBox .title{margin-top:20px}}.articles-block .swiper-block .textBox .desc{margin-top:20px;text-align:left;display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media only screen and (max-width: 900px){.articles-block .swiper-block .textBox .desc{margin-top:10px}}.articles-block .swiper-block .rounded-img-box{border-radius:10px;overflow:hidden;transition:box-shadow var(--swiper-speed)}@media only screen and (min-width: 901px){.articles-block .swiper-block .rounded-img-box{position:relative}.articles-block .swiper-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:max(55%,450px);content:""}.articles-block .swiper-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.articles-block .swiper-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}@media only screen and (min-width: 1921px){.articles-block .swiper-block .rounded-img-box{position:relative}.articles-block .swiper-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:max(55%,450px);content:""}.articles-block .swiper-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.articles-block .swiper-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}@media only screen and (max-width: 900px){.articles-block .swiper-block .rounded-img-box{position:relative}.articles-block .swiper-block .rounded-img-box:before{display:block;width:100%;height:0;padding-bottom:64.1791044776%;content:""}.articles-block .swiper-block .rounded-img-box picture{position:absolute;left:0;top:0;display:block;width:100%;height:100%}.articles-block .swiper-block .rounded-img-box img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}}.articles-block .swiper-block .rounded-img-box:after{position:absolute;inset:0;background:linear-gradient(0deg,#00000080 0% 100%);opacity:1;transition:opacity var(--swiper-speed);content:""}.articles-block .swiper-block .rounded-img-box:hover img{transform:scale(var(--scale-normal))}.articles-block .swiper-block .rounded-img-box img{transition:transform var(--trans-normal) cubic-bezier(.5,.1,.5,1)}.articles-block .swiper-block .mask-shadow{position:absolute;top:0;left:50%;transform:translate(-50%);border-radius:10px;width:var(--W);height:var(--H);box-shadow:-10px 10px 15px #00000026;opacity:0;transition:opacity .1s}.articles-block .swiper-block .mask-shadow.active{transition:opacity 1.2s;opacity:1}@media only screen and (min-width: 901px){.articles-block .swiper-block .swiper-controls{position:absolute;top:50%;width:100%;display:flex;justify-content:space-between;transform:translateY(-50%)}.articles-block .swiper-block .swiper-controls .swiper-btn-prev{left:-20px;transform:translate(-100%)}.articles-block .swiper-block .swiper-controls .swiper-btn-next{right:-20px;transform:translate(100%)}}.articles-block .swiper-block .mask-text-box{margin-inline:auto;position:absolute;bottom:0;left:50%;transform:translate(-50%);width:var(--W);transition:transform .2s .3s}.articles-block .swiper-block .mask-text-box .A-text-box{position:absolute;bottom:0;left:0;width:100%;height:auto;display:flex;flex-direction:column;justify-content:end;text-align:start;opacity:0;padding:20px;transition:opacity .3s,transform .8s .4s}.articles-block .swiper-block .mask-text-box .A-text-box.active{opacity:1;transform:translateY(100%)}.articles-block .swiper-block .mask-text-box .A-text-box.active .title,.articles-block .swiper-block .mask-text-box .A-text-box.active .desc{opacity:1}@media only screen and (min-width: 901px){.articles-block .swiper-slide{width:700px}.articles-block .swiper-slide.swiper-slide-active .rounded-img-box:after,.articles-block .swiper-slide.swiper-slide-duplicate-active .rounded-img-box:after{opacity:0}.articles-block .swiper-slide.swiper-slide-active .textBox,.articles-block .swiper-slide.swiper-slide-duplicate-active .textBox{transition-delay:1s;opacity:1}.articles-block.transform .swiper-slide.swiper-slide-next .rounded-img-box img{transform:translate(-30%);transition:transform var(--swiper-speed) cubic-bezier(.5,.1,.5,1)}.articles-block.transform .swiper-slide.swiper-slide-prev .rounded-img-box img{transform:translate(30%);transition:transform var(--swiper-speed) cubic-bezier(.5,.1,.5,1)}.articles-block.mouse-hover .mask-text-box,.articles-block.mouse-hover .swiper-block .mask-shadow{left:0;transform:translate(0)}.articles-block.mouse-hover .swiper-block .swiper-slide{transition:width var(--swiper-speed) cubic-bezier(.5,.1,.5,1)}.articles-block.mouse-hover .swiper-block .swiper-slide:not(.get-active){width:27.7777777778%}.articles-block.mouse-hover .swiper-block .swiper-slide:not(.get-active) .rounded-img-box:after{opacity:1}.articles-block.mouse-hover .swiper-block .swiper-slide:not(.get-active) .textBox{transition-delay:0s;opacity:0}.articles-block.mouse-hover .swiper-block .swiper-slide.get-active{width:48.6111111111%}.articles-block.mouse-hover .swiper-block .swiper-slide.get-active .rounded-img-box:after{opacity:0}.articles-block.mouse-hover .swiper-block .swiper-slide.get-active .textBox{transition-delay:1s;opacity:1}.articles-block.mouse-hover .swiper-block .swiper-slide.swiper-slide-next .rounded-img-box img,.articles-block.mouse-hover .swiper-block .swiper-slide.swiper-slide-prev .rounded-img-box img{transform:translate(0)}}@media only screen and (min-width: 1921px){.articles-block .swiper-slide{height:auto}.articles-block .swiper-slide .inner,.articles-block .swiper-slide .rounded-img-box{height:100%}.articles-block .swiper-slide{width:48.6111111111%}.articles-block .rounded-img-box,.articles-block .mask-text-box{max-height:450px}.articles-block .mask-text-box:before{padding-bottom:max(47.1428571429%,450px)}}@media only screen and (max-width: 900px){.articles-block .swiper{order:-1}.articles-block .swiper-slide .rounded-img-box:after{opacity:0}.articles-block .swiper-controls{display:flex;gap:10px;justify-content:center;margin-top:20px}.articles-block .swiper-controls .swiper-btn-prev,.articles-block .swiper-controls .swiper-btn-next{width:20px;height:20px;font-size:.9375rem}.articles-block .swiper-controls .swiper-btn-prev{left:auto;transform:translate(0)}.articles-block .swiper-controls .swiper-btn-next{right:auto;transform:translate(0)}}