*{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;--color-type-1: #627eb1;--color-type-2: #bc6453;--color-type-3: #75933f;--color-type-4: #a562a9;--gap: 2.4rem}html{font-size:10px;font-family:"system-ui",-apple-system,"Segoe UI","Microsoft JhengHei","PingFang 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)}@media (min-width: 1600px){.site-main{--main-gap: 24rem}}.site-main.blog-theme{--main-gap: 4rem;padding-top:0;padding-bottom:12rem}.site-header{position:sticky;width:100%;left:0;top:0;background-color:#fff;z-index:100;border-bottom:solid .1rem var(--color-gary-100);box-shadow:0 .2rem 1.6rem #0003}.site-header__inner{display:grid;grid-template-columns:repeat(14,1fr);gap:calc(var(--gap) / 2) var(--gap);height:6.4rem;align-items:center;position:relative}@media (min-width: 768px){.site-header__inner{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.site-header__inner{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}@media (min-width: 768px){.site-header__inner{height:8rem}}.site-header__logo{width:100%;aspect-ratio:200/48;grid-column:2/6;position:absolute;width:16rem}@media (min-width: 640px){.site-header__logo{width:18rem}}.site-header__logo a{display:block;width:100%;height:100%}.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/14;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) / 1);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;white-space:nowrap}@media (min-width: 768px){.site-header__btn-link{font-size:1.4rem}}@media (min-width: 1200px){.site-header__btn-link{font-size:1.8rem}}.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:13}.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/6}}.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.6rem}}.site-text.text-white{color:#fff}.site-date{font-size:1.4rem;color:var(--color-gary-400)}@media (min-width: 1600px){.site-date{font-size:2rem}}.site-title{font-size:1.8rem;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:2rem}}.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(14,1fr);gap:calc(var(--gap) / 2) var(--gap);position:relative;z-index:10;overflow:hidden}@media (min-width: 768px){.page-hero{gap:calc(var(--gap)) calc(var(--gap) * 1)}}@media (min-width: 1024px){.page-hero{gap:calc(var(--gap) * 1.5) calc(var(--gap) * 2)}}.page-hero__conetnt{display:flex;flex-direction:column;gap:calc(var(--gap) / 4)}.page-hero__conetnt:nth-of-type(1){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(1){grid-column:2/6}}.page-hero__conetnt:nth-of-type(2){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(2){grid-column:6/10}}.page-hero__conetnt:nth-of-type(3){grid-column:2/14}@media (min-width: 960px){.page-hero__conetnt:nth-of-type(3){grid-column:10/14}}.page-hero__title{font-size:2.4rem;color:var(--color-main-500);font-weight:900;background:linear-gradient(90deg,#054c7a 20%,#a2d9da);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 1024px){.page-hero__title{font-size:4rem}}.page-hero__image{grid-column:2/15;position:relative;overflow:hidden}.page-hero__image img{width:auto}@media (min-width: 768px){.page-hero__image{grid-column:6/15}}@media (min-width: 1600px){.page-hero__image{grid-column:6/15}}.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:3/2;position:relative;overflow:hidden}.slider-card__image img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;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;flex-wrap:wrap;gap:var(--gap)}@media (min-width: 1024px){.site-footer__nav{flex-direction:column;grid-column:7/8;grid-row:1/3;gap:calc(var(--gap) / 2)}}@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}
.wp{--ink:#123349;--blue:#004877;--blue-dark:#003653;--sky:#e9f4f7;--line:#d6e3e9;--accent:#f0a13a;gap:0;padding:0;color:var(--ink)}
.wp *{box-sizing:border-box}
.wp__inner{width:min(118rem,calc(100% - 4rem));margin-inline:auto}
.wp__section{padding:8rem 0}
.wp__eyebrow{display:inline-flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;color:var(--blue);font-size:1.4rem;font-weight:800;letter-spacing:.12em}.wp__eyebrow:before{content:"";width:3.2rem;height:.3rem;background:var(--accent);border-radius:9rem}
.wp__heading{margin:0;color:var(--ink);font-size:clamp(2.8rem,3.5vw,4.5rem);line-height:1.2;letter-spacing:-.03em}
.wp__lead{margin:1.8rem 0 0;max-width:76rem;color:#506a79;font-size:1.8rem;line-height:1.9}
.wp__text{color:#506a79;font-size:1.7rem;line-height:1.95}.wp__text a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:.4rem}
.wp__hero{position:relative;overflow:hidden;background:var(--sky)}.wp__hero:after{content:"";position:absolute;width:34rem;height:34rem;right:-12rem;top:-16rem;border:7rem solid rgba(0,72,119,.06);border-radius:50%}
.wp__hero-grid{min-height:65rem;display:grid;grid-template-columns:1.02fr .98fr}.wp__hero-copy{position:relative;z-index:2;padding:9rem 6rem 8rem max(2rem,calc((100vw - 118rem)/2));align-self:center}.wp__hero h1{margin:0;max-width:72rem;color:var(--ink);font-size:clamp(3.8rem,5vw,6.6rem);line-height:1.12;letter-spacing:-.045em}.wp__hero h1 strong{color:var(--blue)}.wp__hero .wp__lead{max-width:64rem}
.wp__actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.2rem}.wp__button{min-height:5.2rem;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;padding:1.2rem 2.2rem;border:.1rem solid var(--blue);border-radius:.8rem;background:var(--blue);color:#fff;text-decoration:none;font-size:1.6rem;font-weight:800;transition:.2s}.wp__button:hover{transform:translateY(-.2rem);background:var(--blue-dark)}.wp__button--ghost{background:transparent;color:var(--blue)}.wp__button--ghost:hover{color:#fff}
.wp__hero-image{min-height:65rem;position:relative}.wp__hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.wp__hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--sky),transparent 24%)}
.wp__trust-list{display:flex;flex-wrap:wrap;gap:1rem;margin:3rem 0 0;padding:0;list-style:none}.wp__trust-list li{padding:.8rem 1.2rem;border:.1rem solid rgba(0,72,119,.18);border-radius:9rem;background:#ffffffba;color:var(--blue);font-size:1.4rem;font-weight:800}
.wp__facts{position:relative;z-index:4;margin-top:-4.6rem}.wp__facts-grid{display:grid;grid-template-columns:repeat(3,1fr);border-radius:1.6rem;overflow:hidden;box-shadow:0 1.8rem 5rem rgba(0,45,72,.14)}.wp__fact{min-height:13rem;padding:2.6rem 3rem;background:#fff;border-right:.1rem solid var(--line)}.wp__fact:last-child{border:0}.wp__fact strong{display:block;color:var(--blue);font-size:2.6rem}.wp__fact span{display:block;margin-top:.8rem;color:#617987;font-size:1.4rem;line-height:1.6}
.wp__grid-2{display:grid;grid-template-columns:.9fr 1.1fr;gap:7rem;align-items:center}
.wp__photo{position:relative}.wp__photo:before{content:"";position:absolute;inset:2rem -2rem -2rem 2rem;border:.2rem solid var(--accent);border-radius:1.6rem}.wp__photo img{position:relative;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:1.6rem}
.wp__symptom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}.wp__symptom{padding:2.4rem;border:.1rem solid var(--line);border-radius:1.2rem;background:#fff}.wp__symptom i{color:var(--blue);font-size:3rem}.wp__symptom h3{margin:1.2rem 0 .8rem;font-size:1.9rem}.wp__symptom p{margin:0;color:#617987;font-size:1.5rem;line-height:1.75}
.wp__callout{margin-top:3rem;padding:2.6rem 2.8rem;border-left:.5rem solid var(--accent);border-radius:0 1.2rem 1.2rem 0;background:var(--sky);color:#415a68;font-size:1.6rem;line-height:1.9}
.wp__method-table{width:100%;border-collapse:collapse;background:#fff;border:.1rem solid var(--line);border-radius:1.2rem;overflow:hidden;font-size:1.5rem}
.wp__method-table th{background:var(--blue-dark);color:#fff;padding:1.6rem 1.8rem;text-align:left;font-size:1.4rem;letter-spacing:.04em}
.wp__method-table td{padding:1.6rem 1.8rem;border-top:.1rem solid var(--line);color:#506a79;line-height:1.7;vertical-align:top}
.wp__method-table tr td:first-child{font-weight:800;color:var(--ink)}
.wp__method-table .wp__method-flag{display:inline-block;margin:.2rem .5rem .2rem 0;padding:.3rem .9rem;border-radius:9rem;background:var(--sky);color:var(--blue);font-size:1.2rem;font-weight:800}
.wp__price{background:#f6f9fb}
.wp__price-list{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:4rem}
.wp__price-card{padding:2.6rem 2.8rem;background:#fff;border:.1rem solid var(--line);border-radius:1.2rem}
.wp__price-card dt{color:#617987;font-size:1.4rem;font-weight:800;letter-spacing:.06em}
.wp__price-card dd{margin:1rem 0 0;color:var(--blue);font-size:2.4rem;font-weight:900}
.wp__price-card small{display:block;margin-top:1rem;color:#617987;font-size:1.35rem;line-height:1.7}
.wp__note{margin-top:2.4rem;padding:1.8rem 2.2rem;border:.1rem dashed var(--line);border-radius:1rem;background:#fff;color:#58717f;font-size:1.45rem;line-height:1.8}
.wp__compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-top:4rem}
.wp__compare{padding:2.6rem;border-radius:1.2rem;background:#fff;border:.1rem solid var(--line)}
.wp__compare--pick{border:.2rem solid var(--blue);position:relative}
.wp__compare--pick:before{content:"我們常用";position:absolute;top:-1.4rem;right:2.4rem;padding:.5rem 1.4rem;border-radius:9rem;background:var(--blue);color:#fff;font-size:1.25rem;font-weight:800}
.wp__compare h3{margin:0 0 1.6rem;font-size:2rem}
.wp__compare ul{margin:0;padding:0;list-style:none}
.wp__compare li{display:flex;gap:1rem;padding:1rem 0;border-bottom:.1rem solid #eef3f5;color:#506a79;font-size:1.5rem;line-height:1.7}
.wp__compare li:before{content:"";flex:0 0 1.6rem;height:1.6rem;margin-top:.4rem;border-radius:50%;background:var(--sky)}
.wp__compare--pick li:before{background:var(--blue)}
.wp__compare li b{color:var(--ink)}
.wp__process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:4rem;counter-reset:step}
.wp__process-card{counter-increment:step;padding:3rem 2.4rem;border-top:.4rem solid var(--blue);background:var(--sky);border-radius:0 0 1.2rem 1.2rem}
.wp__process-card:before{content:"0" counter(step);display:block;margin-bottom:2rem;color:var(--accent);font-size:1.5rem;font-weight:900}
.wp__process-card h3{margin:0 0 1rem;font-size:2rem}
.wp__process-card p{margin:0;color:#58717f;font-size:1.5rem;line-height:1.75}
.wp__links{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:4rem}
.wp__link-card{display:flex;flex-direction:column;gap:.6rem;padding:2.2rem;border:.1rem solid var(--line);border-radius:1.2rem;background:#fff;text-decoration:none;color:var(--ink);font-size:1.6rem;font-weight:800;transition:.2s}
.wp__link-card:hover{transform:translateY(-.3rem);box-shadow:0 1.2rem 2.5rem rgba(0,45,72,.08)}
.wp__link-card span{color:var(--blue);font-size:1.3rem;font-weight:800}
.wp__faq-list{display:grid;gap:1.2rem;margin-top:4rem}
.wp__faq{border:.1rem solid var(--line);border-radius:1rem;background:#fff}
.wp__faq summary{cursor:pointer;position:relative;padding:2rem 5.6rem 2rem 2.2rem;font-size:1.7rem;font-weight:800;list-style:none}
.wp__faq summary::-webkit-details-marker{display:none}
.wp__faq summary:after{content:"+";position:absolute;right:2.2rem;top:50%;translate:0 -50%;color:var(--blue);font-size:2.6rem}
.wp__faq[open] summary:after{content:"−"}
.wp__faq p{margin:0;padding:0 2.2rem 2.2rem;color:#58717f;font-size:1.55rem;line-height:1.85}
.wp__faq a{color:var(--blue);font-weight:800}
.wp__cta{padding:7rem 0;background:var(--ink)}.wp__cta-grid{display:flex;align-items:center;justify-content:space-between;gap:4rem}
.wp__cta h2{margin:0;color:#fff;font-size:clamp(2.8rem,4vw,4.4rem)}.wp__cta p{margin:1.2rem 0 0;color:#c9dae3;font-size:1.7rem}
.wp__cta-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:1.2rem;min-width:24rem}
.wp__cta .wp__button{width:100%;background:var(--accent);border-color:var(--accent);color:#1f3340}
.wp__cta .wp__button--line{background:#06c755;border-color:#06c755;color:#fff}
.wp__cta .wp__button--line:hover{background:#05ad49}
@media(max-width:960px){.wp__hero-grid,.wp__grid-2{grid-template-columns:1fr}.wp__hero-copy{padding:7rem 4rem 6rem}.wp__hero-image{min-height:42rem}.wp__hero-image:after{background:linear-gradient(180deg,var(--sky),transparent 25%)}.wp__symptom-grid,.wp__compare-grid,.wp__price-list,.wp__links{grid-template-columns:1fr}.wp__process-grid{grid-template-columns:repeat(2,1fr)}.wp__grid-2{gap:4rem}}
@media(max-width:640px){.wp__inner{width:calc(100% - 3.2rem)}.wp__section{padding:6rem 0}.wp__hero-copy{padding:6rem 2rem 5rem}.wp__hero h1{font-size:3.8rem}.wp__hero-image{min-height:31rem}.wp__facts{margin-top:-2rem}.wp__facts-grid{grid-template-columns:1fr}.wp__fact{min-height:auto;border-right:0;border-bottom:.1rem solid var(--line)}.wp__method-table{display:block;overflow-x:auto}.wp__cta-grid{flex-direction:column;align-items:flex-start}.wp__cta-actions{width:100%;min-width:0}.wp__actions .wp__button{width:100%}}