{"id":700,"date":"2022-09-09T12:31:31","date_gmt":"2022-09-09T12:31:31","guid":{"rendered":"https:\/\/startersites.io\/elementor\/gadgets\/?page_id=700"},"modified":"2026-06-14T05:33:31","modified_gmt":"2026-06-14T05:33:31","slug":"home","status":"publish","type":"page","link":"https:\/\/autex.com.hk\/en\/","title":{"rendered":"Home"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n AUDIS | \u52d5\u614b\u9996\u5c4f<\/title>\n\n <!-- \u8f09\u5165\u7db2\u7ad9\u6240\u4f7f\u7528\u7684\u5b57\u578b (\u82f1\u6587\u7121\u896f\u7dda\u9ad4\u8207\u4e2d\u6587\u5b8b\u9ad4) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600&family=Noto+Serif+TC:wght@400;500;600&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* ==================================================\n \u5f37\u5236\u6d88\u9664 Elementor \u8207\u4e3b\u984c\u7684\u6240\u6709\u9810\u8a2d\u767d\u908a\/\u9593\u9699 (\u7d42\u6975\u52a0\u5f37\u7248)\n ================================================== *\/\n html, body {\n margin: 0 !important; \n padding: 0 !important; \n width: 100% !important; \n overflow-x: hidden !important;\n }\n \n \/* \u64f4\u5927\u6d88\u9664\u7bc4\u570d\uff0c\u66b4\u529b\u8986\u84cb\u6240\u6709\u53ef\u80fd\u7522\u751f\u9593\u8ddd\u7684 Elementor \u5bb9\u5668 *\/\n .elementor-section, \n .elementor-column, \n .elementor-column-wrap,\n .elementor-widget, \n .elementor-widget-wrap, \n .elementor-container, \n .elementor-widget-html,\n .elementor-element {\n margin: 0 !important; \n padding: 0 !important; \n gap: 0 !important;\n }\n\n \/* \u5f37\u5236\u5c07\u76f8\u9130\u7684 Elementor \u5340\u584a\u9593\u8ddd\u6b78\u96f6 (\u53ef\u80fd\u9593\u9699\u4f86\u81ea\u65bc\u4e0b\u9762\u90a3\u500b\u5340\u584a\u7684 margin-top) *\/\n .elementor-section + .elementor-section,\n .elementor-widget + .elementor-widget {\n margin-top: 0 !important;\n }\n\n \/* \u91dd\u5c0d\u9996\u5c4f\u5340\u584a\u5f37\u5236\u53bb\u9664\u5e95\u908a\u8ddd\uff0c\u4e26\u6d88\u9664\u5e7d\u9748\u7a7a\u767d *\/\n .video-hero-wrapper {\n position: relative;\n width: 100vw;\n height: 100vh;\n min-height: 600px;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n margin-bottom: 0 !important; \n padding-bottom: 0 !important;\n line-height: 0; \/* \u9632\u6b62\u5e7d\u9748\u7a7a\u767d\u7bc0\u9ede *\/\n vertical-align: bottom;\n background-color: var(--bg-black);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n\n \/* ==================================================\n \u5c08\u5c6c\u8272\u5f69\u8b8a\u6578\n ================================================== *\/\n :root {\n --bg-black: #131124;\n --gold: #fed71a;\n --font-en: 'Montserrat', sans-serif;\n --font-serif: 'Noto Serif TC', \"PingFang TC\", \"Microsoft JhengHei\", serif;\n }\n\n \/* \u80cc\u666f\u5f71\u7247\u5c64 *\/\n .hero-bg-video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n z-index: 1;\n }\n\n \/* \u964d\u4f4e\u4eae\u5ea6\u7684\u906e\u7f69\u5c64 (Overlay) *\/\n .hero-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: radial-gradient(circle at center, rgba(19, 17, 36, 0.45) 0%, rgba(19, 17, 36, 0.85) 100%);\n z-index: 2;\n }\n\n \/* \u5167\u5bb9\u5305\u88f9\u5c64 *\/\n .hero-content {\n position: relative;\n z-index: 3;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n width: 100%;\n padding: 0 20px;\n text-align: center;\n line-height: normal; \/* \u6062\u5fa9\u6587\u5b57\u6b63\u5e38\u884c\u9ad8 *\/\n }\n\n \/* ==================================================\n \u9802\u90e8\u82f1\u6587\u5c0f\u6a19 (Subtitle) \n ================================================== *\/\n .hero-subtitle {\n font-family: var(--font-en);\n color: var(--gold);\n font-size: clamp(8px, 0.7vw, 10px); \n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 8px; \n margin-right: -8px; \n margin-bottom: 40px;\n text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);\n opacity: 0;\n animation: heroFadeUp 2.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.4s; \n }\n\n \/* \u4e2d\u9593 Logo *\/\n .hero-logo {\n width: clamp(220px, 35vw, 420px); \n height: auto;\n object-fit: contain;\n filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.8)) drop-shadow(0 0 15px rgba(255, 255, 255, 0.08));\n opacity: 0;\n animation: heroFadeUp 2.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 0.8s; \n }\n\n \/* ==================================================\n \u5e95\u90e8\u4e2d\u6587\u5927\u6a19 (Tagline) \n ================================================== *\/\n .hero-tagline {\n font-family: var(--font-serif);\n color: #ffffff;\n font-size: clamp(14px, 1.5vw, 22px); \n font-weight: 500;\n letter-spacing: 6px; \n margin-right: -6px;\n margin-top: 40px;\n text-shadow: 0 5px 20px rgba(0, 0, 0, 0.9);\n opacity: 0;\n animation: heroFadeUp 2.5s cubic-bezier(0.2, 0.8, 0.2, 1) forwards 1.2s; \n }\n\n \/* \u7d71\u4e00\u7684\u4e0a\u6d6e\u52d5\u756b *\/\n @keyframes heroFadeUp {\n 0% { opacity: 0; transform: translateY(30px); }\n 100% { opacity: 1; transform: translateY(0); }\n }\n \n \/* \u624b\u6a5f\u7aef\u6392\u7248\u5fae\u8abf *\/\n @media (max-width: 768px) {\n .hero-subtitle { margin-bottom: 25px; letter-spacing: 4px; margin-right: -4px; }\n .hero-tagline { margin-top: 30px; letter-spacing: 3px; margin-right: -3px; }\n }\n <\/style>\n<\/head>\n<body>\n\n <section class=\"video-hero-wrapper\">\n \n <!-- \u81ea\u52d5\u64ad\u653e\u7684\u80cc\u666f\u5f71\u7247 -->\n <video class=\"hero-bg-video\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/product-video.mp4\" autoplay muted loop playsinline><\/video>\n\n <!-- \u58d3\u6697\u4eae\u5ea6\u7684\u6f38\u5c64\u906e\u7f69\u5c64 -->\n <div class=\"hero-overlay\"><\/div>\n\n <!-- \u5c45\u4e2d\u7684\u5167\u5bb9\u5c64 -->\n <div class=\"hero-content\">\n \n <!-- \u4e0a\u65b9\u82f1\u6587 -->\n <div class=\"hero-subtitle\">COMMERCIAL KITCHEN EQUIPMENT<\/div>\n \n <!-- \u6838\u5fc3 Logo -->\n <img decoding=\"async\" class=\"hero-logo\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/06\/logo.png\" alt=\"AUDIS Logo\">\n \n <!-- \u4e0b\u65b9\u4e2d\u6587 -->\n <div class=\"hero-tagline\">Precision Refined \u00b7 Excellence Delivered<\/div>\n\n <\/div>\n\n <\/section>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5fc49ad e-flex e-con-boxed e-con e-parent\" data-id=\"5fc49ad\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-114d43f elementor-widget elementor-widget-html\" data-id=\"114d43f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"zh-Hant\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>AUTEX | \u4e94\u5927\u6838\u5fc3\u7cfb\u7d71<\/title>\n\n <!-- \u8f09\u5165\u7db2\u7ad9\u6240\u4f7f\u7528\u7684\u5b57\u578b (\u82f1\u6587\u7121\u896f\u7dda\u9ad4\u8207\u4e2d\u6587\u5b8b\u9ad4) -->\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Noto+Sans+TC:wght@300;400;500;700&family=Noto+Serif+TC:wght@500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* ==================================================\n \u5f37\u5236\u6d88\u9664 Elementor \u8207\u4e3b\u984c\u7684\u6240\u6709\u9810\u8a2d\u767d\u908a\/\u9593\u9699 (\u7d42\u6975\u52a0\u5f37\u7248)\n ================================================== *\/\n html, body {\n margin: 0 !important; \n padding: 0 !important; \n width: 100% !important; \n overflow-x: hidden !important;\n background: #131124 !important;\n }\n \n \/* \u64f4\u5927\u6d88\u9664\u7bc4\u570d\uff0c\u66b4\u529b\u8986\u84cb\u6240\u6709\u53ef\u80fd\u7522\u751f\u9593\u8ddd\u7684 Elementor \u5bb9\u5668 *\/\n .elementor-section, \n .elementor-column, \n .elementor-column-wrap,\n .elementor-widget, \n .elementor-widget-wrap, \n .elementor-container, \n .elementor-widget-html,\n .elementor-element {\n margin: 0 !important; \n padding: 0 !important; \n gap: 0 !important;\n }\n\n \/* \u5f37\u5236\u5c07\u76f8\u9130\u7684 Elementor \u5340\u584a\u9593\u8ddd\u6b78\u96f6 *\/\n .elementor-section + .elementor-section,\n .elementor-widget + .elementor-widget {\n margin-top: 0 !important;\n }\n\n \/* ==================================================\n \u7cfb\u7d71\u5c55\u793a\u5340\u584a\u672c\u9ad4\u8a2d\u5b9a\n ================================================== *\/\n .autex-system-showcase {\n --bg-black: #131124;\n --gold: #fed71a;\n --gold-soft: rgba(254, 215, 26, 0.22);\n --gold-line: rgba(254, 215, 26, 0.42);\n --tab-glow: rgba(254, 215, 26, 0.34);\n --tab-glow-soft: rgba(254, 215, 26, 0.08);\n --tab-line: rgba(254, 215, 26, 0.52);\n --text-white: #ffffff;\n --text-body: rgba(255, 255, 255, 0.82);\n --text-muted: rgba(255, 255, 255, 0.52);\n --font-serif: \"Noto Serif TC\", serif;\n --font-sans: \"Noto Sans TC\", sans-serif;\n --font-en: \"Montserrat\", sans-serif;\n\n width: 100vw !important;\n position: relative !important;\n left: 50% !important;\n right: 50% !important;\n margin-left: -50vw !important;\n margin-right: -50vw !important;\n background: var(--bg-black) !important;\n color: var(--text-white) !important;\n font-family: var(--font-sans) !important;\n padding: 0 !important;\n margin-bottom: 0 !important;\n box-sizing: border-box !important;\n overflow: hidden !important;\n line-height: normal !important;\n }\n\n .autex-system-showcase * {\n box-sizing: border-box !important;\n }\n\n .autex-system-frame {\n position: relative !important;\n min-height: 760px !important;\n border: none !important;\n overflow: hidden !important;\n background:\n radial-gradient(circle at 68% 44%, rgba(254, 215, 26, 0.055), transparent 34%),\n linear-gradient(135deg, rgba(255,255,255,0.018), transparent 42%),\n var(--bg-black) !important;\n }\n\n .autex-system-frame::before {\n content: \"\";\n position: absolute;\n inset: 0;\n background-image:\n linear-gradient(rgba(254,215,26,0.06) 1px, transparent 1px),\n linear-gradient(90deg, rgba(254,215,26,0.06) 1px, transparent 1px);\n background-size: 120px 120px;\n opacity: 0.12;\n pointer-events: none;\n z-index: 3;\n }\n\n .autex-system-frame::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(90deg, rgba(19,17,36,0.98) 0%, rgba(19,17,36,0.94) 34%, rgba(19,17,36,0.56) 58%, rgba(19,17,36,0.30) 82%, rgba(19,17,36,0.52) 100%),\n linear-gradient(180deg, rgba(19,17,36,0.26) 0%, rgba(19,17,36,0.78) 100%);\n pointer-events: none;\n z-index: 3;\n }\n\n .autex-system-frame.image-visible::after {\n background:\n linear-gradient(90deg, rgba(19,17,36,0.98) 0%, rgba(19,17,36,0.93) 32%, rgba(19,17,36,0.48) 52%, rgba(19,17,36,0.12) 78%, rgba(19,17,36,0.22) 100%),\n linear-gradient(180deg, rgba(19,17,36,0.16) 0%, rgba(19,17,36,0.46) 100%);\n }\n\n .autex-ambient-stage {\n position: absolute !important;\n inset: 0 !important;\n z-index: 1 !important;\n overflow: hidden !important;\n opacity: 1 !important;\n transition: opacity 1.65s cubic-bezier(0.22, 0.8, 0.22, 1) !important;\n }\n\n .autex-system-frame.image-visible .autex-ambient-stage {\n opacity: 0.72 !important;\n }\n\n .autex-ambient-slide {\n position: absolute !important;\n inset: 0 !important;\n background-size: cover !important;\n background-position: center center !important;\n opacity: 0;\n transform: scale(1.02);\n filter: contrast(0.98) saturate(0.86) brightness(0.9) !important;\n animation: autexAmbientFade 35s infinite linear !important;\n }\n\n .autex-ambient-slide.static {\n opacity: 0.86 !important;\n transform: scale(1.02) !important;\n animation: none !important;\n }\n\n .autex-ambient-image {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n }\n\n .autex-ambient-slide:nth-child(1) { animation-delay: -1.75s !important; }\n .autex-ambient-slide:nth-child(2) { animation-delay: 7s !important; }\n .autex-ambient-slide:nth-child(3) { animation-delay: 14s !important; }\n .autex-ambient-slide:nth-child(4) { animation-delay: 21s !important; }\n .autex-ambient-slide:nth-child(5) { animation-delay: 28s !important; }\n\n @keyframes autexAmbientFade {\n 0% { opacity: 0; transform: scale(1.02); }\n 5% { opacity: 0.82; }\n 20% { opacity: 0.82; }\n 25% { opacity: 0; transform: scale(1.07); }\n 100% { opacity: 0; transform: scale(1.07); }\n }\n\n .autex-bg-stage {\n position: absolute !important;\n inset: 0 !important;\n z-index: 4 !important;\n overflow: hidden !important;\n opacity: 0 !important;\n clip-path: polygon(118% -4%, 100% 0, 100% 100%, 104% 104%) !important;\n transition: clip-path 0.92s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.46s ease !important;\n }\n\n .autex-system-frame.image-visible .autex-bg-stage {\n opacity: 1 !important;\n clip-path: polygon(52% -4%, 100% 0, 100% 100%, 37% 104%) !important;\n }\n\n .autex-system-frame.image-switching .autex-bg-stage {\n opacity: 0.78 !important;\n }\n\n .autex-bg-slide {\n position: absolute !important;\n inset: 0 !important;\n background-image: none !important;\n overflow: hidden !important;\n opacity: 0 !important;\n transform: translate3d(0,0,0) scale(1) !important;\n -webkit-transform: translate3d(0,0,0) scale(1) !important;\n backface-visibility: hidden !important;\n -webkit-backface-visibility: hidden !important;\n transform-origin: 72% center !important;\n z-index: 1 !important; \n filter: contrast(0.94) saturate(0.86) brightness(0.98) !important;\n -webkit-mask-image:\n radial-gradient(ellipse at 69% 52%, #000 0%, #000 52%, rgba(0,0,0,0.76) 68%, rgba(0,0,0,0.24) 86%, transparent 100%),\n linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.12) 7%, rgba(0,0,0,0.72) 20%, #000 34%, #000 74%, rgba(0,0,0,0.70) 86%, rgba(0,0,0,0.20) 96%, transparent 100%),\n linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.16) 7%, rgba(0,0,0,0.78) 18%, #000 34%, #000 70%, rgba(0,0,0,0.64) 86%, rgba(0,0,0,0.16) 96%, transparent 100%) !important;\n -webkit-mask-composite: source-in !important;\n mask-image:\n radial-gradient(ellipse at 69% 52%, #000 0%, #000 52%, rgba(0,0,0,0.76) 68%, rgba(0,0,0,0.24) 86%, transparent 100%),\n linear-gradient(90deg, transparent 0%, rgba(0,0,0,0.12) 7%, rgba(0,0,0,0.72) 20%, #000 34%, #000 74%, rgba(0,0,0,0.70) 86%, rgba(0,0,0,0.20) 96%, transparent 100%),\n linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.16) 7%, rgba(0,0,0,0.78) 18%, #000 34%, #000 70%, rgba(0,0,0,0.64) 86%, rgba(0,0,0,0.16) 96%, transparent 100%) !important;\n mask-composite: intersect, intersect !important;\n transition: opacity 0.55s cubic-bezier(0.3, 0, 0.2, 1), transform 8s linear !important;\n will-change: opacity, transform !important;\n }\n\n .autex-bg-image {\n position: absolute !important;\n right: -1% !important;\n top: 50% !important;\n width: 96% !important;\n height: 96% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transform: translate3d(0, -50%, 0) scale(1.04) !important;\n pointer-events: none !important;\n user-select: none !important;\n }\n\n .autex-bg-slide.active {\n opacity: 1 !important;\n transform: translate3d(0,0,0) scale(1) !important;\n -webkit-transform: translate3d(0,0,0) scale(1) !important;\n z-index: 2 !important; \n }\n\n .autex-bg-slide:nth-child(n) { transform-origin: 72% center !important; }\n .autex-bg-slide:nth-child(n) .autex-bg-image { right: -1% !important; width: 96% !important; height: 96% !important; }\n\n .autex-bg-stage::after {\n content: \"\";\n position: absolute;\n inset: 0;\n z-index: 4;\n background:\n linear-gradient(104deg, rgba(19,17,36,0.86) 0%, rgba(19,17,36,0.58) 12%, rgba(19,17,36,0.18) 27%, transparent 45%),\n radial-gradient(ellipse at 68% 52%, transparent 0%, transparent 46%, rgba(19,17,36,0.08) 62%, rgba(19,17,36,0.28) 84%, rgba(19,17,36,0.58) 100%),\n linear-gradient(90deg, rgba(19,17,36,0.62) 0%, rgba(19,17,36,0.28) 16%, rgba(19,17,36,0.04) 38%, transparent 58%, rgba(19,17,36,0.12) 78%, rgba(19,17,36,0.46) 100%),\n linear-gradient(180deg, rgba(19,17,36,0.62) 0%, rgba(19,17,36,0.16) 20%, transparent 42%, transparent 62%, rgba(19,17,36,0.28) 84%, rgba(19,17,36,0.78) 100%),\n repeating-linear-gradient(0deg, rgba(255,255,255,0.018) 0px, rgba(255,255,255,0.018) 1px, transparent 1px, transparent 5px),\n radial-gradient(circle at 62% 50%, rgba(255,255,255,0.05), transparent 36%);\n opacity: 0.84;\n pointer-events: none;\n }\n\n .autex-slash-reveal {\n position: absolute !important;\n inset: 0 !important;\n z-index: 6 !important;\n opacity: 0 !important;\n clip-path: polygon(118% -4%, calc(118% + 0.18%) -4%, calc(104% + 0.18%) 104%, 104% 104%) !important;\n background: rgba(254,215,26,0.54) !important;\n box-shadow: 0 0 18px rgba(254,215,26,0.20) !important;\n pointer-events: none !important;\n transition: clip-path 0.92s cubic-bezier(0.65, 0, 0.35, 1), opacity 0.32s ease !important;\n }\n\n .autex-system-frame.image-visible .autex-slash-reveal {\n opacity: 1 !important;\n clip-path: polygon(52% -4%, calc(52% + 0.18%) -4%, calc(37% + 0.18%) 104%, 37% 104%) !important;\n }\n\n .autex-system-frame.image-switching .autex-slash-reveal {\n opacity: 0.72 !important;\n }\n\n \/* \u3010\u95dc\u9375\u4fee\u6539\u3011\u4e0a\u4e0b\u908a\u8ddd\u7d71\u4e00\u70ba 120px\uff0c\u8207\u5176\u4ed6\u5340\u584a\u5c0d\u9f4a *\/\n .autex-system-inner {\n position: relative !important;\n z-index: 5 !important;\n min-height: 760px !important;\n display: grid !important;\n grid-template-columns: minmax(360px, 39%) minmax(500px, 61%) !important;\n align-items: center !important;\n gap: 40px !important;\n padding: 120px 6vw !important; \/* \u96fb\u8166\u7aef\u6a19\u6e96\u4e0a\u4e0b 120px \u908a\u8ddd *\/\n }\n\n .autex-system-copy {\n max-width: min(600px, 38vw) !important;\n }\n\n .autex-system-label {\n display: inline-flex !important;\n align-items: center !important;\n gap: 18px !important;\n font-family: var(--font-en) !important;\n font-size: 11px !important;\n letter-spacing: 5px !important;\n text-transform: uppercase !important;\n color: var(--gold) !important;\n margin-bottom: 26px !important;\n }\n\n .autex-system-label::before {\n content: \"\"; width: 54px; height: 1px; background: var(--gold); opacity: 0.72;\n }\n\n .autex-system-title {\n margin: 0 !important; color: var(--gold) !important;\n font-family: var(--font-serif) !important;\n font-size: clamp(32px, 3.85vw, 52px) !important;\n font-weight: 600 !important; line-height: 1.35 !important; letter-spacing: 3px !important;\n }\n\n .autex-system-desc {\n max-width: 520px !important; margin: 30px 0 0 0 !important;\n color: var(--text-body) !important; font-size: 15px !important;\n line-height: 2.05 !important; letter-spacing: 1.6px !important; font-weight: 300 !important;\n }\n\n .autex-system-goldbar {\n width: min(520px, 100%) !important; height: 1px !important;\n background: linear-gradient(90deg, var(--gold), rgba(254,215,26,0.16), transparent) !important;\n margin: 46px 0 54px 0 !important;\n }\n\n .autex-system-tabs {\n display: flex !important; flex-direction: column !important;\n align-items: stretch !important; gap: 28px !important;\n width: 100% !important; max-width: 520px !important;\n }\n\n .autex-system-tab {\n appearance: none !important; border: 0 !important; background: transparent !important;\n color: var(--text-white) !important; text-align: left !important; cursor: pointer !important;\n padding: 8px 0 8px 0 !important; width: 100% !important; display: block !important;\n position: relative !important; transform: translate3d(0,0,0) !important; \n -webkit-tap-highlight-color: transparent !important; \n transition: transform 0.5s cubic-bezier(0.22, 0.8, 0.22, 1), opacity 0.4s ease !important;\n }\n\n .autex-system-tab:hover,\n .autex-system-tab.active {\n transform: translate3d(34px,0,0) !important;\n }\n\n .autex-tab-redline {\n display: block !important; width: 192px !important; height: 8px !important;\n background:\n radial-gradient(ellipse at 50% 50%, var(--tab-glow), var(--tab-glow-soft) 50%, transparent 76%),\n linear-gradient(90deg, rgba(254,215,26,0.34), rgba(254,215,26,0.08), transparent) !important;\n position: absolute !important; left: 42px !important; top: 14px !important;\n z-index: 0 !important; opacity: 0.42 !important; filter: blur(4px) !important;\n transform-origin: left center !important; transform: scaleX(0.79) !important; \n will-change: transform, opacity !important;\n transition: transform 0.5s cubic-bezier(0.22, 0.8, 0.22, 1), opacity 0.4s ease !important;\n }\n\n .autex-system-tab:hover .autex-tab-redline,\n .autex-system-tab.active .autex-tab-redline {\n transform: scaleX(1) !important; \n opacity: 0.72 !important; width: 192px !important;\n }\n\n .autex-tab-title {\n --tab-circle-size: 38px;\n --tab-circle-start: 64px;\n --tab-circle-end: calc(100% - 1.06em);\n position: relative !important; z-index: 1 !important; display: block !important;\n padding-left: 64px !important; color: rgba(255,255,255,0.92) !important;\n font-family: var(--font-serif) !important; font-size: 22px !important;\n line-height: 1.2 !important; letter-spacing: 2px !important;\n white-space: nowrap !important; overflow: visible !important;\n transition: color 0.4s ease, text-shadow 0.4s ease !important;\n }\n\n .autex-tab-title::before {\n content: \"\"; position: absolute; left: 0; top: 0.58em;\n width: var(--tab-circle-size); height: var(--tab-circle-size);\n border: 1.4px solid var(--gold); border-radius: 50%; opacity: 0;\n transform-origin: center;\n transform: translate(calc(var(--tab-circle-start) - 50%), -50%) scale(0.92);\n z-index: -1; pointer-events: none;\n box-shadow: 0 0 14px rgba(254, 215, 26, 0.12), inset 0 0 12px rgba(254, 215, 26, 0.07);\n will-change: transform, opacity; \n }\n\n .autex-system-tab.active .autex-tab-title::before {\n opacity: 0.5;\n transform: translate(calc(var(--tab-circle-end) - 50%), -50%) scale(1);\n animation: autexTabCircleTravel 0.8s cubic-bezier(0.22, 0.8, 0.22, 1) both !important;\n }\n\n @keyframes autexTabCircleTravel {\n 0% { opacity: 0; transform: translate(calc(var(--tab-circle-start) - 50%), -50%) scale(0.92); }\n 100% { opacity: 0.5; transform: translate(calc(var(--tab-circle-end) - 50%), -50%) scale(1); }\n }\n\n .autex-system-tab:hover .autex-tab-title,\n .autex-system-tab.active .autex-tab-title {\n color: var(--gold) !important; text-shadow: 0 0 24px rgba(254, 215, 26, 0.28) !important;\n }\n\n .autex-tab-title::after {\n content: \"\"; display: block; width: 178px; height: 1px;\n background: linear-gradient(90deg, var(--tab-line), rgba(254,215,26,0.08), transparent);\n margin-top: 13px; margin-left: -10px; transform-origin: left center; transform: scaleX(0.71); \n will-change: transform; transition: transform 0.5s cubic-bezier(0.22, 0.8, 0.22, 1), opacity 0.4s ease;\n }\n\n .autex-system-tab:hover .autex-tab-title::after,\n .autex-system-tab.active .autex-tab-title::after {\n transform: scaleX(1); width: 178px;\n }\n\n .autex-tab-num {\n position: absolute !important; left: 0 !important; top: -16px !important;\n font-family: var(--font-en) !important; font-size: 10px !important; letter-spacing: 3px !important;\n color: var(--gold) !important; opacity: 0; transform: translate3d(0, 8px, 0);\n transition: opacity 0.4s ease, transform 0.4s ease !important;\n }\n\n .autex-system-tab:hover .autex-tab-num,\n .autex-system-tab.active .autex-tab-num {\n opacity: 1; transform: translate3d(0, 0, 0);\n }\n\n .autex-image-note {\n align-self: stretch !important; min-height: 520px !important;\n display: flex !important; align-items: center !important; justify-content: center !important; position: relative !important;\n }\n\n .autex-image-note::before { content: \"\"; display: none !important; }\n .autex-image-note-text { display: none !important; }\n\n \/* ============================================\n \u5e73\u677f\u8207\u624b\u6a5f\u7aef\u7684\u81ea\u9069\u61c9\u512a\u5316 (\u8abf\u6574\u9ad8\u5ea6\u5339\u914d)\n ============================================ *\/\n @media (max-width: 1024px) {\n .autex-system-showcase { padding: 0 !important; }\n .autex-system-frame { min-height: auto !important; }\n\n .autex-system-inner {\n min-height: auto !important; grid-template-columns: 1fr !important; align-items: start !important; gap: 0 !important;\n padding: 120px 6vw 410px 6vw !important; \/* \u5e73\u677f\u7aef\u7d71\u4e00 120px \u4e0a\u9593\u8ddd *\/\n }\n .autex-system-copy { max-width: 680px !important; }\n .autex-system-title { font-size: clamp(36px, 5.8vw, 48px) !important; letter-spacing: 3px !important; line-height: 1.34 !important; }\n .autex-system-desc { max-width: 620px !important; margin-top: 24px !important; line-height: 1.95 !important; }\n .autex-system-goldbar { margin: 38px 0 42px 0 !important; }\n .autex-system-tabs { width: 100% !important; max-width: 520px !important; align-items: stretch !important; gap: 24px !important; }\n\n .autex-bg-stage {\n inset: auto 32px 32px 32px !important;\n height: 320px !important; clip-path: none !important;\n border-top: 1px solid rgba(254,215,26,0.16) !important;\n border-bottom: 1px solid rgba(254,215,26,0.08) !important;\n z-index: 2 !important; opacity: 1 !important; transition: opacity 0.4s ease !important;\n }\n .autex-system-frame.image-visible .autex-bg-stage { opacity: 1 !important; clip-path: none !important; }\n .autex-bg-slide { -webkit-mask-image: none !important; mask-image: none !important; }\n .autex-bg-image { right: 0 !important; top: 50% !important; width: 100% !important; height: 100% !important; opacity: 0.94 !important; object-fit: cover !important; object-position: center center !important; transform: translate3d(0, -50%, 0) scale(1.02) !important; }\n .autex-bg-slide:nth-child(n) .autex-bg-image { right: 0 !important; width: 100% !important; height: 100% !important; }\n .autex-bg-stage::after {\n background: linear-gradient(90deg, rgba(19,17,36,0.85) 0%, rgba(19,17,36,0.2) 46%, rgba(19,17,36,0.85) 100%), linear-gradient(180deg, rgba(19,17,36,0.2) 0%, rgba(19,17,36,0.8) 100%) !important; opacity: 0.86 !important;\n }\n .autex-slash-reveal { display: none !important; }\n .autex-image-note { min-height: 0 !important; }\n }\n\n @media (max-width: 768px) {\n .autex-system-inner { padding: 80px 20px 100px 20px !important; min-height: auto !important; } \/* \u624b\u6a5f\u7aef\u7d71\u4e00 80px \u4e0a\u9593\u8ddd *\/\n\n .autex-system-label { gap: 12px !important; font-size: 10px !important; letter-spacing: 4px !important; margin-bottom: 20px !important; }\n .autex-system-label::before { width: 36px !important; }\n .autex-system-title { font-size: clamp(30px, 8vw, 38px) !important; line-height: 1.34 !important; letter-spacing: 2px !important; }\n .autex-system-desc { font-size: 14px !important; line-height: 1.86 !important; letter-spacing: 1px !important; margin-top: 22px !important; }\n .autex-system-goldbar { margin: 34px 0 30px 0 !important; }\n \n .autex-system-tabs { width: 100% !important; max-width: none !important; gap: 18px !important; }\n .autex-system-tab { width: 100% !important; padding: 8px 0 7px 0 !important; display: block !important; }\n .autex-system-tab:hover, .autex-system-tab.active { transform: translate3d(0,0,0) !important; }\n \n .autex-tab-redline { width: 154px !important; max-width: 48vw !important; transform: scaleX(0.76) !important; left: 31px !important; top: 19px !important; opacity: 0.34 !important; }\n .autex-system-tab:hover .autex-tab-redline, .autex-system-tab.active .autex-tab-redline { width: 154px !important; transform: scaleX(1) !important; opacity: 0.64 !important; }\n \n .autex-tab-title { --tab-circle-size: 32px; --tab-circle-start: 44px; --tab-circle-end: calc(100% - 1.06em); padding-left: 44px !important; font-size: clamp(18px, 5.2vw, 21px) !important; line-height: 1.25 !important; letter-spacing: 1.2px !important; }\n .autex-tab-title::after { width: 148px !important; max-width: 56vw !important; transform: scaleX(0.79) !important; margin-top: 11px !important; margin-left: -6px !important; }\n .autex-system-tab:hover .autex-tab-title::after, .autex-system-tab.active .autex-tab-title::after { width: 148px !important; transform: scaleX(1) !important; }\n \n .autex-tab-num { top: -8px !important; left: 2px !important; font-size: 9px !important; }\n\n .autex-bg-stage { inset: 0 !important; height: 100% !important; border: none !important; clip-path: none !important; z-index: 2 !important; opacity: 1 !important; }\n .autex-system-frame.image-visible .autex-bg-stage { opacity: 1 !important; clip-path: none !important; }\n\n .autex-bg-slide { -webkit-mask-image: none !important; mask-image: none !important; }\n .autex-bg-image, .autex-bg-slide:nth-child(n) .autex-bg-image { right: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; opacity: 0.95 !important; object-fit: cover !important; object-position: center center !important; transform: translate3d(0,0,0) scale(1) !important; }\n .autex-bg-stage::after { background: linear-gradient(180deg, rgba(19,17,36,0.95) 0%, rgba(19,17,36,0.4) 40%, rgba(19,17,36,0.4) 65%, rgba(19,17,36,0.95) 100%), radial-gradient(circle at center, transparent 20%, rgba(19,17,36,0.6) 100%) !important; opacity: 1 !important; }\n .autex-image-note { display: none !important; min-height: 0 !important; }\n }\n\n @media (max-width: 520px) {\n .autex-system-inner { padding: 80px 20px 80px 20px !important; } \/* \u6975\u5c0f\u87a2\u5e55\u4e00\u6a23 80px *\/\n .autex-system-title { font-size: clamp(27px, 8.6vw, 32px) !important; letter-spacing: 1.2px !important; }\n .autex-system-desc { font-size: 13.5px !important; line-height: 1.82 !important; letter-spacing: 0.6px !important; }\n .autex-system-goldbar { margin: 30px 0 26px 0 !important; }\n .autex-system-tabs { gap: 16px !important; }\n .autex-tab-redline { width: 136px !important; max-width: 52vw !important; transform: scaleX(0.76) !important; left: 27px !important; top: 18px !important; }\n .autex-system-tab:hover .autex-tab-redline, .autex-system-tab.active .autex-tab-redline { width: 136px !important; transform: scaleX(1) !important; }\n .autex-tab-title { --tab-circle-size: 30px; --tab-circle-start: 38px; --tab-circle-end: calc(100% - 1.08em); padding-left: 38px !important; font-size: clamp(17px, 5.4vw, 19px) !important; letter-spacing: 0.7px !important; }\n .autex-bg-stage { inset: 0 !important; height: 100% !important; }\n .autex-bg-image, .autex-bg-slide:nth-child(n) .autex-bg-image { top: 0 !important; width: 100% !important; height: 100% !important; opacity: 0.95 !important; transform: translate3d(0,0,0) scale(1) !important; }\n }\n\n @media (prefers-reduced-motion: reduce) {\n .autex-ambient-slide, .autex-bg-slide, .autex-system-tab, .autex-tab-redline, .autex-tab-title::before, .autex-tab-title::after, .autex-tab-num { animation: none !important; transition: none !important; }\n }\n <\/style>\n<\/head>\n\n<body>\n\n<section class=\"autex-system-showcase\">\n <div class=\"autex-system-frame\">\n\n <div class=\"autex-ambient-stage\">\n <div class=\"autex-ambient-slide static\">\n <img class=\"autex-ambient-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/background.png\" alt=\"\" aria-hidden=\"true\" decoding=\"async\" fetchpriority=\"high\">\n <\/div>\n <\/div>\n\n <div class=\"autex-bg-stage\">\n <div class=\"autex-bg-slide active\">\n <img class=\"autex-bg-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-induction-kitchen-scene-v7-2k.webp\" alt=\"\u53ef\u503e\u5f0f\u71ac\u6c64\u7089\" decoding=\"async\" fetchpriority=\"high\">\n <\/div>\n <div class=\"autex-bg-slide\">\n <img class=\"autex-bg-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-wash-sanitation-scene-v7-2k.webp\" alt=\"\u957f\u9f99\u6d17\u7897\u673a\" decoding=\"async\">\n <\/div>\n <div class=\"autex-bg-slide\">\n <img class=\"autex-bg-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-refrigeration-aging-scene-v7-2k-e1781246614736.webp\" alt=\"\u725b\u8089\u719f\u6210\u67dc\" decoding=\"async\">\n <\/div>\n <div class=\"autex-bg-slide\">\n <img class=\"autex-bg-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-induction-kitchen-scene.png\" alt=\"\u4e07\u80fd\u84b8\u70e4\u7bb1\" decoding=\"async\">\n <\/div>\n <div class=\"autex-bg-slide\">\n <img class=\"autex-bg-image\" src=\"https:\/\/autex.com.hk\/wp-content\/uploads\/2026\/05\/system-food-automation-scene-v2-8k-scaled.webp\" alt=\"\u81ea\u52a8\u5305\u5b50\u673a\" decoding=\"async\">\n <\/div>\n <\/div>\n\n <div class=\"autex-slash-reveal\"><\/div>\n\n <div class=\"autex-system-inner\">\n\n <div class=\"autex-system-copy\">\n <div class=\"autex-system-label\">Core Systems<\/div>\n\n <h2 class=\"autex-system-title\">\n Five Core Back-of-House Systems,<br>\n Built for Stable Operations.\n <\/h2>\n\n <p class=\"autex-system-desc\">\n AUTEX organizes commercial kitchen equipment into five core systems: hot kitchen, washing and sanitation, cold chain, steam-bake production, and prep automation. From individual equipment selection to complete back-of-house workflow planning, we help dining spaces achieve long-term operational efficiency.\n <\/p>\n\n <div class=\"autex-system-goldbar\"><\/div>\n\n <div class=\"autex-system-tabs\">\n <button class=\"autex-system-tab\" type=\"button\" data-index=\"0\">\n <span class=\"autex-tab-num\">01<\/span>\n <span class=\"autex-tab-redline\"><\/span>\n <span class=\"autex-tab-title\">Precision Flameless Hot Kitchen<\/span>\n <\/button>\n\n <button class=\"autex-system-tab\" type=\"button\" data-index=\"1\">\n <span class=\"autex-tab-num\">02<\/span>\n <span class=\"autex-tab-redline\"><\/span>\n <span class=\"autex-tab-title\">Clean-Flow Washing & Sanitation<\/span>\n <\/button>\n\n <button class=\"autex-system-tab\" type=\"button\" data-index=\"2\">\n <span class=\"autex-tab-num\">03<\/span>\n <span class=\"autex-tab-redline\"><\/span>\n <span class=\"autex-tab-title\">Constant-Temperature Aging Cold Chain<\/span>\n <\/button>\n\n <button class=\"autex-system-tab\" type=\"button\" data-index=\"3\">\n <span class=\"autex-tab-num\">04<\/span>\n <span class=\"autex-tab-redline\"><\/span>\n <span class=\"autex-tab-title\">Versatile Steam-Bake Production<\/span>\n <\/button>\n\n <button class=\"autex-system-tab\" type=\"button\" data-index=\"4\">\n <span class=\"autex-tab-num\">05<\/span>\n <span class=\"autex-tab-redline\"><\/span>\n <span class=\"autex-tab-title\">Intelligent Prep Automation<\/span>\n <\/button>\n <\/div>\n <\/div>\n\n <div class=\"autex-image-note\">\n <div class=\"autex-image-note-text\">Equipment in Context<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function () {\n const section = document.querySelector(\".autex-system-showcase\");\n const slides = Array.from(section.querySelectorAll(\".autex-bg-slide\"));\n const tabs = Array.from(section.querySelectorAll(\".autex-system-tab\"));\n const tabList = section.querySelector(\".autex-system-tabs\");\n const frame = section.querySelector(\".autex-system-frame\");\n \n const isMobile = () => window.innerWidth <= 1024;\n \n let activeIndex = null;\n let pendingIndex = null;\n let isSwitching = false;\n let hoverTimer = null;\n let hideTimer = null;\n let switchTimer = null;\n\n function showSystem(index) {\n if (activeIndex === index && frame.classList.contains(\"image-visible\")) {\n return;\n }\n\n activeIndex = index;\n isSwitching = true;\n frame.classList.add(\"image-visible\", \"image-switching\");\n\n slides.forEach((slide, slideIndex) => {\n slide.classList.toggle(\"active\", slideIndex === index);\n });\n\n tabs.forEach((tab, tabIndex) => {\n tab.classList.toggle(\"active\", tabIndex === index);\n });\n\n clearTimeout(switchTimer);\n switchTimer = setTimeout(() => {\n isSwitching = false;\n frame.classList.remove(\"image-switching\");\n\n if (pendingIndex !== null && pendingIndex !== activeIndex) {\n const nextIndex = pendingIndex;\n pendingIndex = null;\n showSystem(nextIndex);\n } else {\n pendingIndex = null;\n }\n }, 550);\n }\n\n function requestSystem(index) {\n clearTimeout(hideTimer);\n clearTimeout(hoverTimer);\n\n hoverTimer = setTimeout(() => {\n if (isSwitching) {\n pendingIndex = index;\n return;\n }\n showSystem(index);\n }, 140);\n }\n\n function hideSystem() {\n if (isMobile()) {\n return;\n }\n\n clearTimeout(hoverTimer);\n clearTimeout(hideTimer);\n clearTimeout(switchTimer);\n\n activeIndex = null;\n pendingIndex = null;\n isSwitching = false;\n frame.classList.remove(\"image-visible\", \"image-switching\");\n\n tabs.forEach((tab) => {\n tab.classList.remove(\"active\");\n });\n }\n\n function scheduleHide() {\n if (isMobile()) {\n return;\n }\n\n clearTimeout(hideTimer);\n hideTimer = setTimeout(() => {\n hideSystem();\n }, 180);\n }\n\n tabs.forEach((tab) => {\n tab.addEventListener(\"touchstart\", function (e) {\n const index = Number(tab.getAttribute(\"data-index\"));\n clearTimeout(hideTimer);\n clearTimeout(hoverTimer);\n showSystem(index);\n }, { passive: true });\n\n tab.addEventListener(\"mouseenter\", function () {\n const index = Number(tab.getAttribute(\"data-index\"));\n requestSystem(index);\n });\n\n tab.addEventListener(\"focus\", function () {\n const index = Number(tab.getAttribute(\"data-index\"));\n requestSystem(index);\n });\n\n tab.addEventListener(\"click\", function () {\n const index = Number(tab.getAttribute(\"data-index\"));\n clearTimeout(hideTimer);\n clearTimeout(hoverTimer);\n showSystem(index);\n });\n\n tab.addEventListener(\"blur\", function () {\n scheduleHide();\n });\n });\n\n tabList.addEventListener(\"mouseenter\", function () {\n clearTimeout(hideTimer);\n });\n\n tabList.addEventListener(\"mouseleave\", function () {\n scheduleHide();\n });\n\n section.addEventListener(\"mouseleave\", function () {\n hideSystem();\n });\n\n if (isMobile()) {\n showSystem(0);\n }\n \n window.addEventListener(\"resize\", function() {\n if (isMobile() && activeIndex === null) {\n showSystem(0);\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>AUDIS | \u52d5\u614b\u9996\u5c4f COMMERCIAL KITCHEN EQUIPMENT \u7cbe\u5de5\u6dec\u934a \u00b7 \u5353\u8d8a\u5448\u73fe A […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-700","page","type-page","status-publish","hentry"],"blocksy_meta":{"page_title_panel":"","has_hero_section":"disabled","23dadbc010ed602792ba6862b4b457ee":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"Home"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"8c059ee773e497210cd67c2fd09d2926":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","a492d4885fcb24480b0e8c786c53c4b2":"","hero_structure":"narrow","d2f1b0efad6533586b027f755681fcf0":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"dc63380b72940837e807fbe6d1a964d9":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"2e3b51feb1e1f51885dce5e04e692c1a":"","page_structure_type":"default","d515ed97f3c7f08d7ab6cf1087667192":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"85377bfb3da1d7e7b4cf53dbb2916b05":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/700","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/comments?post=700"}],"version-history":[{"count":291,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/700\/revisions"}],"predecessor-version":[{"id":1879,"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/pages\/700\/revisions\/1879"}],"wp:attachment":[{"href":"https:\/\/autex.com.hk\/en\/wp-json\/wp\/v2\/media?parent=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}