:root{--blue:#0090db;--blue-dark:#027dc3;--red:#e5000c;--orange:#f08300;--text:#222;--text-muted:#666;--text-faint:#999;--line:#ddd;--line-light:#ededed;--bg-band:#f5f5f5;--page-width:1100px;--font-body:"PMingLiU", "新細明體", "MingLiU", "SimSun", serif;--font-heading:"Microsoft JhengHei", "微軟正黑體", "PingFang TC", "Noto Sans TC", sans-serif}:root:lang(zh-Hans){--font-body:"SimSun", "宋体", "Songti SC", serif;--font-heading:"Microsoft YaHei", "微软雅黑", "PingFang SC", "Noto Sans SC", sans-serif}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-width:var(--page-width);color:var(--text);font:13px/1.6 var(--font-body);background:#fff}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}img{border:0;max-width:100%}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}.container{width:var(--page-width);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header{background:var(--bg-band)}.site-header__top{justify-content:space-between;align-items:center;height:90px;display:flex}.site-header__logo{padding-left:10px;display:block}.site-header__logo img{height:60px;display:block}.site-header__tools{align-items:center;gap:14px;display:flex}.site-header__member a{color:var(--red);font-family:var(--font-heading);font-weight:700}.site-header__member a+a,.site-header__member a+button{margin-left:4px}.site-header__logout{color:var(--red);font:bold 13px var(--font-heading);cursor:pointer;background:0 0;border:0;padding:0}.site-header__lang{color:var(--text-muted);align-items:center;display:flex}.site-header__lang a{color:var(--text-muted);padding:0 2px}.site-header__lang a+a:before{content:"|";color:var(--line);margin-right:6px}.site-header__lang a+a{margin-left:4px}.site-header__lang a[aria-current=true]{color:var(--text);font-weight:700}.search-box{border:1px solid var(--line);background:#fff;border-radius:13px;align-items:center;width:165px;height:26px;padding:0 6px 0 14px;display:flex}.search-box input{min-width:0;color:var(--text-faint);font:12px var(--font-body);background:0 0;border:0;outline:0;flex:1}.search-box button{width:18px;height:18px;color:var(--orange);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.main-nav{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-band)}.main-nav ul{align-items:center;height:50px;display:flex}.main-nav li{white-space:nowrap;flex:none;padding:0 32px;position:relative}.main-nav li:first-child{padding-left:0}.main-nav li+li:before{content:"";background:var(--line);width:1px;height:22px;margin-top:-11px;position:absolute;top:50%;left:0}.main-nav a{color:var(--text);font:bold 16px/1.2 var(--font-heading);display:block}.main-nav a small{color:#bbb;font:12px/1 var(--font-body);display:block}.main-nav a:hover,.main-nav a[aria-current=page],.main-nav a.is-active{color:var(--blue)}.home-slider{background:#eef4f9;height:450px;position:relative;overflow:hidden}.home-slider__slide{opacity:0;transition:opacity .8s;position:absolute;inset:0}.home-slider__slide.is-active{opacity:1}.home-slider__slide img{object-fit:cover;width:100%;height:100%;display:block}.home-slider__arrow{z-index:2;color:#fff;cursor:pointer;background:#00000059;border:0;border-radius:50%;width:44px;height:44px;margin-top:-22px;font-size:22px;line-height:44px;position:absolute;top:50%}.home-slider__arrow--prev{left:44px}.home-slider__arrow--next{right:44px}.home-slider__dots{z-index:2;justify-content:center;gap:10px;display:flex;position:absolute;bottom:14px;left:0;right:0}.home-slider__dots button{cursor:pointer;background:#555;border:0;border-radius:50%;width:12px;height:12px;padding:0}.home-slider__dots button[aria-current=true]{background:var(--orange)}.inner-banner img{object-fit:cover;width:100%;height:300px;display:block}.home-grid{grid-template-columns:590px 470px;justify-content:space-between;row-gap:40px;padding:30px 0 40px;display:grid}.block-title{border-bottom:1px solid var(--line-light);align-items:center;height:40px;margin-bottom:14px;display:flex}.block-title__icon{background:var(--blue);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;margin:0 7px 2px 0;display:grid}.block-title__text{flex:1}.block-title__text h2{color:var(--blue);font:bold 15px/1.1 var(--font-heading);letter-spacing:1px}.block-title__text span{color:var(--text-faint);font:600 12px/1.2 Arial,sans-serif}.more-link{background:var(--bg-band);color:#444;border-radius:10px;align-items:center;gap:4px;padding:1px 4px 1px 6px;font-size:12px;display:inline-flex}.more-link:after{content:"›";background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:13px;height:13px;font:700 11px/1 Arial,sans-serif;display:grid}.news-lines li{justify-content:space-between;gap:12px;padding:5px 12px 5px 14px;display:flex;position:relative}.news-lines li:before{content:"";border:3px solid #0000;border-left-color:#aaa;position:absolute;top:13px;left:2px}.news-lines time{color:var(--text-muted);flex:none}.text-lines li{color:#444;padding:3px 0}.text-lines__summary{color:var(--text);padding-top:6px;display:block}.product-marquee{overflow:hidden}.product-marquee__track{gap:9px;width:max-content;animation:40s linear infinite marquee;display:flex}.product-marquee:hover .product-marquee__track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.product-marquee__track{animation:none}}.thumb-card{text-align:center;width:170px;display:block}.thumb-card__image{background:#fff;border:1px solid #ccc;place-items:center;width:170px;height:170px;display:grid;overflow:hidden}.thumb-card__image img{max-height:100%}.thumb-card__title{color:var(--text-muted);padding-top:6px;line-height:1.4;display:block}.showcase-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.caption-card{background:#fafafa;height:195px;display:block;position:relative;overflow:hidden}.caption-card img{object-fit:contain;width:100%;height:100%;display:block}.caption-card span{color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#0009;padding:4px 8px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.franchisee-row{justify-content:space-around;display:flex}.platform-tabs [role=tablist]{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.platform-tabs [role=tab]{background:var(--bg-band);color:#444;height:38px;font:15px var(--font-heading);cursor:pointer;border:0;position:relative}.platform-tabs [role=tab][aria-selected=true]{color:#fff;background:#555}.platform-tabs [role=tab][aria-selected=true]:after{content:"";border:5px solid #0000;border-top-color:#555;border-bottom:0;margin-left:-5px;position:absolute;bottom:-5px;left:50%}.platform-tabs [role=tabpanel]{background:var(--bg-band);height:145px;color:var(--text-faint);place-items:center;margin-top:8px;display:grid}.inner-layout{grid-template-columns:215px 860px;justify-content:space-between;align-items:start;padding:20px 0 60px;display:grid}.side-menu{border:1px solid var(--line);background:#fff;border-radius:4px;padding:10px 14px 16px;box-shadow:1px 2px 3px #0000001f}.side-menu h2{color:var(--blue);font:bold 19px/1.3 var(--font-heading);padding:4px 0 12px}.side-menu li>a{color:#333;border-bottom:1px dotted #b3b3b3;padding:10px 0 10px 14px;display:block;position:relative}.side-menu li>a:before{content:"›";color:#666;position:absolute;left:2px}.side-menu li>a.is-active{color:var(--blue)}.side-menu li ul{border-bottom:1px dotted #b3b3b3;padding:4px 0 4px 38px}.side-menu li ul a{border:0;padding:2px 0 2px 12px}.side-menu li ul ul{border:0;padding-left:16px}.breadcrumb{border-bottom:1px solid var(--line-light);color:#444;margin-bottom:20px;padding:6px 0}.breadcrumb a,.breadcrumb span{color:#444}.breadcrumb a:hover{color:var(--blue)}.breadcrumb .sep{color:var(--text-faint);margin:0 4px}.content-title{text-align:center;font:bold 18px var(--font-heading);margin-bottom:16px}.empty-note{color:var(--text-faint);text-align:center;padding:40px 0}.rich-content{word-wrap:break-word;padding:0 6px;line-height:1.8}.rich-content p{margin:0 0 4px}.rich-content table{border-collapse:collapse}.rich-content img{height:auto}.product-grid{grid-template-columns:repeat(4,185px);justify-content:space-between;row-gap:20px;padding:10px 20px 0;display:grid}.product-card{text-align:center;display:block}.product-card__image{background:#fff;border:1px solid #ccc;place-items:center;height:140px;display:grid;overflow:hidden}.product-card__image img{max-height:100%}.product-card__title{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding-top:6px;display:block;overflow:hidden}.pagination{justify-content:center;gap:6px;padding:30px 0 10px;display:flex}.pagination a,.pagination span{border:1px solid var(--line);color:#666;text-align:center;min-width:19px;height:19px;padding:0 4px;font-size:12px;line-height:17px}.pagination [aria-current=page]{background:#e6e6e6}.pagination .is-disabled{color:#ccc}.product-detail__top{grid-template-columns:300px 1fr;gap:28px;padding:16px 20px 24px;display:grid}.product-detail__title{color:var(--blue-dark);font:bold 15px var(--font-heading);margin-bottom:8px}.product-detail__specs li{padding:2px 0}.gallery__main{cursor:zoom-in;background:#fff;border:1px solid #ccc;place-items:center;width:300px;height:300px;padding:0;display:grid;overflow:hidden}.gallery__main img{max-height:100%}.gallery__thumbs{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.gallery__thumbs button{cursor:pointer;background:#fff;border:1px solid #ccc;width:54px;height:54px;padding:0;overflow:hidden}.gallery__thumbs button[aria-pressed=true]{border-color:var(--blue)}.gallery__thumbs img{object-fit:contain;width:100%;height:100%}.lightbox:not([open]){display:none}.lightbox{z-index:100;background:#000000bf;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:0;display:grid;position:fixed;inset:0}.lightbox img{background:#fff;max-width:90vw;max-height:85vh}.lightbox__close{color:#fff;cursor:pointer;background:0 0;border:0;font-size:34px;position:absolute;top:20px;right:28px}.detail-heading{border-bottom:1px solid var(--line-light);color:var(--blue-dark);font:bold 14px var(--font-heading);margin:0 6px 20px;padding-bottom:6px}.detail-footer{color:var(--text-muted);border-top:1px dotted #ccc;margin-top:40px;padding:10px 6px 0}.detail-footer__meta{color:var(--text-faint);justify-content:flex-end;gap:18px;margin-bottom:6px;display:flex}.detail-footer__nav{justify-content:space-between;gap:20px;display:flex}.news-category-card{grid-template-columns:170px 1fr;gap:40px;margin-bottom:20px;display:grid}.news-category-card__image{background:#fafafa;border:2px solid #ccc;height:170px}.news-category-card__body{border:1px solid #ccc;flex-direction:column;padding:20px 24px;display:flex;position:relative}.news-category-card__body:before{content:"";background:#fff;border-bottom:1px solid #ccc;border-left:1px solid #ccc;width:18px;height:18px;position:absolute;top:30px;left:-10px;transform:rotate(45deg)}.news-category-card__body h2{color:#555;font:bold 20px var(--font-heading);margin-bottom:8px}.news-category-card__body ul{flex:1}.news-category-card__body .more{color:#555;font:15px var(--font-heading);align-self:flex-end}.news-list li{border-bottom:1px dotted #ccc;justify-content:space-between;gap:20px;padding:9px 6px;display:flex}.news-list time{color:var(--text-faint);flex:none}.news-detail__title{text-align:center;font:bold 18px var(--font-heading);margin-bottom:8px}.news-detail__meta{color:var(--text-faint);text-align:center;border-bottom:1px dotted #ccc;margin-bottom:20px;padding-bottom:10px}.download-list li{border-bottom:1px dotted #ccc;grid-template-columns:1fr 120px 100px;align-items:center;gap:12px;padding:10px 6px;display:grid}.download-list .download-button{background:var(--blue);color:#fff;border-radius:3px;justify-self:end;padding:2px 12px}.download-list .download-button:hover{background:var(--blue-dark);color:#fff}.showcase-grid{grid-template-columns:repeat(3,260px);justify-content:space-between;row-gap:24px;padding:10px 6px 0;display:grid}.showcase-grid a{text-align:center;display:block}.showcase-grid img{object-fit:cover;border:1px solid #ccc;width:260px;height:195px;display:block}.showcase-grid span{color:var(--text-muted);padding-top:6px;display:block}.legacy-form{padding:0 10px}.legacy-form table{border-collapse:collapse;width:100%}.legacy-form th,.legacy-form td{border:1px solid #ccc;padding:6px 8px}.legacy-form th{text-align:right;white-space:nowrap;width:120px;font-weight:400}.legacy-form .required{color:var(--red)}.legacy-form input[type=text],.legacy-form input[type=email],.legacy-form input[type=password],.legacy-form input[type=tel],.legacy-form textarea,.legacy-form select{width:100%;font:13px var(--font-body);border:1px solid #ddd;border-radius:3px;padding:4px 6px}.legacy-form textarea{resize:vertical;min-height:90px}.form-actions{justify-content:center;gap:10px;padding:18px 0 6px;display:flex}.button{background:var(--orange);color:#fff;font:bold 14px var(--font-heading);cursor:pointer;border:1px solid #c86b00;border-radius:3px;padding:5px 22px;display:inline-block}.button:hover{color:#fff;filter:brightness(1.05)}.button:disabled{opacity:.6;cursor:progress}.button--plain{color:#333;background:#f4f4f4;border-color:#aaa}.button--plain:hover{color:#333}.form-notice{color:#444;background:#f4f9fd;border-radius:3px;margin:0 10px 14px;padding:10px 14px}.form-notice--error{color:#b00;background:#fdf2f2}.form-notice--success{color:#176b2c;background:#effaf1}.privacy-note{color:var(--text-faint);margin:12px 10px 0;font-size:12px}.member-form{width:600px;margin:0 auto}.member-form h2{text-align:center;font:bold 18px var(--font-heading);border-bottom:1px dotted #ccc;margin-bottom:20px;padding-bottom:8px}.member-form .field{grid-template-columns:180px 260px 1fr;align-items:center;gap:8px;margin-bottom:14px;display:grid}.member-form label{text-align:right}.member-form input{font:13px var(--font-body);border:1px solid #ddd;border-radius:3px;padding:5px 8px}.member-form .hint{color:var(--text-faint);font-size:12px}.member-form .form-actions{justify-content:flex-start;padding-left:188px}.message-board{padding:0 20px 0 140px;position:relative}.message-board:before{content:"";background:#ccc;width:2px;position:absolute;top:0;bottom:0;left:138px}.message-board__toolbar{text-align:right;margin-bottom:30px}.message-board__toolbar a{color:var(--blue-dark);font:bold 15px var(--font-heading)}.message-item{background:#cfe9f7;border:1px solid #b6d3e2;border-radius:3px;margin:0 0 30px 40px;position:relative}.message-item:before{content:"";background:var(--blue);border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:12px;left:-48px;box-shadow:0 0 0 1px #ccc}.message-item time{color:#fff;text-align:center;background:#0aa0e3;width:100px;padding:8px 4px;line-height:1.8;position:absolute;top:30px;left:-160px}.message-item h3{font:19px var(--font-heading);border-bottom:1px solid #b6d3e2;padding:8px 12px}.message-item p{padding:10px 12px}.message-item .reply{color:var(--red);border-top:1px dashed #9cc;margin:0 12px;padding:8px 0 10px}.site-footer{background:var(--bg-band);color:#555}.site-footer__nav{flex-wrap:wrap;gap:24px 46px;padding:30px 0;display:flex}.site-footer__nav h3{font:bold 14px var(--font-heading);margin-bottom:6px}.site-footer__nav li{padding:1px 0}.site-footer__nav a{color:#555}.site-footer__bottom{border-top:1px solid var(--line);padding:18px 0 24px;line-height:1.8}.site-footer__bottom strong{font:bold 14px var(--font-heading);margin-bottom:14px;display:block}.site-footer__contact{white-space:pre-line}.preview-bar{z-index:100;color:#5c3c00;text-align:center;font:13px/1.6 var(--font-heading);background:#fff3bf;padding:6px 12px;position:sticky;top:0}.preview-bar a{color:#1864ab;margin-left:12px}