{"customCss":"@font-face { font-family: \"SB Tomorrow\"; font-style: normal; font-weight: 600; font-display: swap; src: url(\"https://fonts.gstatic.com/s/tomorrow/v19/WBLhrETNbFtZCeGqgR0NX3XPDMU.woff2\") format(\"woff2\"); }\r\n@font-face { font-family: \"SB Tomorrow\"; font-style: normal; font-weight: 700; font-display: swap; src: url(\"https://fonts.gstatic.com/s/tomorrow/v19/WBLhrETNbFtZCeGqgR1pXnXPDMU.woff2\") format(\"woff2\"); }\r\n@font-face { font-family: \"SB Rubik\"; font-style: normal; font-weight: 400 600; font-display: swap; src: url(\"https://fonts.gstatic.com/s/rubik/v31/iJWKBXyIfDnIV7nBrXw.woff2\") format(\"woff2\"); }\r\n\r\n#blockify---container, #blockify---container *, #blockify---container *::before, #blockify---container *::after { box-sizing: border-box; }\r\n\r\n#blockify---container {\r\n --sb-page: #F5F5F5;\r\n --sb-sheet: #FFFFFF;\r\n --sb-ink: #282828;\r\n --sb-charcoal: #353636;\r\n --sb-muted: #5E5E5E;\r\n --sb-navy: #181C61;\r\n --sb-navy-deep: #0F1245;\r\n --sb-yellow: #F4CB1F;\r\n --sb-orange: #EF7B1B;\r\n --sb-amber: #F5A51B;\r\n --sb-line: #E4E4E4;\r\n --sb-cjk: \"PingFang TC\", \"PingFang HK\", \"Microsoft JhengHei\", \"Noto Sans TC\", \"Noto Sans CJK TC\", \"Source Han Sans TC\", \"WenQuanYi Zen Hei\", sans-serif;\r\n --sb-body: Rubik, \"SB Rubik\", var(--sb-cjk);\r\n --sb-head: Tomorrow, \"SB Tomorrow\", var(--sb-cjk);\r\n --sb-bar: 26px;\r\n --vw: 1vw;\r\n padding: 40px 24px;\r\n justify-content: flex-start;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n background: var(--bg-blockify, #F5F5F5);\r\n font-family: var(--sb-body);\r\n color: var(--sb-ink);\r\n -webkit-font-smoothing: antialiased;\r\n}\r\n\r\n@supports (container-type: inline-size) {\r\n #blockify---container { container-type: inline-size; }\r\n #blockify---container #blockify---container__inner { --vw: 1cqw; }\r\n}\r\n\r\n#blockify---container #blockify---container__inner {\r\n position: relative;\r\n z-index: 1;\r\n flex: none;\r\n width: 100%;\r\n max-width: 720px;\r\n margin: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n padding: 52px 60px 50px;\r\n overflow: hidden;\r\n background: var(--sb-sheet);\r\n border-top: 4px solid var(--sb-charcoal);\r\n box-shadow: 0 1px 2px rgba(40, 40, 40, 0.06), 0 22px 48px -18px rgba(24, 28, 97, 0.22);\r\n}\r\n\r\n#blockify---container #blockify---container__inner::before,\r\n#blockify---container #blockify---container__inner::after {\r\n content: \"\";\r\n position: absolute;\r\n z-index: 0;\r\n width: calc(var(--sb-bar) * 6.4);\r\n height: var(--sb-bar);\r\n border-radius: var(--sb-bar);\r\n transform: rotate(-45deg);\r\n pointer-events: none;\r\n}\r\n\r\n#blockify---container #blockify---container__inner::before { top: calc(var(--sb-bar) * -0.05); right: calc(var(--sb-bar) * -3.35); background: var(--sb-yellow); }\r\n\r\n#blockify---container #blockify---container__inner::after { top: calc(var(--sb-bar) * 2.05); right: calc(var(--sb-bar) * -3.15); background: linear-gradient(90deg, var(--sb-orange) 0, var(--sb-orange) 82%, var(--sb-amber) 100%); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image { position: relative; z-index: 1; width: 100%; max-width: none; height: auto; margin: 0 0 34px; padding: 0 0 28px; border-bottom: 1px solid var(--sb-line); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image::before { content: none; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-logo-block-image img { position: static; display: block; width: 200px; max-width: 58%; height: auto; max-height: 80px; object-fit: contain; object-position: left center; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content { position: relative; z-index: 1; width: 100% !important; max-width: none; display: flex; flex-direction: column; align-items: flex-start; text-align: left; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { display: flex !important; align-items: center; gap: 12px; margin: 0 0 16px; font-family: var(--sb-body); font-size: 13px; font-weight: 600; line-height: 1.4; letter-spacing: 0.16em; text-transform: uppercase; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle::before { content: \"\"; flex: none; width: 26px; height: 4px; border-radius: 2px; background: linear-gradient(90deg, var(--sb-yellow) 0, var(--sb-yellow) 50%, var(--sb-orange) 50%, var(--sb-orange) 100%); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { margin: 0; font-family: var(--sb-cjk); font-size: clamp(26px, calc(1.4 * var(--vw) + 18px), 36px); font-weight: 700; line-height: 1.38; letter-spacing: 0.04em; word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title em { display: block; margin: 10px 0 0; font-family: var(--sb-head); font-size: clamp(18px, calc(0.5 * var(--vw) + 14px), 22px); font-style: normal; font-weight: 600; line-height: 1.3; letter-spacing: 0.01em; color: var(--sb-charcoal); text-wrap: balance; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { width: 100% !important; max-width: 36em; margin: 22px 0 0; font-family: var(--sb-body); font-size: 16px; line-height: 1.75; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p { margin: 0 0 10px; font: inherit; color: inherit; text-wrap: pretty; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:first-of-type { font-family: var(--sb-cjk); letter-spacing: 0.03em; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:nth-of-type(2) { color: var(--sb-muted); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:last-of-type { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; margin: 26px 0 0; padding: 26px 0 0; border-top: 1px solid var(--sb-line); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a { font: inherit; font-weight: 600; letter-spacing: 0.02em; color: var(--sb-ink); text-decoration: underline; text-decoration-color: var(--sb-orange); text-decoration-thickness: 2px; text-underline-offset: 5px; overflow-wrap: anywhere; font-variant-numeric: lining-nums; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { display: inline-block; padding: 14px 26px; background: var(--sb-navy); color: #FFFFFF; font-size: 15px; font-weight: 600; line-height: 1.2; letter-spacing: 0.03em; text-decoration: none; transition: background-color 0.2s ease; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"]:hover { background: var(--sb-navy-deep); }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a:focus-visible { outline: 2px solid var(--sb-orange); outline-offset: 3px; }\r\n\r\n#blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description #blockify-block-text-blink { display: none !important; }\r\n\r\n#blockify---container #blockify-block-watermark { flex: none; margin: 18px 0 0; color: #5E5E5E; font-size: 12px; }\r\n\r\n@media only screen and (min-width: 1600px) and (min-height: 960px) {\r\n #blockify---container #blockify---container__inner { max-width: 780px; padding: 60px 68px 56px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image img { width: 220px; }\r\n}\r\n\r\n@media only screen and (max-width: 600px) {\r\n #blockify---container { --sb-bar: 20px; height: 100vh; height: 100dvh; padding: 16px 12px; }\r\n #blockify---container #blockify---container__inner { padding: 34px 24px 30px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { margin-bottom: 26px; padding-bottom: 22px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image img { width: 150px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { font-size: 12px; margin-bottom: 12px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { font-size: 15px; line-height: 1.7; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:last-of-type { margin-top: 20px; padding-top: 20px; }\r\n}\r\n\r\n@media only screen and (max-width: 360px) {\r\n #blockify---container #blockify---container__inner { padding-left: 20px; padding-right: 20px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { font-size: 23px; letter-spacing: 0.02em; }\r\n}\r\n\r\n@media only screen and (max-height: 560px) {\r\n #blockify---container { --sb-bar: 20px; padding-top: 12px; padding-bottom: 12px; }\r\n #blockify---container #blockify---container__inner { padding-top: 26px; padding-bottom: 24px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { margin-bottom: 18px; padding-bottom: 16px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image img { width: 140px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:last-of-type { margin-top: 14px; padding-top: 16px; }\r\n}\r\n\r\n@media only screen and (max-height: 560px) and (min-width: 700px) {\r\n #blockify---container { --sb-bar: 16px; padding: 12px 16px; }\r\n #blockify---container #blockify---container__inner { max-width: 860px; flex-direction: row; align-items: flex-start; padding: 24px 36px 22px; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image { flex: 0 0 150px; width: 150px; margin: 4px 32px 0 0; padding: 0; border-bottom: 0; }\r\n #blockify---container #blockify---container__inner #blockify-logo-block-image img { width: 150px; max-width: 100%; }\r\n #blockify---container #blockify---container__inner #blockify-block-content { flex: 1 1 auto; min-width: 0; width: auto !important; padding-left: 32px; border-left: 1px solid var(--sb-line); }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-superTitle { margin-bottom: 10px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title { font-size: 25px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-title em { margin-top: 6px; font-size: 17px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description { margin-top: 14px; font-size: 15px; line-height: 1.65; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p { margin-bottom: 6px; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description p:last-of-type { margin-top: 12px; padding-top: 0; border-top: 0; }\r\n #blockify---container #blockify---container__inner #blockify-block-content #blockify-block-description a[href^=\"mailto\"] { padding: 12px 22px; }\r\n}","title":{"text":"抱歉，你暫時未能瀏覽本網站This site isn’t available to you right now","color":"#282828","active":true},"logoImage":{"value":"https://smebrother.com/cdn/shop/files/22_4a40d626-3892-44cd-893d-fa0fd292fda3.png?v=1747202875&width=260","active":true,"altText":"SME Brother"},"background":{"type":"1","value":"#F5F5F5","active":true,"colorTo":null,"colorFrom":null},"superTitle":{"text":"Notice | 通知","color":"#181C61","active":true},"description":{"text":"

由於你所在的地區或網絡設定，本網站暫時未能顯示。
如需協助，歡迎直接聯絡我們。

This may be due to your location or network. We’re glad to help you directly.

","color":"#484848","active":true}}

News

How to Plan a Team Building Event: A Step-by-Step Checklist for HR Managers