:root{--navy:#102d49;--navy2:#17486b;--gold:#c99a46;--ink:#22303d;--muted:#677787;--line:#e5eaf0;--bg:#f4f7f9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Noto Sans TC","Microsoft JhengHei",Arial,sans-serif;color:var(--ink);line-height:1.8}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1180px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#d8e4ee;font-size:13px}.topbar .container{display:flex;justify-content:space-between;gap:12px;padding:6px 0}.header{position:sticky;top:0;z-index:20;background:#fff;box-shadow:0 3px 18px #102d4917}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:82px;gap:24px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-icon{font-size:31px;font-weight:900;color:var(--navy);border:2px solid var(--navy);width:46px;height:46px;display:grid;place-items:center;line-height:1}.brand strong{display:block;color:var(--navy);font-size:21px;letter-spacing:1px}.brand small{display:block;font-size:10px;letter-spacing:1.4px;color:var(--muted);line-height:1.3}nav{display:flex;align-items:center;gap:2px}nav button{border:0;background:none;padding:13px 11px;color:#26384a;font-size:14px;font-weight:700;white-space:nowrap;border-bottom:3px solid transparent}nav button:hover,nav button.active{color:var(--gold);border-bottom-color:var(--gold)}.menu-toggle{display:none;background:var(--navy);border:0;color:white;border-radius:4px;padding:8px 12px}.page{display:none}.page.active{display:block}.hero{position:relative;min-height:480px;background:#173c59;display:flex;align-items:center;color:white;overflow:hidden}.hero:before,.subhero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,32,54,.94),rgba(8,32,54,.55) 60%,rgba(8,32,54,.1)),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1800&q=85') center/cover}.hero .container,.subhero .container{position:relative;z-index:1}.eyebrow{color:#e9b760;letter-spacing:3px;font-size:13px;font-weight:700}.hero h1{font-size:clamp(34px,5vw,58px);line-height:1.35;letter-spacing:2px;margin:18px 0}.hero p{font-size:17px;max-width:650px;color:#e0e8ef}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--gold);border:1px solid var(--gold);color:#fff;padding:11px 25px;font-weight:700;border-radius:3px;margin-top:18px}.btn:hover{background:#b58531}.btn.outline{background:transparent;border-color:#fff}.subhero{position:relative;display:flex;align-items:center;height:245px;background:var(--navy);color:white}.subhero:before{background:linear-gradient(90deg,rgba(8,32,54,.95),rgba(8,32,54,.5)),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=1800&q=80') center/cover}.subhero h1{font-size:40px;margin:0}.subhero p{margin:3px 0;color:#d9e3eb}.section{padding:75px 0}.section.alt{background:var(--bg)}.section-head{margin-bottom:30px}.section-head .en{color:var(--gold);font-size:13px;font-weight:800;letter-spacing:2px}.section-head h2{font-size:30px;color:var(--navy);margin:4px 0 12px;line-height:1.4}.section-head h2:before{content:"";display:inline-block;width:4px;height:27px;background:var(--gold);vertical-align:-5px;margin-right:12px}.section-head p{color:var(--muted);margin:0;max-width:760px}.grid{display:grid;gap:22px}.grid.five{grid-template-columns:repeat(5,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);overflow:hidden;box-shadow:0 3px 13px #16334b0c}.card img{width:100%;height:190px;object-fit:cover;display:block}.card-body{padding:22px}.card h3{font-size:20px;color:var(--navy);margin:0 0 8px}.card p{font-size:14px;color:var(--muted);margin:0}.card .num{color:var(--gold);font-size:14px;font-weight:800}.service-small{padding:26px 12px;text-align:center;background:white;border:1px solid var(--line)}.service-small .symbol{font-size:35px;color:var(--navy)}.service-small strong{display:block;color:var(--navy);font-size:15px;margin-top:6px}.split{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.split img{width:100%;height:330px;object-fit:cover}.lead{font-size:17px;color:#475969}.values{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.value{text-align:center;padding:25px 15px;background:white;border:1px solid var(--line)}.value .symbol{font-size:32px;color:var(--gold)}.value h3{color:var(--navy);margin:7px 0}.value p{font-size:14px;color:var(--muted);margin:0}.table{width:100%;border-collapse:collapse}.table td{padding:12px 15px;border-bottom:1px solid var(--line)}.table td:first-child{width:135px;background:#eef2f6;font-weight:700}.news{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:23px 0;border-bottom:1px solid var(--line)}.news img{width:100%;height:150px;object-fit:cover}.news h3{margin:4px 0;color:var(--navy)}.news p{color:var(--muted);margin:0}.tag{background:#e6eef5;color:var(--navy2);font-size:12px;font-weight:700;padding:4px 10px}.timeline{display:grid;gap:20px}.step{display:grid;grid-template-columns:60px 1fr 240px;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.step .circle{border-radius:50%;background:var(--navy);color:white;width:52px;height:52px;display:grid;place-items:center;font-weight:800}.step img{width:100%;height:145px;object-fit:cover}.step h3{color:var(--navy);margin:0 0 5px}.step p{color:var(--muted);margin:0}.detail{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center;margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.detail:nth-child(even) img{order:2}.detail img{width:100%;height:300px;object-fit:cover}.detail h2{color:var(--navy);margin:0 0 8px}.detail p{color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filters button{border:1px solid var(--line);background:#f1f4f7;color:var(--navy);padding:9px 15px}.filters button.active{background:var(--navy);color:#fff}.project.hidden{display:none}.project img{height:210px}.notice{padding:15px 20px;background:#f9f5eb;border-left:4px solid var(--gold);color:#755d2d;font-size:14px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}.contact-line{padding:13px 0;border-bottom:1px solid var(--line)}.contact-line b{color:var(--navy);display:inline-block;min-width:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:flex;flex-direction:column;gap:5px}.form-field.full{grid-column:1/-1}.form-field label{font-weight:700;font-size:14px}.form-field input,.form-field select,.form-field textarea{border:1px solid #cdd7df;padding:10px 12px;border-radius:3px;width:100%;background:#fff}.form-field textarea{min-height:130px}.maplink{margin-top:22px;background:#e6eef4;padding:28px;text-align:center;color:var(--navy);display:block}.cta{background:linear-gradient(90deg,#102d49,#205577);color:white;padding:48px 0}.cta .container{display:flex;align-items:center;justify-content:space-between;gap:20px}.cta h2{margin:0}.cta p{margin:4px 0;color:#cbd9e5}.footer{background:#0b263f;color:#d1dce6;padding:34px 0 15px}.footer-grid{display:flex;justify-content:space-between;gap:25px;align-items:start}.footer strong{color:white}.footer p{font-size:13px;margin:5px 0}.copyright{border-top:1px solid #335069;margin-top:24px;padding-top:12px;font-size:12px;color:#9cb1c4}.muted{color:var(--muted)}@media(max-width:1000px){.grid.five{grid-template-columns:repeat(3,1fr)}.grid.three{grid-template-columns:repeat(2,1fr)}.header-inner{min-height:70px}.menu-toggle{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;flex-direction:column;align-items:stretch;box-shadow:0 8px 15px #0002}nav.open{display:flex}nav button{text-align:left;padding:12px 24px}}@media(max-width:650px){.topbar{display:none}.hero{min-height:420px}.hero p{font-size:15px}.subhero{height:190px}.subhero h1{font-size:32px}.section{padding:48px 0}.grid.five,.grid.three,.grid.two,.values,.split,.contact-grid,.detail{grid-template-columns:1fr}.grid.five{grid-template-columns:repeat(2,1fr)}.step{grid-template-columns:50px 1fr}.step img{grid-column:2;max-width:100%}.detail:nth-child(even) img{order:0}.news{grid-template-columns:1fr}.news img{height:200px}.cta .container,.footer-grid{display:block}.form-grid{grid-template-columns:1fr}.brand strong{font-size:17px}.brand small{font-size:8px}}

nav .nav-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;font:inherit;padding:10px 9px}nav .nav-link.active{color:#c7953e}nav .nav-link:hover{color:#c7953e}

.brand-image img{
	width:200px;
}