:root{--ink:#272728;--teal:#5a5a5b;--line:#d8d8d9;--pale:#f4f4f5;color:var(--ink);font:16px/1.65 "Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0}header{position:sticky;top:0;z-index:5;background:#fffffff7;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 4%;border-bottom:1px solid var(--line)}.logo{width:112px;display:block}nav{display:flex;gap:clamp(10px,1.3vw,24px);font-size:13px;font-weight:650}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}button,.btn{font:inherit;cursor:pointer;border:0;background:var(--teal);color:white;border-radius:6px;padding:12px 20px;font-weight:650;display:inline-block}button:hover,.btn:hover{filter:brightness(.94);color:white}#toolbtn{font-size:13px;background:var(--ink)}.hero{background:linear-gradient(110deg,#f4f4f5,#ececed);position:relative;overflow:hidden;padding:64px max(5%,calc((100% - 1340px)/2)) 48px;display:grid;grid-template-columns:1fr 1.06fr;align-items:center;min-height:540px}.hero .art{position:relative;align-self:stretch;min-height:350px}.hero .art img{position:absolute;width:116%;height:116%;left:-5%;top:-8%;object-fit:contain;mix-blend-mode:multiply}.hero h1{font-size:clamp(38px,4.5vw,74px);line-height:1.22;margin:19px 0 18px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{color:#5d5d5e;max-width:545px;margin:0 0 24px}.hero .ey,.ey{font:700 11px/1.6 Arial,sans-serif;letter-spacing:.17em;color:var(--teal);text-transform:uppercase}.tag{border:1px solid #afafb0;border-radius:25px;padding:6px 12px;display:inline-flex;align-items:center;gap:8px}.tag:before{content:'';width:7px;height:7px;background:#707071;border-radius:100%}.alt{background:transparent;color:var(--ink);border:1px solid #bcbcbd;margin:4px}.alt:hover{color:var(--teal)}.strip{background:var(--ink);color:white;padding:17px 5%;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.strip span{color:#bbbbbc;margin-right:9px;font:12px monospace}.wrap{padding:66px max(5%,calc((100% - 1340px)/2))}.wash{background:var(--pale)}h2{font-size:clamp(26px,2.6vw,43px);letter-spacing:-.04em;margin:8px 0 24px;line-height:1.35}h3{line-height:1.45}.cards,.pair,.stats,.steps{display:grid;gap:18px;grid-template-columns:repeat(4,1fr)}.pair{grid-template-columns:1fr 1fr}.card,.route{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden;color:var(--ink);text-align:left;padding:0}.route{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}.route img,.card img{width:100%;height:165px;object-fit:cover}.route img{height:190px}.route div,.card div{padding:20px}.route:hover,.route.on{outline:2px solid var(--teal);color:var(--ink)}.route h3,.card h3{margin:5px 0}.num{color:var(--teal);font:600 12px monospace}.note{font-size:14px;color:#626263}.routebody,.tabbody{background:#ffffff;border-left:3px solid #787879;padding:16px 22px;margin-top:18px}.routebody ol{display:flex;flex-wrap:wrap;gap:10px 32px;padding-left:1.4em}.split{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6%}.feature{width:100%;aspect-ratio:1.8;object-fit:cover;border-radius:12px;display:block}.ctrl{display:flex;gap:6px;flex-wrap:wrap;margin:15px 0}.ctrl button{background:white;color:var(--ink);border:1px solid var(--line)}.ctrl .on{color:white;background:var(--teal)}.steps button{background:#ebebec;color:var(--ink)}.steps button.on{background:var(--ink);color:white}.stats strong{display:block;font:700 clamp(28px,3.5vw,54px) Arial;color:var(--teal)}.cta{background:var(--ink);color:white}.cta .ey{color:#cccccd}footer{display:flex;align-items:center;justify-content:center;gap:24px;padding:38px 5%}footer img{width:100px}footer p{margin:5px 0}dialog{border:1px solid var(--line);border-radius:14px;padding:28px;width:min(760px,94%);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#29292acc}.close{float:right;background:#f2f2f3;color:var(--ink);padding:6px 12px}.menu{display:grid;gap:10px}.menu a,.menu button{padding:12px;background:#f3f3f4;color:var(--ink);text-align:left;border-radius:5px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{display:block;width:100%;padding:10px;border:1px solid #bbbbbc;border-radius:4px;font:inherit}input:is([type=checkbox],[type=radio]){width:auto;display:inline}.choice{display:inline-block;margin:5px 14px 5px 0}fieldset{border:1px solid var(--line);margin:15px 0;padding:16px}legend{font-weight:700}#paper{display:none}.lang{font-size:11px;color:#6b6b6c;margin-top:20px}.hero>div:first-child{position:relative;z-index:1;animation:enter .6s}@keyframes enter{from{opacity:.1;transform:translateY(9px)}}@media(max-width:1050px){nav{max-width:60%;overflow:auto;white-space:nowrap}.cards{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{flex-wrap:wrap;gap:6px}.logo{width:86px}nav{order:3;max-width:100%;width:100%;font-size:12px}.hero{display:flex;flex-direction:column;padding:36px 6% 12px;align-items:stretch}.hero .art{min-height:245px}.hero .art img{height:110%;width:100%;left:0}.strip{flex-wrap:wrap;justify-content:flex-start;font-size:11px}.wrap{padding:40px 6%}.pair,.split,.formgrid{grid-template-columns:1fr}.cards,.steps,.stats{grid-template-columns:1fr 1fr;gap:10px}.route img{height:132px}.card div{padding:12px}.card img{height:110px}.split{gap:16px}footer{font-size:12px;gap:12px}footer img{width:74px}}@page{size:A4;margin:0}@media print{body>*{display:none!important}#paper{display:block!important}#paper img{width:210mm;height:296.7mm;display:block;break-after:page}#paper img:last-child{break-after:auto}dialog::backdrop{display:none}}
.headtools{display:flex;align-items:center;gap:15px}.langs{font-size:12px;position:relative}.langs summary{cursor:pointer;list-style:none}.langs div{position:absolute;right:0;top:28px;background:white;padding:14px;width:145px;border:1px solid var(--line);border-radius:7px}.langs span{color:#737374}.hero .art:after{content:'FIG. 01　 /　 THAILAND COMMERCE';position:absolute;right:3%;bottom:-18px;font:600 9px monospace;letter-spacing:.16em;color:#6e6e6f}.routebody,.tabbody,#casepic img{animation:enter .35s}.steps{position:relative}.steps button{transition:background .25s,color .25s}.hero .art img{transform:translate(var(--dx,0px),var(--dy,0px));transition:transform .25s ease-out}#casepic{position:relative}#casepic:after{content:'⤢　放大案例';position:absolute;bottom:12px;right:12px;background:#29292ae6;color:white;padding:4px 10px;border-radius:4px;font-size:12px}.card img,.feature{background:#e9e9ea}#about>.feature{max-height:390px}
@media(max-width:700px){.hero .art:after{bottom:0}.headtools{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
nav{scrollbar-width:none}nav::-webkit-scrollbar{display:none}.route img{object-position:center}.steps button.on{box-shadow:inset 0 -4px #a6a6a7}
.card .video-slot{margin:0 14px 14px;padding:8px;border:1px dashed #b0b0b1;color:#5f5f60;font-size:12px;text-align:center;border-radius:4px}
.hero .art img{mask-composite:intersect}
@media(max-width:700px){.hero .art{margin-top:14px}.hero .art img{}}