@charset "UTF-8";.unit-banner[text-color=white]{color:var(--white)}.unit-banner[text-color=white] .banner-bg .sticky-img:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--black-10)}.unit-banner[text-color=black]{color:var(--black)}.unit-banner .banner-container{position:relative;width:100%;aspect-ratio:1920/750;display:flex;flex-direction:column;justify-content:flex-end;padding:0 30px 50px;transition:.3s}.unit-banner .banner-container.page .unit-title{padding:105px 0}@media only screen and (max-width: 1200px){.unit-banner .banner-container{aspect-ratio:1024/670;padding:50px 30px}}@media only screen and (max-width: 767px){.unit-banner .banner-container{padding:50px 20px}}@media only screen and (max-width: 575px){.unit-banner .banner-container{min-height:500px;aspect-ratio:unset}.unit-banner .banner-container.page{padding:74px 20px 50px}.unit-banner .banner-container.page .unit-title{margin:auto 0 0;flex:1}}.unit-banner .banner-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-3;overflow:hidden}.unit-banner .banner-bg .sticky-img{position:sticky;width:100%;height:100%;top:0;z-index:-1;transform:scale(1.25);opacity:0;transition:opacity .6s ease-out,transform .6s ease-out .1s}.unit-banner .banner-bg .sticky-img img{width:100.015%;height:100.015%;object-fit:cover}.unit-banner .back-btn{position:absolute;top:50px;left:30px}@media only screen and (max-width: 767px){.unit-banner .back-btn{top:30px;left:20px}}.unit-banner .unit-title{width:50%;padding:75px 0;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto;opacity:0;transform:scale(.75);transition:.6s ease .3s}.unit-banner .unit-title .f-unit-title{font-size:2.5rem;font-weight:500;line-height:1.5;letter-spacing:5px}.unit-banner .unit-title .f-unit-subtitle{font-family:Sarabun;font-size:1.25rem;font-weight:700;line-height:1.2;letter-spacing:2px;margin-top:10px}.unit-banner .unit-title.aost-show{opacity:1;transform:scale(1);transition:opacity .5s ease-out .4s,transform .5s ease-out .4s}@media only screen and (max-width: 1200px){.unit-banner .unit-title{margin:auto;padding:70px 0}.unit-banner .unit-title .f-unit-title{font-size:2.375rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1.125rem}}@media only screen and (max-width: 1024px){.unit-banner .unit-title{width:100%;margin:auto 0}}@media only screen and (max-width: 767px){.unit-banner .unit-title .f-unit-title{font-size:2.25rem}.unit-banner .unit-title .f-unit-subtitle{font-size:1rem}}@media only screen and (max-width: 575px){.unit-banner .unit-title{margin:auto 0 30px}}.unit-banner .content{width:620px;margin-left:auto;position:relative;text-align:right;align-self:flex-end}.unit-banner .content.aost-show{transition:opacity .5s ease-out .4s}@media only screen and (min-width: 1921px){.unit-banner .content{width:33.334%}}@media only screen and (max-width: 1200px){.unit-banner .content{width:80%}}@media only screen and (max-width: 575px){.unit-banner .content{width:100%;align-self:flex-start;text-align:left}}.unit-banner .banner-container.aost-show .banner-bg .sticky-img{opacity:1;transform:scale(1)}.service{padding-top:100px}@media only screen and (max-width: 1200px){.service{padding-top:0}}.service-block{grid-column:5/-5}@media only screen and (max-width: 1440px){.service-block{grid-column:4/-4}}@media only screen and (max-width: 1200px){.service-block{grid-column:3/-3}}@media only screen and (max-width: 767px){.service-block{grid-column:2/-2}}.service-box{display:flex;gap:30px var(--frSpace);padding-bottom:100px;margin-bottom:100px;border-bottom:1px solid var(--black-20)}.service-box .f-title-deco{width:11.1828%;flex-shrink:0;font-size:1.75rem;font-weight:500;line-height:1.3;letter-spacing:1px}.service-box .content{width:83.2975%}.service-box .f-paragraph{margin-top:30px;color:var(--grey)}.service-box .f-title-article{font-size:1.5rem;margin-top:1px}.service-box[anchor-num="2"] .icon-wrap{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-row-gap:15px;margin-bottom:80px}.service-box[anchor-num="2"] .icon-wrap .icon-box{width:180px;height:180px;background:#0000000d;border-radius:50%;padding:15px 30px 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:15px;cursor:pointer;font-family:Sarabun,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif!important}.service-box[anchor-num="2"] .icon-wrap .icon{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.service-box[anchor-num="2"] .icon-wrap .icon img{width:auto;height:auto;max-width:60px;max-height:60px}.service-box[anchor-num="2"] .icon-wrap .f-paragraph-5{display:block;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:center}.service-box[anchor-num="2"] .content-box{display:flex;gap:30px 90px}.service-box[anchor-num="2"] .content-box:not(:last-child) .edit-box{padding-bottom:80px;margin-bottom:80px;border-bottom:1px solid var(--black-20)}.service-box[anchor-num="2"] .content-box .icon-box{width:7.315%;min-width:90px;display:flex;flex-direction:column;align-items:center;margin-right:-5px;font-family:Sarabun,Noto Sans TC,微軟正黑體修正,Microsoft JhengHei,微軟正黑體,sans-serif!important}.service-box[anchor-num="2"] .content-box .icon{width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin-top:25px}.service-box[anchor-num="2"] .content-box .icon img{width:auto;height:auto;max-width:50px;max-height:50px}.service-box[anchor-num="2"] .edit-box{width:100%}.service-box[anchor-num="2"] .edit-box>div{color:var(--grey);line-height:180%;letter-spacing:1px}.service-box[anchor-num="2"] .edit-box p{color:var(--grey);line-height:180%;letter-spacing:1px}.service-box[anchor-num="2"] .edit-box ol{list-style:auto;padding-left:32px}.service-box[anchor-num="2"] .edit-box ol li{line-height:180%;letter-spacing:1px}.service-box[anchor-num="2"] .edit-box ul li{padding-left:15px;line-height:180%;letter-spacing:1px;position:relative}.service-box[anchor-num="2"] .edit-box ul li:before{content:"";position:absolute;left:0;top:12px;width:5px;height:5px;background:var(--red)}@media only screen and (max-width: 1200px){.service-box .f-title-deco{font-size:1.5rem}}@media only screen and (max-width: 992px){.service-box{flex-direction:column;padding-bottom:80px;margin-bottom:80px}.service-box .f-title-deco,.service-box .content{width:100%}.service-box[anchor-num="2"] .content-wrap{margin-top:50px;padding-top:50px;border-top:1px solid var(--black-20)}.service-box[anchor-num="2"] .content-box{flex-direction:column}.service-box[anchor-num="2"] .content-box:not(:last-child) .edit-box{padding-bottom:50px;margin-bottom:50px}.service-box[anchor-num="2"] .content-box .icon-box{width:100%;display:flex;flex-direction:row-reverse;align-items:center;justify-content:start;gap:0 10px}.service-box[anchor-num="2"] .content-box .icon{margin-top:0;width:45px;height:45px}.service-box[anchor-num="2"] .content-box .icon img{max-width:45px;max-height:45px}}@media only screen and (max-width: 767px){.service-box .f-title-deco{font-size:1.125rem}.service-box[anchor-num="2"] .icon-wrap{display:flex;flex-wrap:wrap;gap:15px}.service-box[anchor-num="2"] .icon-wrap .icon-box{width:150px;height:150px;gap:5px;padding:0 30px}.service-box[anchor-num="2"] .icon-wrap .f-paragraph-5{font-size:.875rem}.service-box[anchor-num="2"] .icon-wrap .icon{width:40px;height:40px}.service-box[anchor-num="2"] .icon-wrap .icon img{max-width:40px;max-height:40px}}@media only screen and (max-width: 500px){.service-box[anchor-num="2"] .icon-wrap{max-width:335px;padding-inline:10px;margin:0 auto 50px}}.link-box .f-title-deco{font-size:1.75rem;font-weight:500;line-height:1.3;letter-spacing:1px}.link-box .link-wrap{margin-top:40px;display:flex;flex-wrap:wrap;gap:50px 0;margin-inline:-15px}.link-box .item{width:20%;padding-inline:15px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}.link-box .item .f-title-item{transition:color .3s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-box .item .f-paragraph{margin-top:10px;color:var(--grey)}.link-box .item .img-box{width:100%;position:relative;margin-top:30px}.link-box .item .img-box:before{content:"";display:block;width:100%;padding-top:100%}.link-box .item .img-box img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover}@media only screen and (min-width: 1201px){.link-box .item:hover .f-title-item{color:var(--red)}}@media only screen and (max-width: 1200px){.link-box .item:active .f-title-item{color:var(--red)}}@media only screen and (max-width: 1366px){.link-box .item{width:25%}}@media only screen and (max-width: 1200px){.link-box .f-title-deco{font-size:1.5rem}}@media only screen and (max-width: 1024px){.link-box .item{width:33.3333333333%}}@media only screen and (max-width: 992px){.link-box .link-wrap{margin-top:30px}.link-box .item{width:50%}}@media only screen and (max-width: 767px){.link-box .f-title-deco{font-size:1.125rem}.link-box .link-wrap{margin-inline:0;gap:75px 0}.link-box .item{width:100%;padding-inline:0;display:flex;flex-direction:column-reverse}.link-box .item .f-paragraph{min-height:unset}.link-box .item .img-box{margin-top:0}.link-box .item .title-box{margin-top:30px}}
