/* Positions and text sizes are proportional to the original 1125px artwork. */
body { background:#00422f; }
.mobile-page { width:100%; max-width:750px; margin-inline:auto; container-type:inline-size; }
.design-section { position:relative; width:100%; margin:0; padding:0; background:#00422f; }
.design-section:focus { outline:none; }
.design-section::before { content:""; position:absolute; top:0; bottom:0; left:4.2666667%; right:4.2666667%; background:#fff; }
.section-1 { background:linear-gradient(#021c1b,#002016 28%,#00422f); }
.section-1::before,.section-12::before { display:none; }
.section-2::before { top:11.2%; bottom:2.32%; border-radius:0 0 4.2666667cqw 4.2666667cqw; }
.section-3::before { top:15.28%; }
.section-7::before { bottom:3.83%; border-radius:0 0 4.2666667cqw 4.2666667cqw; }
.section-8::before { top:20.29%; }
.section-9::before { bottom:.9524%; border-radius:0 0 4.2666667cqw 4.2666667cqw; }
.section-10::before { top:12.91%; }
.section-11::before { bottom:5.4%; border-radius:0 0 4.2666667cqw 4.2666667cqw; }
.art { position:absolute; margin:0; padding:0; line-height:0; }
.art img { display:block; width:100%; height:auto; border:0; }
.copy,.source,.opening-notice,.risk-copy { position:absolute; padding:0; margin:0; font-family:Arial,"PingFang HK","PingFang TC","Microsoft JhengHei",sans-serif; font-weight:400; color:#17181b; }
.copy { font-size:3.5555556cqw; line-height:4.9777778cqw; }
.green { color:#1c9f70; font-weight:700; }
.source { font-size:2.3111111cqw; line-height:3.0222222cqw; color:#999; }
.opening-notice { font-size:1.7777778cqw; line-height:1.7777778cqw; color:#7d9590; }
.risk-copy { font-size:2.6666667cqw; line-height:3.5555556cqw; color:#b0c5bd; }
.product-table { position:absolute; table-layout:fixed; border-collapse:separate; border-spacing:0 .3555556cqw; font-family:Arial,"PingFang HK","PingFang TC","Microsoft JhengHei",sans-serif; font-size:3.5555556cqw; line-height:4.2666667cqw; color:#17181b; }
.product-table th,.product-table td { padding:0 2.8444444cqw; font-weight:400; text-align:left; vertical-align:middle; }
.product-table th { color:#fff; border-radius:1.6cqw 0 0 1.6cqw; background:linear-gradient(100deg,#1c9f70,#7dc160); }
.product-table td { border-radius:0 1.6cqw 1.6cqw 0; background:#f4f9f7; }
.product-table tr:first-child td { color:#1c9f70; font-size:4.2666667cqw; font-weight:700; }
.product-table sup { font-size:2.1333333cqw; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
@media print { .site-header,.mobile-nav { display:none!important; } .design-section { break-inside:avoid; } }

@font-face{font-family:VPHK;src:url(../fonts/noto-hk-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:VPHK;src:url(../fonts/noto-hk-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:VPSC;src:url(../fonts/noto-sc-400.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:VPSC;src:url(../fonts/noto-sc-700.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap;}

.copy,.source,.opening-notice,.risk-copy {overflow-wrap:normal;}
.product-table {font-family:VPHK,sans-serif;}
html[lang="zh-Hans"] .product-table {font-family:VPSC,sans-serif;}
.product-table tr:first-child td {font-size:3.5555556cqw;}
.green{color:#20a06e;}
