@import"https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{padding:0;margin:0}:root{--color-gary-600: #1f1f1f;--color-gary-500: #353535;--color-gary-400: #6b6b6b;--color-gary-300: #a1a1a1;--color-gary-200: #d7d7d7;--color-gary-100: #f0f0f0;--color-main-100: #e9eff3;--color-main-500: #004877;--color-main-600: #003b5e;--color-main-700: #002c44;--gap: 2.4rem}html{font-size:10px;font-family:Poppins,Noto Sans TC,sans-serif}.site-main{--main-gap: 9.6rem;display:flex;flex-direction:column;gap:var(--main-gap);padding-top:calc(var(--main-gap) * .5);padding-bottom:var(--main-gap);overflow:hidden}@media (min-width: 1600px){.site-main{--main-gap: 24rem}}.site-header{position:sticky;width:100%;left:0;top:0;background-color:#fff;z-index:100;border-bottom:solid .1rem var(--color-gary-100)}.site-header__inner{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--gap) / 2) 0;height:6.4rem;align-items:center}@media (min-width: 768px){.site-header__inner{gap:calc(var(--gap)) 0}}@media (min-width: 1024px){.site-header__inner{gap:calc(var(--gap) * 1.5) 0}}@media (min-width: 768px){.site-header__inner{height:8rem}}.site-header__logo{width:16rem;aspect-ratio:200/48;grid-column:2/6}@media (min-width: 768px){.site-header__logo{grid-column:2/4}}.site-header__nav{position:fixed;right:0;top:0;width:20rem;background-color:#fff;z-index:0;padding-top:6.4rem;height:100svh;translate:100% 0;transition:all .3s;box-shadow:0 .4rem 2rem #0000001a}@media (min-width: 768px){.site-header__nav{position:relative;right:inherit;top:inherit;width:auto;background-color:transparent;padding-top:0;height:auto;translate:0 0;grid-column:5/12;box-shadow:none}}.site-header__nav.active{translate:0 0}.site-header__nav ul{height:100%;list-style:none;display:flex;flex-direction:column;justify-content:flex-start;padding-top:4rem;align-items:center;gap:calc(var(--gap) * 1.5)}@media (min-width: 768px){.site-header__nav ul{height:auto;flex-direction:row;padding-top:0;gap:calc(var(--gap));justify-content:flex-end}}@media (min-width: 1024px){.site-header__nav ul{gap:calc(var(--gap) * 2)}}.site-header__btn-link{display:block;font-size:1.6rem;color:var(--color-gary-500);font-weight:700;text-decoration:none;transition:color .3s}.site-header__btn-link:hover,.site-header__btn-link.active{color:var(--color-main-500)}.site-header__btn-toggle{cursor:pointer;margin-left:auto;margin-right:0;padding:0;width:2.4rem;height:1.2rem;border:0;position:relative;display:flex;flex-direction:column;justify-content:space-between;background-color:transparent;grid-column-start:11}.site-header__btn-toggle span{width:100%;height:.12rem;background-color:var(--color-gary-500);transform-origin:50%;transition:all .3s}@media (min-width: 768px){.site-header__btn-toggle{display:none}}.site-header__btn-toggle.active{justify-content:center}.site-header__btn-toggle.active span:nth-child(1){rotate:45deg}.site-header__btn-toggle.active span:nth-child(2){rotate:-45deg;translate:0 -.1rem}.section-title{grid-column:2/12;display:flex;flex-direction:column;gap:.4rem;position:relative;z-index:10}@media (min-width: 1024px){.section-title{grid-column:2/4}}.section-title__main-title{font-size:2.4rem;color:var(--color-main-500);font-weight:900}@media (min-width: 1600px){.section-title__main-title{font-size:2.8rem}}.section-title__sub-title{display:flex;gap:.8rem;align-items:center}.section-title__sub-title span{font-size:1.6rem;color:var(--color-gary-500)}@media (min-width: 1600px){.section-title__sub-title span{font-size:2.4rem}}.section-title__aux-title{font-size:1.4rem;color:var(--color-gary-400)}@media (min-width: 1600px){.section-title__aux-title{font-size:2rem}}.site-btn-link{cursor:pointer;border:0;white-space:nowrap;width:min-content;display:block;background-color:var(--color-main-500);font-size:1.6rem;color:#fff;padding:1.2rem 2rem;text-decoration:none;display:flex;align-items:center;gap:.4rem;transition:all .3s}.site-btn-link.align-right{margin-right:0;margin-left:auto}@media (hover: hover){.site-btn-link:hover{background-color:var(--color-main-600)}}.site-btn-tag{border:solid .1rem var(--color-main-500);font-size:1.4rem;color:var(--color-main-500);text-decoration:none;padding:.4rem .8rem}.site-text{font-size:1.4rem;color:var(--color-gary-400);font-weight:700;line-height:1.6;font-weight:400}@media (min-width: 1600px){.site-text{font-size:1.8rem}}.site-date{font-size:1.4rem;color:var(--color-gary-400)}@media (min-width: 1600px){.site-date{font-size:2rem}}.site-title{font-size:2rem;font-weight:700;color:var(--color-main-500)}.site-title a{color:var(--color-main-500);text-decoration:none;transition:color .3s}@media (hover: hover){.site-title a:hover{color:var(--color-main-700)}}@media (min-width: 1600px){.site-title{font-size:2.4rem}}.site-sub-title{font-size:1.4rem;font-weight:700;color:var(--color-gary-500)}@media (min-width: 1600px){.site-sub-title{font-size:2rem}}.project-card{display:grid;grid-template-columns:1fr;gap:calc(var(--gap) / 2)}.project-card__image{width:100%;overflow:hidden;aspect-ratio:16/9;position:relative}.project-card__image a{display:block;width:100%;height:100%}.project-card__image img{position:absolute;left:50%;top:50%;translate:-50% -50%;width:100%;height:100%;object-fit:cover;transition:scale .3s}.project-card__image:hover img{scale:1.1}.project-card__content{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.project-card__tags{padding-top:.8rem;display:flex;gap:calc(var(--gap) / 2)}.fixed-button{--size: 4.8rem;position:fixed;bottom:calc(var(--gap) / 2);right:calc(var(--gap) / 2);display:flex;flex-direction:column;gap:calc(var(--gap) / 2);z-index:100}.fixed-button__btn{display:block;width:var(--size);height:var(--size);border-radius:.8rem;overflow:hidden}.page-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--gap) / 2) 0;padding-top:3.2rem;position:relative;z-index:10}@media (min-width: 768px){.page-hero{gap:calc(var(--gap)) 0}}@media (min-width: 1024px){.page-hero{gap:calc(var(--gap) * 1.5) 0}}.page-hero__conetnt{grid-column:2/12;display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}@media (min-width: 768px){.page-hero__conetnt{grid-column:2/6}}@media (min-width: 1600px){.page-hero__conetnt{grid-column:2/5}}.page-hero__title{font-size:2.4rem;color:var(--color-main-500);font-weight:900;background:linear-gradient(0deg,#054c7a 50%,#a2d9da);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1024px){.page-hero__title{font-size:4rem}}@media (min-width: 1600px){.page-hero__title{font-size:4.8rem}}.page-hero__image{grid-column:2/13;position:relative;overflow:hidden}.page-hero__image img{width:auto}@media (min-width: 768px){.page-hero__image{grid-column:7/13}}@media (min-width: 1600px){.page-hero__image{grid-column:6/13}}.pagination{margin-top:var(--gap)}.pagination ul{list-style:none;display:flex;gap:.8rem;justify-content:center}@media (min-width: 768px){.pagination ul{justify-content:flex-end}}.pagination ul a{min-width:3.2rem;border-radius:.4rem;background-color:var(--color-main-500);font-size:1.6rem;color:#fff;padding:.6rem 1.2rem;text-decoration:none;display:flex;justify-content:center;align-items:center;transition:color .3s,background-color .3s}@media (hover: hover){.pagination ul a:hover{background-color:var(--color-main-600)}}.pagination ul li.active a{background-color:var(--color-main-600)}.slider-card{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.slider-card .site-sub-title{padding-top:calc(var(--gap) / 4)}.slider-card__image{aspect-ratio:1/1;position:relative}.slider-card__image img{width:100%;height:auto;object-fit:cover;object-position:center}.form-control{display:flex;gap:calc(var(--gap) / 4);align-items:center}.form-control span{font-size:1.4rem;font-weight:700;color:var(--color-gary-500);cursor:pointer}.form-control input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:currentColor;width:2.4rem;height:2.4rem;border:.2rem solid var(--color-main-500);transform:translateY(0);border-radius:0;display:grid;place-content:center}.form-control input[type=radio]:before{content:"";width:2rem;height:2rem;border-radius:0;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--color-main-500)}.form-control input[type=radio]:checked:before{transform:scale(1)}.cycle-text{position:absolute;left:0;top:0;scale:2;translate:0 -10%;z-index:0;transform-origin:center;display:none}@media (min-width: 1024px){.cycle-text{display:block;scale:5;translate:50% 0}}.cycle-text svg{animation-name:rotate-circle;animation-duration:30s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rotate-circle{to{transform:rotate(1turn)}}.cycle-text__text{font-weight:600;letter-spacing:.17rem;text-transform:uppercase;font-size:1.6rem;fill:var(--color-gary-100)}.site-footer{padding:4rem 0;background-color:var(--color-main-100)}@media (min-width: 1600px){.site-footer{padding-top:6.4rem;padding-bottom:6.4rem}}.site-footer__inner{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(4,auto);gap:var(--gap)}.site-footer__logo{grid-column:2/12;padding-bottom:var(--gap)}@media (min-width: 1024px){.site-footer__logo{grid-column:2/4}}.site-footer__logo img{width:16rem;height:auto}.site-footer__nav{grid-column:2/12;grid-row:2/3;display:flex;gap:calc(var(--gap) / 2)}@media (min-width: 1024px){.site-footer__nav{flex-direction:column;grid-column:7/8;grid-row:1/3}}@media (min-width: 1600px){.site-footer__nav{grid-column:8/9}}.site-footer__nav a{font-size:1.4rem;color:var(--color-gary-500);text-decoration:none;font-weight:700}.site-footer__contact{grid-column:2/12;grid-row:3/4;display:flex;flex-direction:column;gap:calc(var(--gap) / 3)}@media (min-width: 1024px){.site-footer__contact{grid-column:8/12;grid-row:1/3;gap:calc(var(--gap) / 2)}}@media (min-width: 1600px){.site-footer__contact{grid-column:9/12}}.site-footer__contact p{font-size:1.4rem;color:var(--color-gary-500)}.site-footer__contact p span{padding-right:.8rem;color:var(--color-gary-400)}.site-footer__copyright{grid-column:2/12;grid-row:4/5;font-size:1.2rem}.about-misson{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--gap) / 2) 0}@media (min-width: 768px){.about-misson{gap:calc(var(--gap)) 0}}@media (min-width: 1024px){.about-misson{gap:calc(var(--gap) * 1.5) 0}}.about-misson__image{grid-column:1/12}@media (min-width: 768px){.about-misson__image{grid-column:1/6}}.about-misson__content{grid-column:2/12;display:flex;flex-direction:column;gap:var(--gap)}@media (min-width: 768px){.about-misson__content{grid-column:7/12}}.about-value{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--gap) / 2) 0}@media (min-width: 768px){.about-value{gap:calc(var(--gap)) 0}}@media (min-width: 1024px){.about-value{gap:calc(var(--gap) * 1.5) 0}}.about-value__feature{grid-column:2/12;display:grid;grid-template-columns:1fr;gap:var(--gap)}@media (min-width: 768px){.about-value__feature{grid-column:7/12}}@media (min-width: 1600px){.about-value__feature{grid-column:2/12;grid-template-columns:repeat(3,1fr);gap:calc(var(--gap) * 2);padding-top:4rem}}.about-value__item{display:flex;gap:calc(var(--gap) / 2)}@media (min-width: 1600px){.about-value__item{gap:calc(var(--gap) * 1.5)}}.about-value__item i{font-size:4rem;color:var(--color-main-500)}@media (min-width: 1600px){.about-value__item i{font-size:8rem}}.about-value__item h5{font-size:1.6rem;font-weight:900;color:var(--color-main-500)}@media (min-width: 1600px){.about-value__item h5{font-size:2.4rem}}.about-value__certificates-wrap{grid-column:2/12;display:grid;grid-template-columns:1fr;gap:var(--gap)}@media (min-width: 768px){.about-value__certificates-wrap{grid-column:7/12}}@media (min-width: 1600px){.about-value__certificates-wrap{grid-column:2/12;grid-template-columns:repeat(3,1fr);gap:calc(var(--gap) * 2);padding-top:4rem}}.about-value__certificates-item h5{font-size:1.6rem;font-weight:900;color:var(--color-main-500)}@media (min-width: 1600px){.about-value__certificates-item h5{font-size:2.4rem}}.about-value__certificates{padding-top:1.2rem}.about-value__certificates img{display:block}.about-value__certificates img:not(:last-child){margin-bottom:1.6rem}.about-deeds{display:grid;grid-template-columns:repeat(12,1fr);gap:calc(var(--gap) / 2) 0}@media (min-width: 768px){.about-deeds{gap:calc(var(--gap)) 0}}@media (min-width: 1024px){.about-deeds{gap:calc(var(--gap) * 1.5) 0}}.about-deeds__image{grid-column:2/13}@media (min-width: 768px){.about-deeds__image{grid-column:7/13}}@media (min-width: 1024px){.about-deeds__image{grid-row:2/3}}.about-deeds__timeline{grid-column:2/12;gap:calc(var(--gap) * 2);display:flex;flex-direction:column}@media (min-width: 768px){.about-deeds__timeline{grid-column:2/6;grid-row:2/4}}@media (min-width: 1024px){.about-deeds__timeline{grid-row:2/4;grid-column:2/6}}.about-deeds__item{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.about-deeds__list{display:flex;flex-direction:column;gap:calc(var(--gap) / 2)}.about-deeds__year{font-size:3.2rem;color:var(--color-gary-400);font-weight:100}@media (min-width: 1600px){.about-deeds__year{font-size:4rem}}.about-deeds__item-deeds{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}