/*
 * Generated by pagepress
 * created: 2026-10-23T10:19:15+08:00
 * version: 1.0.3
 * mode: prod
 * AUTO-GENERATED, DO NOT EDIT
 */
@charset "UTF-8";:root{--cc-primary: #ffcc00;--cc-spacing: 16px;--cc-border-radius: 8px;--cc-max-width: 1680px;--cc-radius: 8px;--cc-radius-lg: 16px;--cc-button-primary-bg: #ffcc00}.cc-header:not(.cc-header--full-bg) .cc-header__inner{width:100%}.page-hero{--cc-text-primary: #fff;--cc-text-secondary: #fff;background-color:#333c93}.page-hero h1,.page-hero h2,.page-hero h3,.page-hero h4,.page-hero h5,.page-hero h6,.page-hero p,.page-hero li{color:var(--cc-text-primary)}.page-hero__meta .cc-meta__content{gap:40px}.cc-hero__content{max-width:1680px;margin:0 auto}.content-section{background-color:#fff;max-width:1680px;padding:80px 60px}@media screen and (max-width:768px){.content-section{padding:40px 16px}}.content-section{margin:0 auto}.cc-section__header,.cc-section__content{max-width:1680px}.content-section:nth-child(2n){background-color:#faf5eb}.cc-grid,.cc-table{margin:0 auto var(--cc-spacing-lg) auto}.important{background-color:var(--cc-primary);color:#fff;padding:var(--cc-spacing);border-radius:var(--cc-border-radius)}.secondary{background-color:var(--cc-secondary);color:#fff;padding:var(--cc-spacing);border-radius:var(--cc-border-radius)}.page-menu{justify-content:center;padding:var(--cc-spacing)!important;background-color:#fff}.tags{margin-bottom:var(--cc-spacing)}.tags>strong:after{content:" | "}.tags>strong:last-child:after{content:""}h1,h1.cc-heading{max-width:800px;font-size:3.75rem}@media screen and (max-width:768px){h1,h1.cc-heading{font-size:3.5rem}}h2,h2.cc-heading{max-width:800px;font-size:2.75rem}@media screen and (max-width:768px){h2,h2.cc-heading{font-size:2.5rem}}h3,h3.cc-heading{font-size:1.5rem}h4,h4.cc-heading{font-size:1.25rem}h1,h2,h3,h4,h5,h6,.cc-heading{margin:0 0 .625em}p,.cc-paragraph{margin:0 0 1.25em}.cc-section__content,.cc-meta__content{gap:0}.cc-meta__content>p:last-child{margin-bottom:0}.cc-grid__item{overflow-x:auto}.cc-vhtack,.cc-vstack{gap:var(--cc-spacing)}.cc-breadcrumb{max-width:var(--cc-max-width);padding:var(--cc-spacing);margin-bottom:var(--cc-spacing-xl)}

.page-menu{position:sticky;top:77px;display:flex;justify-content:center;padding:var(--cc-padding);margin:var(--cc-padding) 0;border-bottom:1px solid var(--cc-border-color)}.page-menu .cc-menu--level-0{flex-wrap:wrap}.page-menu .cc-menu__item{font-size:.9em;font-weight:600}

.cc-breadcrumb__item{font-size:var(--cc-font-size-md);text-transform:capitalize}

.cc-tab-view{display:flex;flex-direction:column;gap:var(--cc-spacing-lg)}.cc-tab-view__tabs{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--cc-spacing);list-style:none;padding:0;margin:0}.cc-tab-view__tab{cursor:pointer;padding:var(--cc-spacing)}.cc-tab-view__tab--active{background-color:var(--cc-primary)}.cc-tab-view__content{display:none}.cc-tab-view__content--active{display:block}.product-tab-view .cc-tab-view__tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--cc-spacing)}.product-tab-view .cc-tab-view__tab{border:1px solid var(--cc-border, #ccc);border-radius:200px;text-align:center}.product-tab-view .cc-tab-view__contents{min-height:400px;padding:var(--cc-spacing-lg);border:1px solid var(--cc-border, #ccc);border-radius:var(--cc-radius-lg, 16px)}.product-tab-view .cc-tab-view__content>.cc-grid{margin-bottom:0}.configuration-tab-view{gap:var(--cc-spacing-md)}.configuration-tab-view .cc-tab-view__tabs{gap:var(--cc-spacing-sm)}.configuration-tab-view .cc-tab-view__tab{padding:var(--cc-spacing-sm) var(--cc-spacing-md);border:1px solid var(--cc-border, #ccc);border-radius:var(--cc-radius-md, 8px);text-align:center}.configuration-tab-view .cc-tab-view__contents{min-height:400px;padding:var(--cc-spacing-lg);border:1px solid var(--cc-border, #ccc);border-radius:var(--cc-radius-lg, 16px)}.configuration-tab-view .cc-tab-view__content>.cc-grid{margin-bottom:0}.configuration-tab-view .sub-tab-view{gap:var(--cc-spacing-md)}.configuration-tab-view .sub-tab-view .cc-tab-view__tabs{justify-content:flex-end}.configuration-tab-view .sub-tab-view .cc-tab-view__contents{padding:0;border:0}

.layout-footer{background-color:#232323}.page-footer{max-width:var(--cc-max-width);margin:0 auto;padding:var(--cc-spacing-xl);display:flex;flex-direction:column;gap:var(--cc-spacing-xl)}.footer-bottom{border-top:1px solid #999;padding-top:var(--cc-spacing-lg);text-align:center;color:#eee}

#enquiry-dialog .cc-dialog{min-width:640px;max-width:960px;width:100%;margin:0 auto}#enquiry-dialog .cc-dialog__body{padding:var(--cc-spacing-xl)}

.image-gallery{--thumb-size: 80px;--thumb-gap: 8px;--visible-thumbs: 5;display:flex;width:100%}.image-gallery--thumbs-bottom{flex-direction:column;gap:12px}.image-gallery--thumbs-left{flex-direction:row;gap:16px}.image-gallery--thumbs-right{flex-direction:row-reverse;gap:16px}.image-gallery__main{position:relative;flex:1 1 auto;min-width:0;min-height:0;background:#f5f5f5;border-radius:4px;overflow:hidden}.image-gallery__main:before{content:"";display:block;padding-top:75%}.image-gallery__main-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease;display:block}.image-gallery__main-img--active{opacity:1}.image-gallery__nav{display:flex;align-items:center;gap:4px;flex:0 0 auto}.image-gallery--thumbs-bottom .image-gallery__nav{flex-direction:row}.image-gallery--thumbs-left .image-gallery__nav,.image-gallery--thumbs-right .image-gallery__nav{flex-direction:column}.image-gallery__nav-prev,.image-gallery__nav-next{appearance:none;border:1px solid var(--cc-border-color, #ddd);background:#fffffff2;color:#333;cursor:pointer;font-size:20px;line-height:1;padding:0;flex:0 0 auto;display:flex;align-items:center;justify-content:center}.image-gallery--thumbs-bottom .image-gallery__nav-prev,.image-gallery--thumbs-bottom .image-gallery__nav-next{width:32px;height:var(--thumb-size)}.image-gallery--thumbs-left .image-gallery__nav-prev,.image-gallery--thumbs-left .image-gallery__nav-next,.image-gallery--thumbs-right .image-gallery__nav-prev,.image-gallery--thumbs-right .image-gallery__nav-next{width:var(--thumb-size);height:32px}.image-gallery__nav-prev[hidden],.image-gallery__nav-next[hidden]{display:none}.image-gallery__nav-prev:hover,.image-gallery__nav-next:hover,.image-gallery__nav-prev:focus-visible,.image-gallery__nav-next:focus-visible{background:var(--cc-primary, #333);color:#fff;outline:none}.image-gallery__strip-wrap{flex:0 0 auto;overflow:hidden}.image-gallery--thumbs-bottom .image-gallery__strip-wrap{width:calc(var(--thumb-size) * var(--visible-thumbs) + var(--thumb-gap) * (var(--visible-thumbs) - 1))}.image-gallery--thumbs-left .image-gallery__strip-wrap,.image-gallery--thumbs-right .image-gallery__strip-wrap{height:calc(var(--thumb-size) * var(--visible-thumbs) + var(--thumb-gap) * (var(--visible-thumbs) - 1))}.image-gallery__strip{display:flex;flex-direction:row;gap:var(--thumb-gap);list-style:none;margin:0;padding:0;transition:transform .3s ease;will-change:transform}.image-gallery--thumbs-left .image-gallery__strip,.image-gallery--thumbs-right .image-gallery__strip{flex-direction:column}.image-gallery__thumb{flex:0 0 auto}.image-gallery__thumb-btn{appearance:none;background:transparent;border:2px solid transparent;padding:0;margin:0;cursor:pointer;display:block;width:var(--thumb-size);height:var(--thumb-size);overflow:hidden;border-radius:2px;opacity:.55;transition:opacity .2s ease,border-color .2s ease}.image-gallery__thumb-btn:hover{opacity:.9}.image-gallery__thumb--active .image-gallery__thumb-btn{opacity:1;border-color:var(--cc-primary, #333)}.image-gallery__thumb-btn:focus-visible{outline:none;border-color:var(--cc-primary, #333)}.image-gallery__thumb-img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:640px){.image-gallery--thumbs-left,.image-gallery--thumbs-right{flex-direction:column;gap:12px}.image-gallery--thumbs-left .image-gallery__nav,.image-gallery--thumbs-right .image-gallery__nav,.image-gallery--thumbs-left .image-gallery__strip,.image-gallery--thumbs-right .image-gallery__strip{flex-direction:row}.image-gallery--thumbs-left .image-gallery__nav-prev,.image-gallery--thumbs-left .image-gallery__nav-next,.image-gallery--thumbs-right .image-gallery__nav-prev,.image-gallery--thumbs-right .image-gallery__nav-next{width:32px;height:var(--thumb-size)}}

.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{min-height:60px}.cc-header-container{z-index:50;position:sticky;top:0;left:0;right:0}.cc-header{background-color:#fff;border-bottom:1px solid var(--cc-border-color)}.cc-header__inner{border:none!important}.cc-header__left{flex:3}.cc-header__right{flex:9}.main-logo{height:32px;object-fit:contain}.layout-body{flex:1}.layout-footer{min-height:60px}

.main-menu .cc-menu__panel .tabs{border-right:1px solid var(--cc-border-color)}.main-menu .resource-sub-menu,.main-menu .resource-sub-menu-items{display:flex;flex-direction:column;align-items:start;gap:0;margin:0}.main-menu .cc-tab-view__content--active{opacity:1;visibility:visible;transform:translate(0);pointer-events:auto;animation:main-menu-tab-content-slide-in .3s ease}@keyframes main-menu-tab-content-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.product-sub-menu .cc-menu__item.cc-tab-view__tab--active{background-color:transparent}.product-sub-menu .cc-menu__item.cc-tab-view__tab--active .cc-menu__label{color:var(--cc-primary);border-bottom:2px solid var(--cc-primary)}.tab-content__products{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--cc-spacing);list-style:none;margin:0;padding:0}.tab-content__products__item{flex:1;border:1px solid var(--cc-border-color);padding:var(--cc-spacing-sm) var(--cc-spacing)}.tab-content__products__link{color:var(--cc-text-color);text-decoration:none}.tab-content__products__link:hover{color:var(--cc-primary);text-decoration:none}

.layout-footer{background-color:#232323}.page-footer{max-width:var(--cc-max-width);margin:0 auto;padding:var(--cc-spacing-xl);display:flex;flex-direction:column;gap:var(--cc-spacing-xl)}.footer-menu{align-items:start}.footer-menu .cc-menu--level-0{flex-wrap:wrap}.footer-menu .cc-menu__arrow{display:none}.footer-menu .cc-menu--level-1,.footer-menu .cc-menu__content{position:relative;background-color:transparent;display:flex!important;top:0;border:none;color:#eee}.footer-menu .cc-menu--level-1 .cc-menu__label,.footer-menu .cc-menu__content .cc-menu__label{border:none}.footer-menu .cc-menu__label{min-width:160px!important;max-width:240px!important;color:#eee}.footer-menu .cc-menu__label:hover{color:var(--cc-primary)}.footer-bottom{border-top:1px solid #999;padding-top:var(--cc-spacing-lg);text-align:center;color:#eee}