<!doctype html>
<html xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" lang="en-US" >
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- This is Squarespace. --><!-- adocasa -->
<base href="">
<meta charset="utf-8" />
<title>香港住宅室內設計|20年專業室內設計公司|ADO CASA</title>
<meta http-equiv="Accept-CH" content="Sec-CH-UA-Platform-Version, Sec-CH-UA-Model" /><link rel="icon" type="image/x-icon" href="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1610683383821-N3FDHCP17DQF0SMDP5A0/favicon.ico?format=100w"/>
<link rel="canonical" href="https://www.adohk.com"/>
<meta property="og:site_name" content="ADO|Interior Design Studio"/>
<meta property="og:title" content="香港住宅室內設計|20年專業室內設計公司|ADO CASA"/>
<meta property="og:url" content="https://www.adohk.com"/>
<meta property="og:type" content="website"/>
<meta property="og:description" content="ADO CASA 二十年來一直專注本地高尚住宅室內設計,由設計、工程到項目監督,提供一站式服務,已完工項目超過300+,廣受好評。立即點擊查看!"/>
<meta property="og:image" content="http://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/65ba1db29f7dc47290554758/1706696126702/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w"/>
<meta property="og:image:width" content="1500"/>
<meta property="og:image:height" content="999"/>
<meta itemprop="name" content="香港住宅室內設計|20年專業室內設計公司|ADO CASA"/>
<meta itemprop="url" content="https://www.adohk.com"/>
<meta itemprop="description" content="ADO CASA 二十年來一直專注本地高尚住宅室內設計,由設計、工程到項目監督,提供一站式服務,已完工項目超過300+,廣受好評。立即點擊查看!"/>
<meta itemprop="thumbnailUrl" content="http://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/65ba1db29f7dc47290554758/1706696126702/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w"/>
<link rel="image_src" href="http://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/65ba1db29f7dc47290554758/1706696126702/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w" />
<meta itemprop="image" content="http://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/65ba1db29f7dc47290554758/1706696126702/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w"/>
<meta name="twitter:title" content="香港住宅室內設計|20年專業室內設計公司|ADO CASA"/>
<meta name="twitter:image" content="http://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/65ba1db29f7dc47290554758/1706696126702/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w"/>
<meta name="twitter:url" content="https://www.adohk.com"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:description" content="ADO CASA 二十年來一直專注本地高尚住宅室內設計,由設計、工程到項目監督,提供一站式服務,已完工項目超過300+,廣受好評。立即點擊查看!"/>
<meta name="description" content="ADO CASA 二十年來一直專注本地高尚住宅室內設計,由設計、工程到項目監督,提供一站式服務,已完工項目超過300+,廣受好評。立即點擊查看!" />
<link rel="preconnect" href="https://images.squarespace-cdn.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Abel:ital,wght@0,400"><script type="text/javascript" crossorigin="anonymous" defer="true" nomodule="nomodule" src="//assets.squarespace.com/@sqs/polyfiller/1.6/legacy.js"></script>
<script type="text/javascript" crossorigin="anonymous" defer="true" src="//assets.squarespace.com/@sqs/polyfiller/1.6/modern.js"></script>
<script type="text/javascript">SQUARESPACE_ROLLUPS = {};</script>
<script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-2102ef3bee76904e-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_runtime');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-runtime-2102ef3bee76904e-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extract_css_moment_js_vendor');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extract-css-moment-js-vendor-b60fc53b12f6d6c5-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-9cc150b1c7205f09-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-cldr_resource_pack');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/cldr-resource-pack-9cc150b1c7205f09-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-a5462a04b78ba6f2-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors_stable');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-stable-a5462a04b78ba6f2-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-vendors-95000d0e56e1af13-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common_vendors');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-vendors-95000d0e56e1af13-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/common-cdfa191014346959-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-common');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/common-cdfa191014346959-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/performance-9bac8ada8feb4e4c-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-performance');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/performance-9bac8ada8feb4e4c-min.en-US.js" defer ></script><script>(function(rollups, name) { if (!rollups[name]) { rollups[name] = {}; } rollups[name].js = ["//assets.squarespace.com/universal/scripts-compressed/extension-scripts-abd711c1d2ee9c33-min.en-US.js"]; })(SQUARESPACE_ROLLUPS, 'squarespace-extension_scripts');</script>
<script crossorigin="anonymous" src="//assets.squarespace.com/universal/scripts-compressed/extension-scripts-abd711c1d2ee9c33-min.en-US.js" defer ></script><script data-name="static-context">Static = window.Static || {}; Static.SQUARESPACE_CONTEXT = {"betaFeatureFlags":["order_status_page_checkout_landing_enabled","campaigns_discount_section_in_blasts","campaigns_import_discounts","campaigns_merch_state","override_block_styles","campaigns_new_image_layout_picker","supports_versioned_template_assets","member_areas_feature","scripts_defer","contacts_and_campaigns_redesign","section-sdk-product-pages","i18n_beta_website_locales","campaigns_discount_section_in_automations","marketing_automations","new_stacked_index","nested_categories","campaigns_thumbnail_layout","marketing_landing_page"],"facebookAppId":"314192535267336","facebookApiVersion":"v6.0","rollups":{"squarespace-announcement-bar":{"js":"//assets.squarespace.com/universal/scripts-compressed/announcement-bar-9888d9ce58d54819-min.en-US.js"},"squarespace-audio-player":{"css":"//assets.squarespace.com/universal/styles-compressed/audio-player-5d864aadea1060d1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/audio-player-ddfbfe3f3f4494e2-min.en-US.js"},"squarespace-blog-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/blog-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/blog-collection-list-770996818a620a62-min.en-US.js"},"squarespace-calendar-block-renderer":{"css":"//assets.squarespace.com/universal/styles-compressed/calendar-block-renderer-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/calendar-block-renderer-3db20590466b5b2f-min.en-US.js"},"squarespace-chartjs-helpers":{"css":"//assets.squarespace.com/universal/styles-compressed/chartjs-helpers-96b256171ee039c1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/chartjs-helpers-2142d2f8231d73c4-min.en-US.js"},"squarespace-comments":{"css":"//assets.squarespace.com/universal/styles-compressed/comments-e3ca1c27e193b137-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/comments-9ba99f3a612ae591-min.en-US.js"},"squarespace-custom-css-popup":{"css":"//assets.squarespace.com/universal/styles-compressed/custom-css-popup-4227dcc502351392-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/custom-css-popup-86c1e2bf28e0027f-min.en-US.js"},"squarespace-dialog":{"css":"//assets.squarespace.com/universal/styles-compressed/dialog-6ad3397bb3743468-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/dialog-19fbf97ebfe50104-min.en-US.js"},"squarespace-events-collection":{"css":"//assets.squarespace.com/universal/styles-compressed/events-collection-b72d08ba4421f5a0-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/events-collection-97faa8c3c5d0df03-min.en-US.js"},"squarespace-form-rendering-utils":{"js":"//assets.squarespace.com/universal/scripts-compressed/form-rendering-utils-0e56cd9b54855579-min.en-US.js"},"squarespace-forms":{"css":"//assets.squarespace.com/universal/styles-compressed/forms-0afd3c6ac30bbab1-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/forms-9a8e475c8d75459f-min.en-US.js"},"squarespace-gallery-collection-list":{"css":"//assets.squarespace.com/universal/styles-compressed/gallery-collection-list-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/gallery-collection-list-91bf179640922449-min.en-US.js"},"squarespace-image-zoom":{"css":"//assets.squarespace.com/universal/styles-compressed/image-zoom-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/image-zoom-60f9abd094f76732-min.en-US.js"},"squarespace-pinterest":{"css":"//assets.squarespace.com/universal/styles-compressed/pinterest-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/pinterest-3e4fea7dec3a6fda-min.en-US.js"},"squarespace-popup-overlay":{"css":"//assets.squarespace.com/universal/styles-compressed/popup-overlay-b742b752f5880972-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/popup-overlay-ced4bad2d6040b38-min.en-US.js"},"squarespace-product-quick-view":{"css":"//assets.squarespace.com/universal/styles-compressed/product-quick-view-0ba5bac716923b8e-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/product-quick-view-93987337377243af-min.en-US.js"},"squarespace-products-collection-item-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-item-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-item-v2-6d4891a84922348b-min.en-US.js"},"squarespace-products-collection-list-v2":{"css":"//assets.squarespace.com/universal/styles-compressed/products-collection-list-v2-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/products-collection-list-v2-dc2433d1c2d992d5-min.en-US.js"},"squarespace-search-page":{"css":"//assets.squarespace.com/universal/styles-compressed/search-page-90a67fc09b9b32c6-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/search-page-7f5e1c48dcd0e354-min.en-US.js"},"squarespace-search-preview":{"js":"//assets.squarespace.com/universal/scripts-compressed/search-preview-df172a54eb97a7f8-min.en-US.js"},"squarespace-simple-liking":{"css":"//assets.squarespace.com/universal/styles-compressed/simple-liking-701bf8bbc05ec6aa-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/simple-liking-0ce9c692006369a3-min.en-US.js"},"squarespace-social-buttons":{"css":"//assets.squarespace.com/universal/styles-compressed/social-buttons-95032e5fa98e47a5-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/social-buttons-7e09c495718d7410-min.en-US.js"},"squarespace-tourdates":{"css":"//assets.squarespace.com/universal/styles-compressed/tourdates-b4046463b72f34e2-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/tourdates-9c279c712050d6f5-min.en-US.js"},"squarespace-website-overlays-manager":{"css":"//assets.squarespace.com/universal/styles-compressed/website-overlays-manager-07ea5a4e004e6710-min.en-US.css","js":"//assets.squarespace.com/universal/scripts-compressed/website-overlays-manager-83158d0f3d93f36a-min.en-US.js"}},"pageType":2,"website":{"id":"5f43452f54d5ad03f3a946e6","identifier":"adocasa","websiteType":1,"contentModifiedOn":1746777038310,"cloneable":false,"hasBeenCloneable":false,"siteStatus":{},"language":"en-US","timeZone":"Asia/Hong_Kong","machineTimeZoneOffset":28800000,"timeZoneOffset":28800000,"timeZoneAbbr":"HKT","siteTitle":"ADO\uFF5CInterior Design Studio","fullSiteTitle":"\u9999\u6E2F\u4F4F\u5B85\u5BA4\u5167\u8A2D\u8A08\uFF5C20\u5E74\u5C08\u696D\u5BA4\u5167\u8A2D\u8A08\u516C\u53F8\uFF5CADO CASA","siteDescription":"","location":{"mapLat":22.3736668,"mapLng":114.1061254,"addressTitle":"ADO Limited","addressLine1":"3\u865F Hoi Shing Road","addressLine2":"Tsuen Wan, New Territories, ","addressCountry":"Hong Kong SAR China"},"logoImageId":"630db162299d0d0e4ab712ba","shareButtonOptions":{"1":true,"3":true,"6":true,"2":true,"7":true,"4":true,"8":true},"logoImageUrl":"//images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/5096ba56-e611-4bb9-a686-6a3db0bf4c31/White+ADO+logo.png","authenticUrl":"https://www.adohk.com","internalUrl":"https://adocasa.squarespace.com","baseUrl":"https://www.adohk.com","primaryDomain":"www.adohk.com","sslSetting":3,"isHstsEnabled":true,"socialAccounts":[{"serviceId":60,"screenname":"Facebook","addedOn":1598502937096,"profileUrl":"https://www.facebook.com/adoliving","iconEnabled":true,"serviceName":"facebook-unauth"},{"serviceId":64,"screenname":"Instagram","addedOn":1598502970493,"profileUrl":"https://www.instagram.com/ado_casa/?hl=en","iconEnabled":true,"serviceName":"instagram-unauth"},{"serviceId":69,"screenname":"YouTube","addedOn":1623128277537,"profileUrl":"https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY","iconEnabled":true,"serviceName":"youtube-unauth"},{"serviceId":65,"screenname":"LinkedIn","addedOn":1697188396697,"profileUrl":"https://hk.linkedin.com/company/adohk","iconEnabled":true,"serviceName":"linkedin-unauth"},{"serviceId":20,"userId":"hi@adohk.com","screenname":"hi@adohk.com","addedOn":1697188189975,"profileUrl":"mailto:hi@adohk.com","iconEnabled":true,"serviceName":"email"}],"typekitId":"","statsMigrated":false,"imageMetadataProcessingEnabled":true,"screenshotId":"061da2a4b2d98ca91133d3de9cf3120639d4a9f01de682b221e0a61f81d594c9","captchaSettings":{"enabledForDonations":false},"showOwnerLogin":false},"websiteSettings":{"id":"5f43452f54d5ad03f3a946e9","websiteId":"5f43452f54d5ad03f3a946e6","subjects":[],"country":"HK","state":"","simpleLikingEnabled":true,"mobileInfoBarSettings":{"isContactEmailEnabled":false,"isContactPhoneNumberEnabled":false,"isLocationEnabled":false,"isBusinessHoursEnabled":false},"announcementBarSettings":{},"commentLikesAllowed":true,"commentAnonAllowed":true,"commentThreaded":true,"commentApprovalRequired":false,"commentAvatarsOn":true,"commentSortType":2,"commentFlagThreshold":0,"commentFlagsAllowed":true,"commentEnableByDefault":true,"commentDisableAfterDaysDefault":0,"disqusShortname":"","commentsEnabled":false,"contactPhoneNumber":"(852)2209 9988","businessHours":{"monday":{"text":"","ranges":[{}]},"tuesday":{"text":"","ranges":[{}]},"wednesday":{"text":"","ranges":[{}]},"thursday":{"text":"","ranges":[{}]},"friday":{"text":"","ranges":[{}]},"saturday":{"text":"","ranges":[{}]},"sunday":{"text":"","ranges":[{}]}},"storeSettings":{"returnPolicy":null,"termsOfService":null,"privacyPolicy":null,"expressCheckout":false,"continueShoppingLinkUrl":"/","useLightCart":false,"showNoteField":false,"shippingCountryDefaultValue":"US","billToShippingDefaultValue":false,"showShippingPhoneNumber":true,"isShippingPhoneRequired":false,"showBillingPhoneNumber":true,"isBillingPhoneRequired":false,"currenciesSupported":["USD","CAD","GBP","AUD","EUR","CHF","NOK","SEK","DKK","NZD","SGD","MXN","HKD","CZK","ILS","MYR","RUB","PHP","PLN","THB","BRL","ARS","COP","IDR","INR","JPY","ZAR"],"defaultCurrency":"USD","selectedCurrency":"HKD","measurementStandard":1,"showCustomCheckoutForm":false,"checkoutPageMarketingOptInEnabled":false,"enableMailingListOptInByDefault":false,"sameAsRetailLocation":false,"merchandisingSettings":{"scarcityEnabledOnProductItems":false,"scarcityEnabledOnProductBlocks":false,"scarcityMessageType":"DEFAULT_SCARCITY_MESSAGE","scarcityThreshold":10,"multipleQuantityAllowedForServices":true,"restockNotificationsEnabled":false,"restockNotificationsSuccessText":"","restockNotificationsMailingListSignUpEnabled":false,"relatedProductsEnabled":false,"relatedProductsOrdering":"random","soldOutVariantsDropdownDisabled":false,"productComposerOptedIn":false,"productComposerABTestOptedOut":false,"productReviewsEnabled":false,"displayImportedProductReviewsEnabled":false,"hasOptedToCollectNativeReviews":false},"minimumOrderSubtotalEnabled":false,"minimumOrderSubtotal":{"currency":"HKD","value":"0.00"},"isLive":false,"multipleQuantityAllowedForServices":true},"useEscapeKeyToLogin":true,"ssBadgeType":1,"ssBadgePosition":4,"ssBadgeVisibility":1,"ssBadgeDevices":1,"pinterestOverlayOptions":{"mode":"disabled"},"userAccountsSettings":{"loginAllowed":false,"signupAllowed":false}},"cookieSettings":{"isCookieBannerEnabled":false,"isRestrictiveCookiePolicyEnabled":false,"cookieBannerText":"By using this website, you agree to our use of cookies. We use cookies to provide you with a great experience and to help our website run effectively.","cookieBannerTheme":"DARK","cookieBannerVariant":"BAR","cookieBannerPosition":"BOTTOM","cookieBannerCtaVariant":"ICON","cookieBannerCtaText":"Accept","cookieBannerAcceptType":"OPT_IN","cookieBannerOptOutCtaText":"Decline","cookieBannerHasOptOut":false,"cookieBannerHasManageCookies":false,"cookieBannerSavedPreferencesLayout":"PILL"},"websiteCloneable":false,"collection":{"title":"ADO CASA","id":"5f43455154d5ad03f3a94c4b","fullUrl":"/","type":10,"permissionType":1},"subscribed":false,"appDomain":"squarespace.com","templateTweakable":true,"tweakJSON":{"form-use-theme-colors":"false","header-logo-height":"50px","header-mobile-logo-max-height":"30px","header-vert-padding":"2.8vw","header-width":"Inset","maxPageWidth":"1901px","pagePadding":"6vw","tweak-blog-alternating-side-by-side-image-aspect-ratio":"16:9 Widescreen","tweak-blog-alternating-side-by-side-image-spacing":"0%","tweak-blog-alternating-side-by-side-meta-spacing":"0px","tweak-blog-alternating-side-by-side-primary-meta":"None","tweak-blog-alternating-side-by-side-read-more-spacing":"0px","tweak-blog-alternating-side-by-side-secondary-meta":"None","tweak-blog-basic-grid-columns":"3","tweak-blog-basic-grid-image-aspect-ratio":"Ultra Widescreen","tweak-blog-basic-grid-image-spacing":"20px","tweak-blog-basic-grid-meta-spacing":"15px","tweak-blog-basic-grid-primary-meta":"None","tweak-blog-basic-grid-read-more-spacing":"15px","tweak-blog-basic-grid-secondary-meta":"Date","tweak-blog-item-custom-width":"60","tweak-blog-item-show-author-profile":"false","tweak-blog-item-width":"Narrow","tweak-blog-masonry-columns":"2","tweak-blog-masonry-horizontal-spacing":"150px","tweak-blog-masonry-image-spacing":"25px","tweak-blog-masonry-meta-spacing":"20px","tweak-blog-masonry-primary-meta":"Categories","tweak-blog-masonry-read-more-spacing":"5px","tweak-blog-masonry-secondary-meta":"Date","tweak-blog-masonry-vertical-spacing":"100px","tweak-blog-side-by-side-image-aspect-ratio":"16:9 Widescreen","tweak-blog-side-by-side-image-spacing":"4%","tweak-blog-side-by-side-meta-spacing":"0px","tweak-blog-side-by-side-primary-meta":"None","tweak-blog-side-by-side-read-more-spacing":"2px","tweak-blog-side-by-side-secondary-meta":"None","tweak-blog-single-column-image-spacing":"40px","tweak-blog-single-column-meta-spacing":"30px","tweak-blog-single-column-primary-meta":"Categories","tweak-blog-single-column-read-more-spacing":"30px","tweak-blog-single-column-secondary-meta":"Date","tweak-events-stacked-show-thumbnails":"true","tweak-events-stacked-thumbnail-size":"3:2 Standard","tweak-fixed-header":"true","tweak-fixed-header-style":"Scroll Back","tweak-global-animations-animation-curve":"ease","tweak-global-animations-animation-delay":"0.6s","tweak-global-animations-animation-duration":"0.40s","tweak-global-animations-animation-style":"fade","tweak-global-animations-animation-type":"fade","tweak-global-animations-complexity-level":"basic","tweak-global-animations-enabled":"true","tweak-portfolio-grid-basic-custom-height":"50","tweak-portfolio-grid-overlay-custom-height":"50","tweak-portfolio-hover-follow-acceleration":"10%","tweak-portfolio-hover-follow-animation-duration":"Fast","tweak-portfolio-hover-follow-animation-type":"Fade","tweak-portfolio-hover-follow-delimiter":"Bullet","tweak-portfolio-hover-follow-front":"false","tweak-portfolio-hover-follow-layout":"Inline","tweak-portfolio-hover-follow-size":"50","tweak-portfolio-hover-follow-text-spacing-x":"1.5","tweak-portfolio-hover-follow-text-spacing-y":"1.5","tweak-portfolio-hover-static-animation-duration":"Fast","tweak-portfolio-hover-static-animation-type":"Fade","tweak-portfolio-hover-static-delimiter":"Hyphen","tweak-portfolio-hover-static-front":"true","tweak-portfolio-hover-static-layout":"Inline","tweak-portfolio-hover-static-size":"50","tweak-portfolio-hover-static-text-spacing-x":"1.5","tweak-portfolio-hover-static-text-spacing-y":"1.5","tweak-portfolio-index-background-animation-duration":"Medium","tweak-portfolio-index-background-animation-type":"Fade","tweak-portfolio-index-background-custom-height":"50","tweak-portfolio-index-background-delimiter":"None","tweak-portfolio-index-background-height":"Large","tweak-portfolio-index-background-horizontal-alignment":"Center","tweak-portfolio-index-background-link-format":"Stacked","tweak-portfolio-index-background-persist":"false","tweak-portfolio-index-background-vertical-alignment":"Middle","tweak-portfolio-index-background-width":"Full Bleed","tweak-product-basic-item-click-action":"None","tweak-product-basic-item-gallery-aspect-ratio":"3:4 Three-Four (Vertical)","tweak-product-basic-item-gallery-design":"Slideshow","tweak-product-basic-item-gallery-width":"50%","tweak-product-basic-item-hover-action":"None","tweak-product-basic-item-image-spacing":"3vw","tweak-product-basic-item-image-zoom-factor":"1.75","tweak-product-basic-item-product-variant-display":"Dropdown","tweak-product-basic-item-thumbnail-placement":"Side","tweak-product-basic-item-variant-picker-layout":"Dropdowns","tweak-products-add-to-cart-button":"false","tweak-products-columns":"3","tweak-products-gutter-column":"2vw","tweak-products-gutter-row":"3vw","tweak-products-header-text-alignment":"Middle","tweak-products-image-aspect-ratio":"1:1 Square","tweak-products-image-text-spacing":"1vw","tweak-products-mobile-columns":"1","tweak-products-text-alignment":"Left","tweak-products-width":"Inset","tweak-transparent-header":"true"},"templateId":"5c5a519771c10ba3470d8101","templateVersion":"7.1","pageFeatures":[1,2,4],"gmRenderKey":"QUl6YVN5Q0JUUk9xNkx1dkZfSUUxcjQ2LVQ0QWVUU1YtMGQ3bXk4","templateScriptsRootUrl":"https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/","impersonatedSession":false,"tzData":{"zones":[[480,"HK","HK%sT",null]],"rules":{"HK":[]}},"showAnnouncementBar":false,"recaptchaEnterpriseContext":{"recaptchaEnterpriseSiteKey":"6LdDFQwjAAAAAPigEvvPgEVbb7QBm-TkVJdDTlAv"},"i18nContext":{"timeZoneData":{"id":"Asia/Hong_Kong","name":"Hong Kong Time"}},"env":"PRODUCTION"};</script><script type="application/ld+json">{"url":"https://www.adohk.com","name":"ADO\uFF5CInterior Design Studio","description":"","image":"//images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/5096ba56-e611-4bb9-a686-6a3db0bf4c31/White+ADO+logo.png","@context":"http://schema.org","@type":"WebSite"}</script><script type="application/ld+json">{"legalName":"ADO Limited","address":"3\u865F Hoi Shing Road\nTsuen Wan, New Territories, \nHong Kong SAR China","email":"hi@adohk.com","telephone":"(852)2209 9988","sameAs":["https://www.facebook.com/adoliving","https://www.instagram.com/ado_casa/?hl=en","https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY","https://hk.linkedin.com/company/adohk","mailto:hi@adohk.com"],"@context":"http://schema.org","@type":"Organization"}</script><script type="application/ld+json">{"address":"3\u865F Hoi Shing Road\nTsuen Wan, New Territories, \nHong Kong SAR China","image":"https://static1.squarespace.com/static/5f43452f54d5ad03f3a946e6/t/630db162299d0d0e4ab712ba/1746777038310/","name":"ADO Limited","openingHours":", , , , , , ","@context":"http://schema.org","@type":"LocalBusiness"}</script><link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/versioned-site-css/5f43452f54d5ad03f3a946e6/265/5c5a519771c10ba3470d8101/5f43452f54d5ad03f3a946fa/1633/site.css"/><!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-595XP9N');</script>
<!-- End Google Tag Manager -->
<!-- GetButton.io widget -->
<script type="text/javascript">
(function () {
var options = {
link: "https://www.adohk.com/contact-form", // Link
link_color: "#beac98", // Link button color
link_label: "預約咨詢", // Link button label
link_icon: "https://storage.getbutton.io/widget/02/0233/02335d0cf7261a44f38b7ed21194d50d/link.jpg", // Link button icon
whatsapp: "https://api.whatsapp.com/send/?phone=85266070020", // WhatsApp number
whatsapp_color: "#beac99", // WhatsApp button color
whatsapp_agent_image_1: "https://static.getbutton.io/img/flag.jpg?v=1", // WhatsApp agent image 1
whatsapp_agent_image_3: "https://static.getbutton.io/img/flag.jpg?v=1", // WhatsApp agent image 3
whatsapp_agent_image_4: "https://static.getbutton.io/img/flag.jpg?v=1", // WhatsApp agent image 4
whatsapp_agent_image_5: "https://static.getbutton.io/img/flag.jpg?v=1", // WhatsApp agent image 5
whatsapp_popup_title: "Start a Conversation", // WhatsApp popup title
whatsapp_popup_subtitle: "Click one of our members below to chat", // WhatsApp popup subtitle
call_to_action: "聯絡免費咨詢", // Call to action message
button_color: "#beac99", // Color of button
order: "whatsapp,link", // Order of buttons
ga: true, // Google Analytics enabled
border: true, // Add button border
animation: true, // Animation enabled
button_animation: "moveIn", // Button animation
activator_size: 58, // Button size
domain: "adohk.com", // site domain
key: "moMqCzTUT4aM_PsrCqcB8A", // pro-widget key
};
var proto = 'https:', host = "getbutton.io", url = proto + '//static.' + host;
var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = url + '/widget-send-button/js/init.js';
s.onload = function () { WhWidgetSendButton.init(host, proto, options); };
var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);
})();
</script>
<!-- /GetButton.io widget -->
<!-- Global site tag (gtag.js) - Google Ads: 10989608705 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-10989608705"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-10989608705');
</script>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-GVSN2421D3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-GVSN2421D3');
</script><!-- Scroll To Top Button HTML -->
<button id="wm-back-to-top">
<div class="btt-background"></div>
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" aria-labelledby="title" role="img" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Angle Up</title>
<path data-name="layer1" fill="none" stroke="#202020" stroke-miterlimit="10" stroke-width="2" d="M4 42 l28 -26 L60 42" stroke-linejoin="round" stroke-linecap="round"></path>
</svg>
</div>
</button>
<!-- Scroll To Top Button Javascript -->
<script>
(function() {
let throttlePause;
document.addEventListener('click', function(e) {
if (!e.target.closest('#wm-back-to-top')) return;
window.scrollTo({
top: 0,
behavior: 'smooth'
})
})
document.addEventListener('DOMContentLoaded', function(){
let btt = document.querySelector('#wm-back-to-top');
if (btt?.closest('.sqs-block-content')){
btt.closest('.sqs-block-content').style.display = 'inline';
}
});
const throttle = (callback, time) => {
if (throttlePause) return;
throttlePause = true;
setTimeout(() => {
callback();
throttlePause = false;
}, time);
};
const checkPos = () => {
let pos = document.documentElement.scrollTop,
revealHeight = window.innerHeight * 0.5,
bttButton = document.querySelector('#wm-back-to-top');
if (pos >= revealHeight) {
bttButton.classList.add('show');
} else {
bttButton.classList.remove('show');
}
}
window.addEventListener("scroll", () => {
throttle(checkPos, 150);
});
window.addEventListener('DOMContentLoaded', checkPos)
}());
</script><script>Static.COOKIE_BANNER_CAPABLE = true;</script>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-207165016-1"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZjQwMz', true);gtag('config', 'UA-207165016-1');</script><script>!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.agent='plsquarespace';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js');fbq('init', '986532571414058');fbq('track', "PageView");</script><!-- End of Squarespace Headers -->
<link rel="stylesheet" type="text/css" href="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/versioned-assets/1746551647531-BX5MPXJMUO71QGALFV5P/static.css">
</head>
<body
id="collection-5f43455154d5ad03f3a94c4b"
class="
primary-button-style-outline primary-button-shape-square secondary-button-style-outline secondary-button-shape-square tertiary-button-style-outline tertiary-button-shape-square form-field-style-solid form-field-shape-square form-field-border-all form-field-checkbox-type-icon form-field-checkbox-fill-solid form-field-checkbox-color-inverted form-field-checkbox-shape-square form-field-checkbox-layout-stack form-field-radio-type-icon form-field-radio-fill-solid form-field-radio-color-normal form-field-radio-shape-pill form-field-radio-layout-stack form-field-survey-fill-solid form-field-survey-color-normal form-field-survey-shape-pill form-field-hover-focus-outline form-submit-button-style-label header-overlay-alignment-center header-width-inset tweak-transparent-header tweak-fixed-header tweak-fixed-header-style-scroll-back tweak-blog-alternating-side-by-side-width-inset tweak-blog-alternating-side-by-side-image-aspect-ratio-169-widescreen tweak-blog-alternating-side-by-side-text-alignment-center tweak-blog-alternating-side-by-side-read-more-style-show tweak-blog-alternating-side-by-side-image-text-alignment-middle tweak-blog-alternating-side-by-side-delimiter-space tweak-blog-alternating-side-by-side-meta-position-below-excerpt tweak-blog-alternating-side-by-side-primary-meta-none tweak-blog-alternating-side-by-side-secondary-meta-none tweak-blog-alternating-side-by-side-excerpt-hide tweak-blog-basic-grid-width-inset tweak-blog-basic-grid-image-aspect-ratio-ultra-widescreen tweak-blog-basic-grid-text-alignment-center tweak-blog-basic-grid-delimiter-bullet tweak-blog-basic-grid-image-placement-above tweak-blog-basic-grid-read-more-style-show tweak-blog-basic-grid-primary-meta-none tweak-blog-basic-grid-secondary-meta-date tweak-blog-basic-grid-excerpt-show tweak-blog-item-width-narrow tweak-blog-item-text-alignment-left tweak-blog-item-meta-position-above-title tweak-blog-item-delimiter-dash tweak-blog-masonry-width-full tweak-blog-masonry-text-alignment-center tweak-blog-masonry-primary-meta-categories tweak-blog-masonry-secondary-meta-date tweak-blog-masonry-meta-position-top tweak-blog-masonry-read-more-style-show tweak-blog-masonry-delimiter-space tweak-blog-masonry-image-placement-above tweak-blog-masonry-excerpt-show tweak-blog-side-by-side-width-inset tweak-blog-side-by-side-image-placement-left tweak-blog-side-by-side-image-aspect-ratio-169-widescreen tweak-blog-side-by-side-primary-meta-none tweak-blog-side-by-side-secondary-meta-none tweak-blog-side-by-side-meta-position-below-excerpt tweak-blog-side-by-side-text-alignment-left tweak-blog-side-by-side-image-text-alignment-middle tweak-blog-side-by-side-read-more-style-show tweak-blog-side-by-side-delimiter-bullet tweak-blog-side-by-side-excerpt-show tweak-blog-single-column-width-inset tweak-blog-single-column-text-alignment-center tweak-blog-single-column-image-placement-above tweak-blog-single-column-delimiter-bullet tweak-blog-single-column-read-more-style-show tweak-blog-single-column-primary-meta-categories tweak-blog-single-column-secondary-meta-date tweak-blog-single-column-meta-position-top tweak-blog-single-column-content-excerpt-and-title tweak-events-stacked-width-inset tweak-events-stacked-height-small tweak-events-stacked-show-past-events tweak-events-stacked-show-thumbnails tweak-events-stacked-thumbnail-size-32-standard tweak-events-stacked-date-style-side-tag tweak-events-stacked-show-time tweak-events-stacked-show-location tweak-events-stacked-ical-gcal-links tweak-events-stacked-show-excerpt tweak-global-animations-enabled tweak-global-animations-complexity-level-basic tweak-global-animations-animation-style-fade tweak-global-animations-animation-type-fade tweak-global-animations-animation-curve-ease tweak-portfolio-grid-basic-width-full tweak-portfolio-grid-basic-height-medium tweak-portfolio-grid-basic-image-aspect-ratio-169-widescreen tweak-portfolio-grid-basic-text-alignment-center tweak-portfolio-grid-basic-hover-effect-fade tweak-portfolio-grid-overlay-width-inset tweak-portfolio-grid-overlay-height-small tweak-portfolio-grid-overlay-image-aspect-ratio-43-four-three tweak-portfolio-grid-overlay-text-placement-center tweak-portfolio-grid-overlay-show-text-after-hover tweak-portfolio-index-background-link-format-stacked tweak-portfolio-index-background-width-full-bleed tweak-portfolio-index-background-height-large tweak-portfolio-index-background-vertical-alignment-middle tweak-portfolio-index-background-horizontal-alignment-center tweak-portfolio-index-background-delimiter-none tweak-portfolio-index-background-animation-type-fade tweak-portfolio-index-background-animation-duration-medium tweak-portfolio-hover-follow-layout-inline tweak-portfolio-hover-follow-delimiter-bullet tweak-portfolio-hover-follow-animation-type-fade tweak-portfolio-hover-follow-animation-duration-fast tweak-portfolio-hover-static-layout-inline tweak-portfolio-hover-static-front tweak-portfolio-hover-static-delimiter-hyphen tweak-portfolio-hover-static-animation-type-fade tweak-portfolio-hover-static-animation-duration-fast image-block-poster-text-alignment-center image-block-card-content-position-center image-block-card-text-alignment-left image-block-overlap-content-position-center image-block-overlap-text-alignment-left image-block-collage-content-position-top image-block-collage-text-alignment-left image-block-stack-text-alignment-left hide-opentable-icons opentable-style-dark tweak-product-quick-view-button-style-floating tweak-product-quick-view-button-position-bottom tweak-product-quick-view-lightbox-excerpt-display-truncate tweak-product-quick-view-lightbox-show-arrows tweak-product-quick-view-lightbox-show-close-button tweak-product-quick-view-lightbox-controls-weight-light native-currency-code-hkd collection-type-page collection-layout-default collection-5f43455154d5ad03f3a94c4b homepage mobile-style-available sqs-seven-one
"
tabindex="-1"
>
<div
id="siteWrapper"
class="clearfix site-wrapper"
>
<div id="floatingCart" class="floating-cart hidden">
<a href="/cart" class="icon icon--stroke icon--fill icon--cart sqs-custom-cart">
<span class="Cart-inner">
<svg class="icon icon--cart" viewBox="0 0 31 24">
<g class="svg-icon cart-icon--odd">
<circle fill="none" stroke-miterlimit="10" cx="22.5" cy="21.5" r="1"/>
<circle fill="none" stroke-miterlimit="10" cx="9.5" cy="21.5" r="1"/>
<path fill="none" stroke-miterlimit="10" d="M0,1.5h5c0.6,0,1.1,0.4,1.1,1l1.7,13
c0.1,0.5,0.6,1,1.1,1h15c0.5,0,1.2-0.4,1.4-0.9l3.3-8.1c0.2-0.5-0.1-0.9-0.6-0.9H12"/>
</g>
</svg>
<div class="legacy-cart icon-cart-quantity">
<span class="sqs-cart-quantity">0</span>
</div>
</span>
</a>
</div>
<header
data-test="header"
id="header"
class="
bright
header theme-col--primary
"
data-section-theme="bright"
data-controller="Header"
data-current-styles="{
"layout": "navCenter",
"action": {
"href": "https://www.adohk.com/contact-form",
"buttonText": "免費咨詢",
"newWindow": false
},
"showSocial": true,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "bright-inverse",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "stroke-1",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": false,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": true,
"iconEnabled": true,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ {
"languageCode": "zh-tw"
}, {
"languageCode": "en",
"countryCode": "gb"
} ]
},
"iconOptions": {
"desktopDropdownIconOptions": {
"size": {
"unit": "em",
"value": 1.0
},
"iconSpacing": {
"unit": "em",
"value": 0.35
},
"strokeWidth": {
"unit": "px",
"value": 1.0
},
"endcapType": "square",
"folderDropdownIcon": "none",
"languagePickerIcon": "openArrowHead"
},
"mobileDropdownIconOptions": {
"size": {
"unit": "em",
"value": 1.0
},
"iconSpacing": {
"unit": "em",
"value": 0.15
},
"strokeWidth": {
"unit": "px",
"value": 0.5
},
"endcapType": "square",
"folderDropdownIcon": "openArrowHead",
"languagePickerIcon": "openArrowHead"
}
},
"mobileOptions": {
"layout": "logoLeftNavRight",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 1.0
}
}
},
"solidOptions": {
"headerOpacity": {
"unit": "%",
"value": 100.0
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "accent",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"gradientOptions": {
"gradientType": "faded",
"headerOpacity": {
"unit": "%",
"value": 90.0
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadowOptions": {
"enabled": false,
"blur": {
"unit": "px",
"value": 12.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 12.0
}
},
"borderOptions": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"showPromotedElement": false,
"buttonVariant": "primary",
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"headerOpacity": {
"unit": "%",
"value": 100.0
}
}"
data-section-id="header"
data-header-style="dynamic"
data-language-picker="{
"enabled": true,
"iconEnabled": true,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ {
"languageCode": "zh-tw"
}, {
"languageCode": "en",
"countryCode": "gb"
} ]
}"
data-first-focusable-element
tabindex="-1"
style="
--headerBorderColor: hsla(var(--black-hsl), 1);
--solidHeaderBackgroundColor: hsla(var(--accent-hsl), 1);
--solidHeaderNavigationColor: hsla(var(--black-hsl), 1);
--gradientHeaderBackgroundColor: hsla(var(--white-hsl), 1);
--gradientHeaderNavigationColor: hsla(var(--black-hsl), 1);
"
>
<svg style="display:none" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
<symbol id="circle" >
<path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" fill="none" />
</symbol>
<symbol id="circleFilled" >
<path d="M11.5 17C14.5376 17 17 14.5376 17 11.5C17 8.46243 14.5376 6 11.5 6C8.46243 6 6 8.46243 6 11.5C6 14.5376 8.46243 17 11.5 17Z" />
</symbol>
<symbol id="dash" >
<path d="M11 11H19H3" />
</symbol>
<symbol id="squareFilled" >
<rect x="6" y="6" width="11" height="11" />
</symbol>
<symbol id="square" >
<rect x="7" y="7" width="9" height="9" fill="none" stroke="inherit" />
</symbol>
<symbol id="plus" >
<path d="M11 3V19" />
<path d="M19 11L3 11"/>
</symbol>
<symbol id="closedArrow" >
<path d="M11 11V2M11 18.1797L17 11.1477L5 11.1477L11 18.1797Z" fill="none" />
</symbol>
<symbol id="closedArrowFilled" >
<path d="M11 11L11 2" stroke="inherit" fill="none" />
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.74695 9.38428L19.038 9.38428L10.8925 19.0846L2.74695 9.38428Z" stroke-width="1" />
</symbol>
<symbol id="closedArrowHead" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol">
<path d="M18 7L11 15L4 7L18 7Z" fill="none" stroke="inherit" />
</symbol>
<symbol id="closedArrowHeadFilled" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/symbol">
<path d="M18.875 6.5L11 15.5L3.125 6.5L18.875 6.5Z" />
</symbol>
<symbol id="openArrow" >
<path d="M11 18.3591L11 3" stroke="inherit" fill="none" />
<path d="M18 11.5L11 18.5L4 11.5" stroke="inherit" fill="none" />
</symbol>
<symbol id="openArrowHead" >
<path d="M18 7L11 14L4 7" fill="none" />
</symbol>
<symbol id="pinchedArrow" >
<path d="M11 17.3591L11 2" fill="none" />
<path d="M2 11C5.85455 12.2308 8.81818 14.9038 11 18C13.1818 14.8269 16.1455 12.1538 20 11" fill="none" />
</symbol>
<symbol id="pinchedArrowFilled" >
<path d="M11.05 10.4894C7.04096 8.73759 1.05005 8 1.05005 8C6.20459 11.3191 9.41368 14.1773 11.05 21C12.6864 14.0851 15.8955 11.227 21.05 8C21.05 8 15.0591 8.73759 11.05 10.4894Z" stroke-width="1"/>
<path d="M11 11L11 1" fill="none"/>
</symbol>
<symbol id="pinchedArrowHead" >
<path d="M2 7.24091C5.85455 8.40454 8.81818 10.9318 11 13.8591C13.1818 10.8591 16.1455 8.33181 20 7.24091" fill="none" />
</symbol>
<symbol id="pinchedArrowHeadFilled" >
<path d="M11.05 7.1591C7.04096 5.60456 1.05005 4.95001 1.05005 4.95001C6.20459 7.89547 9.41368 10.4318 11.05 16.4864C12.6864 10.35 15.8955 7.81365 21.05 4.95001C21.05 4.95001 15.0591 5.60456 11.05 7.1591Z" />
</symbol>
</svg>
<div class="sqs-announcement-bar-dropzone"></div>
<div class="header-announcement-bar-wrapper">
<a
href="#page"
class="header-skip-link sqs-button-element--primary"
>
Skip to Content
</a>
<style>
@supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
.header-blur-background {
}
}
</style>
<div
class="header-border"
data-header-style="dynamic"
data-header-border="false"
data-test="header-border"
style="
"
></div>
<div
class="header-dropshadow"
data-header-style="dynamic"
data-header-dropshadow="false"
data-test="header-dropshadow"
style=""
></div>
<div class='header-inner container--fluid
header-mobile-layout-logo-left-nav-right
header-layout-nav-center
'
data-test="header-inner"
>
<!-- Background -->
<div class="header-background theme-bg--primary"></div>
<div class="header-display-desktop" data-content-field="site-title">
<!-- Social -->
<!-- Title and nav wrapper -->
<div class="header-title-nav-wrapper">
<!-- Title -->
<div
class="
header-title
"
data-animation-role="header-element"
>
<div class="header-title-logo">
<a href="/" data-animation-role="header-element">
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/5096ba56-e611-4bb9-a686-6a3db0bf4c31/White+ADO+logo.png?format=1500w" alt="ADO|Interior Design Studio" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
</a>
</div>
</div>
<!-- Nav -->
<div class="header-nav">
<div class="header-nav-wrapper">
<nav class="header-nav-list">
<div class="header-nav-item header-nav-item--collection">
<a
href="/about"
data-animation-role="header-element"
>
About
</a>
</div>
<div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage">
<a
href="/"
data-animation-role="header-element"
aria-current="page"
>
Residential
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/ado-work"
data-animation-role="header-element"
>
Commercial
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/ado-culture"
data-animation-role="header-element"
>
Culture
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/media"
data-animation-role="header-element"
>
Media
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/contact-form"
data-animation-role="header-element"
>
Contact
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div class="header-actions-action header-actions-action--social">
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/adoliving" target="_blank" aria-label="Facebook">
<svg viewBox="23 23 64 64">
<use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/ado_casa/?hl=en" target="_blank" aria-label="Instagram">
<svg viewBox="23 23 64 64">
<use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY" target="_blank" aria-label="YouTube">
<svg viewBox="23 23 64 64">
<use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://hk.linkedin.com/company/adohk" target="_blank" aria-label="LinkedIn">
<svg viewBox="23 23 64 64">
<use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:hi@adohk.com" target="_blank" aria-label="hi@adohk.com">
<svg viewBox="23 23 64 64">
<use xlink:href="#email-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div
aria-controls="language-picker-menu"
aria-expanded="false"
aria-label="language picker"
class="language-picker language-picker-desktop"
id="multilingual-language-picker-desktop"
role="listbox"
tabindex="0"
>
<div class="current-language">
<span class="icon icon--fill"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 18.833C14.4706 18.833 18.5 14.8036 18.5 9.83301C18.5 4.86244 14.4706 0.833008 9.5 0.833008C4.52944 0.833008 0.5 4.86244 0.5 9.83301C0.5 14.8036 4.52944 18.833 9.5 18.833ZM9.91948 16.5409C9.66958 16.8228 9.52553 16.833 9.5 16.833C9.47447 16.833 9.33042 16.8228 9.08052 16.5409C8.83166 16.2602 8.56185 15.797 8.31501 15.1387C7.9028 14.0395 7.60822 12.5409 7.52435 10.833H11.4757C11.3918 12.5409 11.0972 14.0395 10.685 15.1387C10.4381 15.797 10.1683 16.2602 9.91948 16.5409ZM11.4757 8.83301H7.52435C7.60822 7.12511 7.9028 5.62649 8.31501 4.52728C8.56185 3.86902 8.83166 3.40579 9.08052 3.12509C9.33042 2.84323 9.47447 2.83301 9.5 2.83301C9.52553 2.83301 9.66958 2.84323 9.91948 3.12509C10.1683 3.40579 10.4381 3.86902 10.685 4.52728C11.0972 5.62649 11.3918 7.12511 11.4757 8.83301ZM13.4778 10.833C13.3926 12.7428 13.0651 14.4877 12.5576 15.841C12.5122 15.9623 12.4647 16.0817 12.4154 16.1989C14.5362 15.226 16.087 13.2245 16.4291 10.833H13.4778ZM16.4291 8.83301H13.4778C13.3926 6.92322 13.0651 5.17832 12.5576 3.82503C12.5122 3.7037 12.4647 3.58428 12.4154 3.46714C14.5362 4.44001 16.087 6.44155 16.4291 8.83301ZM5.52218 8.83301C5.60742 6.92322 5.93487 5.17832 6.44235 3.82503C6.48785 3.7037 6.53525 3.58428 6.5846 3.46714C4.46378 4.44001 2.91296 6.44155 2.57089 8.83301H5.52218ZM2.57089 10.833C2.91296 13.2245 4.46378 15.226 6.5846 16.1989C6.53525 16.0817 6.48785 15.9623 6.44235 15.841C5.93487 14.4877 5.60742 12.7428 5.52218 10.833H2.57089Z"/>
</svg></span>
<span data-wg-notranslate class="current-language-name">English</span>
<span style="margin-left:0.35em; width:1em; height:1em" class="header-dropdown-icon header-dropdown-flip">
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1px" >
<use href="#openArrowHead" />
</svg>
</span>
</div>
<div class="language-picker-content" id="language-picker-menu">
</div>
</div>
<div class="showOnMobile">
</div>
<div class="showOnDesktop">
</div>
</div>
<style>
.top-bun,
.patty,
.bottom-bun {
height: 1px;
}
</style>
<!-- Burger -->
<div class="header-burger
menu-overlay-has-visible-non-navigation-items
" data-animation-role="header-element">
<button class="header-burger-btn burger" data-test="header-burger">
<span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
<span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
<div class="burger-box">
<div class="burger-inner header-menu-icon-doubleLineHamburger">
<div class="top-bun"></div>
<div class="patty"></div>
<div class="bottom-bun"></div>
</div>
</div>
</button>
</div>
</div>
<div class="header-display-mobile" data-content-field="site-title">
<!-- Social -->
<!-- Title and nav wrapper -->
<div class="header-title-nav-wrapper">
<!-- Title -->
<div
class="
header-title
"
data-animation-role="header-element"
>
<div class="header-title-logo">
<a href="/" data-animation-role="header-element">
<img elementtiming="nbf-header-logo-desktop" src="//images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/5096ba56-e611-4bb9-a686-6a3db0bf4c31/White+ADO+logo.png?format=1500w" alt="ADO|Interior Design Studio" style="display:block" fetchpriority="high" loading="eager" decoding="async" data-loader="raw">
</a>
</div>
</div>
<!-- Nav -->
<div class="header-nav">
<div class="header-nav-wrapper">
<nav class="header-nav-list">
<div class="header-nav-item header-nav-item--collection">
<a
href="/about"
data-animation-role="header-element"
>
About
</a>
</div>
<div class="header-nav-item header-nav-item--collection header-nav-item--active header-nav-item--homepage">
<a
href="/"
data-animation-role="header-element"
aria-current="page"
>
Residential
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/ado-work"
data-animation-role="header-element"
>
Commercial
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/ado-culture"
data-animation-role="header-element"
>
Culture
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/media"
data-animation-role="header-element"
>
Media
</a>
</div>
<div class="header-nav-item header-nav-item--collection">
<a
href="/contact-form"
data-animation-role="header-element"
>
Contact
</a>
</div>
</nav>
</div>
</div>
</div>
<!-- Actions -->
<div class="header-actions header-actions--right">
<div class="header-actions-action header-actions-action--social">
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/adoliving" target="_blank" aria-label="Facebook">
<svg viewBox="23 23 64 64">
<use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/ado_casa/?hl=en" target="_blank" aria-label="Instagram">
<svg viewBox="23 23 64 64">
<use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY" target="_blank" aria-label="YouTube">
<svg viewBox="23 23 64 64">
<use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://hk.linkedin.com/company/adohk" target="_blank" aria-label="LinkedIn">
<svg viewBox="23 23 64 64">
<use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
</svg>
</a>
<a class="icon icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:hi@adohk.com" target="_blank" aria-label="hi@adohk.com">
<svg viewBox="23 23 64 64">
<use xlink:href="#email-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div
aria-controls="language-picker-menu"
aria-expanded="false"
aria-label="language picker"
class="language-picker language-picker-desktop"
id="multilingual-language-picker-desktop"
role="listbox"
tabindex="0"
>
<div class="current-language">
<span class="icon icon--fill"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 18.833C14.4706 18.833 18.5 14.8036 18.5 9.83301C18.5 4.86244 14.4706 0.833008 9.5 0.833008C4.52944 0.833008 0.5 4.86244 0.5 9.83301C0.5 14.8036 4.52944 18.833 9.5 18.833ZM9.91948 16.5409C9.66958 16.8228 9.52553 16.833 9.5 16.833C9.47447 16.833 9.33042 16.8228 9.08052 16.5409C8.83166 16.2602 8.56185 15.797 8.31501 15.1387C7.9028 14.0395 7.60822 12.5409 7.52435 10.833H11.4757C11.3918 12.5409 11.0972 14.0395 10.685 15.1387C10.4381 15.797 10.1683 16.2602 9.91948 16.5409ZM11.4757 8.83301H7.52435C7.60822 7.12511 7.9028 5.62649 8.31501 4.52728C8.56185 3.86902 8.83166 3.40579 9.08052 3.12509C9.33042 2.84323 9.47447 2.83301 9.5 2.83301C9.52553 2.83301 9.66958 2.84323 9.91948 3.12509C10.1683 3.40579 10.4381 3.86902 10.685 4.52728C11.0972 5.62649 11.3918 7.12511 11.4757 8.83301ZM13.4778 10.833C13.3926 12.7428 13.0651 14.4877 12.5576 15.841C12.5122 15.9623 12.4647 16.0817 12.4154 16.1989C14.5362 15.226 16.087 13.2245 16.4291 10.833H13.4778ZM16.4291 8.83301H13.4778C13.3926 6.92322 13.0651 5.17832 12.5576 3.82503C12.5122 3.7037 12.4647 3.58428 12.4154 3.46714C14.5362 4.44001 16.087 6.44155 16.4291 8.83301ZM5.52218 8.83301C5.60742 6.92322 5.93487 5.17832 6.44235 3.82503C6.48785 3.7037 6.53525 3.58428 6.5846 3.46714C4.46378 4.44001 2.91296 6.44155 2.57089 8.83301H5.52218ZM2.57089 10.833C2.91296 13.2245 4.46378 15.226 6.5846 16.1989C6.53525 16.0817 6.48785 15.9623 6.44235 15.841C5.93487 14.4877 5.60742 12.7428 5.52218 10.833H2.57089Z"/>
</svg></span>
<span data-wg-notranslate class="current-language-name">English</span>
<span style="margin-left:0.35em; width:1em; height:1em" class="header-dropdown-icon header-dropdown-flip">
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="miter" stroke-width="1px" >
<use href="#openArrowHead" />
</svg>
</span>
</div>
<div class="language-picker-content" id="language-picker-menu">
</div>
</div>
<div class="showOnMobile">
</div>
<div class="showOnDesktop">
</div>
</div>
<style>
.top-bun,
.patty,
.bottom-bun {
height: 1px;
}
</style>
<!-- Burger -->
<div class="header-burger
menu-overlay-has-visible-non-navigation-items
" data-animation-role="header-element">
<button class="header-burger-btn burger" data-test="header-burger">
<span hidden class="js-header-burger-open-title visually-hidden">Open Menu</span>
<span hidden class="js-header-burger-close-title visually-hidden">Close Menu</span>
<div class="burger-box">
<div class="burger-inner header-menu-icon-doubleLineHamburger">
<div class="top-bun"></div>
<div class="patty"></div>
<div class="bottom-bun"></div>
</div>
</div>
</button>
</div>
</div>
</div>
</div>
<!-- (Mobile) Menu Navigation -->
<div class="header-menu header-menu--folder-list
"
data-section-theme=""
data-current-styles="{
"layout": "navCenter",
"action": {
"href": "https://www.adohk.com/contact-form",
"buttonText": "免費咨詢",
"newWindow": false
},
"showSocial": true,
"socialOptions": {
"socialBorderShape": "none",
"socialBorderStyle": "outline",
"socialBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"sectionTheme": "bright-inverse",
"menuOverlayAnimation": "fade",
"cartStyle": "cart",
"cartText": "Cart",
"showEmptyCartState": true,
"cartOptions": {
"iconType": "stroke-1",
"cartBorderShape": "none",
"cartBorderStyle": "outline",
"cartBorderThickness": {
"unit": "px",
"value": 1.0
}
},
"showButton": false,
"showCart": false,
"showAccountLogin": true,
"headerStyle": "dynamic",
"languagePicker": {
"enabled": true,
"iconEnabled": true,
"iconType": "globe",
"flagShape": "shiny",
"languageFlags": [ {
"languageCode": "zh-tw"
}, {
"languageCode": "en",
"countryCode": "gb"
} ]
},
"iconOptions": {
"desktopDropdownIconOptions": {
"size": {
"unit": "em",
"value": 1.0
},
"iconSpacing": {
"unit": "em",
"value": 0.35
},
"strokeWidth": {
"unit": "px",
"value": 1.0
},
"endcapType": "square",
"folderDropdownIcon": "none",
"languagePickerIcon": "openArrowHead"
},
"mobileDropdownIconOptions": {
"size": {
"unit": "em",
"value": 1.0
},
"iconSpacing": {
"unit": "em",
"value": 0.15
},
"strokeWidth": {
"unit": "px",
"value": 0.5
},
"endcapType": "square",
"folderDropdownIcon": "openArrowHead",
"languagePickerIcon": "openArrowHead"
}
},
"mobileOptions": {
"layout": "logoLeftNavRight",
"menuIconOptions": {
"style": "doubleLineHamburger",
"thickness": {
"unit": "px",
"value": 1.0
}
}
},
"solidOptions": {
"headerOpacity": {
"unit": "%",
"value": 100.0
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "accent",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"gradientOptions": {
"gradientType": "faded",
"headerOpacity": {
"unit": "%",
"value": 90.0
},
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"backgroundColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "white",
"alphaModifier": 1.0
}
},
"navigationColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"dropShadowOptions": {
"enabled": false,
"blur": {
"unit": "px",
"value": 12.0
},
"spread": {
"unit": "px",
"value": 0.0
},
"distance": {
"unit": "px",
"value": 12.0
}
},
"borderOptions": {
"enabled": false,
"position": "allSides",
"thickness": {
"unit": "px",
"value": 4.0
},
"color": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"colorName": "black",
"alphaModifier": 1.0
}
}
},
"showPromotedElement": false,
"buttonVariant": "primary",
"blurBackground": {
"enabled": false,
"blurRadius": {
"unit": "px",
"value": 12.0
}
},
"headerOpacity": {
"unit": "%",
"value": 100.0
}
}"
data-section-id="overlay-nav"
data-show-account-login="true"
data-test="header-menu">
<div class="header-menu-bg theme-bg--primary"></div>
<div class="header-menu-nav">
<nav class="header-menu-nav-list">
<div data-folder="root" class="header-menu-nav-folder">
<div class="header-menu-nav-folder-content">
<!-- Menu Navigation -->
<div class="header-menu-nav-wrapper">
<div class="container header-menu-nav-item header-menu-nav-item--collection">
<a
href="/about"
>
<div class="header-menu-nav-item-content">
About
</div>
</a>
</div>
<div class="container header-menu-nav-item header-menu-nav-item--collection header-menu-nav-item--active header-menu-nav-item--homepage">
<a
href="/"
aria-current="page"
>
<div class="header-menu-nav-item-content">
Residential
</div>
</a>
</div>
<div class="container header-menu-nav-item header-menu-nav-item--collection">
<a
href="/ado-work"
>
<div class="header-menu-nav-item-content">
Commercial
</div>
</a>
</div>
<div class="container header-menu-nav-item header-menu-nav-item--collection">
<a
href="/ado-culture"
>
<div class="header-menu-nav-item-content">
Culture
</div>
</a>
</div>
<div class="container header-menu-nav-item header-menu-nav-item--collection">
<a
href="/media"
>
<div class="header-menu-nav-item-content">
Media
</div>
</a>
</div>
<div class="container header-menu-nav-item header-menu-nav-item--collection">
<a
href="/contact-form"
>
<div class="header-menu-nav-item-content">
Contact
</div>
</a>
</div>
</div>
</div>
<div class="header-menu-actions social-accounts">
<div class="header-menu-actions-action header-menu-actions-action--social mobile">
<a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.facebook.com/adoliving" target="_blank" aria-label="Facebook">
<svg viewBox="23 23 64 64">
<use xlink:href="#facebook-unauth-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div class="header-menu-actions-action header-menu-actions-action--social mobile">
<a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://www.instagram.com/ado_casa/?hl=en" target="_blank" aria-label="Instagram">
<svg viewBox="23 23 64 64">
<use xlink:href="#instagram-unauth-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div class="header-menu-actions-action header-menu-actions-action--social mobile">
<a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY" target="_blank" aria-label="YouTube">
<svg viewBox="23 23 64 64">
<use xlink:href="#youtube-unauth-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div class="header-menu-actions-action header-menu-actions-action--social mobile">
<a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="https://hk.linkedin.com/company/adohk" target="_blank" aria-label="LinkedIn">
<svg viewBox="23 23 64 64">
<use xlink:href="#linkedin-unauth-icon" width="110" height="110"></use>
</svg>
</a>
</div>
<div class="header-menu-actions-action header-menu-actions-action--social mobile">
<a class="icon icon--lg icon--fill header-icon header-icon-border-shape-none header-icon-border-style-outline" href="mailto:hi@adohk.com" target="_blank" aria-label="hi@adohk.com">
<svg viewBox="23 23 64 64">
<use xlink:href="#email-icon" width="110" height="110"></use>
</svg>
</a>
</div>
</div>
<div class="header-menu-actions language-picker language-picker-mobile">
<a data-folder-id="language-picker" href="#">
<div class="header-menu-nav-item-content current-language">
<span class="icon icon--lg icon--fill"><svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 18.833C14.4706 18.833 18.5 14.8036 18.5 9.83301C18.5 4.86244 14.4706 0.833008 9.5 0.833008C4.52944 0.833008 0.5 4.86244 0.5 9.83301C0.5 14.8036 4.52944 18.833 9.5 18.833ZM9.91948 16.5409C9.66958 16.8228 9.52553 16.833 9.5 16.833C9.47447 16.833 9.33042 16.8228 9.08052 16.5409C8.83166 16.2602 8.56185 15.797 8.31501 15.1387C7.9028 14.0395 7.60822 12.5409 7.52435 10.833H11.4757C11.3918 12.5409 11.0972 14.0395 10.685 15.1387C10.4381 15.797 10.1683 16.2602 9.91948 16.5409ZM11.4757 8.83301H7.52435C7.60822 7.12511 7.9028 5.62649 8.31501 4.52728C8.56185 3.86902 8.83166 3.40579 9.08052 3.12509C9.33042 2.84323 9.47447 2.83301 9.5 2.83301C9.52553 2.83301 9.66958 2.84323 9.91948 3.12509C10.1683 3.40579 10.4381 3.86902 10.685 4.52728C11.0972 5.62649 11.3918 7.12511 11.4757 8.83301ZM13.4778 10.833C13.3926 12.7428 13.0651 14.4877 12.5576 15.841C12.5122 15.9623 12.4647 16.0817 12.4154 16.1989C14.5362 15.226 16.087 13.2245 16.4291 10.833H13.4778ZM16.4291 8.83301H13.4778C13.3926 6.92322 13.0651 5.17832 12.5576 3.82503C12.5122 3.7037 12.4647 3.58428 12.4154 3.46714C14.5362 4.44001 16.087 6.44155 16.4291 8.83301ZM5.52218 8.83301C5.60742 6.92322 5.93487 5.17832 6.44235 3.82503C6.48785 3.7037 6.53525 3.58428 6.5846 3.46714C4.46378 4.44001 2.91296 6.44155 2.57089 8.83301H5.52218ZM2.57089 10.833C2.91296 13.2245 4.46378 15.226 6.5846 16.1989C6.53525 16.0817 6.48785 15.9623 6.44235 15.841C5.93487 14.4877 5.60742 12.7428 5.52218 10.833H2.57089Z"/>
</svg></span>
<span data-wg-notranslate class="current-language-name">English</span>
<span style="margin-left:0.15em; width:1em; height:1em" class="header-dropdown-icon header-dropdown-flip">
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="miter" stroke-width="0.5px" >
<use href="#openArrowHead" />
</svg>
</span>
</div>
</a>
<div id="multilingual-language-picker-mobile" class="header-menu-nav-folder" data-folder="language-picker">
<div class="header-menu-nav-folder-content">
<div class="header-menu-controls header-menu-nav-item">
<a class="header-menu-controls-control header-menu-controls-control--active" data-action="back" href="/">
<span style="margin-right:0.15em; width:1em; height:1em" class="header-dropdown-icon header-dropdown-flip">
<svg viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg" stroke-linecap="square" stroke-linejoin="miter" stroke-width="0.5px" >
<use href="#openArrowHead" />
</svg>
</span>
</span><span>Back</span>
</a>
</div>
<div class="language-picker-content">
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
<main id="page" class="container" role="main">
<article class="sections" id="sections" data-page-sections="5f43455154d5ad03f3a94c4a">
<section
data-test="page-section"
data-section-theme="bright"
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
has-background
bright'
data-section-id="63467452e9b8cc8d028aae25"
data-controller="SectionWrapperController"
data-current-styles="{
"backgroundImage": {
"id": "65ba1028a5468746ada6b8f5",
"recordType": 2,
"addedOn": 1706692648408,
"updatedOn": 1706692648481,
"tags": [ ],
"workflowState": 1,
"publishOn": 1706692648408,
"authorId": "52bd18bce4b016d5f276335c",
"systemDataId": "caf0bfa5-86d5-41ee-8d88-8a8e5c22771b",
"systemDataVariants": "2000x1333,100w,300w,500w,750w,1000w,1500w",
"systemDataSourceType": "JPG",
"filename": "ADO-CASA-香港室內設計公司推薦.jpg",
"mediaFocalPoint": {
"x": 0.5,
"y": 0.5,
"source": 3
},
"colorData": {
"topLeftAverage": "b5b5b7",
"topRightAverage": "d3d3d5",
"bottomLeftAverage": "81726b",
"bottomRightAverage": "a49e9a",
"centerAverage": "cfcbc9",
"suggestedBgColor": "a29b96"
},
"urlId": "hsrm5civ37jkic7t2splbql61wbrnq",
"body": null,
"location": {
"mapZoom": 15.0
},
"metadata": {
"shutterSpeed": "0/0",
"isoSpeed": "0",
"focalLength": "0"
},
"likeCount": 0,
"commentCount": 0,
"publicCommentCount": 0,
"commentState": 2,
"unsaved": false,
"author": {
"id": "52bd18bce4b016d5f276335c",
"displayName": "Karr Yip",
"firstName": "Karr",
"lastName": "Yip"
},
"assetUrl": "https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg",
"contentType": "image/jpeg",
"items": [ ],
"pushedServices": { },
"pendingPushedServices": { },
"originalSize": "2000x1333",
"recordTypeLabel": "image"
},
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 100,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "bright",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
style="min-height: 100vh;"
>
<div
class="section-border"
>
<div class="section-background">
<img alt="" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="ADO-CASA-香港室內設計公司推薦.jpg" data-load="false" elementtiming="nbf-background" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg" width="2000" height="1333" alt="" sizes="(max-width: 799px) 200vw, 100vw" style="display:block;object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/caf0bfa5-86d5-41ee-8d88-8a8e5c22771b/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E8%96%A6.jpg?format=2500w 2500w" fetchpriority="high" loading="eager" decoding="async" data-loader="sqs">
<div class="section-background-overlay" style="opacity: 0.15;"></div>
</div>
</div>
<div
class='content-wrapper'
style='
padding-top: calc(100vmax / 10); padding-bottom: calc(100vmax / 10);
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63467452219652aa571f1cbb {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 2.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (2.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(9,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 5.0px;
column-gap: 2.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63467452219652aa571f1cbb {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63467452219652aa571f1cbb {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 2.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (2.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-634674521612014e0b7d7fb2 {
grid-area: 1/2/3/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-634674521612014e0b7d7fb2 .sqs-block {
justify-content: center;
}
.fe-block-634674521612014e0b7d7fb2 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-634674521612014e0b7d7fb2 {
grid-area: 1/2/3/26;
z-index: 0;
}
.fe-block-634674521612014e0b7d7fb2 .sqs-block {
justify-content: center;
}
.fe-block-634674521612014e0b7d7fb2 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1692255754520_5218 {
grid-area: 3/2/5/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1692255754520_5218 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1692255754520_5218 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1692255754520_5218 {
grid-area: 3/9/5/19;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1692255754520_5218 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1692255754520_5218 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-63467452c9c1348b17403df7 {
grid-area: 6/4/8/8;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63467452c9c1348b17403df7 .sqs-block {
justify-content: center;
}
.fe-block-63467452c9c1348b17403df7 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63467452c9c1348b17403df7 {
grid-area: 5/12/7/16;
z-index: 1;
}
.fe-block-63467452c9c1348b17403df7 .sqs-block {
justify-content: center;
}
.fe-block-63467452c9c1348b17403df7 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63467452219652aa571f1cbb"><div class="fe-block fe-block-634674521612014e0b7d7fb2"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-634674521612014e0b7d7fb2"><div class="sqs-block-content">
<div class="sqs-html-content">
<h2 style="text-align:center;white-space:pre-wrap;"><strong>ADO CASA</strong></h2>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1692255754520_5218"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1692255754520_5218"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:center;white-space:pre-wrap;">Design for Love, Build for Relationship</h1>
</div>
</div></div></div><div class="fe-block fe-block-63467452c9c1348b17403df7"><div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-63467452c9c1348b17403df7"><div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href="/contact-form"
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
聯絡咨詢
</a>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="6346744e9bdb08eb7b439aac"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.9,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-6346744e4e6714637eacf574 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(42,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-6346744e4e6714637eacf574 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-6346744e4e6714637eacf574 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-6346744ecdd5174368a518dd {
grid-area: 1/2/7/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-6346744ecdd5174368a518dd .sqs-block {
justify-content: center;
}
.fe-block-6346744ecdd5174368a518dd .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744ecdd5174368a518dd {
grid-area: 1/9/6/19;
z-index: 0;
}
.fe-block-6346744ecdd5174368a518dd .sqs-block {
justify-content: center;
}
.fe-block-6346744ecdd5174368a518dd .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346744e4ef3fa52432eb8cc {
grid-area: 7/2/15/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-6346744e4ef3fa52432eb8cc .sqs-block {
justify-content: center;
}
.fe-block-6346744e4ef3fa52432eb8cc .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744e4ef3fa52432eb8cc {
grid-area: 6/3/13/10;
z-index: 1;
}
.fe-block-6346744e4ef3fa52432eb8cc .sqs-block {
justify-content: center;
}
.fe-block-6346744e4ef3fa52432eb8cc .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346744e3cf3de639d615d51 {
grid-area: 15/2/19/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-6346744e3cf3de639d615d51 .sqs-block {
justify-content: center;
}
.fe-block-6346744e3cf3de639d615d51 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744e3cf3de639d615d51 {
grid-area: 13/3/16/10;
z-index: 2;
}
.fe-block-6346744e3cf3de639d615d51 .sqs-block {
justify-content: center;
}
.fe-block-6346744e3cf3de639d615d51 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346744e0a9d147d6ce3d3ce {
grid-area: 19/2/27/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-6346744e0a9d147d6ce3d3ce .sqs-block {
justify-content: center;
}
.fe-block-6346744e0a9d147d6ce3d3ce .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744e0a9d147d6ce3d3ce {
grid-area: 6/10/13/18;
z-index: 3;
}
.fe-block-6346744e0a9d147d6ce3d3ce .sqs-block {
justify-content: center;
}
.fe-block-6346744e0a9d147d6ce3d3ce .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346744efa82561d4b2ef66c {
grid-area: 27/2/31/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-6346744efa82561d4b2ef66c .sqs-block {
justify-content: center;
}
.fe-block-6346744efa82561d4b2ef66c .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744efa82561d4b2ef66c {
grid-area: 13/10/16/18;
z-index: 4;
}
.fe-block-6346744efa82561d4b2ef66c .sqs-block {
justify-content: center;
}
.fe-block-6346744efa82561d4b2ef66c .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346744ecfd214265d38e4a0 {
grid-area: 31/2/39/10;
z-index: 5;
@media (max-width: 767px) {
}
}
.fe-block-6346744ecfd214265d38e4a0 .sqs-block {
justify-content: center;
}
.fe-block-6346744ecfd214265d38e4a0 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346744ecfd214265d38e4a0 {
grid-area: 6/18/13/25;
z-index: 5;
}
.fe-block-6346744ecfd214265d38e4a0 .sqs-block {
justify-content: center;
}
.fe-block-6346744ecfd214265d38e4a0 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-b4b95423c8ba14600b7f {
grid-area: 39/2/43/10;
z-index: 5;
@media (max-width: 767px) {
}
}
.fe-block-b4b95423c8ba14600b7f .sqs-block {
justify-content: center;
}
.fe-block-b4b95423c8ba14600b7f .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-b4b95423c8ba14600b7f {
grid-area: 13/18/16/24;
z-index: 5;
}
.fe-block-b4b95423c8ba14600b7f .sqs-block {
justify-content: center;
}
.fe-block-b4b95423c8ba14600b7f .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-6346744e4e6714637eacf574"><div class="fe-block fe-block-6346744ecdd5174368a518dd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346744ecdd5174368a518dd"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">20年室內設計及空間規劃經驗</h3><p style="text-align:center;white-space:pre-wrap;" class="">ADO CASA 是 ADO集團旗下品牌,是業界知名的香港室內設計公司,一直致力提供高尚住宅的室內設計服務,擅長把藝術與品味融入居住空間,透過設計提高生活品質,築緊彼此生活。</p>
</div>
</div></div></div><div class="fe-block fe-block-6346744e4ef3fa52432eb8cc"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346744e4ef3fa52432eb8cc"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-hidden
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="/service"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg" width="2000" height="1333" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/441384a1-141a-4f38-9958-8e8a3684bf50/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346744e4ef3fa52432eb8cc .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346744e3cf3de639d615d51"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346744e3cf3de639d615d51"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;"><a href="/service"><span class="sqsrte-text-color--white">我們的服務</span></a></h3><p style="text-align:center;white-space:pre-wrap;" class=""><span class="sqsrte-text-color--white">提供專業室內設計方案及項目管理服務</span></p>
</div>
</div></div></div><div class="fe-block fe-block-6346744e0a9d147d6ce3d3ce"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346744e0a9d147d6ce3d3ce"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-hidden
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg" width="2000" height="1333" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/cc56fbec-0b5a-4cd1-8e2a-22e109aebdae/ADO-CASA-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88%E5%85%AC%E5%8F%B8%E6%8E%A8%E4%BB%8B.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346744e0a9d147d6ce3d3ce .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346744efa82561d4b2ef66c"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346744efa82561d4b2ef66c"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;"><a href="/casa-project" target=""><span class="sqsrte-text-color--white">家居設計案例</span></a></h3><p style="text-align:center;white-space:pre-wrap;" class=""><span class="sqsrte-text-color--white">完成超過300個高尚住宅設計項目,廣受好評</span></p>
</div>
</div></div></div><div class="fe-block fe-block-6346744ecfd214265d38e4a0"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="70.9808387384265" data-block-type="5" id="block-6346744ecfd214265d38e4a0"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-hidden
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="/about"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg" width="2000" height="1333" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/df9e4ec6-ac8a-4c06-9348-c2529f193b7b/ADO-CASA-%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346744ecfd214265d38e4a0 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-b4b95423c8ba14600b7f"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-b4b95423c8ba14600b7f"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;"><a href="https://www.adohk.com/about"><span class="sqsrte-text-color--white">關於ADO</span></a></h3><p style="text-align:center;white-space:pre-wrap;" class=""><span class="sqsrte-text-color--white">榮獲多個企業和國際設計獎項</span></p>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--custom
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="681c80d7a699ae742ca2711d"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-681c80d7a699ae742ca2711c {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(7,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-681c80d7a699ae742ca2711c {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-681c80d7a699ae742ca2711c {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(5,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-0d9c5b9bdb9c5ce450b9 {
grid-area: 2/2/7/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-0d9c5b9bdb9c5ce450b9 .sqs-block {
justify-content: center;
}
.fe-block-0d9c5b9bdb9c5ce450b9 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-0d9c5b9bdb9c5ce450b9 {
grid-area: 2/8/5/20;
z-index: 1;
}
.fe-block-0d9c5b9bdb9c5ce450b9 .sqs-block {
justify-content: center;
}
.fe-block-0d9c5b9bdb9c5ce450b9 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-e8613aaf497b2008613a {
grid-area: 3/3/6/9;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-e8613aaf497b2008613a .sqs-block {
justify-content: center;
}
.fe-block-e8613aaf497b2008613a .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-e8613aaf497b2008613a {
grid-area: 2/9/5/19;
z-index: 2;
}
.fe-block-e8613aaf497b2008613a .sqs-block {
justify-content: center;
}
.fe-block-e8613aaf497b2008613a .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-681c80d7a699ae742ca2711c"><div class="fe-block fe-block-0d9c5b9bdb9c5ce450b9"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="59.890468707515964" data-block-type="5" id="block-0d9c5b9bdb9c5ce450b9"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;position: relative;width: 100%;height: 100%;"
>
<div class="content-fill">
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image-dimensions="2132x896" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" width="2132" height="896" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-0d9c5b9bdb9c5ce450b9 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-e8613aaf497b2008613a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":20.0},"topRight":{"unit":"px","value":20.0},"bottomLeft":{"unit":"px","value":20.0},"bottomRight":{"unit":"px","value":20.0}}" id="block-e8613aaf497b2008613a"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--black">Design for Love, Build for Relationship.</span></h1>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="6346743dae5d0110278edab9"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": null,
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-6346743d0cb0acdc550a8c36 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(90,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-6346743d0cb0acdc550a8c36 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-6346743d0cb0acdc550a8c36 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(28,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-6346743de6a910cbbf091797 {
grid-area: 1/2/8/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-6346743de6a910cbbf091797 .sqs-block {
justify-content: center;
}
.fe-block-6346743de6a910cbbf091797 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743de6a910cbbf091797 {
grid-area: 1/9/6/19;
z-index: 0;
}
.fe-block-6346743de6a910cbbf091797 .sqs-block {
justify-content: center;
}
.fe-block-6346743de6a910cbbf091797 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d7ac1f94c96a37997 {
grid-area: 8/2/15/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-6346743d7ac1f94c96a37997 .sqs-block {
justify-content: center;
}
.fe-block-6346743d7ac1f94c96a37997 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d7ac1f94c96a37997 {
grid-area: 17/2/24/8;
z-index: 1;
}
.fe-block-6346743d7ac1f94c96a37997 .sqs-block {
justify-content: center;
}
.fe-block-6346743d7ac1f94c96a37997 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d9050394257ca03bb {
grid-area: 15/2/18/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-6346743d9050394257ca03bb .sqs-block {
justify-content: center;
}
.fe-block-6346743d9050394257ca03bb .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d9050394257ca03bb {
grid-area: 24/2/26/8;
z-index: 2;
}
.fe-block-6346743d9050394257ca03bb .sqs-block {
justify-content: center;
}
.fe-block-6346743d9050394257ca03bb .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d5f296be85e32181b {
grid-area: 18/2/25/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-6346743d5f296be85e32181b .sqs-block {
justify-content: center;
}
.fe-block-6346743d5f296be85e32181b .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d5f296be85e32181b {
grid-area: 7/8/14/14;
z-index: 3;
}
.fe-block-6346743d5f296be85e32181b .sqs-block {
justify-content: center;
}
.fe-block-6346743d5f296be85e32181b .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d623114d8fa740d80 {
grid-area: 25/2/28/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-6346743d623114d8fa740d80 .sqs-block {
justify-content: center;
}
.fe-block-6346743d623114d8fa740d80 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d623114d8fa740d80 {
grid-area: 14/8/16/14;
z-index: 4;
}
.fe-block-6346743d623114d8fa740d80 .sqs-block {
justify-content: center;
}
.fe-block-6346743d623114d8fa740d80 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d05b5265f6a047511 {
grid-area: 28/2/35/10;
z-index: 13;
@media (max-width: 767px) {
}
}
.fe-block-6346743d05b5265f6a047511 .sqs-block {
justify-content: center;
}
.fe-block-6346743d05b5265f6a047511 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d05b5265f6a047511 {
grid-area: 7/2/14/8;
z-index: 13;
}
.fe-block-6346743d05b5265f6a047511 .sqs-block {
justify-content: center;
}
.fe-block-6346743d05b5265f6a047511 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d28fbde723d76d5fd {
grid-area: 35/2/38/10;
z-index: 14;
@media (max-width: 767px) {
}
}
.fe-block-6346743d28fbde723d76d5fd .sqs-block {
justify-content: center;
}
.fe-block-6346743d28fbde723d76d5fd .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d28fbde723d76d5fd {
grid-area: 14/2/16/8;
z-index: 14;
}
.fe-block-6346743d28fbde723d76d5fd .sqs-block {
justify-content: center;
}
.fe-block-6346743d28fbde723d76d5fd .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d8767a3dd68f0888b {
grid-area: 38/2/45/10;
z-index: 5;
@media (max-width: 767px) {
}
}
.fe-block-6346743d8767a3dd68f0888b .sqs-block {
justify-content: center;
}
.fe-block-6346743d8767a3dd68f0888b .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d8767a3dd68f0888b {
grid-area: 7/14/14/20;
z-index: 5;
}
.fe-block-6346743d8767a3dd68f0888b .sqs-block {
justify-content: center;
}
.fe-block-6346743d8767a3dd68f0888b .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d5a3ee9e5d6474024 {
grid-area: 45/2/48/10;
z-index: 6;
@media (max-width: 767px) {
}
}
.fe-block-6346743d5a3ee9e5d6474024 .sqs-block {
justify-content: center;
}
.fe-block-6346743d5a3ee9e5d6474024 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d5a3ee9e5d6474024 {
grid-area: 14/14/16/20;
z-index: 6;
}
.fe-block-6346743d5a3ee9e5d6474024 .sqs-block {
justify-content: center;
}
.fe-block-6346743d5a3ee9e5d6474024 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743db6ff9b20f6fb95f2 {
grid-area: 48/2/55/10;
z-index: 7;
@media (max-width: 767px) {
}
}
.fe-block-6346743db6ff9b20f6fb95f2 .sqs-block {
justify-content: center;
}
.fe-block-6346743db6ff9b20f6fb95f2 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743db6ff9b20f6fb95f2 {
grid-area: 17/8/24/14;
z-index: 7;
}
.fe-block-6346743db6ff9b20f6fb95f2 .sqs-block {
justify-content: center;
}
.fe-block-6346743db6ff9b20f6fb95f2 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743df9164caead395d5a {
grid-area: 55/2/58/10;
z-index: 8;
@media (max-width: 767px) {
}
}
.fe-block-6346743df9164caead395d5a .sqs-block {
justify-content: center;
}
.fe-block-6346743df9164caead395d5a .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743df9164caead395d5a {
grid-area: 24/8/26/14;
z-index: 8;
}
.fe-block-6346743df9164caead395d5a .sqs-block {
justify-content: center;
}
.fe-block-6346743df9164caead395d5a .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d6d8ebf2234142aa7 {
grid-area: 58/2/65/10;
z-index: 11;
@media (max-width: 767px) {
}
}
.fe-block-6346743d6d8ebf2234142aa7 .sqs-block {
justify-content: center;
}
.fe-block-6346743d6d8ebf2234142aa7 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d6d8ebf2234142aa7 {
grid-area: 17/14/24/20;
z-index: 11;
}
.fe-block-6346743d6d8ebf2234142aa7 .sqs-block {
justify-content: center;
}
.fe-block-6346743d6d8ebf2234142aa7 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743de49711ec8643bc27 {
grid-area: 65/2/68/10;
z-index: 12;
@media (max-width: 767px) {
}
}
.fe-block-6346743de49711ec8643bc27 .sqs-block {
justify-content: center;
}
.fe-block-6346743de49711ec8643bc27 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743de49711ec8643bc27 {
grid-area: 24/14/26/20;
z-index: 12;
}
.fe-block-6346743de49711ec8643bc27 .sqs-block {
justify-content: center;
}
.fe-block-6346743de49711ec8643bc27 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d295b98cd852ee304 {
grid-area: 68/2/75/10;
z-index: 9;
@media (max-width: 767px) {
}
}
.fe-block-6346743d295b98cd852ee304 .sqs-block {
justify-content: center;
}
.fe-block-6346743d295b98cd852ee304 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d295b98cd852ee304 {
grid-area: 7/20/14/26;
z-index: 9;
}
.fe-block-6346743d295b98cd852ee304 .sqs-block {
justify-content: center;
}
.fe-block-6346743d295b98cd852ee304 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d7e0cdec3c35e397e {
grid-area: 75/2/78/10;
z-index: 10;
@media (max-width: 767px) {
}
}
.fe-block-6346743d7e0cdec3c35e397e .sqs-block {
justify-content: center;
}
.fe-block-6346743d7e0cdec3c35e397e .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d7e0cdec3c35e397e {
grid-area: 14/20/16/26;
z-index: 10;
}
.fe-block-6346743d7e0cdec3c35e397e .sqs-block {
justify-content: center;
}
.fe-block-6346743d7e0cdec3c35e397e .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743ddf1c1f005ca4c639 {
grid-area: 78/2/85/10;
z-index: 15;
@media (max-width: 767px) {
}
}
.fe-block-6346743ddf1c1f005ca4c639 .sqs-block {
justify-content: center;
}
.fe-block-6346743ddf1c1f005ca4c639 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743ddf1c1f005ca4c639 {
grid-area: 17/20/24/26;
z-index: 15;
}
.fe-block-6346743ddf1c1f005ca4c639 .sqs-block {
justify-content: center;
}
.fe-block-6346743ddf1c1f005ca4c639 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743d3a16203e810dbdd7 {
grid-area: 85/2/88/10;
z-index: 16;
@media (max-width: 767px) {
}
}
.fe-block-6346743d3a16203e810dbdd7 .sqs-block {
justify-content: center;
}
.fe-block-6346743d3a16203e810dbdd7 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743d3a16203e810dbdd7 {
grid-area: 24/20/26/26;
z-index: 16;
}
.fe-block-6346743d3a16203e810dbdd7 .sqs-block {
justify-content: center;
}
.fe-block-6346743d3a16203e810dbdd7 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346743dc5745608ab79929c {
grid-area: 88/4/90/8;
z-index: 17;
@media (max-width: 767px) {
}
}
.fe-block-6346743dc5745608ab79929c .sqs-block {
justify-content: center;
}
.fe-block-6346743dc5745608ab79929c .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346743dc5745608ab79929c {
grid-area: 27/12/29/16;
z-index: 17;
}
.fe-block-6346743dc5745608ab79929c .sqs-block {
justify-content: center;
}
.fe-block-6346743dc5745608ab79929c .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-6346743d0cb0acdc550a8c36"><div class="fe-block fe-block-6346743de6a910cbbf091797"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743de6a910cbbf091797"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">精選家居設計項目</h3><p style="text-align:center;white-space:pre-wrap;" class="">不僅只是追求外在的美觀,ADO CASA 更想為客人打造一個「溫馨有愛」的家,也是品牌經營的重心。</p><p style="text-align:center;white-space:pre-wrap;" class="">設計師團隊致力與每一位客人進行充分的溝通,深入了解他們的想法和需求,提供專業的設計裝潢的靈感和方案,符合客人對理想家居的期望。</p>
</div>
</div></div></div><div class="fe-block fe-block-6346743d7ac1f94c96a37997"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346743d7ac1f94c96a37997"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/belair-2547"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg" data-image-dimensions="2000x1125" data-image-focal-point="0.5,0.5" alt="貝沙灣裝修室內設計-貝沙灣雙連單位-客廳" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg" width="2000" height="1125" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b479395f-0368-4a27-8ced-cbd37ba3f18c/1-%E8%B2%9D%E6%B2%99%E7%81%A3%E8%A3%9D%E4%BF%AE%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-%E8%B2%9D%E6%B2%99%E7%81%A3%E9%9B%99%E9%80%A3%E5%96%AE%E4%BD%8D-%E5%AE%A2%E5%BB%B3.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d7ac1f94c96a37997 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d9050394257ca03bb"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d9050394257ca03bb"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Residence Bel-Air|貝沙灣2期<br>2547 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743d5f296be85e32181b"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346743d5f296be85e32181b"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/la-salle-10"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg" data-image-dimensions="1499x1000" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg" width="1499" height="1000" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/9ae295bb-59de-40e0-a75e-1a7117b294cd/B_DSC01775_LaSalle_A.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d5f296be85e32181b .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d623114d8fa740d80"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d623114d8fa740d80"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">La Salle 10 | 瀚名<br>2264 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743d05b5265f6a047511"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346743d05b5265f6a047511"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/repulse-bay-garden"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg" data-image-dimensions="2500x1668" data-image-focal-point="0.5,0.5" alt="淺水灣室內設計-麗景園裝修-別墅設計" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg" width="2500" height="1668" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b17d9f10-3eb4-41f5-8f8d-001598ee27f2/%E6%B7%BA%E6%B0%B4%E7%81%A3%E9%BA%97%E6%99%AF%E5%9C%92-%E9%A6%99%E6%B8%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88-ADO-CASA.jpeg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d05b5265f6a047511 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d28fbde723d76d5fd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d28fbde723d76d5fd"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Repulse Bay Garden|麗景園<br>2570 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743d8767a3dd68f0888b"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-6346743d8767a3dd68f0888b"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/vision-city-2690"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88" data-image-dimensions="1752x1168" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88" width="1752" height="1168" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/89a92e25-f66e-4192-a2e9-ff09885e263e/%E8%90%AC%E6%99%AF%E5%B3%AF%E5%AE%A4%E5%85%A7%E8%A8%AD%E8%A8%88?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d8767a3dd68f0888b .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d5a3ee9e5d6474024"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d5a3ee9e5d6474024"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Vision City|萬景峯<br>2690 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743db6ff9b20f6fb95f2"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-6346743db6ff9b20f6fb95f2"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/the-beverly-hills-2800"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg" data-image-dimensions="3504x2336" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg" width="3504" height="2336" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/01c87aa4-1637-4975-9bd6-8a61c21d7945/F_DSC04572_TheBeverlyHills_A.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743db6ff9b20f6fb95f2 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743df9164caead395d5a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743df9164caead395d5a"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">The Beverly Hills|比華利山別墅 <br>2800 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743d6d8ebf2234142aa7"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="66.796875" data-block-type="5" id="block-6346743d6d8ebf2234142aa7"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/scenic-villas-2400-sqft"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg" data-image-dimensions="2500x1407" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg" width="2500" height="1407" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/38a328f4-f65b-4b5c-adcd-6fcda5d757dd/A_DSC06275_ScenicVillas_01.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d6d8ebf2234142aa7 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743de49711ec8643bc27"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743de49711ec8643bc27"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Scenic Villas|美景臺<br>2400 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743d295b98cd852ee304"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346743d295b98cd852ee304"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/the-horizon"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg" data-image-dimensions="2000x1334" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg" width="2000" height="1334" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c5484f38-0b7f-432f-86ed-3d814a65433b/0003.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743d295b98cd852ee304 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d7e0cdec3c35e397e"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d7e0cdec3c35e397e"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">The Horizon|海日灣<br>1362 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743ddf1c1f005ca4c639"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="64.27423674343868" data-block-type="5" id="block-6346743ddf1c1f005ca4c639"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="https://www.adohk.com/casa-project/sorrento-1050"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg" width="2000" height="1333" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2853afae-ea03-4903-acab-2c4d55e17589/A_DSC03249_SorrentoT1_A.jpg?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-6346743ddf1c1f005ca4c639 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346743d3a16203e810dbdd7"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346743d3a16203e810dbdd7"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Sorrento|擎天半島<br>1050 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-6346743dc5745608ab79929c"><div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-6346743dc5745608ab79929c"><div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href="/casa-project"
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
更多設計項目
</a>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--custom
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="681c7b4c99f2c52d018013a1"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-681c7b4c99f2c52d018013a0 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(8,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-681c7b4c99f2c52d018013a0 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-681c7b4c99f2c52d018013a0 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-15511d3b644b3d115cd3 {
grid-area: 2/2/7/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-15511d3b644b3d115cd3 .sqs-block {
justify-content: center;
}
.fe-block-15511d3b644b3d115cd3 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-15511d3b644b3d115cd3 {
grid-area: 2/8/5/20;
z-index: 1;
}
.fe-block-15511d3b644b3d115cd3 .sqs-block {
justify-content: center;
}
.fe-block-15511d3b644b3d115cd3 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-c0193e8026d87800d556 {
grid-area: 3/3/6/9;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-c0193e8026d87800d556 .sqs-block {
justify-content: center;
}
.fe-block-c0193e8026d87800d556 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-c0193e8026d87800d556 {
grid-area: 2/9/5/19;
z-index: 2;
}
.fe-block-c0193e8026d87800d556 .sqs-block {
justify-content: center;
}
.fe-block-c0193e8026d87800d556 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-681c7b4c99f2c52d018013a0"><div class="fe-block fe-block-15511d3b644b3d115cd3"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="59.890468707515964" data-block-type="5" id="block-15511d3b644b3d115cd3"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;position: relative;width: 100%;height: 100%;"
>
<div class="content-fill">
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image-dimensions="2132x896" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" width="2132" height="896" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-15511d3b644b3d115cd3 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-c0193e8026d87800d556"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":20.0},"topRight":{"unit":"px","value":20.0},"bottomLeft":{"unit":"px","value":20.0},"bottomRight":{"unit":"px","value":20.0}}" id="block-c0193e8026d87800d556"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--black">不只打造空間,更成就一家人的生活方式。</span></h1>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="63467276c16a0ca10426a579"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "generative",
"generative": {
"type": "gradient",
"seed": 0,
"count": 0,
"size": 0,
"speed": 0,
"startColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"id": "lightAccent",
"alpha": 1.0
}
},
"endColor": {
"type": "CUSTOM_COLOR",
"customColor": "hsl(41, 31%, 88%)"
},
"invertColors": false,
"noiseIntensity": 0,
"noiseScale": 0,
"distortionScaleX": 0,
"distortionScaleY": 0,
"distortionSpeed": 5,
"distortionIntensity": 50,
"lightIntensity": 0,
"lightX": 0,
"bevelRotation": 0,
"bevelSize": 0,
"bevelStrength": 0,
"complexity": 0,
"cutoff": 0,
"isBevelEnabled": false,
"isBlurEnabled": false,
"scale": 0,
"speedMorph": 0,
"speedTravel": 0,
"steps": 0,
"travelDirection": 0,
"gradientType": "radial",
"noiseBias": -50,
"animateNoise": false,
"distortionComplexity": 8,
"distortionDirection": 270,
"distortionMorphSpeed": 25,
"distortionSeed": 50,
"distortionSmoothness": 100,
"linearGradientStartColorDistance": 0,
"linearGradientEndColorDistance": 0,
"linearGradientAngle": 0,
"linearGradientAngleMotion": 0,
"linearGradientRepeat": 0,
"radialGradientRadius": 70,
"radialGradientPositionX": 50,
"radialGradientPositionY": 50,
"radialGradientFollowCursor": true,
"radialGradientFollowSpeed": 100,
"imageScale": 0,
"imageCount": 0,
"patternEnabled": false,
"patternSize": 0,
"patternOffsetX": 0,
"patternOffsetY": 0,
"patternSpaceX": 0,
"patternSpaceY": 0,
"waveEnabled": false,
"waveSpeed": 0,
"waveComplexity": 0,
"waveDepth": 0,
"waveShadowDepth": 0,
"boxSize": 0.0,
"scaleX": 0,
"scaleY": 0,
"scaleZ": 0,
"isMorphEnabled": false,
"lightY": 0,
"lightZ": 0,
"noiseRange": 0,
"positionFactor": 0,
"scaleFactor": 0,
"colorFactor": 0,
"sizeVariance": 0,
"wobble": 0,
"morph": 0,
"scrollMovement": 0,
"patternScaleX": 0,
"patternScaleY": 0,
"patternPowerX": 0,
"patternPowerY": 0,
"patternAmount": 0,
"surfaceHeight": 0,
"colorStop1": 0,
"colorStop2": 0,
"colorStop3": 0,
"colorStop4": 0,
"gradientDistortionX": 0,
"gradientDistortionY": 0,
"curveX": 0,
"curveY": 0,
"curveFunnel": 0,
"fogIntensity": 0,
"repeat": 0,
"rotation": 0,
"rotationSpeed": 0,
"blur": 0,
"complexityY": 0,
"complexityZ": 0,
"amplitudeY": 0,
"amplitudeZ": 0,
"offset": 0,
"lightAngle": 0,
"alpha": 0
}
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
<div
class="section-background-content"
data-controller="BackgroundGradient"
>
<div class="section-background-canvas background-fx-canvas"></div>
</div>
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63467276bcdd1d1222cc5e83 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(34,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63467276bcdd1d1222cc5e83 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63467276bcdd1d1222cc5e83 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-634672769af2036fcea4c6ba {
grid-area: 1/2/5/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-634672769af2036fcea4c6ba .sqs-block {
justify-content: center;
}
.fe-block-634672769af2036fcea4c6ba .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-634672769af2036fcea4c6ba {
grid-area: 1/2/4/26;
z-index: 0;
}
.fe-block-634672769af2036fcea4c6ba .sqs-block {
justify-content: center;
}
.fe-block-634672769af2036fcea4c6ba .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63467276d92d292014283163 {
grid-area: 5/2/12/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63467276d92d292014283163 .sqs-block {
justify-content: center;
}
.fe-block-63467276d92d292014283163 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63467276d92d292014283163 {
grid-area: 4/2/12/10;
z-index: 1;
}
.fe-block-63467276d92d292014283163 .sqs-block {
justify-content: center;
}
.fe-block-63467276d92d292014283163 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-634672765e64d161b062b00b {
grid-area: 12/2/14/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-634672765e64d161b062b00b .sqs-block {
justify-content: center;
}
.fe-block-634672765e64d161b062b00b .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-634672765e64d161b062b00b {
grid-area: 12/2/14/10;
z-index: 2;
}
.fe-block-634672765e64d161b062b00b .sqs-block {
justify-content: center;
}
.fe-block-634672765e64d161b062b00b .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-634672765f61b85432cdd820 {
grid-area: 14/2/21/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-634672765f61b85432cdd820 .sqs-block {
justify-content: center;
}
.fe-block-634672765f61b85432cdd820 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-634672765f61b85432cdd820 {
grid-area: 4/10/12/18;
z-index: 3;
}
.fe-block-634672765f61b85432cdd820 .sqs-block {
justify-content: center;
}
.fe-block-634672765f61b85432cdd820 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-6346727698595c861557a353 {
grid-area: 21/2/23/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-6346727698595c861557a353 .sqs-block {
justify-content: center;
}
.fe-block-6346727698595c861557a353 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-6346727698595c861557a353 {
grid-area: 12/10/14/18;
z-index: 4;
}
.fe-block-6346727698595c861557a353 .sqs-block {
justify-content: center;
}
.fe-block-6346727698595c861557a353 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63467276d34998bcebd5332b {
grid-area: 23/2/30/10;
z-index: 5;
@media (max-width: 767px) {
}
}
.fe-block-63467276d34998bcebd5332b .sqs-block {
justify-content: center;
}
.fe-block-63467276d34998bcebd5332b .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63467276d34998bcebd5332b {
grid-area: 4/18/12/26;
z-index: 5;
}
.fe-block-63467276d34998bcebd5332b .sqs-block {
justify-content: center;
}
.fe-block-63467276d34998bcebd5332b .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-634672763a622313aba99d02 {
grid-area: 30/2/32/10;
z-index: 6;
@media (max-width: 767px) {
}
}
.fe-block-634672763a622313aba99d02 .sqs-block {
justify-content: center;
}
.fe-block-634672763a622313aba99d02 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-634672763a622313aba99d02 {
grid-area: 12/18/14/26;
z-index: 6;
}
.fe-block-634672763a622313aba99d02 .sqs-block {
justify-content: center;
}
.fe-block-634672763a622313aba99d02 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1746693571418_26881 {
grid-area: 33/4/35/8;
z-index: 7;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1746693571418_26881 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1746693571418_26881 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1746693571418_26881 {
grid-area: 15/12/17/16;
z-index: 7;
}
.fe-block-yui_3_17_2_1_1746693571418_26881 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1746693571418_26881 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63467276bcdd1d1222cc5e83"><div class="fe-block fe-block-634672769af2036fcea4c6ba"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-634672769af2036fcea4c6ba"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;"><strong>設計風格演示</strong></h3><p style="text-align:center;white-space:pre-wrap;" class="">我們擅長處理不同設計風格,將藝術與美感融入家中。</p>
</div>
</div></div></div><div class="fe-block fe-block-63467276d92d292014283163"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-63467276d92d292014283163"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="/casa-design-showcase/celestial-heights-minimalist-contemporary"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png" data-image-dimensions="2400x1350" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png" width="2400" height="1350" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3b605aaf-c808-4407-b550-205af690caa5/Celestial+Heights+3D+Presentation+24+Aug+2023_12.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-63467276d92d292014283163 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-634672765e64d161b062b00b"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-634672765e64d161b062b00b"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;"><a href="/casa-design-showcase/celestial-heights-minimalist-contemporary"><span class="sqsrte-text-color--white">半山壹號 × 現代簡約風</span></a></h4>
</div>
</div></div></div><div class="fe-block fe-block-634672765f61b85432cdd820"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-634672765f61b85432cdd820"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="/casa-design-showcase/bel-air-wabi-sabi"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG" data-image-dimensions="1920x1080" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG" width="1920" height="1080" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/b5661afa-3edd-4a13-8c65-7d0211fadb4d/6+%E4%B8%8B%E5%8D%883.52.52.PNG?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-634672765f61b85432cdd820 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-6346727698595c861557a353"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-6346727698595c861557a353"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;"><a href="/casa-design-showcase/bel-air-wabi-sabi"><span class="sqsrte-text-color--white">貝沙灣 x 侘寂風</span></a></h4>
</div>
</div></div></div><div class="fe-block fe-block-63467276d34998bcebd5332b"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-63467276d34998bcebd5332b"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-left
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fill"
href="/casa-design-showcase/one-stanley-muji-creamy-style"
>
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png" data-image-dimensions="1800x1008" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png" width="1800" height="1008" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c07296c5-2ee0-420c-bd78-aa48dd21ea89/3.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-63467276d34998bcebd5332b .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-634672763a622313aba99d02"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-634672763a622313aba99d02"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;"><a href="/casa-design-showcase/one-stanley-muji-creamy-style"><span class="sqsrte-text-color--white">One Stanley x 簡約奶油風</span></a></h4>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746693571418_26881"><div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-yui_3_17_2_1_1746693571418_26881"><div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href="/casa-design-showcase"
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
更多風格案例
</a>
</div>
</div></div></div></div></div>
</div>
<button class='background-pause-button' aria-label="Pause Background"></button>
<button class='background-pause-button paused' aria-label="Play Background"></button>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="681c85accc62471553ed9a29"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"customSectionHeight": 1,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-681c85accc62471553ed9a28 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(13,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-681c85accc62471553ed9a28 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-681c85accc62471553ed9a28 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(15,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-b888e89cac322ce311bd {
grid-area: 1/2/7/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-b888e89cac322ce311bd .sqs-block {
justify-content: center;
}
.fe-block-b888e89cac322ce311bd .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-b888e89cac322ce311bd {
grid-area: 6/16/10/25;
z-index: 0;
}
.fe-block-b888e89cac322ce311bd .sqs-block {
justify-content: center;
}
.fe-block-b888e89cac322ce311bd .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-a60e81b474698251d019 {
grid-area: 7/1/14/11;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-a60e81b474698251d019 .sqs-block {
justify-content: flex-start;
}
.fe-block-a60e81b474698251d019 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-a60e81b474698251d019 {
grid-area: 1/2/16/16;
z-index: 1;
}
.fe-block-a60e81b474698251d019 .sqs-block {
justify-content: center;
}
.fe-block-a60e81b474698251d019 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-681c85accc62471553ed9a28"><div class="fe-block fe-block-b888e89cac322ce311bd"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-b888e89cac322ce311bd"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:justify;white-space: normal !important;white-space:pre-wrap;">工程開始之前 預先參觀未來的家</h1><p style="text-align:justify;white-space: normal !important;white-space:pre-wrap;" class="">ADO CASA 為了讓客人第一身感受設計帶來的震撼,為客人提供3D沉浸式體驗服務, 讓客人恍如置身於工程完工後的空間,預先滿足對未來家的憧憬。</p>
</div>
</div></div></div><div class="fe-block fe-block-a60e81b474698251d019"><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":false,"description":{},"isOldBlock":false,"settings":{"muted":true,"autoPlay":true,"loop":true,"controls":"full"},"resolvedBy":"native","nativeVideo":"681c85b9a8c709057690d3bc"}" data-block-type="32" id="block-a60e81b474698251d019"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:0.6666667%;"><div class="sqs-native-video" data-config-block-id="a60e81b474698251d019" data-config-settings="{"muted":true,"autoPlay":true,"loop":true,"controls":"full"}" data-config-thumbnail="null" data-config-video="{"id":"681c85b9a8c709057690d3bc","recordType":61,"addedOn":1746699705940,"updatedOn":1746699742575,"workflowState":1,"authorId":"52bd18bce4b016d5f276335c","systemDataId":"741c78a1-8ca2-47a9-92d6-e1060a81a54a","systemDataVariants":"1620:1080,540:360","systemDataSourceType":"mp4","filename":"12.mp4","body":null,"likeCount":0,"commentCount":0,"publicCommentCount":0,"commentState":1,"unsaved":false,"author":{"id":"52bd18bce4b016d5f276335c","displayName":"Karr Yip","firstName":"Karr","lastName":"Yip"},"contentType":"video/mp4","structuredContent":{"_type":"SqspHostedVideo","videoCodec":"h264","alexandriaUrl":"https://video.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/741c78a1-8ca2-47a9-92d6-e1060a81a54a/{variant}","alexandriaLibraryId":"5f43452f54d5ad03f3a946e6","aspectRatio":1.5,"durationSeconds":16.333333},"videoCodec":"h264","alexandriaUrl":"https://video.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/741c78a1-8ca2-47a9-92d6-e1060a81a54a/{variant}","alexandriaLibraryId":"5f43452f54d5ad03f3a946e6","aspectRatio":1.5,"durationSeconds":16.333333,"items":[],"pushedServices":{},"pendingPushedServices":{},"usageId":"977053d8-b1af-34f6-92e3-03afdc050f27","originalSize":"1620:1080","recordTypeLabel":"sqsp-hosted-video"}"><div class="native-video-player"></div></div></div></div></div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="63466fdb0a8a5231b8769f95"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "generative",
"generative": {
"type": "gradient",
"seed": 0,
"count": 0,
"size": 0,
"speed": 0,
"startColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"id": "lightAccent",
"alpha": 1.0
}
},
"endColor": {
"type": "CUSTOM_COLOR",
"customColor": "rgb(246, 245, 245)"
},
"invertColors": false,
"noiseIntensity": 0,
"noiseScale": 0,
"distortionScaleX": 0,
"distortionScaleY": 0,
"distortionSpeed": 5,
"distortionIntensity": 50,
"lightIntensity": 0,
"lightX": 0,
"bevelRotation": 0,
"bevelSize": 0,
"bevelStrength": 0,
"complexity": 0,
"cutoff": 0,
"isBevelEnabled": false,
"isBlurEnabled": false,
"scale": 0,
"speedMorph": 0,
"speedTravel": 0,
"steps": 0,
"travelDirection": 0,
"gradientType": "radial",
"noiseBias": -50,
"animateNoise": false,
"distortionComplexity": 8,
"distortionDirection": 270,
"distortionMorphSpeed": 25,
"distortionSeed": 50,
"distortionSmoothness": 100,
"linearGradientStartColorDistance": 0,
"linearGradientEndColorDistance": 0,
"linearGradientAngle": 0,
"linearGradientAngleMotion": 0,
"linearGradientRepeat": 0,
"radialGradientRadius": 70,
"radialGradientPositionX": 50,
"radialGradientPositionY": 50,
"radialGradientFollowCursor": true,
"radialGradientFollowSpeed": 100,
"imageScale": 0,
"imageCount": 0,
"patternEnabled": false,
"patternSize": 0,
"patternOffsetX": 0,
"patternOffsetY": 0,
"patternSpaceX": 0,
"patternSpaceY": 0,
"waveEnabled": false,
"waveSpeed": 0,
"waveComplexity": 0,
"waveDepth": 0,
"waveShadowDepth": 0,
"boxSize": 0.0,
"scaleX": 0,
"scaleY": 0,
"scaleZ": 0,
"isMorphEnabled": false,
"lightY": 0,
"lightZ": 0,
"noiseRange": 0,
"positionFactor": 0,
"scaleFactor": 0,
"colorFactor": 0,
"sizeVariance": 0,
"wobble": 0,
"morph": 0,
"scrollMovement": 0,
"patternScaleX": 0,
"patternScaleY": 0,
"patternPowerX": 0,
"patternPowerY": 0,
"patternAmount": 0,
"surfaceHeight": 0,
"colorStop1": 0,
"colorStop2": 0,
"colorStop3": 0,
"colorStop4": 0,
"gradientDistortionX": 0,
"gradientDistortionY": 0,
"curveX": 0,
"curveY": 0,
"curveFunnel": 0,
"fogIntensity": 0,
"repeat": 0,
"rotation": 0,
"rotationSpeed": 0,
"blur": 0,
"complexityY": 0,
"complexityZ": 0,
"amplitudeY": 0,
"amplitudeZ": 0,
"offset": 0,
"lightAngle": 0,
"alpha": 0
}
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
<div
class="section-background-content"
data-controller="BackgroundGradient"
>
<div class="section-background-canvas background-fx-canvas"></div>
</div>
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63466fdb5fbe8a4b451337cf {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(31,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63466fdb5fbe8a4b451337cf {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63466fdb5fbe8a4b451337cf {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(13,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-63466fdb2f74b27905b142db {
grid-area: 5/2/11/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63466fdb2f74b27905b142db .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdb2f74b27905b142db .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63466fdb2f74b27905b142db {
grid-area: 5/2/12/10;
z-index: 1;
}
.fe-block-63466fdb2f74b27905b142db .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdb2f74b27905b142db .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-63466fdb215f6f72faac2c3f {
grid-area: 1/2/6/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-63466fdb215f6f72faac2c3f .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdb215f6f72faac2c3f .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63466fdb215f6f72faac2c3f {
grid-area: 1/2/5/26;
z-index: 0;
}
.fe-block-63466fdb215f6f72faac2c3f .sqs-block {
justify-content: center;
}
.fe-block-63466fdb215f6f72faac2c3f .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63466fdbfaa974da611ddbb4 {
grid-area: 11/2/14/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-63466fdbfaa974da611ddbb4 .sqs-block {
justify-content: center;
}
.fe-block-63466fdbfaa974da611ddbb4 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63466fdbfaa974da611ddbb4 {
grid-area: 12/2/14/10;
z-index: 2;
}
.fe-block-63466fdbfaa974da611ddbb4 .sqs-block {
justify-content: center;
}
.fe-block-63466fdbfaa974da611ddbb4 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63466fdb0d5c60d0acc72151 {
grid-area: 14/2/20/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-63466fdb0d5c60d0acc72151 .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdb0d5c60d0acc72151 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63466fdb0d5c60d0acc72151 {
grid-area: 5/10/12/18;
z-index: 3;
}
.fe-block-63466fdb0d5c60d0acc72151 .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdb0d5c60d0acc72151 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-63466fdb3daadcdb6ab030d2 {
grid-area: 20/2/23/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-63466fdb3daadcdb6ab030d2 .sqs-block {
justify-content: center;
}
.fe-block-63466fdb3daadcdb6ab030d2 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63466fdb3daadcdb6ab030d2 {
grid-area: 12/10/14/18;
z-index: 4;
}
.fe-block-63466fdb3daadcdb6ab030d2 .sqs-block {
justify-content: center;
}
.fe-block-63466fdb3daadcdb6ab030d2 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63466fdbcbaa57bde36f83dc {
grid-area: 23/2/29/10;
z-index: 5;
@media (max-width: 767px) {
}
}
.fe-block-63466fdbcbaa57bde36f83dc .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdbcbaa57bde36f83dc .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63466fdbcbaa57bde36f83dc {
grid-area: 5/18/12/26;
z-index: 5;
}
.fe-block-63466fdbcbaa57bde36f83dc .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdbcbaa57bde36f83dc .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-63466fdbb2aaadc8c2f75fb4 {
grid-area: 29/2/32/10;
z-index: 6;
@media (max-width: 767px) {
}
}
.fe-block-63466fdbb2aaadc8c2f75fb4 .sqs-block {
justify-content: flex-start;
}
.fe-block-63466fdbb2aaadc8c2f75fb4 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63466fdbb2aaadc8c2f75fb4 {
grid-area: 12/18/14/26;
z-index: 6;
}
.fe-block-63466fdbb2aaadc8c2f75fb4 .sqs-block {
justify-content: center;
}
.fe-block-63466fdbb2aaadc8c2f75fb4 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63466fdb5fbe8a4b451337cf"><div class="fe-block fe-block-63466fdb2f74b27905b142db"><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{},"hSize":null,"floatDir":null,"isOldBlock":false,"customThumb":"681c7ec0dc2edd0a977c40a5","html":"<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/ZHk4ggt1Xeg?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>","url":"https://www.youtube.com/watch?v=ZHk4ggt1Xeg&list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym&index=2","width":200,"height":113,"providerName":"YouTube","thumbnailUrl":"https://i.ytimg.com/vi/ZHk4ggt1Xeg/hqdefault.jpg","resolvedBy":"youtube"}" data-block-type="32" id="block-63466fdb2f74b27905b142db"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:56.5%;"><div class="sqs-video-wrapper" data-provider-name="YouTube" data-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/ZHk4ggt1Xeg?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/2f8b8a35-a52a-4937-9ada-490bec0236e9/%E8%B2%9D%E6%B2%99%E7%81%A3.jpg" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="fe-block fe-block-63466fdb215f6f72faac2c3f"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63466fdb215f6f72faac2c3f"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">住宅設計導賞</h3><p style="text-align:center;white-space:pre-wrap;" class="">帶領大家全方位地感受ADO CASA的設計,<br>享受生活中的美學。</p>
</div>
</div></div></div><div class="fe-block fe-block-63466fdbfaa974da611ddbb4"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63466fdbfaa974da611ddbb4"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">Bel-Air|貝沙灣 <span class="sqsrte-text-color--white"><br>750 sqft</span></h4>
</div>
</div></div></div><div class="fe-block fe-block-63466fdb0d5c60d0acc72151"><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{},"hSize":null,"floatDir":null,"isOldBlock":false,"customThumb":"681c7ee57433ee1385b42330","html":"<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/U4lmVmbF9Zg?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>","url":"https://www.youtube.com/watch?v=U4lmVmbF9Zg&list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym&index=7","width":200,"height":113,"providerName":"YouTube","thumbnailUrl":"https://i.ytimg.com/vi/U4lmVmbF9Zg/hqdefault.jpg","resolvedBy":"youtube"}" data-block-type="32" id="block-63466fdb0d5c60d0acc72151"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:56.5%;"><div class="sqs-video-wrapper" data-provider-name="YouTube" data-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/U4lmVmbF9Zg?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a8f06aef-0c2e-4bbb-921a-3b7a3c917de6/%E7%80%9A%E5%90%8D.jpg" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="fe-block fe-block-63466fdb3daadcdb6ab030d2"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63466fdb3daadcdb6ab030d2"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">10 LaSalle|瀚名<br>2264 sqft</h4>
</div>
</div></div></div><div class="fe-block fe-block-63466fdbcbaa57bde36f83dc"><div class="sqs-block video-block sqs-block-video" data-block-json="{"blockAnimation":"none","layout":"caption-hidden","overlay":true,"description":{},"hSize":null,"floatDir":null,"isOldBlock":false,"customThumb":"681c7f11b3301a7b2f09984b","html":"<iframe width=\"200\" height=\"113\" src=\"https://www.youtube.com/embed/EpLfPUjG16I?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen></iframe>","url":"https://www.youtube.com/watch?v=EpLfPUjG16I&list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym&index=2","width":200,"height":113,"providerName":"YouTube","thumbnailUrl":"https://i.ytimg.com/vi/EpLfPUjG16I/hqdefault.jpg","resolvedBy":"youtube"}" data-block-type="32" id="block-63466fdbcbaa57bde36f83dc"><div class="sqs-block-content"><div class="intrinsic" style="max-width:100%"><div class="embed-block-wrapper " style="padding-bottom:56.5%;"><div class="sqs-video-wrapper" data-provider-name="YouTube" data-html="<iframe width="200" height="113" src="https://www.youtube.com/embed/EpLfPUjG16I?list=PLDDkLm83MIz0xGzzRqPR8l9C5dXGrtTym" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>"><div class="sqs-video-overlay" style="opacity: 0;"><img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/3aa0a49b-aa65-4994-99a0-71c7d4639b30/%E6%B5%B7%E6%97%A5%E7%81%A3.jpg" data-load="false" data-image-focal-point="0.5,0.5" /><div class="sqs-video-opaque"></div><div class="sqs-video-icon"></div></div></div></div></div></div></div></div><div class="fe-block fe-block-63466fdbb2aaadc8c2f75fb4"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63466fdbb2aaadc8c2f75fb4"><div class="sqs-block-content">
<div class="sqs-html-content">
<h4 style="text-align:center;white-space:pre-wrap;">The Horizon|海日灣<span class="sqsrte-text-color--white"><br>1362 sqft</span></h4>
</div>
</div></div></div></div></div>
</div>
<button class='background-pause-button' aria-label="Pause Background"></button>
<button class='background-pause-button paused' aria-label="Play Background"></button>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="681db4e2340c6a116c19648c"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"customSectionHeight": 1,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"backgroundColor": "",
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 1,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-681db4e26ce5ed7b56ec55fa {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(18,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-681db4e26ce5ed7b56ec55fa {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-681db4e26ce5ed7b56ec55fa {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-yui_3_17_2_1_1746773915375_32134 {
grid-area: 1/2/11/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1746773915375_32134 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1746773915375_32134 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1746773915375_32134 {
grid-area: 6/2/12/11;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1746773915375_32134 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1746773915375_32134 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1746773915375_29531 {
grid-area: 12/2/19/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1746773915375_29531 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1746773915375_29531 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1746773915375_29531 {
grid-area: 1/13/17/26;
z-index: 1;
}
.fe-block-yui_3_17_2_1_1746773915375_29531 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1746773915375_29531 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-681db4e26ce5ed7b56ec55fa"><div class="fe-block fe-block-yui_3_17_2_1_1746773915375_32134"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1746773915375_32134"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:justify;white-space: normal !important;white-space:pre-wrap;">20年工程管理經驗 「想得出 做得到」</h1><p style="text-align:justify;white-space: normal !important;white-space:pre-wrap;" class="">市面不乏精緻的3D設計圖,但對我們而言,「想得出」固然重要,但「做得到」才是真正價值所在。我們擁有超過20年工程經驗,團隊由設計師、項目監督與工藝師傅組成,擅長將設計圖一步步轉化成現實。我們堅持每個項目都有專人跟進進度與品質,更另設「五年保養,永久跟進」*VIP PROGRAM,讓客人安心入住後,仍有我們陪伴。</p><p style="text-align:right;white-space:pre-wrap;" class="sqsrte-small"><em>*有關VIP Program之細節詳情,歡迎聯絡我們了解更多</em></p>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1746773915375_29531"><div class="sqs-block code-block sqs-block-code" data-block-type="23" id="block-yui_3_17_2_1_1746773915375_29531"><div class="sqs-block-content"><script src="https://static.elfsight.com/platform/platform.js" data-use-service-core defer></script>
<div class="elfsight-app-706d80b7-b09b-4cb0-8249-30412f8dab9e"></div></div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="63469b024d752564a1cd4043"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "generative",
"generative": {
"type": "gradient",
"seed": 0,
"count": 0,
"size": 0,
"speed": 0,
"startColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"id": "lightAccent",
"alpha": 1.0
}
},
"endColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"id": "darkAccent",
"alpha": 1.0
}
},
"invertColors": true,
"noiseIntensity": 0,
"noiseScale": 0,
"distortionScaleX": 0,
"distortionScaleY": 0,
"distortionSpeed": 5,
"distortionIntensity": 50,
"lightIntensity": 0,
"lightX": 0,
"bevelRotation": 0,
"bevelSize": 0,
"bevelStrength": 0,
"complexity": 0,
"cutoff": 0,
"isBevelEnabled": false,
"isBlurEnabled": false,
"scale": 0,
"speedMorph": 0,
"speedTravel": 0,
"steps": 0,
"travelDirection": 0,
"gradientType": "radial",
"noiseBias": -50,
"animateNoise": false,
"distortionComplexity": 8,
"distortionDirection": 270,
"distortionMorphSpeed": 25,
"distortionSeed": 50,
"distortionSmoothness": 100,
"linearGradientStartColorDistance": 0,
"linearGradientEndColorDistance": 0,
"linearGradientAngle": 0,
"linearGradientAngleMotion": 0,
"linearGradientRepeat": 0,
"radialGradientRadius": 70,
"radialGradientPositionX": 50,
"radialGradientPositionY": 50,
"radialGradientFollowCursor": true,
"radialGradientFollowSpeed": 100,
"imageScale": 0,
"imageCount": 0,
"patternEnabled": false,
"patternSize": 0,
"patternOffsetX": 0,
"patternOffsetY": 0,
"patternSpaceX": 0,
"patternSpaceY": 0,
"waveEnabled": false,
"waveSpeed": 0,
"waveComplexity": 0,
"waveDepth": 0,
"waveShadowDepth": 0,
"boxSize": 0.0,
"scaleX": 0,
"scaleY": 0,
"scaleZ": 0,
"isMorphEnabled": false,
"lightY": 0,
"lightZ": 0,
"noiseRange": 0,
"positionFactor": 0,
"scaleFactor": 0,
"colorFactor": 0,
"sizeVariance": 0,
"wobble": 0,
"morph": 0,
"scrollMovement": 0,
"patternScaleX": 0,
"patternScaleY": 0,
"patternPowerX": 0,
"patternPowerY": 0,
"patternAmount": 0,
"surfaceHeight": 0,
"colorStop1": 0,
"colorStop2": 0,
"colorStop3": 0,
"colorStop4": 0,
"gradientDistortionX": 0,
"gradientDistortionY": 0,
"curveX": 0,
"curveY": 0,
"curveFunnel": 0,
"fogIntensity": 0,
"repeat": 0,
"rotation": 0,
"rotationSpeed": 0,
"blur": 0,
"complexityY": 0,
"complexityZ": 0,
"amplitudeY": 0,
"amplitudeZ": 0,
"offset": 0,
"lightAngle": 0,
"alpha": 0
}
}"
data-current-context="{
"video": {
"playbackSpeed": 1,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
<div
class="section-background-content"
data-controller="BackgroundGradient"
>
<div class="section-background-canvas background-fx-canvas"></div>
</div>
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63469b021850ec1ead4140f6 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(19,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63469b021850ec1ead4140f6 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63469b021850ec1ead4140f6 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(34,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-63469b02569faefcb0ea4592 {
grid-area: 1/2/6/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-63469b02569faefcb0ea4592 .sqs-block {
justify-content: center;
}
.fe-block-63469b02569faefcb0ea4592 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469b02569faefcb0ea4592 {
grid-area: 1/9/5/19;
z-index: 0;
}
.fe-block-63469b02569faefcb0ea4592 .sqs-block {
justify-content: center;
}
.fe-block-63469b02569faefcb0ea4592 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1669311558325_107823 {
grid-area: 6/2/8/10;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1669311558325_107823 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1669311558325_107823 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1669311558325_107823 {
grid-area: 6/11/8/17;
z-index: 2;
}
.fe-block-yui_3_17_2_1_1669311558325_107823 .sqs-block {
justify-content: flex-end;
}
.fe-block-yui_3_17_2_1_1669311558325_107823 .sqs-block-alignment-wrapper {
align-items: flex-end;
}
}
.fe-block-63469b02aa863b1901355669 {
grid-area: 8/2/12/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63469b02aa863b1901355669 .sqs-block {
justify-content: center;
}
.fe-block-63469b02aa863b1901355669 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469b02aa863b1901355669 {
grid-area: 8/5/17/23;
z-index: 1;
}
.fe-block-63469b02aa863b1901355669 .sqs-block {
justify-content: flex-start;
}
.fe-block-63469b02aa863b1901355669 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-a65539f6de333ae1fabe {
grid-area: 12/2/14/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-a65539f6de333ae1fabe .sqs-block {
justify-content: center;
}
.fe-block-a65539f6de333ae1fabe .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-a65539f6de333ae1fabe {
grid-area: 17/11/19/17;
z-index: 3;
}
.fe-block-a65539f6de333ae1fabe .sqs-block {
justify-content: center;
}
.fe-block-a65539f6de333ae1fabe .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1669311558325_173267 {
grid-area: 14/2/20/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1669311558325_173267 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1669311558325_173267 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1669311558325_173267 {
grid-area: 19/4/35/24;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1669311558325_173267 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1669311558325_173267 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63469b021850ec1ead4140f6"><div class="fe-block fe-block-63469b02569faefcb0ea4592"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63469b02569faefcb0ea4592"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">歷年榮獲超過50+國際獎項</h3><p style="text-align:center;white-space:pre-wrap;" class="">ADO的設計作品在全球多個國際性獎項中獲得殊榮,包括紐約、東京、荷蘭、倫敦、香港、北京、新加坡、台灣和深圳等。我們一直走在時尚的頂點,並致力提供創新想法,以設計推動品牌的發展。</p>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1669311558325_107823"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1669311558325_107823"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">企業大獎</h3>
</div>
</div></div></div><div class="fe-block fe-block-63469b02aa863b1901355669"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-63469b02aa863b1901355669"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<div class="content-fit">
<img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png" data-image-dimensions="4113x1481" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png" width="4113" height="1481" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 75vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/a313dc3a-37f5-4808-865f-669957cdfa0e/20230317+Enterprise+Awards.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-63469b02aa863b1901355669 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-a65539f6de333ae1fabe"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-a65539f6de333ae1fabe"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">設計獎項</h3>
</div>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1669311558325_173267"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-yui_3_17_2_1_1669311558325_173267"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<div class="content-fit">
<img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png" data-image-dimensions="3892x1972" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png" width="3892" height="1972" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 83.33333333333334vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/337f7447-8ac2-4618-afd7-1b71ff9f2fd9/award20240415.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-yui_3_17_2_1_1669311558325_173267 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div></div></div>
</div>
<button class='background-pause-button' aria-label="Pause Background"></button>
<button class='background-pause-button paused' aria-label="Play Background"></button>
</div>
</section>
<section
data-test="page-section"
data-section-theme="light"
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
light'
data-section-id="63469b2d9fc55f548ec211cd"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"customSectionHeight": 1,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "light",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": null,
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63469b2d21c4308acb762c68 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(9,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63469b2d21c4308acb762c68 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63469b2d21c4308acb762c68 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(16,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-63469b2d5abc4d26bb1601eb {
grid-area: 1/2/3/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-63469b2d5abc4d26bb1601eb .sqs-block {
justify-content: center;
}
.fe-block-63469b2d5abc4d26bb1601eb .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469b2d5abc4d26bb1601eb {
grid-area: 2/5/3/23;
z-index: 0;
}
.fe-block-63469b2d5abc4d26bb1601eb .sqs-block {
justify-content: center;
}
.fe-block-63469b2d5abc4d26bb1601eb .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63469b2d6235d1f1d8075f25 {
grid-area: 3/1/10/11;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63469b2d6235d1f1d8075f25 .sqs-block {
justify-content: center;
}
.fe-block-63469b2d6235d1f1d8075f25 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469b2d6235d1f1d8075f25 {
grid-area: 4/5/17/23;
z-index: 1;
}
.fe-block-63469b2d6235d1f1d8075f25 .sqs-block {
justify-content: center;
}
.fe-block-63469b2d6235d1f1d8075f25 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63469b2d21c4308acb762c68"><div class="fe-block fe-block-63469b2d5abc4d26bb1601eb"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63469b2d5abc4d26bb1601eb"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--white">客戶與合作伙伴</span></h3>
</div>
</div></div></div><div class="fe-block fe-block-63469b2d6235d1f1d8075f25"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-63469b2d6235d1f1d8075f25"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<div class="content-fit">
<img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png" data-image-dimensions="1761x953" data-image-focal-point="0.5,0.5" alt="裝修 設計 公司" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png" width="1761" height="953" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 100vw, 75vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1598244177200-3IE2UJXH8D1LZ0LNDVRH/cooperation+brand-2.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-63469b2d6235d1f1d8075f25 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="63469bc71821a941ea4093fe"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63469bc7db5afda795edd597 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(12,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63469bc7db5afda795edd597 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63469bc7db5afda795edd597 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(12,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-63469bc73eabe34ffd67104a {
grid-area: 1/2/3/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-63469bc73eabe34ffd67104a .sqs-block {
justify-content: center;
}
.fe-block-63469bc73eabe34ffd67104a .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469bc73eabe34ffd67104a {
grid-area: 1/5/3/23;
z-index: 0;
}
.fe-block-63469bc73eabe34ffd67104a .sqs-block {
justify-content: center;
}
.fe-block-63469bc73eabe34ffd67104a .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63469bc7e3541e9532dbf1e9 {
grid-area: 3/2/13/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63469bc7e3541e9532dbf1e9 .sqs-block {
justify-content: flex-start;
}
.fe-block-63469bc7e3541e9532dbf1e9 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-63469bc7e3541e9532dbf1e9 {
grid-area: 3/5/13/23;
z-index: 1;
}
.fe-block-63469bc7e3541e9532dbf1e9 .sqs-block {
justify-content: flex-start;
}
.fe-block-63469bc7e3541e9532dbf1e9 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
</style><div class="fluid-engine fe-63469bc7db5afda795edd597"><div class="fe-block fe-block-63469bc73eabe34ffd67104a"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63469bc73eabe34ffd67104a"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">媒體報導</h3>
</div>
</div></div></div><div class="fe-block fe-block-63469bc7e3541e9532dbf1e9"><div class="sqs-block summary-v2-block sqs-block-summary-v2" data-blend-mode="NORMAL" data-block-json="{"hSize":null,"floatDir":null,"collectionType":1,"collectionId":"5f4e225ea316226d24b6594f","design":"carousel","headerText":"","textSize":"medium","pageSize":4,"imageAspectRatio":"1.5","columnWidth":270,"gutter":60,"listImageSize":30,"listImageAlignment":"left","slidesPerRow":3,"textAlignment":"center","showTitle":true,"showThumbnail":true,"showExcerpt":true,"showReadMoreLink":false,"showPrice":true,"productQuickViewEnabled":false,"showPastOrUpcomingEvents":"upcoming","metadataPosition":"below-content","primaryMetadata":"date","secondaryMetadata":"none","filter":{"tag":null,"category":null},"autoCrop":true,"lightbox":false,"mixedContent":true,"blockId":"5718e6835c121d70c52a"}" data-block-type="55" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63469bc7e3541e9532dbf1e9"><div class="sqs-block-content">
<div class="
summary-block-wrapper
summary-block-collection-type-blog-masonry
summary-block-setting-text-size-medium
summary-block-setting-text-align-center
summary-block-setting-design-carousel
summary-block-setting-design-list-thumbnail-left
summary-block-setting-metadata-position-below-content
summary-block-setting-primary-metadata-date
summary-block-setting-secondary-metadata-none
summary-block-setting-show-thumbnail
summary-block-setting-show-title
summary-block-setting-show-price
summary-block-setting-show-excerpt
sqs-gallery-design-carousel
"
>
<div class="summary-item-list-container sqs-gallery-container">
<header class="summary-block-header">
<div class="summary-heading" data-animation-role="content">
<span class="summary-collection-title">最新動態 & 媒體報導</span>
</div>
<div class="summary-carousel-pager sqs-gallery-controls" data-animation-role="content">
<span
class="summary-carousel-pager-prev previous"
tabindex="0"
role="button"
aria-label="Previous"
></span>
<span
class="summary-carousel-pager-next next"
tabindex="0"
role="button"
aria-label="Next"
></span>
</div>
</header>
<div class="summary-item-list sqs-gallery">
<div class="
summary-item
summary-item-record-type-text
sqs-gallery-design-carousel-slide
summary-item-has-thumbnail
summary-item-has-excerpt
summary-item-has-author
summary-item-has-location"
>
<div class="summary-thumbnail-outer-container">
<a
href="/media/mount-haven"
class="
summary-thumbnail-container
sqs-gallery-image-container
"
data-title="【曉峰園 Mount Haven】現代家居功能與藝術"
data-description=""
>
<div class="summary-thumbnail img-wrapper" data-animation-role="image">
<!-- Main Image -->
<img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730457273668-1VKHYUQ64DKBIKYOY5GM/E_DSC03800_Mount+HavenT1_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730457273668-1VKHYUQ64DKBIKYOY5GM/E_DSC03800_Mount+HavenT1_A.jpg" data-image-dimensions="7008x4672" data-image-focal-point="0.5,0.5" alt="【曉峰園 Mount Haven】現代家居功能與藝術" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" />
</div>
</a>
<!-- Products: Quick View -->
</div>
<div class="summary-content sqs-gallery-meta-container" data-animation-role="content">
<div class="summary-metadata-container summary-metadata-container--above-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="summary-title">
<a
href="/media/mount-haven"
class="summary-title-link">【曉峰園 Mount Haven】現代家居功能與藝術</a></div>
<div class="summary-metadata-container summary-metadata-container--below-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="
summary-excerpt
summary-excerpt-only
"><p>香港仔 LION ROCK DAILY.曉峰園</p></div>
<div class="summary-metadata-container summary-metadata-container--below-content">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
</div>
</div>
<div class="
summary-item
summary-item-record-type-text
sqs-gallery-design-carousel-slide
summary-item-has-thumbnail
summary-item-has-excerpt
summary-item-has-author
summary-item-has-location"
>
<div class="summary-thumbnail-outer-container">
<a
href="/media/-the-horizon"
class="
summary-thumbnail-container
sqs-gallery-image-container
"
data-title="【海日灣 The Horizon】侘寂之境"
data-description=""
>
<div class="summary-thumbnail img-wrapper" data-animation-role="image">
<!-- Main Image -->
<img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730457550274-UDDKJOOBLXCGYU27MR6X/3.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730457550274-UDDKJOOBLXCGYU27MR6X/3.jpg" data-image-dimensions="9504x5344" data-image-focal-point="0.5,0.5" alt="【海日灣 The Horizon】侘寂之境" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" />
</div>
</a>
<!-- Products: Quick View -->
</div>
<div class="summary-content sqs-gallery-meta-container" data-animation-role="content">
<div class="summary-metadata-container summary-metadata-container--above-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="summary-title">
<a
href="/media/-the-horizon"
class="summary-title-link">【海日灣 The Horizon】侘寂之境</a></div>
<div class="summary-metadata-container summary-metadata-container--below-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="
summary-excerpt
summary-excerpt-only
"><p>今日家居 .海日灣</p></div>
<div class="summary-metadata-container summary-metadata-container--below-content">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
</div>
</div>
<div class="
summary-item
summary-item-record-type-text
sqs-gallery-design-carousel-slide
summary-item-has-thumbnail
summary-item-has-excerpt
summary-item-has-author
summary-item-has-location"
>
<div class="summary-thumbnail-outer-container">
<a
href="/media/grand-palisades"
class="
summary-thumbnail-container
sqs-gallery-image-container
"
data-title="【寶馬山Grand Palisades】極簡主義恬淡溫馨"
data-description=""
>
<div class="summary-thumbnail img-wrapper" data-animation-role="image">
<!-- Main Image -->
<img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730450301224-488HNDPZ1DAR8PQHQP3P/A_DSC02019_GrandPalisades_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1730450301224-488HNDPZ1DAR8PQHQP3P/A_DSC02019_GrandPalisades_A.jpg" data-image-dimensions="2000x1333" data-image-focal-point="0.5,0.5" alt="【寶馬山Grand Palisades】極簡主義恬淡溫馨" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" />
</div>
</a>
<!-- Products: Quick View -->
</div>
<div class="summary-content sqs-gallery-meta-container" data-animation-role="content">
<div class="summary-metadata-container summary-metadata-container--above-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="summary-title">
<a
href="/media/grand-palisades"
class="summary-title-link">【寶馬山Grand Palisades】極簡主義恬淡溫馨</a></div>
<div class="summary-metadata-container summary-metadata-container--below-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="
summary-excerpt
summary-excerpt-only
"><p>香港仔 LION ROCK DAILY.寶馬山</p></div>
<div class="summary-metadata-container summary-metadata-container--below-content">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-11-01">Nov 1, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
</div>
</div>
<div class="
summary-item
summary-item-record-type-text
sqs-gallery-design-carousel-slide
summary-item-has-thumbnail
summary-item-has-excerpt
summary-item-has-author
summary-item-has-location"
>
<div class="summary-thumbnail-outer-container">
<a
href="/media/-imperial-cullinan"
class="
summary-thumbnail-container
sqs-gallery-image-container
"
data-title="【瓏璽 Imperial Cullinan】簡約設計呈現生活的純粹"
data-description=""
>
<div class="summary-thumbnail img-wrapper" data-animation-role="image">
<!-- Main Image -->
<img data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1719312059806-4O1903HC8A9CQ1GYJS22/A_DSC03910_ImperialCullinan_A.jpg" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1719312059806-4O1903HC8A9CQ1GYJS22/A_DSC03910_ImperialCullinan_A.jpg" data-image-dimensions="7008x4672" data-image-focal-point="0.5,0.5" alt="【瓏璽 Imperial Cullinan】簡約設計呈現生活的純粹" data-load="false" class="summary-thumbnail-image" elementtiming="summary-thumbnail-image-carousel" />
</div>
</a>
<!-- Products: Quick View -->
</div>
<div class="summary-content sqs-gallery-meta-container" data-animation-role="content">
<div class="summary-metadata-container summary-metadata-container--above-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-06-25">Jun 25, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="summary-title">
<a
href="/media/-imperial-cullinan"
class="summary-title-link">【瓏璽 Imperial Cullinan】簡約設計呈現生活的純粹</a></div>
<div class="summary-metadata-container summary-metadata-container--below-title">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-06-25">Jun 25, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
<div class="
summary-excerpt
summary-excerpt-only
"><p class="" style="white-space:pre-wrap;">香港仔 LION ROCK DAILY.瓏璽</p></div>
<div class="summary-metadata-container summary-metadata-container--below-content">
<div class="summary-metadata summary-metadata--primary">
<!-- Timestamp -->
<time class="summary-metadata-item summary-metadata-item--date" datetime="2024-06-25">Jun 25, 2024</time>
</div>
<div class="summary-metadata summary-metadata--secondary">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--custom
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="681dc5568204d522dda80671"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--custom",
"customSectionHeight": 0,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
padding-top: calc(0vmax / 10); padding-bottom: calc(0vmax / 10);
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-681dc5568204d522dda80670 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(8,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-681dc5568204d522dda80670 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-681dc5568204d522dda80670 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-f509e8011bdb818ea04f {
grid-area: 2/2/7/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-f509e8011bdb818ea04f .sqs-block {
justify-content: center;
}
.fe-block-f509e8011bdb818ea04f .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-f509e8011bdb818ea04f {
grid-area: 2/8/5/20;
z-index: 1;
}
.fe-block-f509e8011bdb818ea04f .sqs-block {
justify-content: center;
}
.fe-block-f509e8011bdb818ea04f .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-17dc018e3e6057931288 {
grid-area: 3/3/6/9;
z-index: 2;
@media (max-width: 767px) {
}
}
.fe-block-17dc018e3e6057931288 .sqs-block {
justify-content: center;
}
.fe-block-17dc018e3e6057931288 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-17dc018e3e6057931288 {
grid-area: 2/9/5/19;
z-index: 2;
}
.fe-block-17dc018e3e6057931288 .sqs-block {
justify-content: center;
}
.fe-block-17dc018e3e6057931288 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-681dc5568204d522dda80670"><div class="fe-block fe-block-f509e8011bdb818ea04f"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-aspect-ratio="59.890468707515964" data-block-type="5" id="block-f509e8011bdb818ea04f"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-below
design-layout-fluid
image-position-center
combination-animation-site-default
individual-animation-site-default
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom-left-radius: 20px;border-bottom-right-radius: 20px;position: relative;width: 100%;height: 100%;"
>
<div class="content-fill">
<img data-stretch="true" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" data-image-dimensions="2132x896" data-image-focal-point="0.5,0.5" alt="" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png" width="2132" height="896" alt="" sizes="100vw" style="display:block;object-fit: cover; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/c80a7fff-730a-4bff-a870-a7ea397e614f/image-mesh-gradient.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</div>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-f509e8011bdb818ea04f .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-17dc018e3e6057931288"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":20.0},"topRight":{"unit":"px","value":20.0},"bottomLeft":{"unit":"px","value":20.0},"bottomRight":{"unit":"px","value":20.0}}" id="block-17dc018e3e6057931288"><div class="sqs-block-content">
<div class="sqs-html-content">
<h1 style="text-align:center;white-space:pre-wrap;"><span class="sqsrte-text-color--black">設計是起點,真正動人的是住在裡面的一家人。</span></h1>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
<section
data-test="page-section"
data-section-theme=""
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--small
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
'
data-section-id="63469bea23c64feef256cceb"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--small",
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "",
"sectionAnimation": "none",
"backgroundMode": "generative",
"generative": {
"type": "gradient",
"seed": 0,
"count": 0,
"size": 0,
"speed": 0,
"startColor": {
"type": "SITE_PALETTE_COLOR",
"sitePaletteColor": {
"id": "lightAccent",
"alpha": 1.0
}
},
"endColor": {
"type": "CUSTOM_COLOR",
"customColor": "#EAE4D7"
},
"invertColors": false,
"noiseIntensity": 0,
"noiseScale": 0,
"distortionScaleX": 0,
"distortionScaleY": 0,
"distortionSpeed": 5,
"distortionIntensity": 50,
"lightIntensity": 0,
"lightX": 0,
"bevelRotation": 0,
"bevelSize": 0,
"bevelStrength": 0,
"complexity": 0,
"cutoff": 0,
"isBevelEnabled": false,
"isBlurEnabled": false,
"scale": 0,
"speedMorph": 0,
"speedTravel": 0,
"steps": 0,
"travelDirection": 0,
"gradientType": "radial",
"noiseBias": -50,
"animateNoise": false,
"distortionComplexity": 8,
"distortionDirection": 270,
"distortionMorphSpeed": 25,
"distortionSeed": 50,
"distortionSmoothness": 100,
"linearGradientStartColorDistance": 0,
"linearGradientEndColorDistance": 0,
"linearGradientAngle": 0,
"linearGradientAngleMotion": 0,
"linearGradientRepeat": 0,
"radialGradientRadius": 70,
"radialGradientPositionX": 50,
"radialGradientPositionY": 50,
"radialGradientFollowCursor": true,
"radialGradientFollowSpeed": 100,
"imageScale": 0,
"imageCount": 0,
"patternEnabled": false,
"patternSize": 0,
"patternOffsetX": 0,
"patternOffsetY": 0,
"patternSpaceX": 0,
"patternSpaceY": 0,
"waveEnabled": false,
"waveSpeed": 0,
"waveComplexity": 0,
"waveDepth": 0,
"waveShadowDepth": 0,
"boxSize": 0.0,
"scaleX": 0,
"scaleY": 0,
"scaleZ": 0,
"isMorphEnabled": false,
"lightY": 0,
"lightZ": 0,
"noiseRange": 0,
"positionFactor": 0,
"scaleFactor": 0,
"colorFactor": 0,
"sizeVariance": 0,
"wobble": 0,
"morph": 0,
"scrollMovement": 0,
"patternScaleX": 0,
"patternScaleY": 0,
"patternPowerX": 0,
"patternPowerY": 0,
"patternAmount": 0,
"surfaceHeight": 0,
"colorStop1": 0,
"colorStop2": 0,
"colorStop3": 0,
"colorStop4": 0,
"gradientDistortionX": 0,
"gradientDistortionY": 0,
"curveX": 0,
"curveY": 0,
"curveFunnel": 0,
"fogIntensity": 0,
"repeat": 0,
"rotation": 0,
"rotationSpeed": 0,
"blur": 0,
"complexityY": 0,
"complexityZ": 0,
"amplitudeY": 0,
"amplitudeZ": 0,
"offset": 0,
"lightAngle": 0,
"alpha": 0
}
}"
data-current-context="{
"video": {
"playbackSpeed": 1,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": {
"type": "none"
},
"divider": {
"enabled": false
},
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
<div
class="section-background-content"
data-controller="BackgroundGradient"
>
<div class="section-background-canvas background-fx-canvas"></div>
</div>
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-63469bea579c587610479012 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(7,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-63469bea579c587610479012 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-63469bea579c587610479012 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(6,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-63469bea8c2d29b9b75b1cbb {
grid-area: 1/2/6/10;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-63469bea8c2d29b9b75b1cbb .sqs-block {
justify-content: center;
}
.fe-block-63469bea8c2d29b9b75b1cbb .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469bea8c2d29b9b75b1cbb {
grid-area: 1/8/5/20;
z-index: 0;
}
.fe-block-63469bea8c2d29b9b75b1cbb .sqs-block {
justify-content: center;
}
.fe-block-63469bea8c2d29b9b75b1cbb .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-63469bea0cae376bd5b707d0 {
grid-area: 6/4/8/8;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-63469bea0cae376bd5b707d0 .sqs-block {
justify-content: center;
}
.fe-block-63469bea0cae376bd5b707d0 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-63469bea0cae376bd5b707d0 {
grid-area: 5/11/7/17;
z-index: 1;
}
.fe-block-63469bea0cae376bd5b707d0 .sqs-block {
justify-content: center;
}
.fe-block-63469bea0cae376bd5b707d0 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-63469bea579c587610479012"><div class="fe-block fe-block-63469bea8c2d29b9b75b1cbb"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-63469bea8c2d29b9b75b1cbb"><div class="sqs-block-content">
<div class="sqs-html-content">
<h3 style="text-align:center;white-space:pre-wrap;">正在尋找可信賴的香港室內設計公司?</h3><p style="text-align:center;white-space:pre-wrap;" class="">ADO CASA 擁有豐富的室內設計的專業知識和經驗,提供客製化的家居規劃設計方案,工程和監督等服務,構建和實踐您的理想生活空間!</p>
</div>
</div></div></div><div class="fe-block fe-block-63469bea0cae376bd5b707d0"><div class="sqs-block button-block sqs-block-button" data-block-type="53" id="block-63469bea0cae376bd5b707d0"><div class="sqs-block-content">
<div
class="sqs-block-button-container sqs-block-button-container--center"
data-animation-role="button"
data-alignment="center"
data-button-size="large"
data-button-type="secondary"
>
<a
href="/contact-form"
class="sqs-block-button-element--large sqs-button-element--secondary sqs-block-button-element"
>
聯絡免費咨詢
</a>
</div>
</div></div></div></div></div>
</div>
<button class='background-pause-button' aria-label="Pause Background"></button>
<button class='background-pause-button paused' aria-label="Play Background"></button>
</div>
</section>
</article>
</main>
<footer class="sections" id="footer-sections" data-footer-sections>
<section
data-test="page-section"
data-section-theme="white"
class='page-section
full-bleed-section
layout-engine-section
background-width--full-bleed
section-height--medium
content-width--wide
horizontal-alignment--center
vertical-alignment--middle
white'
data-section-id="650d6bea5b07f1c591dc23ef"
data-controller="SectionWrapperController"
data-current-styles="{
"imageOverlayOpacity": 0.15,
"backgroundWidth": "background-width--full-bleed",
"sectionHeight": "section-height--medium",
"customSectionHeight": 10,
"horizontalAlignment": "horizontal-alignment--center",
"verticalAlignment": "vertical-alignment--middle",
"contentWidth": "content-width--wide",
"customContentWidth": 50,
"sectionTheme": "white",
"sectionAnimation": "none",
"backgroundMode": "image"
}"
data-current-context="{
"video": {
"playbackSpeed": 0.5,
"filter": 1,
"filterStrength": 0,
"zoom": 0,
"videoSourceProvider": "none"
},
"backgroundImageId": null,
"backgroundMediaEffect": null,
"divider": null,
"typeName": "page"
}"
data-animation="none"
data-fluid-engine-section
>
<div
class="section-border"
>
<div class="section-background">
</div>
</div>
<div
class='content-wrapper'
style='
'
>
<div
class="content"
>
<div data-fluid-engine="true"><style>
.fe-650d6bea70e92960b5ff4920 {
--grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (8 - 1)) ) / 8 );
display: grid;
position: relative;
grid-area: 1/1/-1/-1;
grid-template-rows: repeat(14,minmax(24px, auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(8, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
row-gap: 11.0px;
column-gap: 11.0px;
}
@media (min-width: 768px) {
.background-width--inset .fe-650d6bea70e92960b5ff4920 {
--inset-padding: calc(var(--sqs-site-gutter) * 2);
}
.fe-650d6bea70e92960b5ff4920 {
--grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
--cell-max-width: calc( ( var(--sqs-site-max-width, 1500px) - (11.0px * (24 - 1)) ) / 24 );
--inset-padding: 0vw;
--row-height-scaling-factor: 0.0215;
--container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding) ));
grid-template-rows: repeat(10,minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
grid-template-columns:
minmax(var(--grid-gutter), 1fr)
repeat(24, minmax(0, var(--cell-max-width)))
minmax(var(--grid-gutter), 1fr);
}
}
.fe-block-650d6bea801058c280ace820 {
grid-area: 1/2/4/10;
z-index: 3;
@media (max-width: 767px) {
}
}
.fe-block-650d6bea801058c280ace820 .sqs-block {
justify-content: center;
}
.fe-block-650d6bea801058c280ace820 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-650d6bea801058c280ace820 {
grid-area: 1/9/4/19;
z-index: 3;
}
.fe-block-650d6bea801058c280ace820 .sqs-block {
justify-content: flex-start;
}
.fe-block-650d6bea801058c280ace820 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
}
.fe-block-650d6beae60ee8ff0fa0740a {
grid-area: 4/2/6/10;
z-index: 1;
@media (max-width: 767px) {
}
}
.fe-block-650d6beae60ee8ff0fa0740a .sqs-block {
justify-content: center;
}
.fe-block-650d6beae60ee8ff0fa0740a .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-650d6beae60ee8ff0fa0740a {
grid-area: 4/11/6/17;
z-index: 1;
}
.fe-block-650d6beae60ee8ff0fa0740a .sqs-block {
justify-content: center;
}
.fe-block-650d6beae60ee8ff0fa0740a .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-650d6beaf30cf770abd77e21 {
grid-area: 8/3/11/9;
z-index: 0;
@media (max-width: 767px) {
}
}
.fe-block-650d6beaf30cf770abd77e21 .sqs-block {
justify-content: center;
}
.fe-block-650d6beaf30cf770abd77e21 .sqs-block-alignment-wrapper {
align-items: center;
}
@media (min-width: 768px) {
.fe-block-650d6beaf30cf770abd77e21 {
grid-area: 7/12/9/16;
z-index: 0;
}
.fe-block-650d6beaf30cf770abd77e21 .sqs-block {
justify-content: center;
}
.fe-block-650d6beaf30cf770abd77e21 .sqs-block-alignment-wrapper {
align-items: center;
}
}
.fe-block-yui_3_17_2_1_1705982440669_5672 {
grid-area: 11/2/13/10;
z-index: 4;
@media (max-width: 767px) {
}
}
.fe-block-yui_3_17_2_1_1705982440669_5672 .sqs-block {
justify-content: flex-start;
}
.fe-block-yui_3_17_2_1_1705982440669_5672 .sqs-block-alignment-wrapper {
align-items: flex-start;
}
@media (min-width: 768px) {
.fe-block-yui_3_17_2_1_1705982440669_5672 {
grid-area: 9/10/11/18;
z-index: 4;
}
.fe-block-yui_3_17_2_1_1705982440669_5672 .sqs-block {
justify-content: center;
}
.fe-block-yui_3_17_2_1_1705982440669_5672 .sqs-block-alignment-wrapper {
align-items: center;
}
}
</style><div class="fluid-engine fe-650d6bea70e92960b5ff4920"><div class="fe-block fe-block-650d6bea801058c280ace820"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-650d6bea801058c280ace820"><div class="sqs-block-content">
<div class="sqs-html-content">
<p style="text-align:center;white-space:pre-wrap;" class="sqsrte-large"><a href="/about">關於我們</a>|<a href="/casa">住宅設計</a>|<a href="https://www.adohk.com">商業設計</a> <br><a href="/media">媒體報導</a>|<a href="/contact-form">聯絡</a>|<a href="/hiring">人才招募</a>|<a href="https://www.adosz.com">ADO大灣區網站</a></p>
</div>
</div></div></div><div class="fe-block fe-block-650d6beae60ee8ff0fa0740a"><div class="sqs-block socialaccountlinks-v2-block sqs-block-socialaccountlinks-v2" data-block-type="54" id="block-650d6beae60ee8ff0fa0740a"><div class="sqs-block-content">
<div class="sqs-svg-icon--outer social-icon-alignment-center social-icons-color- social-icons-size-small social-icons-style-regular " >
<style>
#block-650d6beae60ee8ff0fa0740a .social-icons-style-border .sqs-svg-icon--wrapper {
box-shadow: 0 0 0 2px inset;
border: none;
}
</style>
<nav class="sqs-svg-icon--list">
<a href="https://www.facebook.com/adoliving" target="_blank" class="sqs-svg-icon--wrapper facebook-unauth" aria-label="Facebook">
<div>
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
<use class="sqs-use--icon" xlink:href="#facebook-unauth-icon"></use>
<use class="sqs-use--mask" xlink:href="#facebook-unauth-mask"></use>
</svg>
</div>
</a><a href="https://www.instagram.com/ado_casa/?hl=en" target="_blank" class="sqs-svg-icon--wrapper instagram-unauth" aria-label="Instagram">
<div>
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
<use class="sqs-use--icon" xlink:href="#instagram-unauth-icon"></use>
<use class="sqs-use--mask" xlink:href="#instagram-unauth-mask"></use>
</svg>
</div>
</a><a href="https://youtube.com/playlist?list=PLDDkLm83MIz1YlTxsVUbpjXdqSmJTWVwY" target="_blank" class="sqs-svg-icon--wrapper youtube-unauth" aria-label="YouTube">
<div>
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
<use class="sqs-use--icon" xlink:href="#youtube-unauth-icon"></use>
<use class="sqs-use--mask" xlink:href="#youtube-unauth-mask"></use>
</svg>
</div>
</a><a href="https://hk.linkedin.com/company/adohk" target="_blank" class="sqs-svg-icon--wrapper linkedin-unauth" aria-label="LinkedIn">
<div>
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
<use class="sqs-use--icon" xlink:href="#linkedin-unauth-icon"></use>
<use class="sqs-use--mask" xlink:href="#linkedin-unauth-mask"></use>
</svg>
</div>
</a><a href="mailto:hi@adohk.com" target="_blank" class="sqs-svg-icon--wrapper email" aria-label="hi@adohk.com">
<div>
<svg class="sqs-svg-icon--social" viewBox="0 0 64 64">
<use class="sqs-use--icon" xlink:href="#email-icon"></use>
<use class="sqs-use--mask" xlink:href="#email-mask"></use>
</svg>
</div>
</a>
</nav>
</div>
</div></div></div><div class="fe-block fe-block-650d6beaf30cf770abd77e21"><div class="sqs-block image-block sqs-block-image sqs-stretched" data-block-type="5" id="block-650d6beaf30cf770abd77e21"><div class="sqs-block-content">
<div
class="
image-block-outer-wrapper
layout-caption-hidden
design-layout-fluid
image-position-center
combination-animation-none
individual-animation-none
"
data-test="image-block-fluid-outer-wrapper"
>
<div
class="fluid-image-animation-wrapper sqs-image sqs-block-alignment-wrapper"
data-animation-role="image"
>
<div
class="fluid-image-container sqs-image-content"
style="overflow: hidden;-webkit-mask-image: -webkit-radial-gradient(white, black);position: relative;width: 100%;height: 100%;"
>
<a
class="sqs-block-image-link content-fit"
href="/"
>
<img data-stretch="false" data-src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png" data-image="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png" data-image-dimensions="1426x590" data-image-focal-point="0.5,0.5" alt="White ADO logo.png" data-load="false" elementtiming="system-image-block" src="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png" width="1426" height="590" alt="" sizes="(max-width: 640px) 100vw, (max-width: 767px) 75vw, 16.666666666666664vw" style="display:block;object-fit: contain; object-position: 50% 50%" srcset="https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=100w 100w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=300w 300w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=500w 500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=750w 750w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=1000w 1000w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=1500w 1500w, https://images.squarespace-cdn.com/content/v1/5f43452f54d5ad03f3a946e6/1632469429307-TOLFK644V2FC62YZF8FD/White+ADO+logo.png?format=2500w 2500w" loading="lazy" decoding="async" data-loader="sqs">
<div class="fluidImageOverlay"></div>
</a>
</div>
</div>
</div>
<style>
.sqs-block-image .sqs-block-content {
height: 100%;
width: 100%;
}
.fe-block-650d6beaf30cf770abd77e21 .fluidImageOverlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: normal;
opacity: 0;
}
</style>
</div></div></div><div class="fe-block fe-block-yui_3_17_2_1_1705982440669_5672"><div class="sqs-block html-block sqs-block-html" data-blend-mode="NORMAL" data-block-type="2" data-border-radii="{"topLeft":{"unit":"px","value":0.0},"topRight":{"unit":"px","value":0.0},"bottomLeft":{"unit":"px","value":0.0},"bottomRight":{"unit":"px","value":0.0}}" id="block-yui_3_17_2_1_1705982440669_5672"><div class="sqs-block-content">
<div class="sqs-html-content">
<p style="text-align:center;white-space:pre-wrap;" class="">ADO Limited © 2025|All Rights Reserved</p>
</div>
</div></div></div></div></div>
</div>
</div>
</section>
</footer>
</div>
<script defer="true" src="https://static1.squarespace.com/static/vta/5c5a519771c10ba3470d8101/scripts/site-bundle.8e655155a8561182f928a073b8a5d474.js" type="text/javascript"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-595XP9N"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) --><svg xmlns="http://www.w3.org/2000/svg" version="1.1" style="display:none" data-usage="social-icons-svg"><symbol id="facebook-unauth-icon" viewBox="0 0 64 64"><path d="M34.1,47V33.3h4.6l0.7-5.3h-5.3v-3.4c0-1.5,0.4-2.6,2.6-2.6l2.8,0v-4.8c-0.5-0.1-2.2-0.2-4.1-0.2 c-4.1,0-6.9,2.5-6.9,7V28H24v5.3h4.6V47H34.1z"/></symbol><symbol id="facebook-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M39.6,22l-2.8,0c-2.2,0-2.6,1.1-2.6,2.6V28h5.3l-0.7,5.3h-4.6V47h-5.5V33.3H24V28h4.6V24 c0-4.6,2.8-7,6.9-7c2,0,3.6,0.1,4.1,0.2V22z"/></symbol><symbol id="instagram-unauth-icon" viewBox="0 0 64 64"><path d="M46.91,25.816c-0.073-1.597-0.326-2.687-0.697-3.641c-0.383-0.986-0.896-1.823-1.73-2.657c-0.834-0.834-1.67-1.347-2.657-1.73c-0.954-0.371-2.045-0.624-3.641-0.697C36.585,17.017,36.074,17,32,17s-4.585,0.017-6.184,0.09c-1.597,0.073-2.687,0.326-3.641,0.697c-0.986,0.383-1.823,0.896-2.657,1.73c-0.834,0.834-1.347,1.67-1.73,2.657c-0.371,0.954-0.624,2.045-0.697,3.641C17.017,27.415,17,27.926,17,32c0,4.074,0.017,4.585,0.09,6.184c0.073,1.597,0.326,2.687,0.697,3.641c0.383,0.986,0.896,1.823,1.73,2.657c0.834,0.834,1.67,1.347,2.657,1.73c0.954,0.371,2.045,0.624,3.641,0.697C27.415,46.983,27.926,47,32,47s4.585-0.017,6.184-0.09c1.597-0.073,2.687-0.326,3.641-0.697c0.986-0.383,1.823-0.896,2.657-1.73c0.834-0.834,1.347-1.67,1.73-2.657c0.371-0.954,0.624-2.045,0.697-3.641C46.983,36.585,47,36.074,47,32S46.983,27.415,46.91,25.816z M44.21,38.061c-0.067,1.462-0.311,2.257-0.516,2.785c-0.272,0.7-0.597,1.2-1.122,1.725c-0.525,0.525-1.025,0.85-1.725,1.122c-0.529,0.205-1.323,0.45-2.785,0.516c-1.581,0.072-2.056,0.087-6.061,0.087s-4.48-0.015-6.061-0.087c-1.462-0.067-2.257-0.311-2.785-0.516c-0.7-0.272-1.2-0.597-1.725-1.122c-0.525-0.525-0.85-1.025-1.122-1.725c-0.205-0.529-0.45-1.323-0.516-2.785c-0.072-1.582-0.087-2.056-0.087-6.061s0.015-4.48,0.087-6.061c0.067-1.462,0.311-2.257,0.516-2.785c0.272-0.7,0.597-1.2,1.122-1.725c0.525-0.525,1.025-0.85,1.725-1.122c0.529-0.205,1.323-0.45,2.785-0.516c1.582-0.072,2.056-0.087,6.061-0.087s4.48,0.015,6.061,0.087c1.462,0.067,2.257,0.311,2.785,0.516c0.7,0.272,1.2,0.597,1.725,1.122c0.525,0.525,0.85,1.025,1.122,1.725c0.205,0.529,0.45,1.323,0.516,2.785c0.072,1.582,0.087,2.056,0.087,6.061S44.282,36.48,44.21,38.061z M32,24.297c-4.254,0-7.703,3.449-7.703,7.703c0,4.254,3.449,7.703,7.703,7.703c4.254,0,7.703-3.449,7.703-7.703C39.703,27.746,36.254,24.297,32,24.297z M32,37c-2.761,0-5-2.239-5-5c0-2.761,2.239-5,5-5s5,2.239,5,5C37,34.761,34.761,37,32,37z M40.007,22.193c-0.994,0-1.8,0.806-1.8,1.8c0,0.994,0.806,1.8,1.8,1.8c0.994,0,1.8-0.806,1.8-1.8C41.807,22.999,41.001,22.193,40.007,22.193z"/></symbol><symbol id="instagram-unauth-mask" viewBox="0 0 64 64"><path d="M43.693,23.153c-0.272-0.7-0.597-1.2-1.122-1.725c-0.525-0.525-1.025-0.85-1.725-1.122c-0.529-0.205-1.323-0.45-2.785-0.517c-1.582-0.072-2.056-0.087-6.061-0.087s-4.48,0.015-6.061,0.087c-1.462,0.067-2.257,0.311-2.785,0.517c-0.7,0.272-1.2,0.597-1.725,1.122c-0.525,0.525-0.85,1.025-1.122,1.725c-0.205,0.529-0.45,1.323-0.516,2.785c-0.072,1.582-0.087,2.056-0.087,6.061s0.015,4.48,0.087,6.061c0.067,1.462,0.311,2.257,0.516,2.785c0.272,0.7,0.597,1.2,1.122,1.725s1.025,0.85,1.725,1.122c0.529,0.205,1.323,0.45,2.785,0.516c1.581,0.072,2.056,0.087,6.061,0.087s4.48-0.015,6.061-0.087c1.462-0.067,2.257-0.311,2.785-0.516c0.7-0.272,1.2-0.597,1.725-1.122s0.85-1.025,1.122-1.725c0.205-0.529,0.45-1.323,0.516-2.785c0.072-1.582,0.087-2.056,0.087-6.061s-0.015-4.48-0.087-6.061C44.143,24.476,43.899,23.682,43.693,23.153z M32,39.703c-4.254,0-7.703-3.449-7.703-7.703s3.449-7.703,7.703-7.703s7.703,3.449,7.703,7.703S36.254,39.703,32,39.703z M40.007,25.793c-0.994,0-1.8-0.806-1.8-1.8c0-0.994,0.806-1.8,1.8-1.8c0.994,0,1.8,0.806,1.8,1.8C41.807,24.987,41.001,25.793,40.007,25.793z M0,0v64h64V0H0z M46.91,38.184c-0.073,1.597-0.326,2.687-0.697,3.641c-0.383,0.986-0.896,1.823-1.73,2.657c-0.834,0.834-1.67,1.347-2.657,1.73c-0.954,0.371-2.044,0.624-3.641,0.697C36.585,46.983,36.074,47,32,47s-4.585-0.017-6.184-0.09c-1.597-0.073-2.687-0.326-3.641-0.697c-0.986-0.383-1.823-0.896-2.657-1.73c-0.834-0.834-1.347-1.67-1.73-2.657c-0.371-0.954-0.624-2.044-0.697-3.641C17.017,36.585,17,36.074,17,32c0-4.074,0.017-4.585,0.09-6.185c0.073-1.597,0.326-2.687,0.697-3.641c0.383-0.986,0.896-1.823,1.73-2.657c0.834-0.834,1.67-1.347,2.657-1.73c0.954-0.371,2.045-0.624,3.641-0.697C27.415,17.017,27.926,17,32,17s4.585,0.017,6.184,0.09c1.597,0.073,2.687,0.326,3.641,0.697c0.986,0.383,1.823,0.896,2.657,1.73c0.834,0.834,1.347,1.67,1.73,2.657c0.371,0.954,0.624,2.044,0.697,3.641C46.983,27.415,47,27.926,47,32C47,36.074,46.983,36.585,46.91,38.184z M32,27c-2.761,0-5,2.239-5,5s2.239,5,5,5s5-2.239,5-5S34.761,27,32,27z"/></symbol><symbol id="youtube-unauth-icon" viewBox="0 0 64 64"><path d="M46.7,26c0,0-0.3-2.1-1.2-3c-1.1-1.2-2.4-1.2-3-1.3C38.3,21.4,32,21.4,32,21.4h0 c0,0-6.3,0-10.5,0.3c-0.6,0.1-1.9,0.1-3,1.3c-0.9,0.9-1.2,3-1.2,3S17,28.4,17,30.9v2.3c0,2.4,0.3,4.9,0.3,4.9s0.3,2.1,1.2,3 c1.1,1.2,2.6,1.2,3.3,1.3c2.4,0.2,10.2,0.3,10.2,0.3s6.3,0,10.5-0.3c0.6-0.1,1.9-0.1,3-1.3c0.9-0.9,1.2-3,1.2-3s0.3-2.4,0.3-4.9 v-2.3C47,28.4,46.7,26,46.7,26z M28.9,35.9l0-8.4l8.1,4.2L28.9,35.9z"/></symbol><symbol id="youtube-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M47,33.1c0,2.4-0.3,4.9-0.3,4.9s-0.3,2.1-1.2,3c-1.1,1.2-2.4,1.2-3,1.3 C38.3,42.5,32,42.6,32,42.6s-7.8-0.1-10.2-0.3c-0.7-0.1-2.2-0.1-3.3-1.3c-0.9-0.9-1.2-3-1.2-3S17,35.6,17,33.1v-2.3 c0-2.4,0.3-4.9,0.3-4.9s0.3-2.1,1.2-3c1.1-1.2,2.4-1.2,3-1.3c4.2-0.3,10.5-0.3,10.5-0.3h0c0,0,6.3,0,10.5,0.3c0.6,0.1,1.9,0.1,3,1.3 c0.9,0.9,1.2,3,1.2,3s0.3,2.4,0.3,4.9V33.1z M28.9,35.9l8.1-4.2l-8.1-4.2L28.9,35.9z"/></symbol><symbol id="linkedin-unauth-icon" viewBox="0 0 64 64"><path d="M20.4,44h5.4V26.6h-5.4V44z M23.1,18c-1.7,0-3.1,1.4-3.1,3.1c0,1.7,1.4,3.1,3.1,3.1 c1.7,0,3.1-1.4,3.1-3.1C26.2,19.4,24.8,18,23.1,18z M39.5,26.2c-2.6,0-4.4,1.4-5.1,2.8h-0.1v-2.4h-5.2V44h5.4v-8.6 c0-2.3,0.4-4.5,3.2-4.5c2.8,0,2.8,2.6,2.8,4.6V44H46v-9.5C46,29.8,45,26.2,39.5,26.2z"/></symbol><symbol id="linkedin-unauth-mask" viewBox="0 0 64 64"><path d="M0,0v64h64V0H0z M25.8,44h-5.4V26.6h5.4V44z M23.1,24.3c-1.7,0-3.1-1.4-3.1-3.1c0-1.7,1.4-3.1,3.1-3.1 c1.7,0,3.1,1.4,3.1,3.1C26.2,22.9,24.8,24.3,23.1,24.3z M46,44h-5.4v-8.4c0-2,0-4.6-2.8-4.6c-2.8,0-3.2,2.2-3.2,4.5V44h-5.4V26.6 h5.2V29h0.1c0.7-1.4,2.5-2.8,5.1-2.8c5.5,0,6.5,3.6,6.5,8.3V44z"/></symbol><symbol id="email-icon" viewBox="0 0 64 64"><path d="M17,22v20h30V22H17z M41.1,25L32,32.1L22.9,25H41.1z M20,39V26.6l12,9.3l12-9.3V39H20z"/></symbol><symbol id="email-mask" viewBox="0 0 64 64"><path d="M41.1,25H22.9l9.1,7.1L41.1,25z M44,26.6l-12,9.3l-12-9.3V39h24V26.6z M0,0v64h64V0H0z M47,42H17V22h30V42z"/></symbol></svg>
</body>
</html>