Check server response of

Response headers

Request headers

Raw HTML code

301 Moved Permanently - hocfu.com

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Date: Mon, 19 May 2025 18:12:56 GMT

Content-Type: text/html; charset=utf-8

Transfer-Encoding: chunked

Connection: keep-alive

Set-Cookie: AWSALB=qfo5MnHPABlsL3ce7yvyjN+GyhXw9+K1zLrqAEcnAgN9UHoaGKp2ihIUNi4DduVcrCbxt5j2cEEZ96Momb8hH/eI/WfBhHPXUoZIy4EZ77uX6U3d75yYe4t6K9YM; Expires=Mon, 26 May 2025 18:12:56 GMT; Path=/

Set-Cookie: AWSALBCORS=qfo5MnHPABlsL3ce7yvyjN+GyhXw9+K1zLrqAEcnAgN9UHoaGKp2ihIUNi4DduVcrCbxt5j2cEEZ96Momb8hH/eI/WfBhHPXUoZIy4EZ77uX6U3d75yYe4t6K9YM; Expires=Mon, 26 May 2025 18:12:56 GMT; Path=/; SameSite=None; Secure

Server: nginx

Location: /zh-tw/

Vary: Cookie

Set-Cookie: sessionid=9ewog4odcg67iyws78lyv9tgpcz7oj4f; Domain=codeco.hk; expires=Mon, 02 Jun 2025 18:12:56 GMT; HttpOnly; Max-Age=1209600; Path=/; SameSite=Lax

HTTP Code 301 Moved Permanently

301 Moved Permanently means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.

When is Code 301 used?

When changing a website domain
When modifying URL structures
When setting up redirects for SEO

What does Code 301 mean for the user?

The browser will automatically redirect the user to the new address, and search engines will update their indexes.

200 OK - https://www.codeco.hk/

HTTP Status: 200

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Date: Mon, 19 May 2025 18:12:57 GMT

Content-Type: text/html; charset=utf-8

Content-Length: 264496

Connection: keep-alive

Set-Cookie: AWSALB=jp/RrN3pUuQ2rYKHArrhaeflfxkV0XRY3txpmBVb8BG4cRLEJBAIUvOv5u0GfbEgMClNy1CAbQbAb5dfh3gqme0EvIXdgrq/MlxQGPRZeYtlgZHLJQ1oMSccrBfb; Expires=Mon, 26 May 2025 18:12:56 GMT; Path=/

Set-Cookie: AWSALBCORS=jp/RrN3pUuQ2rYKHArrhaeflfxkV0XRY3txpmBVb8BG4cRLEJBAIUvOv5u0GfbEgMClNy1CAbQbAb5dfh3gqme0EvIXdgrq/MlxQGPRZeYtlgZHLJQ1oMSccrBfb; Expires=Mon, 26 May 2025 18:12:56 GMT; Path=/; SameSite=None; Secure

Server: nginx

Vary: Accept-Encoding

Expires: Mon, 19 May 2025 18:12:56 GMT

Cache-Control: max-age=0, no-cache, no-store, must-revalidate

X-Frame-Options: SAMEORIGIN

Vary: Cookie, Origin

Content-Language: zh-tw

Set-Cookie: dwf_chatbot=False; Path=/

Set-Cookie: csrftoken=63J30YB57x1qOIqV6UDp0AdmAMvqY9uCK80UU47SGrkwDG5Rou0SomZUgG3dxIni; expires=Mon, 18 May 2026 18:12:57 GMT; Max-Age=31449600; Path=/; SameSite=Lax

Set-Cookie: sessionid=8mjow8ntv2uli8x3eb86ty9k19oy00fo; Domain=codeco.hk; expires=Mon, 02 Jun 2025 18:12:57 GMT; HttpOnly; Max-Age=1209600; Path=/; SameSite=Lax

HTTP Code 200 OK

200 OK is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.

When is Code 200 used?

When loading a web page
When successfully receiving an API response
When processing a form or another HTTP request

What does Code 200 mean for the user?

The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.

GET / HTTP/1.1
Host: hocfu.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])












<!DOCTYPE html>
<html lang="zh-tw">
  <head>

    <!-- abtest -->
    <script src="https://www.googleoptimize.com/optimize.js?id=OPT-NVT3JN9"></script>

    <!-- 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-5QZ59QJ');</script> <!-- End Google Tag Manager -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0 ,maximum-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="content-language" content="zh-tw">
    <meta name="facebook-domain-verification" content="h846qyggm6clxeuubn77sl8xd3611v" />
    
    
    
  <title>裝修工程公司介紹｜裝修翻新推介｜裝修配對平台｜裝修網-好師傅</title>

    <link rel="canonical" href="https://codeco.hk/zh-tw/" />
    
    
      
        <link rel="alternate" hreflang="zh-hk" href="https://codeco.hk/zh-tw/" />
      
    
      
        <link rel="alternate" hreflang="en-hk" href="https://codeco.hk/en/" />
      
    
    
    <link rel="alternate" hreflang="x-default" href="https://codeco.hk/zh-tw/" />
    <link rel="icon" href='/favicon.ico?v=20221114' />
    <meta name="abstract" content="" />
    
  <meta name="description" content="好師傅是全港第一裝修平台，免費配對裝修師傅／裝修公司／室內設計師。無論全屋裝修或家居設計，透過100%裝修完工保證，保障家居裝修或裝修設計等裝修工程，杜絕爛尾。" />
  <meta property="og:title" content="裝修工程公司介紹｜裝修翻新推介｜裝修配對平台｜裝修網-好師傅" />
  <meta property="og:url" content="https://codeco.hk/"/>
  <meta property="og:keywords" content="好師傅,hocfu,codeco,裝修,全屋裝修,家居裝修,辦工室裝修,裝修O2O,豪宅裝修,公屋裝修,居屋裝修,室內設計,全屋翻新,裝修平台,網上裝修,裝修師傅,裝修報價"/>
  <meta property="og:description" content="好師傅是全港第一裝修平台，免費配對裝修師傅／裝修公司／室內設計師。無論全屋裝修或家居設計，透過100%裝修完工保證，保障家居裝修或裝修設計等裝修工程，杜絕爛尾。" />
  <meta property="og:type" content="website" />
  <meta property="og:image" content="https://d2350fb44r6k35.cloudfront.net/assets/images/favicon_v3_192x192.png" />
  <meta property="og:image:url" content="https://d2350fb44r6k35.cloudfront.net/assets/images/favicon_v3_192x192.png" />
  <meta property="og:image:type" content="image/png" />
  <meta property="og:image:width" content="200" />
  <meta property="og:image:height" content="200" />
  <script type="application/ld+json">
  

  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [
    {
      "@type": "Question",
      "name": "誰是好師傅？你們是否裝修公司？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "好師傅是一個裝修配對平台，提供裝修工程和家居設計的配對服務及協調客人和裝修公司達至順利的工程體驗。 我們一方面保護裝修戶主免受「爛尾」、劣質工程和不合理後加費用的困擾，另一方面透過制定行業標準和專業的團隊支援，令優質的裝修師傅和裝修公司得以接觸更多家居裝修戶主和商業客戶。"
      }
    }, {
      "@type": "Question",
      "name": "好師傅是如何收費？你們怎經營？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "好師傅的裝修配對服務及基本裝修工程支援服務，對裝修戶主是完全免費。如你想在免費基本服務之上，額外提供更頻密的家居裝修現場巡查、進度匯報及驗收直播等升級支援，亦可選擇我們的<a href='/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%94%B6%E8%B2%BB/'>「每周巡查及驗收保障」</a>計劃。<br><br>師傅方面，我們會向加盟師傅收取服務費，由於師傅或裝修公司們可藉此穩定承接他們擅長的工程，令他們更有動力去為好師傅的裝修戶主服務。"
      }
    },
    {
      "@type": "Question",
      "name": "我怎知道我的工程適合好師傅嗎？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "好師傅主要提供$50,000以上的全屋裝修、大範圍的局部裝修及裝修設計服務，適合於大部分裝修戶主。你可隨時與裝修顧問分享你的裝修需要，我們會為你提供最適合的裝修/設計方案，逐步為你將心目中的裝修想法實現。"
      }
    },
    {
      "@type": "Question",
      "name": "經好師傅尋找師傅／室內設計師有什麼好處？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "好師傅會先了解你裝修設計需要，配對具相關經驗師傅。配對沒有次數限制，只需一個平台，就可以輕鬆找到心水師傅。<br><br>如裝修戶主自行尋找裝修公司進行全屋裝修，單憑短短會面，判斷師傅背景和質素，師傅好壞全靠彩數。經好師傅裝修平台配對，我們會代你進行審查，師傅須跟從我們的裝修工程指引和驗收標準，令工程質素更有保障。完工後，我們更會邀請戶主評分，分數會直接影響師傅將來的配對機會，令工程質素得以保障。"
      }
    },
    {
      "@type": "Question",
      "name": "我應如何開始我的裝修／室內設計工程？",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "你可先從好師傅4,000+個案例中，尋找裝修設計靈感，或透過瀏覽教學文章，了解更多裝修資訊。你亦可使用好師傅的網上估價機，初步了解市場價格，制定預算。在計劃過程中，你可能會有不少疑問，你可隨時向裝修顧問查詢，我們會為你度身訂造最合適的解決方案。"
      }
    }
  ]
}
</script>

    <!-- webfont -->
    
      <!-- <link href="https://fonts.googleapis.com/css?family=Noto+Sans+TC:400,500,700" rel="stylesheet"> -->
    
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Abel&family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
    <!-- CSS -->
  
    <link rel="stylesheet" href="https://d2350fb44r6k35.cloudfront.net/CACHE/css/27d817a5540e.css" type="text/css" />
    <!-- <link rel="stylesheet" href="/static/assets/js.lib/revamp2022/css/swiper-bundle.min.css"> -->


    

<style>
@charset "UTF-8";

:root{
  --orange-color: #FF6A47;
  --blue-color: #2CCDE3;
  --black-color: #2E2D2D;

  --shadow: 0 5px 23px rgba(0,0,0,.09);

  --sm-border-radius: 8px;
  --mid-border-radius: 15px;
  --big-border-radius: 26px;

  --cubic: cubic-bezier(.25,1.1,.7,.99);
  --cubic2: cubic-bezier(.47,0,.6,1);

  --font-size: 21px;

  --swiper-theme-color: #FF6A47;
  --swiper-pagination-bullet-width: 13px;
  --swiper-pagination-bullet-height: 13px;
  --swiper-pagination-bullet-horizontal-gap: 8px;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-inactive-color: #fff;
}

/* html,body {
    overflow-x: hidden;
} */
/* .revamp {overflow-x: hidden;} */

/* default */
*{margin:0; padding:0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;}
.revamp ul{list-style:none;}
.revamp a, .revamp img{text-decoration:none; border:none; color: inherit;}
.revamp a:hover{
  color: unset;
}
.revamp img{border:0; vertical-align:top; width:100%; height: auto;}
.revamp img[src=""] {display: none;}
.revamp .unselect{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;user-select: none;}
.revamp html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
.revamp select, .revamp input, .revamp textarea{ background: field;}

.revamp .clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.revamp .clearfix {display: inline-block;}
html[xmlns] .revamp .clearfix {display: block;}
* html .revamp .clearfix {height: 1%;}
/*html, body{
  overflow-x: hidden;
  max-width: 100vw;
}*/
body{
  height: 100%;
  position: relative;
  background: white; 
  overflow-x: hidden;
  color: var(--black-color);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-backface-visibility:hidden; 
  font-family: 'Noto Sans TC', "PingFang TC" ,"儷黑 Pro", "Microsoft JhengHei", "微軟正黑體", STHeiti,"Heiti TC Medium", Apple LiGothic, Helvetica, Helvetica Neue, Arial,"PMingLiu", "新細明體" !important;
}

.dz-remove
{
  display:inline-block !important;
  width:1.2em;
  height:1.2em;
  
  position:absolute;
  top:5px;
  right:5px;
  z-index:1000;
  
  font-size:1.2em !important;
  line-height:1em;

  text-align:center;
  font-weight:bold;
  border:1px solid gray !important;
  border-radius:1.2em;
  color:gray;
  background-color:white;
  opacity:.5;
  
}

.dz-remove:hover
{
  text-decoration:none !important;
  opacity:1;
}

.hidden{display: none;}

body.using-mobile #root #main{padding-top: 0;} 

.revamp input{box-shadow: none;border:none;outline: none;}
.revamp input:focus{outline: none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.revamp input::placeholder{color:#231815;}
.revamp input[type="search"]::-webkit-search-decoration,
.revamp input[type="search"]::-webkit-search-cancel-button,
.revamp input[type="search"]::-webkit-search-results-button,
.revamp input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}
.revamp button{box-shadow: none;border:none;outline: none;border-radius: 0;}

a.sns-icon{width: 56px; height: 56px; filter: brightness(1.0); transition: filter 100ms linear;}
a.sns-icon:hover{filter: brightness(1.2);}
a.sns-icon.fb{background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/sns_fb.png) no-repeat; background-size: contain;}
a.sns-icon.ig{background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/sns_ig.png) no-repeat; background-size: contain;}
a.sns-icon.youtube{background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/sns_youtube.png) no-repeat; background-size: contain;}
a.sns-icon.linkedin{background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/sns_linkedin.png) no-repeat; background-size: contain;}

#root{
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}
.revamp video{
  clip-path: inset(1px 1px);
}
a.btn, button.btn{
  background-color: transparent;
  width: auto;
}
header {
  width: 100%;
  height: 160px;
  position: fixed;
  top: 0;
  z-index: 999;
  background: #fff;
  transition: height 300ms var(--cubic);
  /* max-width: 1920px; */
}
header:after{
  content: '';
  width: 100vw;
  left: 50%;
  transform: translate3d(-50%,0,0);
  height: 160px;
  background: #fff;
  z-index: -1;
  position: fixed;
  top: 0;
}
header.sticky:after{
  height: 90px;
}
header.sticky:after{
  box-shadow: 0 0 20px rgba(0,0,0,.1);
}
header.sticky{
  height: 90px;
}
picture img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.header-wrapper{
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  height: 100%;
  font-size: var(--font-size);
  font-weight: bold;
}
.header-lt{
  display: flex;
  align-items: center;
  margin-left: 67px;
}
.header-lt .logo-codecohk{
  width: 250px;
  margin: 0 38px 0 0;
}
header.sticky .header-lt .logo-codecohk {
  width: 182px;
  margin: 0 30px 0 0;
}
header .logo-codecohk .logo-video{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 44%;
}
header .logo-codecohk .logo-video video{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
.header-lt nav > ul{
  display: flex;
  grid-gap: 11px 38px;
  flex-wrap: wrap;
}
.header-lt nav > ul > li > a{
  color: var(--black-color);
  position: relative;
  /*transition: color 100ms linear;*/
}
.header-lt nav > ul > li > a:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 3px;
  border-radius: 50em;
  background-color: var(--orange-color);
  bottom: -6px;
  left: 0;
  transform-origin: left center;
  transform: scaleX(0);
  transition: transform 100ms;
}
.header-lt nav > ul > li:hover > a,
.header-lt nav > ul > li > a.current{
  color: var(--orange-color);
}
.header-lt nav > ul > li:hover > a:after,
.header-lt nav > ul > li > a.current:after{
  transform: scaleX(1.0);
}
.header-lt nav .haveSubLevel > a{
  position: relative;
  padding-right: 24px;
}
.header-lt nav .haveSubLevel > a:before{
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-color: var(--black-color);
  clip-path: polygon(50% 57%, 71% 37%, 77% 43%, 50% 70%, 23% 43%, 29% 37%);
  right: 0;
  top: 4px;
  left: auto;
  bottom: auto;
  border-radius: 0;
}
.header-lt nav .haveSubLevel > a.current:before,
.header-lt nav .haveSubLevel:hover > a:before{
  background-color: var(--orange-color);
}
.nav-sub-dropdown{
  display: none;
  position: absolute;
  z-index: 2;
  border-radius: var(--mid-border-radius);
  margin-left: -28px;
  margin-top: 10px;
  background: #fff;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.header-lt nav .haveSubLevel{
  position: relative;
}
.header-lt nav .haveSubLevel:hover .nav-sub-dropdown{
  display: flex;
  /* flex-wrap: wrap; */
}
.header-lt nav .haveSubLevel:hover:after{
  position: absolute;
  z-index: 0;
  width: calc(100% + 40px);
  height: 20px;
  left: -20px;
  bottom: -20px;
  background: transparent;
  content: '';
}
/*.header-lt nav .haveSubLevel .nav-sub-dropdown:after{
  position: absolute;
  top: -20px;
  left: 0;
  content: '';
  width: 100%;
  height: 20px;
  background: transparent;
  }*/
.nav-sub-sub-title{
  font-size: 22px;
  padding: 27px 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: relative;
  color: #fff;
}
.nav-sub-sub-title > div{
  position: relative;
  z-index: 1;
  display: flex;
  text-shadow: 0 0 10px rgb(0 0 0 / 50%);
  align-items: center;
}
.nav-sub-sub-title > div:after{
  position: relative;
  width: 30px;
  height: 30px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/arrow_lt.png) center center no-repeat;
  background-size: contain;
  margin-left: 3px;
  content: '';
}
.nav-sub-sub-title[href="javascript:void(0);"] div:after {
  display: none;
}
.nav-sub-sub-title:after{
  position: absolute;
  z-index: 0;
  content: '';
  background: rgba(106,106,106,.4);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.nav-sub-sub-section:nth-child(odd){
  /*padding-right: 120px;*/
}
.nav-sub-sub-section{
  min-width: 220px;
}
.nav-sub-sub-section + .nav-sub-sub-section{
  margin-left: 5px;
}
.haveSubLevel .nav-sub-dropdown ul{
  /*grid-gap: 20px 50px;
  display: grid;
  grid-template-columns: auto auto auto;
  flex: 0 0 auto;*/
  padding: 32px 40px;
  font-size: 18px;
  font-weight: normal;}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate {
  /*flex: 0 0 calc(33.333% - 40.6px);
  white-space: nowrap;*/
  white-space: nowrap;
  color: var(--black-color)
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate:not(:last-child) {
  margin-bottom: 1em;
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col{
/*grid-column: 1 / 3;*/
font-weight: bold;
padding-right: 30px;
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div{
position: relative;
color: var(--black-color)
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div:after{
content: '';
width: 20px;
height: 20px;
background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/arrow_lt.png) center center no-repeat;
background-size: contain;
position: absolute;
filter: brightness(0);
right: -27px;
margin-top: 2px;
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.sub-col{
padding-left: 1em;
position: relative;
}
.haveSubLevel .nav-sub-dropdown ul li.sub-cate.sub-col:before{
position: absolute;
top: .5em;
left: 0;
content: '';
width: 6px;
height: 6px;
background-color: var(--orange-color);
transform: rotate(45deg);
}
.haveSubLevel .nav-sub-dropdown .nav-sub-sub-section ul{
  /*grid-template-columns: auto auto;*/
}
.haveSubLevel .sub-cate a{
  display: flex;
}
.haveSubLevel .sub-cate a .icon{
  width: 47px;
  height: 47px;
  background-size: contain;
  flex: 0 0 47px;
  margin-right: 8px;
  margin-left: -8px;
}
.haveSubLevel .sub-cate .title{
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--black-color);
}
.haveSubLevel .sub-cate .title{
  color: var(--black-color);
}
.haveSubLevel .sub-cate .icon + .title{
  padding-bottom: 10px;
}
.haveSubLevel .sub-cate a.current .title,
.haveSubLevel .sub-cate a:hover .title{
  color: var(--orange-color);
}
.haveSubLevel .sub-cate .description{
  font-size: .9em;
  color: #999;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0;
}
.header-rt{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  grid-gap: 0 20px;
  margin-right: 47px;
}
.header-rt .search{
  position: relative;
}
.header-rt .search-btn:not(:focus-within) input.search-input{
  box-shadow: none;
  width: 46px;
  color: #fff;
  padding: 0;
  transition: box-shadow 300ms 200ms linear, width 300ms var(--cubic);
}
.header-rt .search-btn:not(:focus-within) input.search-input::placeholder{
  color: #fff;
}
.header-rt .search-btn:not(:focus-within) .search-icon-container .search_label{
  right: 0;
}
.header-rt .search-btn:not(:focus-within) .search-submit{
  z-index: -1;
}
.header-rt .search-btn input.search-input{
  box-shadow: 0 3px 10px rgba(0,0,0,.19);
  background: #fff;
  border-radius: var(--sm-border-radius);
  height: 46px;
  width: 246px;
  font-size: 17px;
  position: relative;
  transition: box-shadow 300ms 100ms linear, width 300ms var(--cubic);
  padding: 0 46px 0 20px;
  color: var(--black-color);
}
.search-icon-container{
  position: absolute;
  width: 46px;
  justify-content: 46px;
  top: 0;
  right: 0;
}
.search-icon-container .search_label{
  width: 46px;
  height: 46px;
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/search.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 24px;
  position: absolute;
  top: 0;
  right: 4px;
  transition: right 100ms linear;
  cursor: pointer;
}
.header-rt .search-btn input.search-input::placeholder{
  color: #979797;
}
.header-rt .search-submit{
  position: absolute;
  width: 46px;
  height: 46px;
  top: 0;
  right: 0;
  z-index: 1;
  cursor: pointer;
  background: transparent;
}
.header-rt .bookmark{
  width: 46px;
  height: 46px;
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_bookmark.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 28px;
}
.freequote-btn{
  position: relative;
  width: 222px;
  height: 68px;
}
.freequote-btn-block{
  color: #fff;
  background: var(--orange-color);
  border-radius: 50em;
  padding: 0 30px;
  margin-top: 9px;
  height: 50px;
  line-height: 48px;
  font-size: 20px;
  position: relative;
  transform: scale(1.0);
  transition: transform 300ms var(--cubic);
}
.freequote-btn-block:after{
  position: absolute;
  content: '';
  right: 0;
  bottom: -6px;
  width: 55px;
  height: 45px;
  transform: translate3d(2px, 2px, 0);
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/hand.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: transform 300ms var(--cubic);
}
.blue-btn .freequote-btn-block:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/hand_blue.png);
}
.freequote-btn:hover .freequote-btn-block:after{
  transform: translate3d(-1px, -1px, 0);
}
.freequote-btn:hover .freequote-btn-block{
  transform: scale(1.01);
}
.downloadapp-btn{
  margin-left: 10px;
  position: relative;
}
.downloadapp-icon{
  width: 72px;
  height: 72px;
  cursor: pointer;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/download_app.png) center center no-repeat;
  background-size: 72px 46px;
}
.downloadapp-panel{
  position: absolute;
  background: #fff;
  padding: 10px 20px 20px;
  box-shadow: 0 3px 10px rgba(0,0,0,.19);
  width: 200px;
  font-size: 15px;
  text-align: center;
  font-weight: normal;
  right: 0;
  bottom: -12px;
  transform: translate3d(0, 90%, 0);
  opacity: 0;
  visibility: hidden;
  transition: opacity 300ms, visibility 0s 300ms, transform 300ms var(--cubic);
  z-index: 99;
  border-radius: var(--sm-border-radius);
}
.downloadapp-panel a{
  color: var(--orange-color);
  margin: 0 2px;
  font-weight: bold;
  text-decoration: underline;
}
.downloadapp-btn:hover .downloadapp-panel{
  opacity: 1;
  visibility: visible;
  transform: translate3d(0, 92%, 0);
  transition: opacity 300ms, visibility 0s 0s, transform 300ms var(--cubic);
}
#sec0{
  margin-top: 180px;
}
#sec0:not(.home-banner), #sec0:not(.top-banner){
  margin-top: 0;
}
#sec0.standard-banner{
  margin-top: 180px;
}
.sticky #sec0{
  margin-top: 90px;
}
.sticky #sec0:not(.home-banner), .sticky #sec0:not(.top-banner){
  margin-top: -90px;
}
#sec0.home-hero-banner{
	margin-top: 180px;
  padding-bottom: 0;
  padding-top: 0;
}
.home-hero-banner{
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 80px;
  padding-top: 0;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 8px;
}
.sticky #root{
  padding-top: 80px;
}
.home-hero-banner .home-banner{
  position: relative;
  width: 43.75%;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/header_sologan_bg.jpg) left center no-repeat;
  background-size: contain;
  height: 0;
  padding-bottom: 35.15625%;
  margin-right: 56.25%;
}
.home-hero-banner .hero-banner{
  top: 0;
  right: 0;
  width: 56.25%;
  height: 100%;
  position: absolute;
}
.home-hero-banner .hero-banner .swiper{
  width: 100%;
  overflow: hidden;
  height: 100%;
  border-top-left-radius: 39px;
  border-bottom-left-radius: 39px;
}
.home-hero-banner .hero-banner .swiper .swiper-pagination{
  padding-right: 48px;
  text-align: right;
  bottom: 20px;
}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg,
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{
  background-size: cover;
  background-position: center center;
  position: absolute;
  width: 100%;
  height: 100%;
}
.home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{
  display: none;
}
.home-sologan-block{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  
  text-align: center;
}
.home-sologan-block .sologan-block{
  background: #fff;
  width: 545px;
  height: 278px;
  border: 1px solid #979797;
  position: relative;
}
.home-sologan-block .btn{
  margin-top: 38px;
}
.cursor-move{
  position: absolute;
  width: 38px;
  height: 38px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/move.png) no-repeat;
  background-size: contain;
  top: 98%;
  right: 5%;
  z-index: 1;
}
.btn{
  position: relative;
  min-width: 428px;
  height: 70px;
  display: inline-block;
}
.btn div{
  line-height: 68px;
  font-weight: bold;
  font-size: 29px;
  border-radius: 50em;
  padding: 0 30px;
  height: 70px;
  position: relative;
  transform: scale(1.0);
  transition: transform 300ms var(--cubic); 
}
.cta-action-btns .btn-red {
  line-height: 66px;
}
.cta-action-btns .btn-blue {
  line-height: 58px;
}
.btn div:after{
  position: absolute;
  content: '';
  right: 0;
  bottom: 0;
  width: 1px;
  height: 1px;
  transform: translate3d(0, 0, 0);
}
.btn:hover div{
  transform: scale(1.01);
}
.align-center{
  display: inline-flex;
  flex-direction: column;
  align-items: center;
}
.cta-label{
  margin: 1em 0 0;
  font-size: 1.2em;
  font-weight: bold;
}
.home-banner.typeB{
  background: none;
}
.home-banner .text-block{
  flex: 0 0 43.75%;
  padding: 0 90px 0 120px;
  text-align: left;
  display: flex;
  align-items: center;

  height: 100%;
  position: absolute;
}
.home-banner .text-block .tagline {
    font-size: 33px;
    font-weight: bold;
    letter-spacing: 1px;
    position: relative;
    display: inline-block;
    /*padding: 0 20px;*/
    background: transparent;
}
.home-banner .text-block .tagline:not(:empty) {
    /*padding-left: 38px;*/
    padding-left: 0;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 36px;
    line-height: 53px;
    margin-bottom: -10px;
}
/*.home-banner .text-block .tagline:not(:empty):before {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    width: 6px;
    border-radius: 3px;
    height: 100%;
    background-color: var(--orange-color);
}*/
.home-banner .text-block .title {
    font-size: 67px;
    font-weight: 900;
    line-height: 1.3;
    white-space: nowrap;
}
.home-banner .text-block .title .highlight-orange{
  color: var(--orange-color);
}
.home-banner .text-block .description {
  margin-top: 14px;
  font-size: calc(var(--font-size) * 1.5);
  line-height: 1.5;
}
.home-banner .text-block .btn {
  margin-top: 60px;
  text-align: center;
}
.orange-btn{
  filter: brightness(1.0);
  transition: filter 100ms linear;
  cursor: pointer;
}
.orange-btn:hover{
  filter: brightness(1.1);
}
.border-blue{
  filter: brightness(1.0);
  transition: filter 100ms linear;
  cursor: pointer;
}
.border-blue:hover{
  filter: brightness(1.1);
}
.blue-btn{
  filter: brightness(1.0);
  transition: filter 100ms linear;
  cursor: pointer;
}
.blue-btn:hover{
  filter: brightness(1.1);
}
.orange-btn div{
  background: var(--orange-color);
  color: #fff;
}
.blue-btn div{
  background: var(--blue-color);
  color: #fff;
}
.corner-dots{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.corner-dots span{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform: translate3d(0, -50%, 0);
}
.corner-dots span:before{
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #979797;
  display: block;
  position: absolute;
  transform: translate3d(-50%, -50%, 0);
  left: 0;
  top: 0;
  content: '';
}
.corner-dots span:after{
  width: 12px;
  height: 12px;
  background: #fff;
  border: 1px solid #979797;
  display: block;
  position: absolute;
  left: 100%;
  top: 0;
  content: '';
  transform: translate3d(-50%, -50%, 0);
}
.corner-dots span:nth-child(2){
  top: 50%;
}
.corner-dots span:nth-child(3){
  top: 100%;
}
.home-banner .sologan{
  color: #000;
  font-size: 67px;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  width: 100%;
  height: 100%;
  padding: 0 40px;
  flex-wrap: wrap;
  line-height: 1;
}

.home-banner .sologan:after{
  content: '';
  position: relative;
  display: inline;
  height: calc(67px * 1.2);
  width: 2px;
  margin: 10px 0 0 10px;
  background-color: var(--orange-color);
  animation: typeAni 2000ms 1000ms infinite;
}
@keyframes typeAni{
  0%{background-color: white;}
  20%{background-color: white;}
  21%{background-color: var(--orange-color);}
  70%{background-color: var(--orange-color);}
  71%{background-color: white;}
  100%{background-color: white;}
}

.revamp section{
  position: relative;
  width: 100%;
  text-align: center;
  padding-top: 180px;
  padding-bottom: 0;
}
.section-title{
  font-size: calc(var(--font-size) * 2.75);
  position: relative;
  text-align: center;
  font-weight: 900;
  color: var(--black-color);
  padding-bottom: 50px;
  margin: 80px auto;
  display: inline-block;
}
.section-title-left{
  font-size: calc(var(--font-size) * 2.75);
  position: relative;
  text-align: left;
  font-weight: 900;
  color: var(--black-color);
  padding-bottom: 50px;
  margin: 80px auto;
  display: block;
  margin-left: 0;
  left: 14%
}
.section-title-left:after{
  left: 50px;
  transform: unset;
}
.section-title + .description, 
.remark-blue-block + .description,
.full-screen-banner + .description,
.app-promotion .description,
.know-more-block .description,
.request-thank-block + .description{
  width: 800px;
  max-width: 80%;
  margin: 0 auto;
  font-size: 21px;
  line-height: 1.9;
  /*text-align: left;*/
  /*display: flex;
  justify-content: center;*/
}
.revamp .description a{
  color: var(--blue-color);
  text-decoration: underline;
}
.full-screen-banner + .description{
  margin-top: 3em;
  margin-bottom: 2em;
}
.section-title + .description .tooltips, .remark-blue-block + .description .tooltips, .full-screen-banner + .description .tooltips{
  margin: -1px 3px;
}
.section-title .sub{
  font-size: 0.75em;
}
.section-title.hide-bar{
  margin-bottom: 0;
  margin-top: 0;
  margin-left: -15px;
  text-align: center;
}
.section-title:after{
  position: absolute;
  content: '';
  top: 100%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 120px;
  display: inline-block;
  height: 8px;
  border-radius: 50em;
  background: var(--orange-color);
}
.section-title.hide-bar:after{
  display: none;
}
.section-title-left:after{
  position: absolute;
  content: '';
  top: 100%;
  left: 45px;
  width: 120px;
  display: inline-block;
  height: 8px;
  border-radius: 50em;
  background: var(--orange-color);
}
.color-orange.section-title:after{
  background: var(--orange-color);
}
.color-blue.section-title:after{
  background: var(--blue-color);
}
.color-blue.section-title-left:after{
  background: var(--blue-color);
}
.color-orange .highlight{
  color: var(--orange-color);
}
.color-blue .highlight{
  color: var(--blue-color);;
}
.section-cards{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 88.645%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.section-cards .card{
  border-radius: var(--big-border-radius);
  background: #000;
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.section-cards .card > *{
  position: absolute;
  top: 0;
  left: 0;
}
.section-cards .card .card-bg-img{
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: .8;
  transform-origin: center center;
  transform: scale(1.0) translate3d(0, 0, 0);
  transition: transform 3000ms var(--cubic);
  background-position: center center;
  background-size: cover;
}
.cards-col-4-m2 .section-cards{
  grid-gap: 0 1.468%;
}
.cards-col-4-m2 .card{
  flex: 0 1 25%;
  padding-top: 32.2%;
}
.section-cards .card:hover .card-bg-img{
  transform: scale(1.1) translate3d(0, 0, 0);
}
.section-cards .card .card-title{
  bottom: 0;
  left: 0;
  z-index: 2;
  color: #fff;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  text-align: left;
  padding: 9.5%;
}
.card .card-title .text{
  font-size: calc(var(--font-size) * 2);
  padding-bottom: 15px;
  margin-bottom: 12px;
  position: relative;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 3px;
  text-shadow: 2px 2px 15px rgba(0, 0, 0, .7);
}
.card .card-title .text:after{
  position: absolute;
  content: '';
  width: 100%;
  height: 6px;
  background: var(--orange-color);
  border-radius: 50em;
  left: 0;
  bottom: 0;
  transform: translate3d(0, -50%, 0);
}
.card .card-title .cta{
  font-size: var(--font-size);
  font-weight: bold;
  display: flex;
  align-items: center;
  grid-gap: 0 8px;
  position: relative;
  transition: grid-gap 300ms var(--cubic2);
  text-shadow: 2px 2px 15px rgba(0, 0, 0, .7);
}
.card .card-title .cta:after{
  width: 24px;
  height: 24px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/arrow_lt.png) center center no-repeat;
  background-size: contain;
  position: relative;
  content: '';
  display: block;
}
.card:hover .card-title .cta{
  grid-gap: 0 10px;
}
.cards-col-4-m2 .bg-elements{
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  z-index: -1;
}
.cards-col-4-m2 .bg-elements span{
  position: absolute;
  display: block;
  background: #fff;
  box-shadow: 0 19px 63px rgba(214, 214, 214, .5);
}
.cards-col-4-m2 .bg-elements span:nth-child(1){
  right: 70px;
  width: 78px;
  height: 43px;
  bottom: 68%;
  border-radius: 14px;
}
.cards-col-4-m2 .bg-elements span:nth-child(2){
  left: 29px;
  bottom: 6%;
  width: 263px;
  height: 166px;
  border-radius: 29px;
}
.cards-col-4-m2 .bg-elements span:nth-child(3){
  width: 632px;
  height: 244px;
  right: -35px;
  bottom: -6%;
  border-radius: 62px;
}
.cards-col-4-m2 {
  padding-top: 130px;
}
.show-case-col5-m3 .section-cards{
  width: 79%; /* 1519px */
  grid-gap: 0 0.98%;
  flex-wrap: wrap;
  overflow: hidden;
  height: 840px;
}
.show-case-col5-m3 .section-cards.open{
  height: auto;
}
.show-case-col5-m3 .section-cards.open .overlay-for-show-case{
  position: relative;
  height: 60px;
}
.show-case-col5-m3 .section-cards.open + .tagline-with-border{
  margin-top: 0;
}
.show-case-col5-m3 .card{
  padding-top: calc(20% - 0.784%);
  flex: 0 0 calc(20% - 0.784%); /* (0.98 * 4 / 5) */
  margin-bottom: 0.98%;
}

.show-case-col5-m3 .card .card-title .text{
  font-size: 19px;
  font-weight: bold;
  padding-bottom: 9px;
  margin-bottom: 9px;
}
.show-case-col5-m3 .card .card-title .text:after{
  display: none;
}
.show-case-col5-m3 .card .card-title{
  padding: 0;
  width: 100%;
  text-align: center;
}
.show-case-col5-m3 .section-cards .card .card-bg-img{
  opacity: 1;
}
.show-case-col5-m3 .section-cards .card .card-bg-img:after{
  position: absolute;
  content: '';
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  display: block;
  background: linear-gradient(0deg, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0) 100%);
}
.overlay-for-show-case{
  position: absolute;
  bottom: 0;
  z-index: 3;
  width: 102%;
  height: 34%;
  background: linear-gradient(0deg, rgba(255,255,255,1) 40%, rgba(255,255,255,0) 100%);
  left: -1%;
  cursor: pointer;
}
.tagline-with-border:after{
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 8px;
  bottom: -4px;
  left: 0;
  background: #fff;
  z-index: 2;
}
.tagline{
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 1px;
  position: relative;
  display: inline-block;
  padding: 0 20px;
  background: #fff;
}
.tagline-with-border{
  position: relative;
  width: 79%;
  height: 100%;
  z-index: 3;
  margin: -50px auto 50px;
  pointer-events: none;
}
.tagline-with-border + a{
  z-index: 9;
}
.tagline-with-border:before{
  position: absolute;
  background: #000;
  z-index: 0;
  content: '';
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  transform: translate3d(0, -50%, 0);
}
.tagline-with-border.color-orange:before{
  background: var(--orange-color);
}
.btn.border-blue{
  border-radius: 50em;
  background: #fff;
  color: var(--blue-color);
}
.btn.border-blue div{
  line-height: 54px;
  border: 2px solid var(--blue-color);
  color: var(--blue-color);
}
*:not(.home-banner) .btn.border-blue div{
  line-height: 62px;
}
.full-screen-banner{
  position: relative;
  width: 100%;
  background: #000;
  padding-top: 36.14%;
}
.full-screen-banner:before, .full-screen-banner:after{
  content: '';
  width: 100%;
  background: #fff;
  height: 6.8%;
  min-height: 36px;
  position: absolute;
  left: 0;
  z-index: 3;
}
.full-screen-banner:before{
  top: -1px;
  clip-path: polygon(100% 0, 0 0, 14.6% 100%);
}
.full-screen-banner:after{
  bottom: -2px;
  clip-path: polygon(100% 100%, 0 100%, 85.4% 0);
}
.full-screen-bg{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.full-screen-banner .title, .full-screen-banner .title-with-description{
  position: absolute;
  top: 0;
  height: 100%;
  width: 45%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.full-screen-banner .title-with-description{
  flex-direction: column;
  align-items: flex-start;
}
.full-screen-banner.color-blue .title, .full-screen-banner.color-blue .title-with-description{
  background: var(--blue-color);
  color: #fff;
}
.full-screen-banner.color-orange .title, .full-screen-banner.color-orange .title-with-description{
  background: var(--orange-color);
  color: #fff;
}
.full-screen-banner.rt-title .title, .full-screen-banner .title-with-description{
  right: 0;
}
.full-screen-banner .title-with-description .title{
  position: relative;
  width: 100%;
  right: auto;
  top: auto;
  height: auto;
  left: 0;
  display: block;
  white-space: nowrap;
  padding-left: 10%;
  padding-right: 0;
}
.full-screen-banner .title div{
  /*flex: 0 0 70%;*/
  text-align: left;
  font-size: calc(var(--font-size) * 3.7);
  font-weight: 900;
  line-height: 1.2;
  padding-right: 10%;
}
.full-screen-banner.rt-title .title:after, .full-screen-banner.rt-title .title-with-description:after{
  z-index: 1;
  position: absolute;
  content: '';
  left: -15%;
  width: 15%;
  height: 100%;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  margin-left: 1px;
}
.full-screen-banner.color-blue .title:after, .full-screen-banner.color-blue .title-with-description:after{
  background: var(--blue-color);
}
.full-screen-banner.color-orange .title:after, .full-screen-banner.color-orange .title-with-description:after{
  background: var(--orange-color);
}
.full-screen-banner .title-with-description .title:after{
  display: none;
}
.full-screen-banner .title-with-description .description{
  /*width: 70%;*/
  width: 90%;
  text-align: left;
  left: 0;
  position: relative;
  font-size: 24px;
  padding-left: 10%;
  padding-top: 1em;
}
.section-description{
  font-size: var(--font-size);
  margin: -20px auto 20px;
}
.protect-timeline .bg-elements{
  position: absolute;
  top: calc(1920px * 0.6);
  width: 100%;
  height: 100%;
}
.protect-timeline .bg-elements span{
  position: absolute;
  display: block;
  z-index: 0;
}
.protect-timeline .bg-elements span:nth-child(1){
  width: 354px;
  height: 370px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/bg_ele_01.png) no-repeat;
  background-size: contain;
  left: -104px;
  top: 0;
}
.protect-timeline .bg-elements span:nth-child(2){
  width: 362px;
  height: 414px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/bg_ele_02.png) no-repeat;
  background-size: contain;
  right: -200px;
  top: 30%;
}
.protect-timeline .bg-elements span:nth-child(3){
  width: 256px;
  height: 314px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/bg_ele_03.png) no-repeat;
  background-size: contain;
  left: -46px;
  top: 60%;
}

.timeline{
  position: relative;
  z-index: 1;
  padding-top: 100px;
}
.timeline .sticky-house{
  position: sticky;
  margin: 0 auto;
  top: 5vh;
  /*transform: translate3d(0, -50%, 0);*/
  z-index: 10;
  max-width: 50%;
  min-width: 320px;
  transition: top 900ms var(--cubic);
}
.timeline .sticky-house .section-title{
  margin: 0 auto;
  padding-bottom: 40px;
  padding-top: 12%;
  opacity: 1;
  transition: opacity 300ms var(--cubic);
}
.fadein .sticky-house{
  top: 5vh;
}
.fadein .sticky-house .section-title{
  opacity: 0;
}
.timeline .sticky-house .section-title:after{
  display: none;
}
.timeline .house-texts{
  position: absolute;
  left: 50%;
  z-index: 2;
  transform: scale(1) translate3d(-50%,0,0);
  transform-origin: left center;
  width: 100%;
  height: 100%;
  transition: opacity 600ms 0ms var(--cubic), transform 600ms 0ms var(--cubic);
}
.house-texts .text{
  position: absolute;
  font-size: 21px;
  color: #C1B7B4;
  font-weight: bold;
  transform-origin: center center;
  transition: color 300ms var(--cubic), transform 300ms var(--cubic);
}
.house-texts .text:nth-child(1){
  top: -10%;
  right: -10%;
}
.house-texts .text:nth-child(2){
  bottom: 25%;
  right: -35%;
}
.house-texts .text:nth-child(3){
  bottom: -29%;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}
.house-texts .text:nth-child(4){
  bottom: 25%;
  left: -35%;
}
.house-texts .text:nth-child(5){
  top: -10%;
  left: -10%;
}
.house-texts .text.active{
  transform: scale(1.5);
  color: var(--orange-color);
}
.house-texts .text.active:nth-child(3){
  transform: translate3d(-50%, 0, 0) scale(1.5);
}
.timeline .house{
  position: relative;
  width: 194px;
  height: 158px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/house.png) center center no-repeat;
  background-size: contain;
  margin: 0 auto;
}
.timeline .house .count{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  font-size: 28px;
  font-weight: bold;
  margin-top: 10px;
}
.timeline .house span{
  font-size: 56px;
}
.timeline-body{
  position: relative;
  margin-bottom: 300px;
}
.timeline-body:after{
  position: relative;
  content: '';
  height: 80vh;
  display: block;
  width: 100%;
}
.timeline-card-slide{
  max-width: 58%;
  margin: 50% auto 30%;
  position: sticky;
  top: 62%;
}
.timeline-card-slide:nth-child(3){
  z-index: 1;
}
.timeline-card-slide:nth-child(4){
  z-index: 2;
}
.timeline-card-slide:nth-child(5){
  z-index: 3;
}
.timeline-card-slide:nth-child(6){
  z-index: 4;
}
.timeline-card-slide:nth-child(7){
  z-index: 5;
}
.timeline-card-spacing{
  height: 40vh;
}
.timeline-card-slide:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: #fff;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  transition: opacity 300ms var(--cubic);
  z-index: 2;
}
.fadein .timeline-card-slide:before{
  opacity: 1;
  margin: 2px;
}
.fadein .house-texts{
  opacity: 0;
  transform: scale(0) translate3d(-50%,0,0);
  transition: opacity 1000ms 300ms var(--cubic), transform 1000ms 300ms var(--cubic);
}
.timeline-card-slide:after{
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 70vh;
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 95%, rgba(255,255,255,0) 100%);
  content: '';
  z-index: -1;
}
.timeline-card-slide .timeline-card{
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.timeline-card .title-with-icon{
  display: inline-flex;
  align-items: center;
}
.timeline-card .title-with-icon .icon{
  width: 100px;
  height: 100px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.timeline-card .text-content{
  padding-left: 25px;
}
.timeline-card .title-with-icon .title{
  font-size: calc(var(--font-size)*2);
  font-weight: bold;
  white-space: nowrap;
}
.timeline-card-slide .description{
  font-size: 32px;
  margin-bottom: 10px;
  font-weight: bold;
  text-align: left;
  padding-left: 5px;
}
.timeline-card-slide .points{
  font-size: 20px;
}
.timeline-card-slide .points li{
  padding-left: 1.5em;
  position: relative;
  text-align: left;
}
.timeline-card-slide .points li:before{
  content: '・';
  padding-right: 0;
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  color: #000;
  top: 0;
  left: 0;
}
.tooltips{
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin: -3px 4px;
  display: inline-block;
  position: relative;
}
.tooltips:before{
  position: absolute;
  font-size: 13px;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 50em;
  border: 1px solid #999;
  color: #999;
  text-align: center;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  content: 'i';
  font-weight: bold;
  background: white;
  overflow: hidden;
}
.tips span.small, .tips span.small a{
  font-size: 12px;
}
.timeline-card-slide .btn{
  min-width: auto;
  height: 46px;
  margin-top: 28px;
}
.timeline-card-slide .btn div{
  height: 46px;
  line-height: 44px;
  font-size: 22px;
  padding: 0 40px;
}
.house100{
  position: absolute;
  left: 50%;
  transform: scale(0) translate3d(-50%,-50%,0);
  width: 412px;
  height: 412px;
  top: 50%;
  margin-top: 4em;
  z-index: -1;
  opacity: 0;
  transform-origin: left top;
  transition: transform 1000ms var(--cubic), opacity 300ms var(--cubic);
}
.fadein .house100{
  opacity: 1;
  transform: scale(1) translate3d(-50%, -50%, 0);
}
.house100 .circle1{
  width: 100%;
  height: 100%;
  border-radius: 50em;
  background: rgba(44,205,227,.4);
}
.house100 .circle2{
  width: 81%;
  height: 81%;
  border-radius: 50em;
  overflow: hidden;
  background: rgba(255,255,255,.5);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
}
.house100 .circle2 .house-logo{
  width: 9em;
  transform-origin: center center;
  margin: 1em auto;
  transform: scale(0);
  opacity: 0;
  transition: opacity 300ms 0ms var(--cubic), transform 300ms 0 var(--cubic);
}
.house100 .circle2 .msg{
  font-size: 36px;
  font-weight: 900;
  margin-top: calc(50% + .5em);
  opacity: 0;
  transform-origin: center center;
  transform: scale(0);
  transition: opacity 300ms 0ms var(--cubic), transform 300ms 0 var(--cubic);
}
.fadein .house100 .circle2 .msg, .fadein .house100 .circle2 .house-logo{
  opacity: 1;
  transform: scale(1);
  transition: opacity 1000ms 600ms var(--cubic), transform 1000ms 600ms var(--cubic);
}
.house100 .circle-element{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.house100 .circle-element span{
  position: absolute;
  background: var(--blue-color);
  transform: scale(0);
  transition: transform 600ms 1000ms cubic-bezier(.54,.34,.18,1.52);
}
.fadein .house100 .circle-element span{
  transform: scale(1);
  transition: transform 600ms 1000ms cubic-bezier(.54,.34,.18,1.52);
}
.house100 .circle-element span:after{
  position: absolute;
  top: 50%;
  left: 50%;
  transform-origin: center center;
  content: '';
  background: var(--blue-color);
}
.house100 .circle-element span:nth-child(1){
  width: 36px;
  height: 6px;
  /*left: 60%;*/
  left: calc(211px + 46%);
  margin-top: 12%;
}
.house100 .circle-element span:nth-child(2){
  width: 20px;
  height: 4px;
  /*left: 63.5%;*/
  left: calc(211px + 60.5%);
  margin-top: 31%;
}
.house100 .circle-element span:nth-child(3){
  width: 28px;
  height: 4px;
  /*left: 35.5%;*/
  left: calc(50% - 211px - 15.4%);
  margin-top: 60%;
}
.house100 .circle-element span:nth-child(1):after{
  width: 6px;
  height: 36px;
  margin: -18px 0 0 -3px;
}
.house100 .circle-element span:nth-child(2):after{
  width: 4px;
  height: 20px;
  margin: -10px 0 0 -2px;
}
.house100 .circle-element span:nth-child(3):after{
  width: 4px;
  height: 28px;
  margin: -14px 0 0 -2px;
}
.house100 .circle-element span:nth-child(4){
  width: 11px;
  height: 11px;
  border-radius: 50em;
  /*left: 37%;*/
  left: calc(50% - 211px - 10%);
  margin-top: 36.5%;
}
.house100 .circle-element span:nth-child(5){
  background: #fff;
  border-radius: 50em;
  width: 13px;
  height: 13px;
  /*left: 62%;*/
  left: calc(211px + 51%);
  margin-top: 75%;
  border: 3px solid var(--blue-color);
}
.house100 .circle-element span:nth-child(4):after,
.house100 .circle-element span:nth-child(5):after{
  display: none;
}
.house100 + .btn{
  position: absolute;
  top: calc(50% + 306px);
  left: 50%;
  transform: translate3d(-50%,30px,0);
  opacity: 0;
  transition: opacity 300ms 0ms var(--cubic), transform 300ms 0ms var(--cubic);
  pointer-events: none;
}
.fadein .house100 + .btn{
  opacity: 1;
  transform: translate3d(-50%,0,0);
  transition: opacity 300ms 1500ms var(--cubic), transform 300ms 1500ms var(--cubic);
  pointer-events: auto;
}
.testimonial-top{
  /*width: 69.7%;*/
  width: 1338px;
  max-width: 90%;
  margin: 0 auto 100px;
}
.testimonial-block{
  border-radius: var(--sm-border-radius);
  background: #fff;
  box-shadow: 0 5px 23px rgba(0, 0, 0, .09);
  padding: 22px 33px;
  text-align: left;
}
.testimonial-top .testimonial-block .video-player{
  flex: 1 0 52%;
  position: relative;
  padding-top: 29.25%;
}
.testimonial-top .testimonial-block .video-player iframe{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.testimonial-top .testimonial-block{
  border-radius: calc(var(--sm-border-radius) * 2);
  box-shadow: 0 13px 30px rgba(0, 0, 0, .09);
  padding: 45px 52px;
  display: flex;
}
.testimonial-top .testimonial-block .testimonial-content{
  padding: 0 0 0 42px;
}
.testimonial-name .name{
  font-size: var(--font-size);
  font-weight: bold;
}
.testimonial-name .other-info{
  font-size: calc(var(--font-size) * 0.85);
  font-weight: bold;
}
.testimonial-info{
  padding-bottom: 44px;
  display: flex;
  align-items: center;
}
.testimonial-info .profile-img{
  width: 89px;
  flex: 0 0 89px;
  margin-right: 20px;
  height: 89px;
  border-radius: 50em;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.testimonial-msg-block{
  line-height: 2;
  position: relative;
}
.testimonial-top .testimonial-msg-block{
  font-size: 23px;
  padding: 12px 44px;
}
.testimonial-msg-block:before, .testimonial-msg-block:after{
  position: absolute;
  content: '';
  width: 16px;
  height: 16px;
}
.testimonial-msg-block:before{
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/quote_lt.png) center center no-repeat;
  background-size: contain;
  top: 0;
  left: 0;
}
.testimonial-msg-block:after{
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/quote_rt.png) center center no-repeat;
  background-size: contain;
  right: 0;
  bottom: 0;
}
.testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after{
  width: 26px;
  height: 26px;
}
.testimonials-list{
  position: relative;
  max-width: 95%;
  width: 1606px;
  margin-bottom: 100px;
  overflow: visible;
  height: 42vw;
  max-height: 806px;
  margin-left: auto;
  margin-right: auto;
}
.testimonials-list .swiper-wrapper{
  position: absolute;
  z-index: 2;
}
.swiper-slide .testimonial-block{
  padding: 33px;
}
.swiper-slide .testimonial-info{
  padding-bottom: 24px;
  margin-top: -52px;
  align-items: flex-end;
}
.swiper-slide .testimonial-msg-block{
  padding: 5px 25px;
  font-size: 19px;
  line-height: 1.7;
}
.testimonials-list .swiper-slide{
  padding-top: 20px;
  width: 426px;

  position: absolute;
  height: auto;
}
.testimonial-center-logo{
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.testimonials-list .swiper-slide:nth-child(1){
  top: 0;
  left: 0;
}
.testimonials-list .swiper-slide:nth-child(2){
  top: 0;
  right: 0;
}
.testimonials-list .swiper-slide:nth-child(3){
  bottom: 0;
  left: 0;
}
.testimonials-list .swiper-slide:nth-child(4){
  bottom: 0;
  right: 0;
}
.testimonial-center-logo .circle1{
  max-width: 612px;
  max-height: 612px;
  background: rgba(44,182,231,.4);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50em;
  position: relative;

  width: calc(90vw - 882px);
  height: calc(90vw - 882px);

  transform: scale(0);
  transition: transform 1200ms var(--cubic);
}
.testimonial-center-logo .circle2{
  background: #2AB6E7;
  width: 88.56%;
  height: 88.56%;
  box-shadow: 0 22px 84px rgba(129,205,231,1);
  border-radius: 50em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0);
  transition: transform 1200ms var(--cubic);
}
.testimonial-center-logo .circle3{
  width: 75.25%;
  height: 75.25%;
  background: #fff;
  border-radius: 50em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0);
  overflow: hidden;
  transition: transform 2000ms var(--cubic);
}
.testimonial-center-logo .circle3 img{
  width: 75%;
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0);
  transition: transform 1200ms var(--cubic);
}
.testimonials-list.active .testimonial-center-logo .circle1{
  transform: scale(1);
}
.testimonials-list.active .testimonial-center-logo .circle2,
.testimonials-list.active .testimonial-center-logo .circle3,
.testimonials-list.active .testimonial-center-logo .circle3 img{
  transform: translate3d(-50%, -50%, 0) scale(1);
}

.full-screen-banner.for-map{
  background-color: var(--blue-color);
  padding-top: 50.36%;
}
.map-info-block{
  position: absolute;
  left: 7%;
  top: 52%;
  transform: translate3d(0, -50%, 0);
  background: #fff;
  border-radius: var(--sm-border-radius);
  padding: 20px;
  box-shadow: 0 17px 47px rgba(0,0,0,.06);
  min-height: 80%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  min-width: 34%;
}
.map-grahpic{
  position: absolute;
  top: 0;
  right: 0;
  width: 63.69%;
  height: 100%;
  z-index: 3;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.family-count-block{
  font-size: 55px;
  font-weight: 900;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.family-count-block:before{
  position: relative;
  width: 55px;
  height: 55px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/pin.png) center center no-repeat;
  background-size: contain;
  content: '';
  display: inline-block;
  margin-top: 5px;
}
.map-info-block .top{
  margin-bottom: 50px;
}
.map-info-block .top p,
.map-info-block .bottom .content-block p{
  font-size: calc(var(--font-size) * 2);
  font-weight: bold;
  line-height: 1.2;
}
.map-info-block .bottom{
  padding: 42px 0;
  position: relative;
}
.map-info-block .bottom:after{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
  width: 120px;
  height: 8px;
  border-radius: 50em;
  content: '';
}
.color-orange .map-info-block .bottom:after{
  background: var(--orange-color);
}
.map-info-block .bottom .content-block .highlight{
  font-size: 55px;
  font-weight: 900;
  line-height: 1.3;
}
.color-orange .map-info-block .highlight{
  color: var(--orange-color);
}
.color-orange .map-info-block .bottom .remark{
  font-size: var(--font-size);
  line-height: 1.5;
  font-weight: bold;
  margin-top: 30px;
}

.news-lists{
  display: flex;
  justify-content: space-between;
  grid-gap: 0 1.21%;
  width: 1487px;
  max-width: 90%;
  margin: 0 auto 60px;
}
.news-list{
  border: 1px solid #C9C9C9;
  background: #fff;
  flex: 0 1 33%;
  display: flex;
  transform: translate3d(0, 0, 0);
  transition: transform 300ms var(--cubic);
}
.news-list:hover{
  transform: translate3d(0, -5px, 0);
}
.news-image{
  flex: 0 0 47%;
  padding-top: 47%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.news-content{
  padding: 18px 25px 10px;
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.news-content .title{
  font-size: var(--font-size);
  font-weight: bold;
  line-height: 1.4;
  display: -webkit-box;
    
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.news-content .by{
  display: flex;
  align-items: center;
  font-size: 15px;
}
.news-content .by .media-logo{
  flex: 0 0 60px;
  height: 50px;
  margin-right: 8px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.news-content .by .media-name{
  margin-top: -2px;
}
.media-lists{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  grid-gap: 27px 60px;
  width: 1332px;
  max-width: 80%;
  margin: 30px auto 100px;
}
.media-list{
  flex: 0 1 6.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.media-list.bigger1{
  flex: 0 1 8%;
}
.steps-block{
  display: flex;
  grid-gap: 0 90px;
  max-width: 90%;
  width: 1327px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}
.step-block{
  display: flex;
  margin: 61px 0;
  flex: 0 0 calc(33% - 30px);
  background: #fff;
  justify-content: center;
  padding: 0 28px;
}
.step-block .step-bullet{
  background: var(--orange-color);
  border-radius: 50em;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  width: 80px;
  height: 80px;
  flex: 0 0 80px;
  color: #fff;
  line-height: 73px;
}
.step-content{
  text-align: left;
  padding:10px 0 10px 24px;
  position: relative;
}
.step-content .title{
  font-size: 37px;
  font-weight: bold;
}
.step-content .description{
  font-size: var(--font-size);
  font-weight: bold;
  margin: 11px 5px;
}
.steps-block:after{
  position: absolute;
  width: 100%;
  height: 5px;
  background: #D5D5D5;
  z-index: -1;
  content: '';
  top: 97px;
}
#sec17 .full-screen-banner:before,
#sec17 .full-screen-banner:after
{
  clip-path: none;
}
#sec0.services .full-screen-banner:before
{
  display: none;
}
.services-block{
  max-width: 85%;
  width: 1298px;
  display: flex;
  grid-gap: 0 40px;
  /*margin: -100px auto 100px;*/
  margin: 0 auto 100px;
  z-index: 3;
  position: relative;
}
:not(.description) + .services-block{
  margin-top: -40px;
  margin-bottom: -40px;
}
.service-block{
  border-radius: 23px;
  background: #fff;
  box-shadow: 0 8px 27px rgba(0,0,0,.04);
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  padding: 22px 33px;
  align-items: center;
  transform: translate3d(0, 0, 0);
  transition: transform 300ms var(--cubic);
}
.service-block:hover{
  transform: translate3d(0, -10px, 0);
}
.service-block .icon{
  width: 100%;
  padding-top: 100%;
  margin-bottom: 44px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 50em;
  overflow: hidden;
}
.service-block .title{
  font-size: 32px;
  font-weight: bold;
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  letter-spacing: 3px;
}
.service-block:after{
  position: relative;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/arrow_lt_orange.png) no-repeat;
  background-size: cover;
  width: 34px;
  padding-top: 34px;
  margin: 55px auto 22px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  content: '';
}
.full-screen-banner.center-title{
  padding-top: 25.36%;
}
.full-screen-banner.center-title .section-title{
  font-size: calc(var(--font-size) * 3);
  color: #fff;
  flex: 1 1 auto;
  margin: 0 auto;
}
.full-screen-banner.center-title .section-description{
  font-size: calc(var(--font-size) * 1.5);
  color: #fff;
  flex: 1 1 auto;
  margin: 60px auto 0;
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translate3d(-50%,0,0);
  width: 100%;
}
.full-screen-banner.center-title .section-title,.full-screen-banner.center-title .section-description{
  /* padding-right: 0; */
}
.full-screen-banner.center-title .title{
  background: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
  color: #fff;
  width: auto;
  height: auto;
  display: block;
}
.discounts-block{
  width: 1489px;
  max-width: 90%;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 auto 116px;
  gap: 27px 33px;
}
.discount-block{
  position: relative;
  width: 100%;
}
.discount-block > div{
  position: relative;
  width: 100%;
  padding-top: 52%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  box-shadow: 0 7px 13px rgba(0,0,0,.13);
  transform: translate3d(0, 0, 0);
  transition: transform 300ms var(--cubic), box-shadow 300ms var(--cubic);
}
.discount-block .title{
  padding: 14px 22px;
  font-size: var(--font-size);
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  letter-spacing: .5px;
}
.discount-block:hover{
  transform: translate3d(0, -5px, 0);
  /* box-shadow: 0 12px 13px rgba(0,0,0,.13); */
}
.knowledge-tags{
  display: flex;
  grid-gap: 0 24px;
  margin: 0 auto;
  justify-content: center;
  max-width: 90%;
  width: 1489px;
}
.knowledge-tags .knowledge-tag{
  min-width: auto;
  height: 55px;
}
.knowledge-tags .knowledge-tag.btn div{
  font-size: 25px;
  height: 55px;
  line-height: 48px;
}
.knowledges-block{
  width: 1489px;
  max-width: 90%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 58px auto 116px;
  gap: 70px 2%;

}
.knowledge-block{
  transform: translate3d(0, 0, 0);
  transition: transform 300ms var(--cubic);
}
.knowledge-block:hover{
  transform: translate3d(0, -5px, 0);
}
.knowledges-block .image{
  position: relative;
  width: 100%;
  padding-top: 53%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.knowledges-block .title{
  padding: 14px 22px;
  font-size: var(--font-size);
  font-weight: bold;
  line-height: 1.3;
  text-align: left;
  letter-spacing: .5px;
}

.partners-block{
  max-width: 85%;
  width: 1487px;
  margin: 0 auto 67px;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 0 4.539%;
}
.partners-block .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block + .partner-block{
  display: none;
}
.partners-block.showAll .partner-block{
  display: block !important;
}
.partners-block + a.btn div + div{
  display: none;
}
.partners-block.showAll + a.btn div:nth-child(1){
  display: none;
}
.partners-block.showAll + a.btn div:nth-child(2){
  display: block;
}
.faqs-block{
  width: 1039px;
  max-width: 85%;
  text-align: left;
  margin: 0 auto;
  padding-bottom: 82px;
}
.faq-block{
  background: #D1E1E3;
  border-radius: var(--sm-border-radius);
  font-size: 25px;
  font-weight: bold;
  position: relative;
  overflow: hidden;
}
.faq-block .faq-q{
  padding: 0 37px;
  flex: 1 1 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 100%;
  cursor: pointer;
}
.faq-block .faq-q .title{
  overflow: hidden;
  /*white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;*/
  flex: 1 1 auto;
  padding: 19px 37px 19px 0;
  line-height: 1.3;
}
.faq-block.open .faq-q .title{
  /*white-space: normal;*/
}
.faq-block .faq-q:after{
  position: relative;
  width: 40px;
  height: 40px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_arrow_down.png) no-repeat;
  background-size: contain;
  content: '';
  flex: 0 0 40px;
  transform-origin: center center;
  transform: translate3d(0, 0, 0);
  transition: transform 100ms;
}
.faq-block.open .faq-q:after{
  transform: rotate(180deg);
}
.faq-block .faq-a{
  display: none;
}
.faq-block.open .faq-a{
  font-size: 18px;
  padding: 20px 37px 30px;
  line-height: 1.9;
  font-weight: 400;
  background: #e1f0f1;
  display: block;
}
.faq-block.open .faq-a a{
  display: inline-block;
  color: var(--blue-color);
  text-decoration: underline;
}
.faq-block:not(:last-child){
  margin-bottom: 18px;
}

.backtotop{
  text-align: center;
  margin: 52px auto;
}


footer{
  color: #fff;
  position: relative;
  width: 100%;
  background-color: #616161;
}
.footer-top{
  padding: 42px 67px 42px 133px;
  display: flex;
  flex-wrap: wrap;
}
.footer-lt .top{
  display: flex;
  align-items: center;
}
.footer-lt .top .logo-codecohk img{
  width: 231px;
}
.footer-lt .top .lang-dropdown{
  margin-left: 125px;
}
.footer-lt, .footer-rt{
  padding-bottom: 0;
}
.footer-lt{
  flex: 1 1 auto;
  margin-right: 67px;
}
.footer-rt{
  padding-top: 127px;
  flex: 0 0 340px;
}
.footer-top .sitemap{
  display: flex;
  grid-gap: 41px 29px;
  flex-wrap: wrap;
  font-weight: bold;
  padding: 52px 0 58px;
}
.footer-top .sitemap-block, .footer-top .contact-list{
  flex: 0 0 21%;
}
.footer-top .sitemap-block .main-category{
  font-size: 25px;
}
.footer-top .sitemap-block .sub-categorys{
  padding: 11px 0;
  display: flex;
  flex-direction: column;
  grid-gap: 2px 0;
}
.footer-top .sitemap-block .sub-category{
  font-size: var(--font-size);
  font-weight: normal;
}
.footer-top .sitemap-block .sub-category:hover{
  color: var(--orange-color);
}
.footer-top .contact-lists{
  display: flex;
  grid-gap: 41px 29px;
  flex-wrap: wrap;
}
.footer-top .contact-lists .contact-title{
  font-weight: bold;
  margin-bottom: 7px;
  font-size: 19px;
}
.footer-top .contact-lists [class^="ic-"]{
  padding-left: 32px;
  position: relative;
  margin-bottom: 11px;
  line-height: 22px;
}
.footer-top .contact-lists [class^="ic-"]:after{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 22px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 22px;
}
.footer-top .contact-lists .ic-tel:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_ft_tel.png);
}
.footer-top .contact-lists .ic-time:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_ft_time.png);
}
.footer-top .contact-lists .ic-address:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_ft_address.png);
}
.footer-top .contact-lists .ic-form:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_ft_form.png);
}
.footer-top .contact-lists .ic-mail:after{
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_ft_email.png);
}
.footer-rt > div .title{
  font-size: 29px;
  font-weight: bold;
  color: #fff;
}
.footer-rt .downloadapp-block .app-links{
  display: flex;
  grid-gap: 0 19px;
  margin-top: 15px;
}
.footer-rt .downloadapp-block .app-btns{
  display: flex;
  flex-direction: column;
  justify-content: center;
  grid-gap: 19px 0;
}
.footer-rt .downloadapp-block .app-qrcode{
  flex: 0 0 44%;
  padding-top: 44%;
  background-repeat: no-repeat;
  background-size: contain;
}
.footer-rt > div + div{
  margin-top: 43px;
}
.footer-rt .sns-block{
  padding-top: 21px;
  display: flex;
  grid-gap: 0 18px;
}
.footer-top .highlight-links{
  display: flex;
  grid-gap: 0 25px;
}
.footer-top .highlight-links > a.btn{
  width: 197px;
  min-width: 150px;
  border-radius: 50em;
  font-size: var(--font-size);
  font-weight: bold;
  text-align: center;
  display: block;
  height: 60px;
  line-height: 58px;
}
.footer-top .highlight-links > a.btn div{
  height: 60px;
  line-height: 58px;
  font-size: 23px;
}
.footer-top .highlight-links > a.btn.orange-btn{
  color: #fff;
  background: var(--orange-color);
}
.footer-top .subscribe-block{
  padding: 0 0 30px;
  flex: 1 1 100%;
  /* margin-top: -60px; */
}
.footer-top .subscribe-block .title{
  font-size: 23px;
  margin-bottom: 13px;
  color: #fff;
}
.footer-top .subscribe-block .input-block{
  display: flex;
}
.footer-top .subscribe-block input{
  max-width: 50%;
  width: 446px;
  font-size: 23px;
  color: #000;
  height: 56px;
  line-height: 56px;
  padding: 0 26px;
}
.footer-top .subscribe-block input::placeholder{
  color: #979797;
}
.footer-top .subscribe-block button{
  border-radius: 0;
  outline: none;
  height: 56px;
  color: #fff;
  text-align: center;
  padding: 0 20px;
  line-height: 56px;
  max-width: 21%;
  width: 146px;
  font-size: 23px;
  background: var(--blue-color);
  cursor: pointer;
  filter: brightness(1.0);
  transition: filter 100ms linear;
}
.footer-top .subscribe-block button:hover{
  filter: brightness(1.1);
}
.footer-bottom{
  background: #303030;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  height: 67px;
  align-items: center;
  padding: 0 67px 0 133px;
  font-size: 19px;
  grid-gap: 0 10px;
}
.footer-bottom > *{
  position: relative;
}
.footer-bottom > *:not(:last-child){
  padding-right: 20px;
}
.footer-bottom > *:not(:last-child):after{
  width: 1px;
  background: #ccc;
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  top: 50%;
  right: 5px;
  transform: translate3d(0, -50%, 0);
}
.revamp section{
  opacity: 0;
  transform: translateY(5vh);
  transition: transform 1500ms var(--cubic), opacity 600ms var(--cubic2);
}
.revamp section.active{
  opacity: 1;
  transform: translateY(0);
}

.desktop-revamp{
  display: inline-block;
}
.mobile-revamp{
  display: none;
}
.protect-timeline .bg-elements{
  contain: layout;
}
.cards-col-4-m2 .bg-elements{
  contain: layout;
}

.lang-dropdown{
  cursor: pointer;
  position: relative;
}
.current-lang{
  padding-right: 24px;
  position: relative;
  font-size: 24px;
}
.current-lang:after{
  position: absolute;
  top: 13px;
  right: 0;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 8px 0 8px;
  border-color: #fff transparent transparent transparent;
}
.lang-dropdown-lists{
  position: absolute;
  display: none;
  z-index: 1;
  background: #333;
  padding: 11px 0;
  font-size: var(--font-size);
  border-radius: var(--sm-border-radius);
  left: 5px;
}
.lang-option {
  white-space: nowrap;
  padding-top: 3px;
  font-size: 20px;
}
.lang-dropdown:hover .lang-dropdown-lists{
  display: block;
}
.tooltips .tips{
  position: absolute;
  z-index: 1;
  width: 220px;
  font-size: 14px;
  text-align: left;
  padding: 11px 16px 14px;
  background: #eee;
  border-radius: var(--sm-border-radius);
  /* left: 0; */
  display: none;
  top: 20px;
  font-weight: normal;
  width: 100%;
  min-width: 220px;
  max-height: 130px;
  overflow: hidden;
  overflow-y: auto;
}
.tooltips .tips a{
  text-decoration: underline;
  color: var(--blue-color);
}
.protect-timeline .timeline-card-slide .tooltips .tips{
  /* right: 0; */
}
.tooltips:hover .tips{
  display: block;
}
/*.protect-timeline .timeline-card-slide:nth-child(even) .tips{
  left: 0;
  right: auto;
}*/
.seo-sm-block{
  margin-top: 50px;
  color: #666;
  background: #f2f2f2;
}
.seo-title{
  padding: 14px 30px;
  cursor: pointer;
  font-size: 17px;
}
.seo-msg{
  display: none;
  padding: 25px 30px 30px;
  text-align: left;
  line-height: 1.3;
  border-top: 1px solid #ddd;
}
.seo-sm-block.open .seo-msg{
  display: block;
}

.home-calculator{
  max-width: 90%;
  width: 1400px;
  margin: 0 auto;
}
.cal-fields{
  display: flex;
  justify-content: center;
  text-align: center;
  grid-gap: 0 33px;
  margin-bottom: 35px;
}
.cal-field{
  border-radius: var(--sm-border-radius);
  background: #f6f6f6;
  padding: 42px;
  flex: 0 0 31%;
}
.cal-field .title{
  font-size: 26px;
  font-weight: bold;
  padding-bottom: 42px;
}
.cal-field .cal-input-bar{
  font-size: 36px;
  font-weight: bold;
  background: #fff;
  border-radius: 50em;
  width: 230px;
  height: 60px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto 30px;
}
.cal-field .cal-input-bar .btn-prev,
.cal-field .cal-input-bar .btn-next{
  cursor: pointer;
  width: 46px;
  height: 46px;
  margin: 0 7px;
  border-radius: 50em;
  background: var(--blue-color) url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/btn_arrow_blue.png) center center no-repeat;
  background-size: cover;
  filter: brightness(1.0);
}
.cal-field .cal-input-bar .btn-prev{
  transform: rotate(180deg);
  transform-origin: center center;
}
.cal-field .cal-input-bar .btn-prev:hover,
.cal-field .cal-input-bar .btn-next:hover{
  filter: brightness(1.1);
}
.h-cal-value{
  margin-top: -2px;
}
.h-cal-value input{
  width: 80px;
  text-align: center;
  background: transparent;
}
.home-calculator-container .cal-checkboxes{
  padding: 50px 57px;
  margin-bottom: 40px;
}
.cal-checkbox{
  text-align: left;
  font-size: 26px;
  font-weight: bold;
}
.cal-checkbox + .cal-checkbox{
  margin-top: 28px;
}
.cal-checkbox input{
  display: none;
}
.cal-checkbox input + label{
  /*padding-left: 50px;*/
  display: flex;
  align-items: center;
  cursor: pointer;
}
.cal-checkbox input + label:before{
  content: '';
  border: 1px solid #9CB7BB;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  margin-right: 24px;
  background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_tick.png);
  background-position: center center;
  background-repeat: no-repeat;
}
.cal-checkbox input:checked + label:before{
  background-color: var(--blue-color); 
  border: 1px solid var(--blue-color); 
  background-size: contain;
}
.h-cal-result-block{
  width: 644px;
  max-width: 80%;
  margin: 0 auto;
  display: none;
}
.home-calculator-container.show-result .h-cal-result-block{
  display: block;
}
.home-calculator-container.show-result .h-cal-result-block + a{
  display: none;
}
.cal-result-bar{
  border: 1px solid #D3D3D3;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding: 30px 50px;
  margin-bottom: 23px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-weight: bold;
}
.cal-result-bar .label{
  color: var(--blue-color);
  font-size: 21px;
}
.h-cal-result-block a.cal-again{
  color: var(--blue-color);
  display: inline-flex;
  font-size: 24px;
  margin: 0 auto 23px;
  align-items: center;
  font-weight: bold;
  filter: brightness(1.0);
}
.cal-title{
  background-color: var(--blue-color);
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 5px;
  font-size: 22px;
}
.h-cal-result-block a.cal-again:before{
  content: '';
  width: 30px;
  height: 30px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_refresh.png) center center no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.h-cal-result-block a.cal-again:hover{
  filter: brightness(1.1);
}
.cal-result-bar .lable{
  color: var(--blue-color);
  font-size: 21px;
}
.cal-result-bar .amount{
  font-size: 28px;
}
.home-calculator-container .remark{
  margin-top: 54px;
}
section.banner a{
  max-width: 90%;
  width: 1039px;
  margin: 0 auto;
  display: block;
}
section.banner{
  padding-bottom: 100px;
}
.trigger-line{
  /*border: 1px solid #000;*/
}
.spacing-50{
  height: 50px;
  display: block;
  width: 100%;
  position: relative;
}
.spacing-100{
  height: 100px;
  display: block;
  width: 100%;
  position: relative;
}
.remark a{
  color: var(--blue-color);
}
.ebook-banner{
  max-width: 80%;
  width: 1440px;
  margin: 0 auto 10em;
  position: relative;
  display: block;
  min-width: 320px;
}
.app-promotion{
  max-width: 90%;
  margin: 0 auto;
  width: 1280px;
}
.app-promotion .app-btns{
  display: flex;
  justify-content: center;
}
.app-promotion .app-btns a.app-btn{
  flex: 0 0 210px;
  max-width: 36vw;
  margin-right: 0;
}
.app-promotion .app-btns a.app-btn + .app-btn{
  margin-left: 40px;
}
.nohover{
  pointer-events: none;
}
.app-promotion .big-keyword{
  font-size: 36px;
  font-weight: bold;
  padding: 30px;
  letter-spacing: .25em;
  display: flex;
  justify-content: center;
  position: relative;
}
.app-promotion .big-keyword div + div{
  padding-left: 35px;
  position: relative;
  display: flex;
  align-items: center;
}
.app-promotion .big-keyword div + div:before{
  position: relative;
  content: '';
  width: 12px;
  height: 12px;
  background-color: var(--orange-color);
  transform: rotate(45deg);
  margin-right: 41px;
}
.app-promotion .center-image{
  margin-top: -150px;
  z-index: -1;
  position: relative;
}
.app-promotion .center-video{
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}
.app-promotion .center-video video{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.popup{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.3);
}
.popup-old-theme .popup-block{
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  background-color: #fff;
  position: absolute;
  width: 490px;
  max-width: 95%;
  padding:40px 68px 20px;
  border-radius: 8px;
  border:1px solid #979797;
  box-shadow: 0 10px 25px rgba(0,0,0,.1);
  max-height: 95%;
  overflow: hidden;
  overflow-y: auto;
}
.popup-old-theme .popup-block .title{
  text-align: center;
  font-size: 23px;
  font-weight: bold;
  padding-bottom: 32px;
}
.popup-form-field{
  padding-bottom: 13px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.popup-form-field.input-col-half{
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.popup-form-field .input-field input{
  -webkit-appearance:none;
  appearance: none;
  border: 1px solid #A8A8A8;
  border-radius: 8px;
  background-color: #fff;
  height: 44px;
  line-height: 45px;
  padding:0 22px;
  width: 100%;
  font-size: 16px;
}
.popup-form-field .input-field > *::placeholder{
  font-size: 16px;
  color: #979797;
}
.popup-form-field.input-col-half .input-field{
  flex: 0 1 calc(50% - 8px);
}
.popup-form-field.input-col-full .input-field{
  flex: 1 1 auto;
}
.popup-form-field .input-field input[type="radio"]{
  display: none;
}
.popup-form-field .input-field.mrmrsms label:before{
  content: '';
  width: 13px;
  height: 13px;
  border-radius: 50em;
  padding: 0;
  margin-right: 3px;
  margin-top: 3px;
  position: relative;
  border:1px solid #979797;
}
.popup-form-field .input-field.mrmrsms{
  display: flex;
  align-items: center;
}
.popup-form-field .input-field.mrmrsms label{
  font-size: 13px;
  position: relative;
  display: flex;
  cursor: pointer;
}
.popup-form-field .input-field.mrmrsms label:not(:nth-child(1)){
  margin-left: 10px;
}
.popup-form-field .input-field.mrmrsms input[type="radio"]:checked + label:after{
  content: '';
  position: absolute;
  top: 5px;
  left: 2px;
  width: 9px;
  height: 9px;
  background-color: #2AB9EB;
  border-radius: 50em;
}
.popup-form-field .input-field textarea{
  width: 100%;
  border: 1px solid #A8A8A8;
  border-radius: 8px;
  background-color: #fff;
  padding:10px 22px;
  font-size: 16px;
  resize: vertical;
}
.popup-form-field .input-field input[type="file"]{
  display: none;
}
.popup-form-field .input-field .label-file-upload{
  padding: 0 16px;
  border-radius: 8px;
  background-color: #D8D8D8;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  float: left;
  cursor: pointer;
  filter: brightness(1.0);
  margin-top: 5px;
}
.popup-form-field .input-field .label-file-upload:hover{
  filter: brightness(1.05);
}
#file-upload + .msg{
  line-height: 40px;
  padding-left: 15px;
  float:left;
  font-size: 14px;
}
.popup-form-field .remark{
  display: block;
  flex: 1 0 100%;
}
.popup-form-field .remark.error{
  color:red;
  font-size: 12px;
}
.popup-form-field .tnc .msg{
  float: left;
  font-size: 14px;
  padding-top: 5px;
}
.popup-form-field .submit-btn, .popup-form-field .popup-btn{
  min-width: 160px;
  height: 51px;
  text-align: center;
  margin:20px auto 8px;
  border:0;
  color:#fff;
  font-size: 21px;
  font-weight: bold;
  border-radius: 18px;
  background-color: #2AB9EB;
  cursor: pointer;
  filter: brightness(1.0);
  line-height: 51px;
  padding:0 40px;
}
.popup-form-field .submit-btn:hover{
  filter: brightness(1.05);
}
.popup-form-field .input-field input[type="checkbox"]{
  display: none;
}
.popup-form-field .input-field input[type="checkbox"] + label{
  position: relative;
  cursor: pointer;
}
.popup-form-field .input-field input[type="checkbox"] + label:before{
  content: '';
  width: 16px;
  height: 16px;
  float: left;
  padding: 0;
  border-radius: 0;
  margin-top: 2px;
  margin-right: 5px;
  line-height: 1;
  border:1px solid #979797;
}
.popup-form-field .input-field input[type="checkbox"]:checked + label:before{
  background-color: #2AB9EB;
  border-color: #2AB9EB;
}
.popup-form-field .input-field input[type="checkbox"]:checked + label:after{
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  top: 8px;
  left: 1px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_tick.png);
  background-size: contain;
}
.popup-form-field .back-btn{
  text-align: center;
  margin:10px auto;
  font-size: 15px;
  color:#C3C3C3;
}
.popup-form-field input, .popup-form-field textarea{
  outline: none;
}
.popup-block .description{
  text-align: center;
}
.popup-block .icon.done{
  width: 73px;
  height: 73px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/popup_done.png);
  background-size: contain;
  margin:0 auto 10px;
}
.popup-block .icon + .title{
  padding-bottom: 16px;
}

.steppers{
  margin: 30px auto 50px;
}
.stepper{
  display: flex;
  justify-content: center;
  position: relative;
}
.stepper:after{
  width: calc(270px + 315px);
}
/* .stepper:after{
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(270px + 315px);
  height: 1px;
  background: #D1D1D1;
  transform: translate(-50%, -50%);
  z-index: -1;
} */
.stepper span{
  width: 45px;
  height: 45px;
  line-height: 41px;
  text-align: center;
  border:1px solid #D1D1D1;
  border-radius: 50em;
  background-color: #fff;
  margin:0 35px;
  font-size: 19px;
  display: block;
}
.stepper span.current{
  background-color: var(--orange-color);
  color:#fff;
  font-weight: bold;
  border-color: var(--orange-color);
}

.bg-elements + .full-screen-banner{
  z-index: 1;
}
.noHousePercent .timeline-body{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.noHousePercent .timeline .sticky-house{
  position: relative;
  max-width: none;
  flex: 0 0 100%;
  order: 8;
  top: auto;
  margin:-50px 0 150px;
}
.noHousePercent .timeline .sticky-house .section-title{
  padding-top: 0;
}
.noHousePercent .protect-timeline .bg-elements{
  top: calc(1920px * .55);
}
.noHousePercent .protect-timeline .bg-elements span:nth-child(1),
.noHousePercent .protect-timeline .bg-elements span:nth-child(2),
.noHousePercent .protect-timeline .bg-elements span:nth-child(3){
  transform: scale(.75);
}
.noHousePercent .protect-timeline .bg-elements span:nth-child(3){
  top: 50%;
}
.noHousePercent .timeline-card-slide{
  flex: 0 1 34%;
  margin:0 0 100%;
  max-width: none;
  margin-bottom: 100px;
  position: relative;
  top: auto;
}
.noHousePercent .timeline-card-slide:after, .noHousePercent .timeline-card-spacing,
.noHousePercent .fadein .timeline-card-slide:before{
  display: none;
}
.noHousePercent .timeline-body:after{
  order: 7;
  width: auto;
  flex: 0 0 34%;
  height: 0;
}
.noHousePercent .timeline-card-slide:nth-child(2){
  order: 1;
}
.noHousePercent .timeline-card-slide:nth-child(3){
  order: 2;
}
.noHousePercent .timeline-card-slide:nth-child(4){
  order: 3;
}
.noHousePercent .timeline-card-slide:nth-child(5){
  order: 5;
}
.noHousePercent .timeline-card-slide:nth-child(6){
  order: 6;
}

/* ver.B */
.guarant-card{
  display: flex;
  margin:0 auto;
  align-items: center;
}
.guarant-card .graphic-house{
  order: 2;
  flex:0 0 44%;
  max-width: 400px;
  opacity: 0;
}
.guarant-card .content{
  order: 1;
  text-align: left;
  flex:1 1 auto;
  padding-right: 30px;
}
.guarant-card .top{
  display: flex;
  margin-bottom: 30px;
}
.guarant-card .top .lt{
  margin-right: 15px;
}
.guarant-card .top .lt .number{
  width: 45px;
  height: 45px;
  font-size: 27px;
  font-weight: bold;
  color: white;
  background-color: var(--orange-color);
  border-radius: 50em;
  text-align: center;
  line-height: 42px;
}
.guarant-card .top .rt .label{
  color: var(--orange-color);
  font-size: 36px;
  font-weight: bold;
  line-height: 42px;
}
.guarant-card .top .rt .title{
  font-size: 30px;
  font-weight: bold;
  color: var(--black-color);
}
.guarant-card .text-content{
  padding-left: 62px;
}
.guarant-card .text-content .points{
  font-size: 18px;
}
.guarant-card .text-content .points li{
  position: relative;
}
.guarant-card .text-content .points li:before{
  position: absolute;
  top: 12px;
  left: -15px;
  content: '';
  width: 5px;
  height: 5px;
  border-radius: 50em;
  background-color: var(--black-color);
}
.guarant-card a{
  margin-top: 30px;
  color: #aaa;
  display: inline-block;
  margin-left: 62px;
  font-size: 16px;
}
.arrow3{
  width: 116px;
  height: 59px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/arrow3.png) center center no-repeat;
  background-size: contain;
}
.guarant-cards + .arrow3{
  margin:0 auto;
}
.guarant-card a:after{
  content: '';
  width: 24px;
  height: 24px;
  background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ic_arrow_down.png) no-repeat;
  background-size: contain;
  transform: rotate(-90deg);
  opacity: 0.4;
  position: absolute;
}
.guarant-cards > .title{
  font-size: 45px;
  margin: 40px auto 50px;
}
.graphic-house-sticky{
  /*position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
  border:1px solid #000;
  pointer-events: none;*/
/*  flex:0 0 400px;*/
    position: absolute;
    top: 0;
    right: 0;
    width: 44%;
    height: 100%;
  order: 2;
  z-index: 1;
}
.graphic-house-sticky .gh-wrapper{
  /*display: flex;
  width: 900px;
  max-width: 90%;
  margin:0 auto;
  justify-content: flex-end;*/
  position: sticky;
  top: 50%;
  transform: translate3d(0, -50%, 0);
  margin-top: 200px;
  margin-bottom: -200px;
}
.graphic-house-sticky .gh-wrapper .graphic-house{
  position: relative;
}
.graphic-house-sticky .gh-wrapper .graphic-house img{
  opacity: 0;
  transition: opacity 300ms;
}
.graphic-house-sticky .gh-wrapper .graphic-house img:nth-child(1){
  opacity: 1;
}
.graphic-house-sticky .gh-wrapper .graphic-house img:not(:nth-child(1)){
  /*flex:0 0 44%;
  max-width: 400px;*/
  /*transform: translate3d(0, -50%, 0);*/
  position: absolute;
  opacity: 0;
  left: 0;
}
.for-sticky{
  position: relative;
  display: flex;
  width: 900px;
  max-width: 90%;
  margin:0 auto 50px;
  align-items: stretch;
}
.guarant-cards .graphic-house-sticky + div{
  order: 1;
  flex: 1 1 auto;
}
.min-header .logo-codecohk{
  width: 218px;
  margin: 0 18px 0 5px;
  height: 105px;
  position: relative;
  display: block;
  padding:23px;
}
.min-header .logo-codecohk .logo-video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 48.2857%;
}
.min-header .logo-codecohk .logo-video video{
  position: absolute;
  width: 100%;
  height: 100%;
}
.sticky .min-header{
  margin-top: -80px;
}
/* @media only screen and (min-width: 640px){
  .tooltips .tips{
    left: 0;
  }
} */
@media only screen and (min-width: 2560px){
  
}
@media only screen and (max-width: 1920px){
  :root{
    --font-size: 19px;  
  }
  .home-banner .text-block .title{
    font-size: 3.5vw;
  }
  .home-banner .text-block .tagline:not(:empty){
    font-size: 1.85vw;
  }
  .footer-top{
    padding: 35px 57px 22px 73px;
  }
  .footer-bottom{
    padding: 0 57px 0 73px;
    font-size: 15px;
    height: 54px;
  }
  .footer-top .highlight-links > a.btn{
    width: 177px;
    height: 50px;
    line-height: 48px;
  }
  .footer-top .highlight-links > a.btn div {
    height: 50px;
    line-height: 48px;
    font-size: 19px;
  }
  .footer-lt, .footer-rt{
    padding-bottom: 28px;
  }
  .footer-top .sitemap-block .main-category{
    font-size: 21px;
  }
  .footer-top .sitemap-block .sub-categorys{
    padding: 0 7px;
  }
  .footer-top .sitemap{
    grid-gap: 21px 18px;
    padding: 38px 0 48px;
  }
  .footer-top .contact-lists{
    grid-gap: 21px 18px;
  }
  .footer-top .subscribe-block{
    padding: 20px 0;
  }
  .footer-top .subscribe-block .title{
    font-size: 19px;
  }
  .footer-top .subscribe-block input {
    width: 346px;
    font-size: 19px;
    height: 46px;
    line-height: 46px;
    padding: 0 19px;
  }
  .footer-top .subscribe-block button{
    height: 46px;
    line-height: 46px;
    width: 108px;
    font-size: 19px;
  }
  .footer-rt > div .title{
    font-size: 24px;
  }
  .footer-lt{
    margin-right: 0;
  }
  .footer-rt > div + div {
    margin-top: 36px;
  }
  .footer-rt .sns-block {
    padding-top: 17px;
    display: flex;
    grid-gap: 0 14px;
  }
  a.sns-icon {
    width: 46px;
    height: 46px;
  }
  .footer-rt{
    flex: 0 0 320px;
    padding-top: 94px;
  }
  .footer-lt .top .logo-codecohk img{
    width: 190px;
  }
  .show-case-col5-m3 .section-cards{
    height: 60vw;
  }
  .full-screen-banner.center-title .section-title{
    padding-bottom: 30px;
  }
  .full-screen-banner.center-title .section-description{
    margin: 40px auto 0;
  }
}
@media only screen and (max-width: 1660px){
  .home-banner .text-block .title{
    font-size: 3.3vw;
  }
  .home-banner .text-block .tagline:not(:empty){
    font-size: 1.75vw;
  }
}
@media only screen and (max-width: 1600px){
  .footer-top .subscribe-block{
    margin-top: 0px;
  }
  .header-lt{
    margin-left: 2vw;
  }
  .header-rt{
    margin-right: 3vw;
  }
  .freequote-btn{
    width: 200px;
  }
  .freequote-btn-block{
    padding: 0 24px;
    font-size: 19px;
  }
  .header-lt .logo-codecohk {
    margin: 0 40px 0 0;
  }
  .header-lt nav > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
  }
  .downloadapp-icon {
    width: 60px;
    height: 60px;
    background-size: 60px 38px;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(1) {
    right: 3vw;
    bottom: 34vw;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(2) {
    left: 2vw;
    bottom: 3vw;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(3){
    right: -6vw;
    bottom: 3vw;
  }
  .family-count-block, .map-info-block .bottom .content-block .highlight{
    font-size: 45px;
  }
  .family-count-block:before {
    width: 45px;
    height: 45px;
  }
  .map-info-block .top p, .map-info-block .bottom .content-block p {
    font-size: calc(var(--font-size) * 1.6);
  }
  .map-info-block .top{
    margin-bottom: 40px;
  }
  .map-info-block .bottom{
    padding: 32px 0;
  }
  .color-orange .map-info-block .bottom .remark{
    margin-top: 20px;
  }
  .map-info-block .bottom:after{
    width: 100px;
    height: 7px;
  }
  .footer-top .sitemap-block, .footer-top .contact-list{
    flex: 0 0 23%;
  }
}
@media only screen and (max-width: 1440px){
  .header-wrapper{
    font-size: 16px;
  }
  .cta-label{
    font-size: 1em;
  }
  .home-banner .text-block .tagline:not(:empty){
    font-size: 1.70vw;
      /*padding-left: 26px;*/
      line-height: 38px;
      margin-bottom: -8px;
  }
  .home-banner .text-block .btn{
		min-width: 400px;
		max-width: 100%;
	}
  .home-banner .text-block .tagline:not(:empty):before{
    width: 4px;
    border-radius: 2px;
  }
  .home-banner .text-block .description{
    font-size: 21px;
  }
  .protect-timeline .bg-elements span:nth-child(1){
    width: 18.4%;
  }
  .protect-timeline .bg-elements span:nth-child(2){
    width: 18.8%;
  }
  .protect-timeline .bg-elements span:nth-child(3){
    width: 13.3%;
  }
  .freequote-btn{
    width: 169px;
    height: 58px;
  }
  .freequote-btn-block{
    padding: 0px 23px;
    font-size: 17px;
    margin-top: 6px;
    height: 46px;
    line-height: 45px;
  }
  .freequote-btn-block:after{
    width: 42px;
    height: 35px;
  }
  .header-rt{
    grid-gap: 0 17px;
  }
  .downloadapp-btn {
    margin-left: 6px;
  }
  .header-lt .logo-codecohk {
    width: 218px;
    margin: 0 18px 0 0;
  }
  .show-case-col5-m3 .section-cards {
    width: 84%;
  }
  .btn{
    min-width: 400px;
    height: 66px;
  }
  .cta-action-btns .btn-red {
    line-height: 64px;
  }
  .cta-action-btns .btn-blue {
    line-height: 55px;
  }
  .btn div{
    height: 66px;
    font-size: 26px;
    line-height: 60px;
  }
  *:not(.home-banner) .btn.border-blue div{
    line-height: 64px;
  }
  .full-screen-banner .title div{
    font-size: calc(var(--font-size) * 3.2);
  }
  .full-screen-banner .title-with-description .description{
    font-size: 20px;
    width: 85%;
  }
  .section-title{
    padding-bottom: 42px;
    margin: 62px auto;
  }
  .section-title-left{
    padding-bottom: 42px;
    margin: 62px auto;
    left: 12%;
  }
  .section-title:after{
    width: 100px;
    height: 7px;
  }
  .section-title-left:after{
    width: 100px;
    height: 7px;
    left: 56px;
  }
  .testimonial-info{
    padding-bottom: 35px;
  }
  .testimonial-top .testimonial-block{
    padding: 35px 40px;
  }
  .testimonial-top .testimonial-block .testimonial-content{
    padding-left: 35px;
  }
  .testimonial-top .testimonial-msg-block{
    font-size: 21px;
    padding: 10px 40px;
    line-height: 1.7;
  }
  .testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after {
    width: 24px;
    height: 24px;
  }
  .family-count-block, .map-info-block .bottom .content-block .highlight{
    font-size: 35px;
  }
  .family-count-block:before {
    width: 35px;
    height: 35px;
  }
  .map-info-block .top p, .map-info-block .bottom .content-block p {
    font-size: calc(var(--font-size) * 1.5);
  }
  .map-info-block .top{
    margin-bottom: 35px;
  }
  .map-info-block .bottom{
    padding: 35px 0;
  }
  .color-orange .map-info-block .bottom .remark{
    margin-top: 10px;
  }
  .map-info-block .bottom:after{
    width: 80px;
    height: 6px;
  }
  .map-info-block .btn{
    min-width: auto;
    width: 90%;
  }
  .steps-block{
    grid-gap: 0 60px;
  }
  .step-block{
    margin: 50px 0;
  }
  .step-block .step-bullet{
    font-size: 27px;
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    line-height: 58px;
  }
  .step-content{
    padding: 10px 0 10px 18px;
  }
  .step-content .title {
    font-size: 27px;
  }
  .steps-block:after{
    height: 4px;
    top: 77px;
  }
  .step-block{
    padding: 0 22px;
  }
  .step-content .description{
    margin: 3px 1px;
  }
  .knowledge-tags{
    grid-gap: 0 20px;
  }
  .knowledge-tags .knowledge-tag{
    height: 48px;
  }
  .knowledge-tags .knowledge-tag.btn div {
    font-size: 20px;
    height: 48px;
    line-height: 41px !important;
    padding: 0 28px;
  }
  .knowledges-block{
    margin: 48px auto 96px;
    gap: 60px 2%;
  }
  .footer-lt{
    flex: 0 1 calc(100% - 57px - 340px);
  }
  .footer-top .sitemap-block{
    flex: 0 0 23%;
  }
  .footer-lt .top .lang-dropdown {
    margin-left: 95px;
  }
  .current-lang{
    padding-right: 23px;
    font-size: 23px;
  }
  .current-lang:after{
    top: 12px;
    border-width: 11px 8px 0 8px;
  }
  .lang-dropdown-lists{
    padding: 11px 0;
  }
  .header-lt nav .haveSubLevel > a:before{
    width: 20px;
    height: 20px;
    top: 2px;
  }
  .header-lt nav .haveSubLevel > a{
    padding-right: 22px;
  }
  
  .noHousePercent .timeline-card-slide, .noHousePercent .timeline-body:after{
    flex: 0 0 45%;
  }
  .home-banner .text-block .btn{
		margin-top: 40px;
	}
}
@media only screen and (max-width: 1280px){
  :root{
    --font-size: 16px;
  }
  *:not(.home-banner) .btn.border-blue div {
    line-height: 54px;
  }
  header{
    height: 140px;
  }
  .footer-lt{
    margin-right: 20px;
  }
  .nav-container{
    top: 140px;
  }
  .full-screen-banner .title div{
    font-size: calc(var(--font-size) * 3.2);
  }
  .home-sologan-block .sologan-block{
    width: 395px;
    height: 198px;
    padding: 0px 10px;
  }
  .home-banner .text-block .btn{
    min-width: 300px;
  }
  .home-banner .sologan{
    font-size: 45px;
    padding: 0px 10px;
  }
  .home-banner .sologan:after{
    height: calc(45px * 1.2);
  }
  .freequote-btn{
    width: 149px;
    height: 50px;
  }
  .freequote-btn-block{
    padding: 0px 21px;
    font-size: 15px;
    margin-top: 5px;
    height: 42px;
    line-height: 41px;
  }
  .freequote-btn-block:after{
    width: 36px;
    height: 33px;
  }
  .header-rt{
    grid-gap: 0 13px;
    margin-right: 2vw;
  }
  .header-lt {
    margin-left: 1.5vw;  }
  .downloadapp-btn {
    margin-left: 6px;
  }
  .header-lt .logo-codecohk {
    width: 190px;
    margin: 0px 20px 0 0;
  }
  .header-lt nav .haveSubLevel:hover .nav-sub-dropdown{
    margin-top: 10px;
  }
  .haveSubLevel .nav-sub-dropdown ul{
    font-size: 15px;
    padding: 27px 35px;
  }
  .nav-sub-sub-title{
    padding: 24px 35px;
    font-size: 19px;
  }
  .haveSubLevel .sub-cate a .icon{
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
  }
  .nav-sub-sub-title > div:after{
    width: 25px;
    height: 25px;
  }
  .header-lt nav > ul {
    /*display: flex;
    flex-wrap: wrap;*/
    grid-template-columns: auto auto auto auto auto;
    gap: 9px 19px;
  }
  .full-screen-banner .title-with-description .description{
    font-size: 17px;
  }
  .show-case-col5-m3 .section-cards {
    width: 84%;
    height: 65vw;
  }
  .section-title{
    padding-bottom: 26px;
    margin: 56px auto;
    font-size: calc(var(--font-size) * 2.5);
  }
  .section-title-left{
    padding-bottom: 26px;
    margin: 56px auto;
    font-size: calc(var(--font-size) * 2.5);
  }
  .section-title:after{
    width: 90px;
  }
  .section-title-left:after{
    width: 90px;
    left: 35px;
  }
  .swiper-slide .testimonial-msg-block {
    padding: 5px 25px;
    font-size: 17px;
    line-height: 1.5;
  }
  .full-screen-banner.center-title {
    padding-top: 28.36%;
  }
  .tagline{
    font-size: 25px;
  }
  .swiper-slide .testimonial-info{
    padding-bottom: 13px;
    margin-top: -35px;
  }
  .swiper-slide .testimonial-block {
    padding: 24px 24px 18px;
  }
  div:not(.testimonial-top) .testimonial-info .profile-img{
    width: 65px;
    flex: 0 0 65px;
    margin-right: 14px;
    height: 65px;
  }
  .testimonials-list{
    height: 55vw;
  }
  .testimonials-list .swiper-slide{
    width: 30vw;
  }
  .testimonial-center-logo .circle1{
    width: calc(30vw);
    height: calc(30vw);
  }
  .testimonial-info{
    padding-bottom: 25px;
  }
  .testimonial-top .testimonial-block{
    padding: 25px 30px;
  }
  .testimonial-top .testimonial-block .testimonial-content{
    padding-left: 25px;
  }
  .testimonial-top .testimonial-msg-block{
    font-size: 20px;
    padding: 10px 34px;
  }
  .testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after {
    width: 20px;
    height: 20px;
  }
  .testimonial-info .profile-img {
    width: 75px;
    flex: 0 0 75px;
    margin-right: 14px;
    height: 75px;
  }
  .family-count-block, .map-info-block .bottom .content-block .highlight{
    font-size: 35px;
  }
  .family-count-block:before {
    width: 35px;
    height: 35px;
  }
  .map-info-block .top p, .map-info-block .bottom .content-block p {
    font-size: calc(var(--font-size) * 1.5);
  }
  .map-info-block .top{
    margin-bottom: 35px;
  }
  .map-info-block .bottom{
    padding: 35px 0;
  }
  .color-orange .map-info-block .bottom .remark{
    margin-top: 10px;
  }
  .map-info-block .bottom:after{
    width: 80px;
    height: 6px;
  }
  .map-info-block .btn{
    min-width: auto;
    width: 90%;
  }
  .news-content {
    padding: 15px 20px 6px;
  }
  .news-content .by{
    font-size: 13px;
  }
  .news-content .by .media-logo {
    flex: 0 0 39px;
    height: 36px;
    margin-right: 6px;
  }
  .news-lists{
    margin: 0 auto 60px;
  }
  .media-lists{
    margin: 20px auto 80px;
    grid-gap: 26px;
  }
  .services-block{
    grid-gap: 0 34px;
    /*margin: -75px auto 75px;*/
    margin: 0 auto 75px;  }
  .service-block .title{
    font-size: 26px;
  }
  .service-block{
    border-radius: 20px;
    padding: 20px 29px;
  }
  .step-block{
    padding: 0 18px;
  }
  .full-screen-banner.center-title .section-description{
    margin: 33px auto 0;
  }
  .step-block .step-bullet {
    font-size: 24px;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    line-height: 54px;
  }
  .step-content .title {
    font-size: 25px;
  }
  .step-content .description{
        font-size: 15px;
  }
  .footer-top .sitemap-block {
    flex: 0 1 31%;
  }
  .footer-top .sitemap {
    grid-gap: 26px 19px;
  }
  .footer-top .sitemap-block .main-category {
    font-size: 19px;
    white-space: nowrap;
  }
  .footer-top .sitemap-block .sub-categorys {
    padding: 0 0px;
  }
  .footer-rt > div .title {
    font-size: 20px;
  }
  .cal-fields{
    grid-gap: 23px;
    margin-bottom: 25px;
  }
  .cal-field{
    padding: 32px;
  }
  .cal-field .title{
    font-size: 21px;
    padding-bottom: 32px;
  }
  .cal-field .cal-input-bar{
    font-size: 30px;
    width: 194px;
    height: 46px;
    margin: 0 auto 24px;
  }
  .cal-field .cal-input-bar .btn-prev, .cal-field .cal-input-bar .btn-next {
    width: 36px;
    height: 36px;
  }
  .home-calculator-container .cal-checkboxes {
    padding: 40px 47px;
    margin-bottom: 30px;
  }
  .cal-checkbox{
    font-size: 22px;
  }
  .cal-checkbox input + label:before {
    width: 21px;
    height: 21px;
    margin-right: 19px;
  }
  .cal-checkbox + .cal-checkbox {
    margin-top: 15px;
  }
  .home-calculator-container .remark{
    margin-top: 44px;
  }
  .cal-result-bar .label{
    font-size: 18px;
  }
  .cal-result-bar .amount {
    font-size: 25px;
  }
  .cal-result-bar{
    padding: 25px 40px;
  }
  .h-cal-result-block{
    max-width: 55%;
  }
  .home-banner .text-block .description{
    font-size: 18px;
  }
  .home-banner .text-block{
    padding: 0 60px 0 90px;
  }
  /* .home-banner .text-block .btn{
    margin-top: 48px;
  } */
  .haveSubLevel .nav-sub-dropdown ul li.sub-cate.full-col a > div:after{
    width: 15px;
    height: 15px;
    right: -20px;
  }
  .app-promotion .center-image{
    margin-top: -6vw;
  }
  .app-promotion .big-keyword {
    font-size: 28px;
    font-weight: bold;
    padding: 20px;
    letter-spacing: .25em;
  }
  .app-promotion .big-keyword div + div {
    padding-left: 25px;
  }
  .app-promotion .big-keyword div + div:before {
    width: 9px;
    height: 9px;
    margin-right: 30px;
  }
  .footer-top .subscribe-block{
    margin-top: 0;
  }
  .footer-top .sitemap-block, .footer-top .contact-list {
    flex: 0 1 31%;
  }
  .stepper span{
    width: 35px;
    height: 35px;
    line-height: 30px;
    font-size: 16px;
    margin: 0 28px;
  }
  .stepper:after{
    width: calc(200px + 265px);
  }
  .guarant-cards > .title{
    font-size: 39px;
    margin:20px auto 40px;
  }

}
@media only screen and (max-width: 1150px){
  .header-lt nav > ul {
    grid-template-columns: auto auto auto auto;
    gap: 9px 19px;
  }
  .header-rt {
    grid-gap: 0 10px;
  }
  .search-btn{
    margin-right: -0.4em;
  }
  .footer-top .subscribe-block{
    margin-top: 0;
  }
  .show-case-col5-m3 .card .card-title .text {
    font-size: 16px;
  }
  .home-banner .text-block .btn{
		min-width: 300px;
		margin-top: 40px;
	}
}
@media only screen and (max-width: 1024px){
  .full-screen-banner {
    padding-top: 46.14%;
  }
  .house-texts .text:nth-child(2) {
    right: -40%;
  }
  .house-texts .text:nth-child(4) {
    left: -40%;
  }
  .cta-label {
    font-size: 0.5em;
    margin: 1em 0 0;
  }
  .home-banner .text-block{
    padding: 0 5vw;
  }
  .home-banner .text-block .description {
    font-size: 14px;
    margin-top: 6px;
  }
  .home-banner .text-block .btn{
		margin-top: 36px;
    min-width: 240px;
	}
  /* .home-banner .text-block .btn{
    margin-top: 20px;
    width: 100%;
    min-width: auto;
    max-width: 240px;
  } */
  /* .home-banner .btn div{
    font-size: 19px;
    line-height: 48px;
    height: 50px;
  } */
  .home-banner .text-block .tagline:not(:empty) {
      /*padding-left: 24px;*/
      line-height: 26px;
      padding-right: 0;
      margin-bottom: -6px;
  }
  .home-banner .tooltips:before, .home-banner .tooltips{
    width: 14px;
    height: 14px;
  }
  .home-banner .tooltips:before{
    font-size: 11px;
  }
  .home-banner .tooltips{
    margin: -1px 3px;
  }
  .header-lt nav > ul{
    display: flex;
  }
  .header-lt nav .haveSubLevel:hover .nav-sub-dropdown{
    flex-wrap: nowrap;
  }
  .full-screen-banner .title div{
    font-size: calc(var(--font-size) * 2.9);
  }
  .full-screen-banner.center-title .section-title{
    font-size: calc(var(--font-size) * 2.7);
  }
  .full-screen-banner.center-title .section-description{
    font-size: calc(var(--font-size) * 1.5);
  }
  .timeline-card-slide .description{
    font-size: 22px;
  }
  .timeline-card-slide .points{
    font-size: 17px;
  }
  .timeline-card-slide .btn div {
    height: 44px;
    line-height: 42px;
    font-size: 19px;
    padding: 0 35px;
  }
  .timeline-card-slide .btn {
    height: 44px;
    margin-top: 22px;
  }
  .timeline .house{
    width: 144px;
    height: 118px;
  }
  .timeline .house span {
    font-size: 42px;
  }
  .timeline .house .count{
    font-size: 22px;
  }
  .timeline-card .title-with-icon .icon {
    width: 85px;
    height: 85px;
  }
  .home-sologan-block .sologan-block{
    width: 315px;
    height: 158px;
    padding: 0px 10px;
  }
  .home-banner .sologan{
    font-size: 36px;
  }
  .home-banner .sologan:after{
    height: calc(36px * 1.2);
  }
  /* .home-banner .btn {
    min-width: 294px;
  } */
  .card .card-title .text{
    font-size: calc(var(--font-size) * 1.5);
    letter-spacing: 2px;
  }
  .show-case-col5-m3 .card .card-title .text {
    font-size: 13px;
  }
  .section-cards .card{
    border-radius: calc(var(--big-border-radius) * 0.8);
  }
  header {
    height: 110px;
  }
  .freequote-btn{
    width: 129px;
    height: 40px;
  }
  .freequote-btn-block{
    padding: 0px 17px;
    font-size: 14px;
    margin-top: 2px;
    height: 38px;
    line-height: 37px;
  }
  .freequote-btn-block:after{
    width: 30px;
    height: 30px;
  }
  .header-rt{
    grid-gap: 0 12px;
    padding-left: 58px;
    position: relative;
  }
  .header-rt .search-btn{
    position: absolute;
    right: calc(100% - 46px);
  }
  .downloadapp-btn {
    margin-left: 6px;
  }
  .header-lt .logo-codecohk {
    width: 250px;
    margin: 0px 24px 0 0;
  }
  .header-lt nav > ul {
    /*display: flex;
    grid-gap: 0 24px;*/
    gap: 9px 24px;
    grid-template-columns: auto auto auto;
  }
  .downloadapp-icon {
    width: 50px;
    height: 50px;
    background-size: 50px 33px;
  }
  .btn{
    min-width: 300px;
    height: 60px;
  }
  .btn div{
    height: 60px;
    font-size: 23px;
    line-height: 54px;
  }
  .cta-action-btns .btn-red {
    line-height: 56px;
  }
  .cta-action-btns .btn-blue {
    line-height: 50px;
  }
  *:not(.home-banner) .btn.border-blue div{
    line-height: 54px;
  }
  .section-title {
    padding-bottom: 30px;
    margin: 46px auto;
    font-size: calc(var(--font-size) * 2);
  }
  .testimonials-list {
    height: 65vw;
  }
  .testimonials-list .swiper-slide {
    width: 36vw;
  }
  .testimonial-info{
    padding-bottom: 20px;
  }
  .testimonial-top .testimonial-block{
    padding: 20px 25px;
  }
  .testimonial-top .testimonial-block .testimonial-content{
    padding-left: 20px;
  }
  .testimonial-top .testimonial-msg-block{
    font-size: 17px;
    padding: 7px 30px;
  }
  .testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after {
    width: 17px;
    height: 17px;
  }
  .testimonial-info .profile-img {
    width: 70px;
    flex: 0 0 70px;
    margin-right: 12px;
    height: 70px;
  }
  .family-count-block, .map-info-block .bottom .content-block .highlight{
    font-size: 25px;
  }
  .family-count-block:before {
    width: 25px;
    height: 25px;
  }
  .map-info-block .top p, .map-info-block .bottom .content-block p {
    font-size: calc(var(--font-size) * 1.3);
  }
  .map-info-block .top{
    margin-bottom: 30px;
  }
  .map-info-block .bottom{
    padding: 30px 0;
  }
  .color-orange .map-info-block .bottom .remark{
    margin-top: 10px;
    font-size: calc(var(--font-size) * 0.9);
  }
  .map-info-block .bottom:after{
    width: 65px;
    height: 5px;
  }
  .map-info-block .btn{
    min-width: auto;
    width: 90%;
    height: 60px;
  }
  .map-info-block .btn div{
    height: 60px;
    line-height: 58px;
    font-size: 23px;
  }
  .news-lists{
    margin: 0 auto 60px;
    flex-wrap: wrap;
    grid-gap: 20px 2%;
    justify-content: center;
  }
  .news-list{
    flex: 0 0 49%;
  }
  .services-block {
    grid-gap: 0 14px;
    /*margin: -42px auto 50px;*/
    margin: 0 auto 50px;
  }
  .service-block {
    border-radius: 12px;
    padding: 14px 16px;
  }
  .service-block .icon {
    margin-bottom: 30px;
  }
  .service-block .title {
    font-size: 22px;
  }
  .service-block:after {
    width: 22px;
    padding-top: 22px;
    margin: 34px auto 12px;
  }
  .discounts-block{
    margin: 0 auto 46px;
  }
  .full-screen-banner.center-title {
    padding-top: 28.36%;
  }
  .services-block{
    grid-gap: 0 24px;
    margin: -60px auto 60px;
  }
  .service-block .title{
    font-size: 26px;
  }
  .service-block{
    border-radius: 16px;
    padding: 16px 23px;
  }
  .service-block .icon{
    margin-bottom: 34px;
  }
  .service-block:after{
    width: 26px;
    padding-top: 26px;
    margin: 42px auto 18px;
  }
  .step-block .step-bullet {
    font-size: 20px;
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    line-height: 45px;
  }
  .step-content {
    padding: 8px 0 8px 15px;
  }
  .step-content .title {
    font-size: 23px;
  }
  .step-block {
    margin: 40px 0;
    padding: 0 10px;
  }
  .steps-block:after{
    height: 3px;
    top: 63px;
  }
  .knowledge-tags{
    flex-wrap: wrap;
  }
  .knowledge-tags .knowledge-tag.btn div {
    font-size: 16px;
    height: 40px;
    line-height: 35px;
    padding: 0 23px;
  }
  .knowledge-tags .knowledge-tag {
    height: 40px;
  }
  .knowledge-tags {
    grid-gap: 13px;
  }
  .section-title:after {
    width: 75px;
    height: 5px;
  }
  .section-title-left:after {
    width: 75px;
    height: 5px;
    left: 40px;
  }
  .faq-block{
    font-size: 21px;
  }
  .faq-block .faq-q {
    padding-right: 30px;
  }
  .faq-block:after{
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
  }
  .full-screen-banner.center-title .section-title{
    padding-bottom: 26px;
    font-size: calc(var(--font-size) * 2.4);
  }
  .full-screen-banner.center-title .section-description {
    margin: 33px auto 0;
  }
  .footer-top {
    padding: 35px 29px 22px 53px;
  }
  .footer-lt {
    flex: 0 1 calc(100% - 37px - 340px);
  }
  .footer-lt {
    margin-right: 37px;
  }
  .footer-top .highlight-links{
    grid-gap: 0 15px;
  }
  .footer-top .highlight-links > a.btn {
    width: 150px;
    height: 40px;
    line-height: 38px;
  }
  .footer-top .highlight-links > a.btn div {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
  }
  .footer-lt .top .logo-codecohk img {
    width: 170px;
  }
  .footer-top .subscribe-block .title {
    font-size: 15px;
    margin-bottom: 9px;
  }
  .footer-top .subscribe-block input {
    width: 290px;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
  }
  .footer-top .subscribe-block button {
    height: 40px;
    line-height: 40px;
    width: 88px;
    font-size: 16px;
  }
  .footer-bottom {
    padding: 0 37px 0 37px;
    font-size: 13px;
    height: 44px;
  }
  section + section,
  section + section + section{
    padding-top: 170px;
    padding-bottom: 0;
  }
  .home-calculator{
    max-width: 95%;
  }
  .cal-fields {
    grid-gap: 15px;
  }
  .cal-field {
    padding: 22px;
  }
  .cal-field .title {
    font-size: 18px;
    padding-bottom: 26px;
  }
  .cal-field .cal-input-bar .btn-prev, .cal-field .cal-input-bar .btn-next {
    width: 26px;
    height: 26px;
    margin: 0 5px;
  }
  .cal-field .cal-input-bar {
    font-size: 23px;
    width: 150px;
    height: 36px;
    margin: 0px auto 22px;
  }
  .home-calculator-container .cal-checkboxes {
    padding: 30px 40px;
    margin-bottom: 20px;
  }
  .cal-checkbox {
    font-size: 18px;
  }
  .cal-checkbox input + label:before {
    width: 18px;
    height: 18px;
    margin-right: 16px;
  }
  .cal-checkbox + .cal-checkbox {
    margin-top: 12px;
  }
  .h-cal-result-block {
    max-width: 70%;
  }
  .cal-result-bar {
    padding: 22px 32px;
    margin-bottom: 19px;
  }
  .h-cal-result-block a.cal-again{
    font-size: 19px;
    margin: 0px auto 16px;
  }
  .h-cal-result-block a.cal-again:before {
    width: 23px;
    height: 23px;
    margin-right: 8px;
  }
  header:after{
    height: 110px;
  }
  .section-title + .description,
  .remark-blue-block + .description,
  .full-screen-banner + .description,
  .app-promotion .description,
  .know-more-block .description,
  .request-thank-block + .description{
    font-size: 17px;
  }
  .nav-sub-sub-section{
    min-width: 220px;
  }
  .steppers{
    margin: 30px auto 30px;
  }

  .noHousePercent .timeline-card-slide{
    margin-bottom: 70px;
  }
  .noHousePercent .timeline-body:after{
    display: none;
  }
  .noHousePercent .timeline-card-slide{
      flex: 0 0 100%;
  }
  .noHousePercent .timeline .sticky-house{
    margin-top: 0;
  }
  .noHousePercent .timeline-card .text-content {
      min-width: 36%;
  }
  .noHousePercent .protect-timeline .bg-elements span:nth-child(1), .noHousePercent .protect-timeline .bg-elements span:nth-child(2), .noHousePercent .protect-timeline .bg-elements span:nth-child(3) {
    transform: scale(1);
  }

  /* ver.B */
  .graphic-house-sticky .gh-wrapper{
    margin-top: calc(45vw * .44);
    margin-bottom: calc(-45vw * .44);
  }
}
.home-banner .text-block .btn{
		margin-top: 20px;
		width: 100%;
	}
.home-banner .text-block .btn div{
  font-size: 19px;
  line-height: 48px;
  height: 50px;
}
@media only screen and (max-width: 768px){
  #main {
    padding-top: 120px;
  }
  .home-banner .text-block .btn{
		width: 100%;
		margin-top: 24px;
    min-width: 200px;
		max-width: 100%;
	}
	.home-banner .text-block .btn div {
	    height: 48px;
	    font-size: 18px;
	    line-height: 44px;
	}
  .home-banner .text-block {
    padding: 0 57px;
  }
  .home-banner .text-block .description {
      font-size: 12px;
  }
  .nav-sub-sub-section {
    min-width: 220px;
  }
  .nav-sub-sub-title {
    font-size: 19px;
    padding: 24px 33px;
  }
  .haveSubLevel .nav-sub-dropdown ul {
    grid-gap: 18px 30px;
    padding: 28px 33px;
    font-size: 16px;
  }
  .haveSubLevel .sub-cate a .icon {
    width: 39px;
    height: 39px;
    background-size: contain;
    flex: 0 0 39px;
    margin-right: 6px;
  }
  .haveSubLevel .sub-cate .description {
    font-size: 14px;
  }
  .nav-sub-sub-section + .nav-sub-sub-section {
      margin-left: 3px;
  }
  .header-lt nav .haveSubLevel:nth-child(6):hover .nav-sub-dropdown{
    right: 0;
    left: auto;
  }
  .nav-sub-dropdown{
    margin-left: -18px;
  }
  .header-lt nav .haveSubLevel:hover .nav-sub-dropdown{
    left: 18px;
  }
  .full-screen-banner .title div{
    font-size: calc(var(--font-size) * 2.4);
  }
  .timeline-card-slide .description{
    font-size: 20px;
    margin-bottom: 7px;
  }
  .timeline-card-slide .points{
    font-size: 15px;
  }
  .timeline-card-slide .btn div {
    height: 40px;
    line-height: 38px;
    font-size: 16px;
    padding: 0 30px;
  }
  .timeline-card-slide .btn {
    height: 40px;
    margin-top: 17px;
    float: left;
  }
  .timeline .house{
    width: 140px;
    height: 118px;
  }
  .timeline .house span {
    font-size: 39px;
  }
  .timeline .house .count{
    font-size: 21px;
    margin-top: 8px;
  }
  .timeline-body:before {
    width: 2px;
    margin-left: -1px;
  }
  .timeline-card .title-with-icon .icon {
    width: 75px;
    height: 75px;
  }
  .house100 .circle1 {
    width: 352px;
    height: 352px;
  }
  .home-hero-banner{
    margin-top: 40px;
  }
  .timeline-body:after{
    height: 230px;
  }
  .house100 .circle2 .msg{
    font-size: 29px;
  }
  .house100 .circle-element span:nth-child(1){
    left: calc(176px + 39%);
    margin-top: 6%;
  }
  .house100 .circle-element span:nth-child(2){
    left: calc(176px + 50%);
    margin-top: 19%;
  }
  .house100 .circle-element span:nth-child(3){
    left: calc(50% - 176px - 9.4%);
    margin-top: 60%;
  }
  .house100 .circle-element span:nth-child(4){
    left: calc(50% - 176px - 6%);
    margin-top: 27.5%;
  }
  .house100 .circle-element span:nth-child(5){
    left: calc(176px + 49%);
    margin-top: 76%;
  }
  .house100{
    width: 352px;
    height: 352px;
  }
  .house-texts .text{
    font-size: 18px;
  }
  .house-texts .text:nth-child(1){
    top: -10%;
    right: -10%;
  }
  .house-texts .text:nth-child(2){
    bottom: 25%;
    right: -40%;
  }
  .house-texts .text:nth-child(3){
    bottom: -30%;
  }
  .house-texts .text:nth-child(4){
    left: -40%;
  }
  .house-texts .text:nth-child(5){
    top: -10%;
    left: -10%;
  }
  .house-texts .text.active{
    transform: scale(1.3);
  }
  .house100 + .btn{
    top: calc(50% + 266px);
  }
  .timeline-card-slide{
    max-width: 50%;
  }
  .timeline-body{
    margin-bottom: 160px;
  }
  .card .card-title .text {
    font-size: calc(var(--font-size) * 1.2);
    letter-spacing: 2px;
  }
  .show-case-col5-m3 .section-cards{
    width: 90%;
    height: 70vw;
  }
  .tagline {
    font-size: 21px;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(3) {
    right: -6vw;
    bottom: 5vw;
    width: 322px;
    height: 164px;
    border-radius: 32px;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(2) {
    left: 2vw;
    bottom: 5vw;
    width: 143px;
    height: 126px;
    border-radius: 19px;
  }
  .cards-col-4-m2 .bg-elements span:nth-child(1){
    right: 3vw;
    bottom: 39vw;
    width: 48px;
    height: 33px;
  }
  .downloadapp-btn{
    display: none;
  }
  .nav-container{
    flex: 1 1 auto;
    top: 105px;
  }
  .map-info-block{
    left: 3%;
    min-width: 39%;
  }
  .header-lt nav ul {
    /*grid-gap: 0 16px;
    flex-wrap: wrap;*/
    grid-template-columns: auto auto;
  }
  .full-screen-banner.for-map{
    padding-top: 60.36%;
  }
  .testimonials-list .swiper-slide{
    width: 46vw;
  }
  .testimonials-list{
    height: 90vw;
  }
  .testimonial-info{
    padding-bottom: 13px;
  }
  .testimonial-top .testimonial-block{
    padding: 15px 20px;
  }
  .testimonial-top .testimonial-block .testimonial-content{
    padding-left: 15px;
  }
  .testimonial-top .testimonial-msg-block{
    font-size: 14px;
    padding: 5px 23px;
  }
  .testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after {
    width: 15px;
    height: 15px;
  }
  .swiper-slide .testimonial-msg-block{
    font-size: 15px;
  }
  .testimonial-info .profile-img {
    width: 54px;
    flex: 0 0 54px;
    margin-right: 10px;
    height: 54px;
  }
  .media-list {
    flex: 0 1 7%;
  }
  .media-lists {
    margin: 20px auto 80px;
    grid-gap: 26px;
    max-width: 90%;
  }
  .knowledges-block .title {
    padding: 11px 12px;
  }
  .knowledges-block .title {
    padding: 11px 12px;
  }
  .knowledges-block {
    gap: 40px 2%;
  }
  .partners-block{
    grid-template-columns: auto auto auto auto auto;
  }
  .services-block {
    max-width: 90%;
    grid-gap: 0 14px;
    margin: -50px auto 60px;
  }
  .service-block {
    border-radius: 14px;
    padding: 16px 18px;
  }
  .service-block .icon {
    margin-bottom: 28px;
  }
  .service-block .title {
    font-size: 20px;
  }
  .service-block:after {
    width: 22px;
    padding-top: 22px;
    margin: 32px auto 15px;
  }
  .full-screen-banner:before, .full-screen-banner:after{
    min-height: 22px;
  }
  .full-screen-banner.center-title .section-title {
    padding-bottom: 19px;
    font-size: calc(var(--font-size) * 2.4);
  }
  .full-screen-banner.center-title .section-description {
    margin: 24px auto 0;
  }
  .step-block {
    margin: 28px auto;
    flex: 0 0 calc(33% - 0px);
  }
  .step-block .step-bullet {
    font-size: 17px;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    line-height: 39px;
    position: relative;
  }
  .step-content {
    padding: 5px 0 5px 12px;
  }
  .step-content .title {
    font-size: 20px;
  }
  .step-content .description{
    font-size: 13px;
  }
  .steps-block:after {
    height: 3px;
    top: 46px;
  }
  .steps-block {
    grid-gap: 0 40px;
  }
  .footer-top {
    padding: 25px 40px 12px 40px;
  }
  .footer-lt{
    margin-right: 0;
    flex: 1 1 100%;
  }
  .footer-top .sitemap{
    padding: 38px 0;
  }
  /*.footer-rt {
    display: flex;
    flex: 1 1 100%;
    grid-gap: 0 28px;
    justify-content: space-between;
  }
  .footer-rt > div + div{
    margin-top: 0;
  }*/
  .section-title + .description,
  .remark-blue-block + .description,
  .full-screen-banner + .description,
  .app-promotion .description,
  .know-more-block .description,
  .request-thank-block + .description{
    max-width: 80%;
    font-size: 17px;
    text-align: left;
  }
  .full-screen-banner + .description{
    margin: 2em auto 3em;
    text-align: justify;
  }
  .section-title + .description .tooltips, .remark-blue-block + .description .tooltips, .full-screen-banner + .description .tooltips{
    width: 16px;
    height: 16px;
  }
  .section-title + .description .tooltips:before, .remark-blue-block + .description .tooltips:before, .full-screen-banner + .description .tooltips:before{
    width: 16px;
    height: 16px;
  }
  .footer-rt{
    padding-top: 10px;
  }
  .app-promotion .big-keyword {
    font-size: 23px;
    font-weight: bold;
    padding: 10px;
    letter-spacing: .25em;
  }
  .app-promotion .big-keyword div + div {
    padding-left: 20px;
  }
  .app-promotion .big-keyword div + div:before {
    width: 9px;
    height: 9px;
    margin-right: 29px;
  }
  
  .noHousePercent .timeline-card .text-content {
    min-width: 42%;
  }

  /* ver.B */
  .guarant-card .top .lt .number {
    width: 36px;
    height: 36px;
    line-height: 34px;
    font-size: 20px;
  }
  .guarant-card .top .rt .label{
    font-size: 30px;
    line-height: 34px;
  }
  .guarant-card .top .rt .title{
    font-size: 24px;
  }
  .guarant-card .top{
    margin-bottom: 16px;
  }
  .guarant-card a{
    margin-top: 16px;
    margin-left: 51px;
    font-size: 14px;
  }
  .guarant-card a:after{
    width: 22px;
    height: 22px;
  }
  .guarant-card .text-content .points{
    font-size: 16px;
  }
  .guarant-card .text-content {
    padding-left: 51px;
  }
}
@media only screen and (max-width: 640px){
  :root {
    --font-size: 14px;
    --sm-border-radius: 4px;
    --big-border-radius: 13px;

    --swiper-theme-color: #FF6A47;
    --swiper-pagination-bullet-width: 9px;
    --swiper-pagination-bullet-height: 9px;
    --swiper-pagination-bullet-horizontal-gap: 0px;
  }
  #main {
    padding-top: 0;
  }
  #top_bar {
    position: fixed;
  }
  #sec0.home-hero-banner {
    margin-top: 0;
  }
  .home-banner.typeB{
    width: 64%;
  }
  .home-banner .text-block{
    padding: 0;
  }
  .home-hero-banner.typeB{
    flex-direction: column;
    height: auto;
  }
  .home-hero-banner .home-banner.typeB{
    order: 2;
    top: 0;
    left: 0;
    transform: translate3d(0,0,0);
    position: relative;
    width: calc(100% - 34px);
    height: auto;
    padding: 0;
    margin: -35px auto 0;
    box-shadow: var(--shadow);
  }
  .home-banner .text-block {
      padding: 17px 34px;
      background: #fff;
      height: auto;
      position: relative;
  }
  .home-banner .text-block .tagline:not(:empty) {
      line-height: 26px;
      margin-bottom: -3px;
      font-size: 16px;
  }
  .home-banner .text-block .title {
    font-size: 8.1vw;
  }
  .home-banner .text-block .description {
      margin-top: 11px;
      font-size: 17px;
      line-height: 1.9;
  }
  .section-title.hide-bar{
    margin-bottom: 20px;
    margin-top: 20px;
  }
  /* .home-banner .text-block .btn {
      min-width: auto;
      width: 100%;
      margin: 23px auto 12px;
      position: relative;
      top: auto;
      max-width: none;
  } */
  .home-hero-banner .home-banner.typeB + .hero-banner{
    position: relative;
    width: 100%;
    height: 70vw;
  }
  header{
    position: relative;
    background: transparent;
  }
  .revamp section, .revamp .cards-col-4-m2{
    padding-top: 70px;
  }
  .revamp .cards-col-4-m2{
    padding-top: 30px;
  }
  .home-hero-banner .hero-banner .swiper .swiper-pagination{
    padding-right: 9px;
    text-align: right;
    bottom: 21px;
    display: flex;
    flex-direction: column;
    width: 9px;
    right: 16px;
    left: auto;
    grid-gap: 12px 0;
    display: none;
  }
  .freequote-btn{
    display: none;
  }
  .nav-container{
    display: none;
  }
  .header-lt{
    margin-left: 5px;
  }
  .header-rt{
    margin-right: 5px;
    padding-left: 46px;
  }
  header {
    height: 56px;
    position: relative;
    z-index: 4;
  }
  /*header:after{
    width: 100%;
    height: 190%;
    position: absolute;
    content: '';
    display: block;
    z-index: -1;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%);
    transform: translate3d(0,0,0);
  }*/
  .header-rt .search-btn input.search-input{
    width: 184px;
  }
  .header-wrapper{
    overflow: hidden;
  }
  .header-lt .logo-codecohk {
    width: 130px;
    margin: 0;
  }
  .hero-banner{
    width: 100%;
  }
  .search-icon-container .search_label{
    background-size: 20px;
  }
  .home-hero-banner{
    padding-top: 0;
    height: 100vw;
    margin-top: 0;
  }
  #sec0, #sec0.standard-banner{
    margin-top: 0;
  }
  header:after{
    display: none;
  }
  .home-hero-banner .hero-banner .swiper{
    border-radius: 0;
  }
  .home-hero-banner .home-banner{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
    background: transparent;
  }
  .home-sologan-block{
    transform: translate3d(-50%,-63%,0);
  }
  .home-hero-banner .hero-banner{
    width: 100%;
  }
  /* .home-banner .btn{
    min-width: 90%;
    margin-top: 28px;
  } */
  .home-banner .sologan{
    padding: 0;
    font-size: 28px;
  }
  .home-sologan-block .sologan-block{
    width: 232px;
    height: 116px;
    background: rgba(255,255,255,.5);
  }
  .home-banner .sologan:after {
    height: calc(28px * 1.2);
    margin: 5px 0 0 6px;
  }
  /* .home-banner .btn{
    height: 50px;
    top: 52vw;
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 0;
  } */
  .cursor-move {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 95%;
  }
  /* .home-banner .btn div {
    font-size: 17px;
    line-height: 48px;
    height: 50px;
  } */
  .corner-dots span:before, .corner-dots span:after{
    width: 6px;
    height: 6px;
    background: #eee;
  }
  .home-hero-banner .hero-banner .swiper:after{
    position: absolute;
    width: 100%;
    height: 120px;
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%);
    content: '';
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .btn{
    min-width: 75%;
    height: 54px;
  }
  .btn div{
    height: 54px;
    font-size: 19px;
    line-height: 54px;
  }
  .cta-action-btns .btn-red {
    line-height: 52px;
  }
  .section-title{
    margin: 30px 12px 35px;
    display: block;
    padding: 0 0 0 24px;
    text-align: left;
    font-size: calc(var(--font-size) * 2.2);
  }
  .section-title-left{
    font-size: calc(var(--font-size) * 2.2);
  }
  .timeline .sticky-house .section-title{
    padding: 0;
    text-align: center;
  }
  .tooltips{
    width: 17px;
    height: 17px;
    margin: 0 4px;
  }
  .tooltips:before{
    width: 17px;
    height: 17px;
    font-size: 12px;
  }
  .section-title:after{
    top: 0;
    left: 0;
    width: 6px;
    height: 100%;
  }
  .section-title-left:after{
    left: 30px;
    width: 60px;
    height: 7px;
  }
  section + section,
  section + section + section{
    padding-top: 60px;
    padding-bottom: 0;
  }
  *:not(.home-banner) .btn.border-blue div{
    line-height: 47px;
  }
  .timeline-card-slide .points {
    font-size: 15px;
  }
  .show-case-col5-m3 .section-cards {
    width: calc(100% - 22px);
    grid-gap: 0 6px;
    height: 128vw;
  }
  .show-case-col5-m3 .card {
    padding-top: calc(33% - 3px);
    flex: 0 0 calc(33% - 3px);
    margin-bottom: 6px;
  }
  .show-case-col5-m3 .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card + .card{
    display: none;
  }
  .show-case-col5-m3 .card .card-title .text {
    font-size: 10px;
    padding-bottom: 6px;
    margin-bottom: 6px;
  }
  .tagline-with-border{
    width: 90%;
    margin: -40px auto 30px;
  }
  .tagline {
    font-size: 17px;
    padding: 0 7px;
  }
  .card .card-title .cta{
    font-size: calc(var(--font-size) * .785);
  }
  .card .card-title .cta:after {
    width: 14px;
    height: 14px;
  }
  .card .card-title .text {
    font-size: calc(var(--font-size) * 1.5);
    letter-spacing: 1px;
    padding-bottom: 13px;
    margin-bottom: 8px;
  }
  .card .card-title .text:after{
    height: 4px;
  }
  .cards-col-4-m2 .bg-elements{
    display: none;
  }
  .cards-col-4-m2 .section-cards{
    width: calc(100% - 16px);
    grid-gap: 8px;
    flex-wrap: wrap;
  }
  .cards-col-4-m2 .card{
    flex: 1 1 calc(50% - 8px);
    padding-top: 61%;
  }
  .protect-timeline .bg-elements{
    overflow-x: hidden;
    top: 130vh;
    pointer-events: none;
    z-index: 3;
  }
  .timeline-card-slide{
    max-width: 100%;
    margin: 80% auto 0%;
  }
  .full-screen-banner{
    padding-top: 136%;
  }
  /*.full-screen-banner.rt-title .full-screen-bg,.full-screen-banner.lt-title .full-screen-bg{
    height: 65%;
    background-position: 16% center;
  }*/
  .full-screen-banner.rt-title .title,.full-screen-banner.lt-title .title{
    width: 100%;
    height: 35%;
    bottom: 0;
    top: auto;
  }
  .full-screen-banner.rt-title .title div,.full-screen-banner.lt-title .title div{
    font-size: calc(var(--font-size) * 3);
    flex: 0 0 80%;
    padding-right: 0;
    padding-bottom: 34px;
  }
  .full-screen-banner.rt-title .title:after,.full-screen-banner.lt-title .title:after {
    top: calc(-20% + 1px);
    left: 0;
    height: 20%;
    width: 100%;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    margin: 0;
  }
  .testimonials-list .swiper-slide:nth-child(1),
  .testimonials-list .swiper-slide:nth-child(2),
  .testimonials-list .swiper-slide:nth-child(3),
  .testimonials-list .swiper-slide:nth-child(4){
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: auto;
  }
  .testimonials-list .swiper-wrapper{
    position: relative;
    align-items: stretch;
  }
  .testimonials-list{
    height: auto;
    max-width: 100%;
    margin-bottom: 0;
    overflow-x: hidden;
    padding-bottom: 50px;
  }
  .testimonial-top{
    max-width: calc(100% - 22px);
    margin: 0 auto 24px;
  }
  .swiper-slide .testimonial-block{
    margin: 0 11px;
    height: 100%;
  }
  .testimonial-top .testimonial-block{
    flex-direction: column-reverse;
  }
  .testimonial-top .testimonial-block .testimonial-content{
    padding-left: 0;
    padding-bottom: 20px;
  }
  .testimonial-top .testimonial-block .video-player{
    padding-top: 56.25%;
  }
  .testimonial-top .testimonial-msg-block {
    font-size: 13px;
    padding: 12px 24px;
  }
  .swiper-slide .testimonial-msg-block{
    font-size: 13px;
    padding: 5px 24px;
  }
  .testimonial-top .testimonial-msg-block:before, .testimonial-top .testimonial-msg-block:after {
    width: 18px;
    height: 18px;
  }
  .testimonial-center-logo{
    display: none;
  }
  .testimonials-list .swiper-slide{
    height: auto;
  }
  .map-grahpic{
    width: 100%;
    top: -22%;
  }
  .map-info-block {
    left: 18px;
    min-width: calc(100% - 36px);
    top: 100%;
    padding: 37px;
  }
  .family-count-block, .map-info-block .bottom .content-block .highlight{
    font-size: 30px;
  }
  .family-count-block:before {
    width: 30px;
    height: 30px;
  }
  .map-info-block .top p, .map-info-block .bottom .content-block p {
    font-size: calc(var(--font-size) * 1.7);
  }
  .map-info-block .bottom:after{
    width: 60px;
    height: 4px;
  }
  .map-info-block .btn{
    min-width: auto;
    width: 100%;
    height: 58px;
  }
  .map-info-block .btn div{
    height: 58px;
    line-height: 56px;
    font-size: 21px;
  }
  .full-screen-banner.for-map {
    padding-top: 120.36%;
    margin-bottom: 50%;
  }
  .news-lists{
    grid-gap: 15px 0;
    margin: 0 auto 40px;
    max-width: calc(100% - 22px);
  }
  .news-list {
    flex: 0 0 100%;
  }
  .news-content {
    padding: 15px 15px 6px;
  }
  .media-lists{
    grid-gap: 18px 29px;
    margin: 20px auto 42px;
  }
  .media-list{
    flex: 0 1 16%;
  }
  .media-list.bigger1{
    flex: 0 1 20%;
  }
  .steps-block{
    flex-wrap: wrap;
    margin: 0 auto 43px;
  }
  .step-block{
    padding: 7px 0 0;
    flex: 0 0 70%;
    margin: 28px auto 0;
    justify-content: flex-start;
  }
  .steps-block:after{
    display: none;
  }
  .step-block:not(:last-child) .step-bullet:after{
    content: '';
    width: 3px;
    height: 100%;
    background: #D5D5D5;
    z-index: 0;
    position: absolute;
    top: 48px;
    left: 20px;
  }
  .partners-block{
    grid-template-columns: auto auto auto;
    margin: 0 auto 30px;
  }
  .full-screen-banner.center-title {
    padding-top: 56.36%;
  }
  .full-screen-banner.center-title .title{
    left: 24px;
    transform: translate3d(0,-50%,0);
  }
  .full-screen-banner.center-title .section-title:after{
    top: -6px;
  }
  .full-screen-banner:before, .full-screen-banner:after {
    min-height: 14px;
    height: 4.8%;
  }
  .full-screen-banner.center-title .section-description {
    margin: 0 auto;
    padding-left: 24px;
    left: 0;
    text-align: left;
    transform: translate3d(0,0,0);
    font-size: calc(var(--font-size) * 1.3);
  }
  .services-block{
    flex-wrap: wrap;
    grid-gap: 6px;
    margin: -40px auto 40px;
  }
  .service-block {
    border-radius: 12px;
    padding: 9px 12px;
    flex: 1 1 calc(50% - 8px);
    grid-gap: 0 7px;
    box-shadow: 0 4px 14px rgba(0,0,0,.04);
    flex-direction: row;
  }
  .service-block .icon {
    margin-bottom: 0;
    width: 39px;
    padding-top: 39px;
    flex: 0 0 39px;
  }
  .service-block .title{
    -webkit-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    font-size: 17px;
    letter-spacing: 0;
    flex: 1 1 auto;
    text-align: center;
  }
  .service-block:after{
    display: none;
  }
  .discounts-block{
    grid-template-columns: auto;
    gap: 7px;
    max-width: calc(100% - 22px);
  }
  .discount-block, .news-list, .knowledge-block{
    box-shadow: none;
    transition: none !important;
  }
  .discount-block:hover, .news-list:hover, .knowledge-block:hover{
    transform: none;
    box-shadow: none;
  }
  .knowledges-block{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 6%;
    margin: 38px auto 56px;
    max-width: calc(100% - 22px);
  }
  .knowledges-block .title {
    padding: 11px 0px;
  }
  .knowledge-tags .knowledge-tag.btn div{
    line-height: 32px !important;
    font-size: 14px;
    height: 36px;
    padding: 0 18px;
  }
  .knowledge-tags .knowledge-tag {
    height: 36px;
  }
  .knowledge-tags {
    grid-gap: 8px;
    justify-content: flex-start;
    max-width: calc(100% - 22px);
  }
  .faqs-block{
    max-width: calc(100% - 16px);
    margin: 0 0 0 16px;
    overflow-x: hidden;
    padding-bottom: 26px;
  }
  .faq-block{
    font-size: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .faq-block .faq-q{
    padding-right: 20px;
    padding-left: 23px;
  }
  .faq-block:after{
    display: none;
  }
  .faq-block.open .faq-a{
    font-size: 14px;
    padding: 14px 23px 21px;
    line-height: 1.7;
  }
  .faq-block .faq-q:after{
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
  }
  .faq-block .faq-q .title{
    padding: 17px 18px 17px 0;
  }
  .footer-top {
    padding: 24px 24px 20px 24px;
  }
  .footer-lt .top .logo-codecohk img {
    width: 150px;
  }
  .footer-top .highlight-links {
    grid-gap: 18px 15px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .footer-top .subscribe-block {
    padding: 10px 0;
    width: 100%;
  }
  .footer-top .highlight-links > a.btn{
    width: 150px;
    height: 40px;
    line-height: 38px;
    min-width: auto;
    flex: 0 1 calc(50% - 8px);
  }
  .footer-rt {
    flex: 1 1 auto;
  }
  .footer-rt > div + div {
    margin-top: 28px;
  }
  .footer-bottom {
    padding: 0 24px 0 24px;
    font-size: 12px;
    grid-gap: 0 5px;
    justify-content: flex-start;
  }
  .footer-top .sitemap-block .sub-categorys{
    display: none;
    padding: 16px 0;
    grid-gap: 14px 0;
  }
  .footer-top .sitemap-block {
    flex: 0 0 42%;
    padding: 8px 0;
  }
  .footer-top .contact-list{
    flex: 0 0 calc(50% - 6px);
    padding-right: 0;
    font-size: 13px;
  }
  .footer-top .sitemap{
    grid-gap: 10px 0;
  }
  .footer-top .contact-lists{
    grid-gap: 20px 0;
    justify-content: space-between;
  }
  .footer-top .contact-lists .contact-list{
    flex: 1 0 auto;
  }
  .footer-top .contact-lists .contact-title{
    margin-bottom: 11px;
  }
  .footer-top .contact-lists [class^="ic-"]{
    padding-left: 26px;
    line-height: 19px;
    margin-bottom: 7px;
  }
  .footer-top .contact-lists [class^="ic-"]:after{
    width: 19px;
    height: 19px;
    background-size: 19px;
  }
  .footer-top .contact-lists .contact-list {
    flex: 1 0 100%;
  }
  .footer-top .sitemap-block{
    position: relative;
  }
  .footer-top .sitemap-block.have-sub:after{
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 7px 0 7px;
    border-color: #fff transparent transparent transparent;
    content: '';
    position: absolute;
    top: 18px;
    right: 0;
  }
  .footer-rt .downloadapp-block .app-btns{
    flex: 0 0 40%;
  }
  .footer-rt .downloadapp-block .app-qrcode{
    flex: 0 0 calc(46% - 30px);
    padding-top: calc(46% - 30px);
  }
  .footer-rt .downloadapp-block .app-links{
    margin-top: 14px;
  }
  .footer-top .sitemap-block.open .sub-categorys{
    display: flex;
  }
  .footer-top .subscribe-block .input-block{
    width: 100%;
  }
  .footer-top .subscribe-block button{
    max-width: none;
  }
  .desktop-revamp{
    display: none;
  }
  .mobile-revamp{
    display: block;
  }
  .protect-timeline .section-description{
    padding: 0 32px;
    text-align: left;
  }
  .timeline .house{
    top: 40px;
  }
  .timeline-card-slide:nth-child(even) .timeline-card,
  .timeline-card-slide:nth-child(odd) .timeline-card{
    text-align: center;
  }
  .timeline-body:before{
    display: none;
  }
  .house-texts .text{
    font-size: 18px;
  }
  .house-texts .text:nth-child(1){
    top: -10%;
    right: -10%;
  }
  .house-texts .text:nth-child(2){
    bottom: 25%;
    right: -40%;
  }
  .house-texts .text:nth-child(3){
    bottom: -30%;
  }
  .house-texts .text:nth-child(4){
    left: -40%;
  }
  .house-texts .text:nth-child(5){
    top: -10%;
    left: -10%;
  }
  .house-texts .text.active{
    transform: scale(1.3);
  }
  .house-texts .text.active:nth-child(3){
    transform: translate3d(-50%, 0, 0) scale(1.3);
  }
  .bottom-menu{
    position: fixed;
    /*top: 100%;
    transform: translate3d(0,-100%,0);*/
    bottom: 0;
    z-index: 999;
    background: #fff;
    width: 100vw;
    height: 64px;
    font-size: 12px;
    text-align: center;
    border-top: 1px solid #ddd;
  }
  .bottom-menu-ul{
    display: flex;
    height: 100%;
    position: relative;
  }
  .bottom-menu-ul li{
    flex: 1 1 20%;
    position: relative;
  }
  .bottom-menu-ul li a{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  .bottom-menu-ul li:nth-child(1) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_01.svg)
  }
  .bottom-menu-ul li:nth-child(2) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_03.svg)
  }
  .bottom-menu-ul li:nth-child(3) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon03.png?v=20250328)
  }
  .bottom-menu-ul li:nth-child(4) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/calculator-svgrepo-com.svg?v3)
  }
  .bottom-menu-ul li:nth-child(5) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_05.svg)
  }
  .bottom-menu-ul li.current:nth-child(1) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_01h.svg)
  }
  .bottom-menu-ul li.current:nth-child(2) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_03h.svg)
  }
  .bottom-menu-ul li.current:nth-child(3) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon03h.png)
  }
  .bottom-menu-ul li.current:nth-child(4) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/calculator-svgrepo-com-h.svg?v3)
  }
  .bottom-menu-ul li.current:nth-child(5) .menu-icon{
    background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon_05h.svg)
  }
  .bottom-menu-ul li .menu-icon{
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-bottom: 5px;
  }

  /* .bottom-menu-ul li:nth-child(3) a{
    color: var(--orange-color);
  } */
  .bottom-menu-ul li:nth-child(3) .menu-icon{
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    margin-top: -30px;
  }
  .bottom-menu-ul li.current{
    color: var(--orange-color);
  }
  .bottom-menu-ul li.current a:after{
    position: absolute;
    top: 0;
    width: 60%;
    height: 3px;
    background: var(--orange-color);
    content: '';
    left: 20%;
  }
  .home-hero-banner .more.mobile{
    position: absolute;
    bottom: 44px;
    z-index: 2;
    color: #fff;
    left: 50%;
    transform: translate3d(-50%,0,0);
    font-size: 15px;
    display: flex;
    height: 26px;
    padding-left: 28px;
    line-height: 1;
    align-items: center;
    background: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/down.png) left 1px no-repeat;
    background-size: 26px;
  }
  .timeline-card-slide{
    top: 53%;
  }
  .house100 .circle1 {
    width: 320px;
    height: 320px;
  }
  .timeline-body {
    margin-bottom: 50vh;
  }
  .house100 .circle-element span:nth-child(1){
    left: calc(160px + 39%);
    margin-top: 6%;
  }
  .house100 .circle-element span:nth-child(2){
    left: calc(160px + 50%);
    margin-top: 19%;
  }
  .house100 .circle-element span:nth-child(3){
    left: calc(50% - 160px - 7.4%);
    margin-top: 60%;
  }
  .house100 .circle-element span:nth-child(4){
    left: calc(50% - 160px - 4%);
    margin-top: 27.5%;
  }
  .house100 .circle-element span:nth-child(5){
    left: calc(160px + 49%);
    margin-top: 76%;
  }
  .house100 + .btn{
    top: calc(50% + 246px);
    min-width: 75vw;
  }
  .timeline-card-slide .points li:before{
    padding-right: 3px;
    position: absolute;
    width: 1em;
    height: 1em;
    display: block;
    color: #000;
    top: 0;
    left: 0;
  }
  .fadein .sticky-house{
    top: 7vh;
  }
  .timeline-card-slide .points li{
    padding-left: 1em;
  }
  .timeline-card .text-content{
    padding-left: 5px;
    max-width: 65%;
  }
  .timeline-card .title-with-icon .icon {
    width: 67px;
    height: 67px;
  }
  .house100{
    width: 320px;
    height: 320px;
    /*margin-top: 40px;*/
  }
  /*.protect-timeline .bg-elements span{
    display: none;
  }*/
  .protect-timeline .bg-elements span:nth-child(1){
    left: -34px;
    width: 21.4%;
  }
  .protect-timeline .bg-elements span:nth-child(2){
    right: -60px;
    width: 23.8%;
    top: 32%;
  }
  .protect-timeline .bg-elements span:nth-child(3){
    left: -19px;
    top: 55%;
    width: 14.3%;
  }
  .house100 .circle2 .msg{
    font-size: 26px;
    margin-top: 50%;
  }
  .house100 .circle2 .house-logo{
    width: 7em;
    margin: 1em auto;
  }
  .timeline-body:after {
    height: 213px;
  }
  .footer-bottom{
    height: 128px;
    padding-bottom: 84px;
  }
  /*.protect-timeline .mask{
    width: 100vw;
    left: 0;
    margin: 0;
    height: 200px;
    position: fixed;
    top: 0;
    display: block;
    z-index: 1;
    background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 30%);
  }*/
  .footer-lt .top{
    justify-content: space-between;
  }
  .current-lang{
    padding-right: 22px;
    font-size: 20px;
  }
  .current-lang:after{
    top: 10px;
    border-width: 10px 7px 0 7px;
  }
  .lang-dropdown-lists{
    padding: 11px 0;
    left: 0;
  }
  .lang-option{
  }

  .mobile-revamp.submenu{
    display: block;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 998;
    background: #fff;
    height: 100%;
    padding: 20px;
    transform: translate3d(100%, 0, 0);
    transition: transform 600ms var(--cubic2);
    padding-bottom: 128px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  .open-menu .mobile-revamp.submenu{
    display: block;
    transform: translate3d(0, 0, 0);
    text-align: left;
  }
  .mobile-revamp.submenu > li{
    font-size: calc(var(--font-size) * 1.5);
    padding: 11px 21px;
    position: relative;
    font-weight: bold;
  }
  .mobile-revamp.submenu > li.haveSubLevel > .name{
    position: relative;
  }
  .mobile-revamp.submenu > li.haveSubLevel > .name:after{
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: var(--black-color);
    clip-path: polygon(50% 57%, 71% 37%, 77% 43%, 50% 70%, 23% 43%, 29% 37%);
    right: 0;
    top: 4px;
    left: auto;
    bottom: auto;
    border-radius: 0;
  }
  .mobile-revamp.submenu a{
    font-size: 21px;
  }
  .mobile-revamp.submenu > li > .name a{
    color: var(--black-color);
  }
  .mobile-revamp.submenu > li.current > .name a{
    color: var(--orange-color);
  }
  .mobile-revamp.submenu > li.current:after{
    content: '';
    position: absolute;
    left: 0;
    width: 3px;
    height: calc(100% - 22px);
    background: var(--orange-color);
    top: 13px;
    border-radius: 50em;
  }
  .mobile-revamp.submenu > li.haveSubLevel.open-menu .nav-sub-dropdown{
    display: flex;
    border-radius: 0;
    overflow: visible;
  }
  .nav-sub-sub-section:nth-child(odd){
    padding-right: 0;
  }
  .nav-sub-sub-section{
    display: block;
    width: 100%;
  }
  .nav-sub-sub-section:nth-child(even){
    margin-top: 0;
  }
  .submenu .nav-sub-dropdown{
    margin-left: 0;
    box-shadow: none;
    padding: 0;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    margin: 5px 0 10px;
    max-width: none;
  }
  .nav-sub-sub-title {
    font-size: 19px;
    padding: 23px 26px;
  }
  .haveSubLevel .sub-cate .description{
    font-size: 14px;
    white-space: normal;
  }
  .haveSubLevel .nav-sub-dropdown ul{
    /*grid-template-columns: auto auto;*/
    width: 100%;
    padding: 18px 26px;
  }
  .haveSubLevel .sub-cate a .icon{
    margin-left: -8px;
  }
  .haveSubLevel .sub-cate .icon + .title{
    padding-right: 8px;
  }
  .seo-sm-block{
    font-size: 10px;
  }
  .seo-title{
    padding: 10px 20px;
    font-size: 13px;
  }
  .seo-msg{
    padding: 16px 20px 20px;
  }
  /* .tips, */
  .timeline-card-slide .align-right .tips{
    left: auto !important;
    right: 0;
    /* transform: translate3d(0,0,0) !important; */
  }

  .cal-fields{
    display: flex;
    flex-direction: column;
  }
  .cal-field {
    padding: 18px;
  }
  .cal-field .title {
    font-size: 18px;
    padding-bottom: 18px;
  }
  .cal-field .cal-input-bar{
    margin-bottom: 11px;
  }
  .home-calculator-container .cal-checkboxes{
    padding: 20px;
  }
  .home-calculator-container .remark{
    font-size: 12px;
  }
  .h-cal-result-block {
    max-width: 90%;
  }
  .cal-result-bar {
    padding: 16px 24px;
    margin-bottom: 17px;
  }
  .cal-result-bar .label {
    font-size: 16px;
  }
  .cal-result-bar .amount {
    font-size: 21px;
  }
  .header-rt .bookmark{
    background-size: 22px;
    margin-left: 0px;
  }
  .cal-fields {
    grid-gap: 8px;
  }
  .cal-title{
    padding: 8px 5px;
    font-size: 17px;
  }
  .home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg{
    display: none;
  }
  .home-hero-banner .hero-banner .swiper .swiper-slide .hero-banner-bg-mobile{
    display: block;
  }

  .full-screen-banner{
    padding-top: 0;
  }
  .full-screen-banner.rt-title .full-screen-bg, .full-screen-banner.lt-title .full-screen-bg{
    height: 75vw; /*91.25vw;*/
    background-position: 5% center;
    position: relative;
  }
  .full-screen-banner .title-with-description{
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 44px;
    min-height: 160px;
  }
  .full-screen-banner.rt-title .title, .full-screen-banner.lt-title .title{
    width: 100%;
    bottom: 0;
    top: auto;
    padding-left: 34px;
    padding-top: 22px;
    height: auto;
    padding-bottom: 44px;
    padding-right: 34px;
    position: relative;
    min-height: 40vw;
  }
  .full-screen-banner .title-with-description .title{
    min-height: auto;
  }
  .full-screen-banner.rt-title .title-with-description .title, .full-screen-banner.lt-title .title-with-description .title{
    padding-bottom: 0;
  }
  .full-screen-banner.rt-title .title div, .full-screen-banner.lt-title .title div{
    font-size: 35px;
    padding: 0;
    flex: 0 0 100%;
    white-space: normal;
  }
  .full-screen-banner .title-with-description .description{
    font-size: 17px;
    width: auto;
    padding: 18px 34px 0;
  }
  .full-screen-banner.color-blue .title:after, .full-screen-banner.color-blue .title-with-description:after,
  .full-screen-banner.color-orange .title:after, .full-screen-banner.color-orange .title-with-description:after{
    left: 0;
    width: 100%;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    height: 30px;
    top: -29px;
    margin-left: 0;
  }
  .spacing-50m{
    height: 50px;
  }
  br.desktop, span.desktop{
    display: none;
  }
  .ebook-banner{
    margin-bottom: 3em;
  }
  .top-banner .align-center{
    width: 100%;
  }
  .cta-label {
    font-size: 1em;
    margin: .5em 0 0;
  }
  .app-promotion{
    max-width: 100%;
  }
  .app-promotion .app-btns a.app-btn + .app-btn{
    margin-left: 6vw;
  }
  .popup-old-theme .popup-block{
    padding:20px 20px 10px;
  }
  .popup-form-field .input-field input{
    padding: 0 14px;
    font-size: 14px;
    height: 39px;
    line-height: 40px;
  }
  .popup-form-field .input-field > *::placeholder{
    font-size: 14px;
  }
  .popup-form-field .input-field textarea{
    padding:8px 14px;
  }
  .popup-old-theme .popup-block .title{
    font-size: 20px;
    padding-bottom: 20px;
  }
  .popup-form-field{
    padding-bottom: 5px;
  }
  .popup-form-field .input-field .label-file-upload{
    padding: 0 14px;
    font-size: 12px;
    height: 37px;
    line-height: 36px;
  }
  .popup-form-field .tnc .msg{
    font-size: 12px;
  }
  .popup-form-field .input-field input[type="checkbox"] + label:before{
    width: 14px;
    height: 14px;
    margin-top: 1px;
  }
  .popup-form-field .input-field input[type="checkbox"]:checked + label:after{
    width: 13px;
    height: 13px;
    top: 7px;
  }
  .popup-form-field .name-field, .popup-form-field .input-field.mrmrsms{
    flex:1 0 auto !important;
  }
  .popup-form-field .input-field.mrmrsms{
    margin:3px 0 7px;
  }
  .stepper span {
      width: 30px;
      height: 30px;
      line-height: 26px;
      font-size: 13px;
      margin: 0 12px;
  }
  .stepper:after {
      width: calc(180px + 105px);
  }
  .steppers {
      margin: 30px auto 15px;
  }

  .noHousePercent .timeline{
    padding-top: 0;
  }
  .noHousePercent .timeline-card-slide {
    margin-bottom: 50px;
  }
  .noHousePercent .timeline-card .text-content {
    min-width: 65%;
  }
  .noHousePercent .protect-timeline .bg-elements{
    top: 208vw;
  }
  .noHousePercent .protect-timeline .bg-elements span:nth-child(3) {
    top: 44%;
  }
  .noHousePercent .timeline-body {
    margin-bottom: 25vh;
  }

  /* ver.2 */
  .arrow3{
    width: 76px;
    height: 43px;
  }
  .guarant-card{
    flex-direction: column;
    margin-bottom: 30px;
  }
  .guarant-card .graphic-house{
    flex:0 0 auto;
    max-width: 70%;
    margin:0 auto 10px;
    order: 1;
  }
  .guarant-card .content{
    order: 2;
    padding-right: 0;
  }
  .guarant-card .top .lt .number {
    width: 30px;
    height: 30px;
    line-height: 29px;
    font-size: 16px;
  }
  .guarant-card .top .lt {
    margin-right: 10px;
  }
  .guarant-card .top .rt .label {
    font-size: 24px;
    line-height: 29px;
  }
  .guarant-card .top .rt .title {
    font-size: 20px;
  }
  .guarant-card .text-content {
    padding-left: 40px;
  }
  .guarant-card .top{
    margin-bottom: 12px;
  }
  .guarant-card a {
    margin-top: 12px;
    margin-left: 40px;
    font-size: 14px;
  }
  .guarant-cards > .title{
    font-size: 29px;
    margin:0 auto 30px;
  }
  .graphic-house-sticky{
    display: none;
  }
  .guarant-card .graphic-house{
    opacity: 1;
  }
  .min-header .logo-codecohk {
      width: 130px;
      height: 63px;
      padding: 13px;
  }
}


/*@media only screen and (max-height: 900px) and (min-width: 1024px){
  .timeline .sticky-house .section-title{
    padding-top: 0;
  }
}*/
@media only screen and (min-width: 1024px) {
  .tooltips .tips{
    top: 20px;
  }
}

@media only screen and (min-height: 1080px) and (min-width: 1024px){
  .timeline .sticky-house{
    top: 8vh;
  }
  .timeline-card-slide{
    top: 58%;
  }
}
@media only screen and (min-height: 1280px){
  .timeline .sticky-house{
    top: 15vh;
  }
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right{
  visibility: visible !important;
}

.footer-macau .footer-top .contact-list {
  flex: 0 0 100% !important;
}

</style>


    

    

    <!-- <link rel="stylesheet" href="/static/assets/js.lib/revamp2022/css/style_revamp.css"> -->
   

    <!-- <link rel="stylesheet" href="https://d2350fb44r6k35.cloudfront.net/assets/js.lib/revamp2022/css/style_revamp.css"> -->

    <style>

    .cms-banner-fixed {
      bottom:20px;
      left:-800px;
      max-width:800px;
      max-height:800px;
    }

    .cms-banner-slide {
      transition: 0.6s;
      left: 20px !important;
    }

    @media screen and (max-width:540px){
      .cms-banner-fixed {
        bottom: 0;
        max-width:800px;
        max-height:800px;
      }

      .cms-banner-fixed img {
        width: 100%;
      }      

      .cms-banner-slide {
        transition: none;
        left: 10px !important;
        right: 10px !important;
        bottom: 10px !important;
      }
    }
 
    </style>

    <script async charset="utf-8" src="//cdn.embedly.com/widgets/platform.js"></script>
    <script>
      //Embedly
      document.querySelectorAll( 'oembed[url]' ).forEach( element => {
            // Create the <a href="..." class="embedly-card"></a> element that Embedly uses
            // to discover the media.
            const anchor = document.createElement( 'a' );

            anchor.setAttribute( 'href', element.getAttribute( 'url' ) );
            anchor.className = 'embedly-card';

            element.appendChild( anchor );
        } );

        document.querySelectorAll( 'div[data-oembed-url]' ).forEach( element => {
            // Discard the static media preview from the database (empty the <div data-oembed-url="...">).
            while ( element.firstChild ) {
                element.removeChild( element.firstChild );
            }

            // Create the <a href="..." class="embedly-card"></a> element that Embedly uses
            // to discover the media.
            const anchor = document.createElement( 'a' );

            anchor.setAttribute( 'href', element.dataset.oembedUrl );
            anchor.className = 'embedly-card';

            element.appendChild( anchor );
        } );
    </script>


    <!-- Global site tag (gtag.js) - Google Ads: 978078813 -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=AW-978078813"></script>
    <script>

     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments);}
     gtag('js', new Date());

     gtag('config', 'AW-978078813');

    </script>
    
    
    <!-- <script data-ad-client="ca-pub-2414455993929656" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> -->
    <script type="application/ld+json">
     {
       "@context": "https://schema.org",
       "@type": "HomeAndConstructionBusiness",
       "name": "好師傅",
       "image": "https://s3-ap-east-1.amazonaws.com/com.codeco-hk.cms/assets/images/favicon_v3_192x192.png",
       "@id": "",
       "url": "https://www.codeco.hk/zh-tw/",
       "telephone": "+852 5507 5535",
       "address": {
         "@type": "PostalAddress",
         "streetAddress": "筲箕灣耀興道3號東匯廣場12樓",
         "addressLocality": "筲箕灣",
         "postalCode": "00000",
         "addressCountry": "HK"
       },
       "geo": {
         "@type": "GeoCoordinates",
         "latitude": 22.3095576,
         "longitude": 114.190845
       },
       "openingHoursSpecification": {
         "@type": "OpeningHoursSpecification",
         "dayOfWeek": [
           "Monday",
           "Tuesday",
           "Wednesday",
           "Thursday",
           "Friday"
         ],
         "opens": "10:00",
         "closes": "18:00"
       },
       "sameAs": [
         "https://www.facebook.com/hocfu.codeco/",
         "https://www.instagram.com/hocfu.codeco/?hl=en",
         "https://www.youtube.com/channel/UCOZ1d6zPdKvmIpEu4wozLCQ"
       ]
     }
    </script>
  </head>
  <body class="page-home">
    <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5QZ59QJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) -->
    

    <input type="hidden" name="ga_client_id" value="to_be_filled_by_GTM">

    








<!-- header -->
<header class="revamp" style="display:none;">
  


<div id="top_bar" style="z-index: 9; line-height: 2em; padding: 5px 0px 6px; background:#FF6A47; margin:0 auto; text-align:center; width:100%; color:white; font-size:15px; font-family: Helvetica, Arial, sans-serif;  font-weight:300;">裝修點至有保障？│ 好師傅裝修預備班 │ 5月31日 及 6月7日<a id="top_bar_calltoaction" style="background: #FF9780; display: inline-block; padding: 0px 12px 1px; color: white; text-decoration: none; margin: 1px 14px 0px; border-radius: 3px;" href="https://codeco.hk/zh-tw/p/codeco_renovation_workshop/">了解更多</a></div>

<div class="header-wrapper">
  <!-- lt -->
  <div class="header-lt">
    <!-- logo -->
    <a href="/zh-tw/" class="logo-codecohk" aria-label="Codeco.hk">
      <!-- <img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/logo_codecohk2-min.png" alt="Codeco.hk Logo"> -->
      <img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/codeco-logo-11.png" alt="Codeco.hk Logo">
      <!-- <div class="logo-video">
        <video id="logoVideo" src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/Codeco-Logo-Animation-500X280.m4v?a=1" autoplay muted playsinline fetchpriority="high"></video>
      </div> -->
    </a>
    <!-- navigation -->
    <div class="nav-container">
      <nav>
        <ul>
          <li class="haveSubLevel">
            <a href="#" class="nav-top-section" aria-label="搜尋裝修案例">搜尋裝修案例</a>
            <div class="nav-sub-dropdown">
              <!-- have sub sub section -->
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href="/zh-tw/cases/"><div class="title">精選裝修案例<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/cases/list/all-tenestate/"><div class="title">十大屋苑<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/cases/list/home-ownership-scheme/"><div class="title">居屋裝修<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/cases/list/public-housing/"><div class="title">公屋裝修<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/cases/list/village-house/"><div class="title">村屋裝修<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/cases/list/studio-flat/"><div class="title">蝸居裝修<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/cases/list/all-commercial/"><div class="title">商業裝修<div class="description"></div></div></a></li>
                </ul>
              </div>
              <!-- have sub sub section -->
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href="/zh-tw/interior/"><div class="title">CoDesign+ 設計師配對<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/interior/nordic/"><div class="title">北歐風<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/interior/muji/"><div class="title">無印風<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/interior/modern/"><div class="title">現代簡約風<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/interior/industrial/"><div class="title">工業風<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/interior/luxury/"><div class="title">奢華風<div class="description"></div></div></a></li>
                </ul>
              </div>
            </div>
          </li>

          <li class="haveSubLevel">
            <a href="#" class="nav-top-section" aria-label="100%完工保證">100%完工保證</a>
            <div class="nav-sub-dropdown">
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/5%E5%A4%A7%E4%BF%9D%E9%9A%9C%E5%88%B6%E5%BA%A6/"><div class="title">完工保證制度</div></a></li>

                  <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B8%AB%E5%82%85%E5%AF%A9%E6%9F%A5%E5%88%B6%E5%BA%A6/"><div class="title">嚴選好師傅<div class="description">師傅配對 預先審查</div></div></a></li>

                  <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%B2%BB%E7%94%A8%E8%A8%97%E7%AE%A1-%E5%A0%B1%E5%83%B9%E5%AF%A9%E6%A0%B8%E5%88%B6%E5%BA%A6/"><div class="title">付款保障<div class="description">報價審核 價格保障</div></div></a></li>

                  <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%A3%9D%E4%BF%AE%E9%A9%97%E6%94%B6-%E5%93%81%E8%B3%AA%E4%BF%9D%E9%9A%9C%E5%88%B6%E5%BA%A6/"><div class="title">免費驗收<div class="description">QC驗收 統一標準</div></div></a></li>
                  
                  <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E6%BA%96%E6%99%82%E5%AE%8C%E5%B7%A5-%E7%88%9B%E5%B0%BE%E5%8C%85%E5%BA%95%E5%88%B6%E5%BA%A6/"><div class="title">準時完工<div class="description">延誤補償 完工包底</div></div></a></li>

                  <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B7%A5%E7%A8%8B%E9%80%B2%E5%BA%A6-%E8%A3%9D%E4%BF%AE%E6%94%AF%E6%8F%B4%E5%88%B6%E5%BA%A6/"><div class="title">工程追蹤<div class="description">解答疑難 追蹤進度</div></div></a></li>

                  <!-- <li class="sub-cate sub-col"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E5%A5%BD%E5%94%94%E5%A5%BD/"><div class="title">客戶分享<div class="description">保障成效 真實分享</div></div></a></li> -->
                </ul>
              </div>
            </div>
          </li>

          <li class="haveSubLevel">
            <a href="#" class="nav-top-section" aria-label="規劃裝修">規劃裝修</a>
            <div class="nav-sub-dropdown">
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate"><a href="/zh-tw/standard/"><div class="title">服務流程<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/379/"><div class="title">前期準備<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/57/"><div class="title">裝修流程<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/101/"><div class="title">揀選師傅<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/288/"><div class="title">傢俬規劃<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/381/"><div class="title">揀選物料<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/renovation_guideline/"><div class="title">裝修指引<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="https://codeco.hk/zh-tw/p/codeco_renovation_workshop/"><div class="title">裝修預備班<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E9%AB%94%E9%A9%97%E9%A4%A8/"><div class="title">裝修體驗館<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/press/"><div class="title">媒體報導<div class="description"></div></div></a></li>
                </ul>
              </div>
            </div>
          </li>

          <li class="haveSubLevel">
            <a href="#" class="nav-top-section" aria-label="裝修估價">裝修估價</a>
              <div class="nav-sub-dropdown">
                <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate">  
                    <div class="name"><a href="/zh-tw/quotation/"><div class="title">裝修估價機<div class="description"></div></div></a></div>
                  </li>
                  <li class="sub-cate">  
                    <div class="name"><a href="https://codeco.hk/zh-tw/p/renovation_guidebook/"><div class="title">裝修點心紙及天書 - 價單及套餐<div class="description"></div></div></a></div>
                  </li>
                </ul>
              </div>
            </div>
          </li>

          <!-- <li class="haveSubLevel">
            <a href="#" class="nav-top-section" aria-label="解決方案">解決方案</a>
            <div class="nav-sub-dropdown">
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%9C%8D%E5%8B%99/"><div class="title">好師傅服務<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/inspection/"><div class="title">專業驗樓<div class="description"></div></div></a></li>
                  
                  <li class="sub-cate"><a href="/zh-tw/standard/"><div class="title">裝修配對<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/p/renovation-upgrade-service2/"><div class="title">升級支援<div class="description"></div></div></a></li>

                  <li class="sub-cate"><a href="/zh-tw/interior/"><div class="title">室內設計<div class="description"></div></div></a></li>
                </ul>
              </div>
            </div>
          </li> -->
          
          <li class="haveSubLevel">
            <a href="#" class="highlight nav-top-section" aria-label="增值服務及優惠">增值服務及優惠</a>
            <div class="nav-sub-dropdown">
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href='#' onclick="event.preventDefault(); event.stopPropagation();" style="cursor: default; color: var(--black-color)">增值服務</a></li>
                  <li class="sub-cate"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%94%B6%E8%B2%BB/"><div class="title">裝修驗收服務<div class="description"></div></div></a></li>
                  <li class="sub-cate"><a href="/zh-tw/p/vas_quotation_consultation/"><div class="title">免費檢視報價單<div class="description"></div></div></a></li>
                  <li class="sub-cate"><a href="/zh-tw/inspection/"><div class="title">新舊樓驗樓<div class="description"></div></div></a></li>
                  <li class="sub-cate"><a href="/zh-tw/p/pm_Koreanclean/"><div class="title">深層清潔除甲醛<div class="description"></div></div></a></li>
                </ul>
              </div>
              <div class="nav-sub-sub-section">
                <ul>
                  <li class="sub-cate full-col"><a href='#' onclick="event.preventDefault(); event.stopPropagation();" style="cursor: default; color: var(--black-color)">裝修優惠</a></li>
                  <li class="sub-cate"><a href="/zh-tw/p/vr_design/"><div class="title">VR 沉浸式預覽<div class="description"></div></div></a></li>
                  <!-- <li class="sub-cate"><a href="/zh-tw/referral/"><div class="title">好友推薦獎賞<div class="description"></div></div></a></li> -->
                  <li class="sub-cate"><a href="/zh-tw/p/OCBC-decoration-loan/"><div class="title">OCBC 裝修貸款優惠<div class="description"></div></div></a></li>
                  <li class="sub-cate"><a href="/zh-tw/offers/"><div class="title">所有優惠<div class="description"></div></div></a></li>
                </ul>
              </div>
            </div>
          </li>
          
          <li><a href="https://www.cocomall.hk"><div class="title">選購物料<div class="description"></div></div></a></li>
          <li><a href="/zh-tw/%E5%95%86%E6%A5%AD%E8%A3%9D%E4%BF%AE/"><div class="title">工商舖裝修<div class="description"></div></div></a></li>

          
          <li><a href="/zh-tw/renovation101/"><div class="title">裝修知識<div class="description"></div></div></a></li>
          

          
          <li class="haveSubLevel">
            <a href="#" class="highlight nav-top-section" aria-label="裝修貸款及信用卡">裝修貸款及信用卡</a>
            <div class="nav-sub-dropdown">
              <div class="nav-sub-sub-section">
                <ul>
                  
                  <li class="sub-cate"><a href="/zh-tw/renovation_loan/list/"><div class="title">裝修貸款<div class="description"></div></div></a></li>
                  
                  
                  <li class="sub-cate"><a href="/zh-tw/renovation_creditcard/list/"><div class="title">裝修信用卡<div class="description"></div></div></a></li>                 
                  
                </ul>
              </div>
            </div>
          </li>
          
          
        </ul>
      </nav>
    </div>
  </div>
  <!-- rt -->
  <div class="header-rt">

    <div class="search-btn">
      <form method="GET" action="/zh-tw/content/search/" class="search">
        <input class="search-input" name="keyword" type="search" id="searchInput" placeholder="搜尋">
        <div class="search-icon-container">
          <label for="searchInput" class="search_label"></label>
          <button class="search-submit" aria-label="搜尋"></button>
        </div>
      </form>
    </div>

    <!-- <a href="/zh-tw/favourite/" class="bookmark" aria-label="喜愛清單" title="喜愛清單"></a> -->

    <a href="/zh-tw/request/" class="freequote-btn orange-btn">
      <div class="freequote-btn-block">
        安排免費報價
      </div>
    </a>

    <div class="downloadapp-btn" aria-label="下載APP">
      <div class="downloadapp-icon"></div>
      <div class="downloadapp-panel">
        <div class="downloadapp-qr-code">
          <img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/qr_header.png"/>
        </div>
        
        
        或<a href="https://codeco.hk/zh-tw/renovation101/384/">按此</a>認識好師傅APP
        
      </div>
    </div>
  </div>
</div>
</header>

<!-- Mobile bottom Menu bar -->
<div class="mobile-revamp bottom-menu">
  <ul class="bottom-menu-ul">
    <li class="current">
      <a href="/zh-tw/">
        <div class="menu-icon" style=""></div>
        <div class="name" style="color: #4D4D4D;">首頁</div>
      </a>
    </li>
    <li class="">
      <a href="/zh-tw/cases/">
        <div class="menu-icon"></div>
        <div class="name" style="color: #4D4D4D;">靈感</div>
      </a>
    </li>
    <li>
      <a href="/zh-tw/request/">
        <div class="menu-icon" style="border-radius: 100px; box-shadow: 0 2px 4px 0 rgb(0 0 0 / 20%); background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/menu_icon03.png?v=20250328)"></div>
        <div class="name" style="color: #4D4D4D;">免費報價</div>
      </a>
    </li>
    <li class="">
      <a href="/zh-tw/quotation/">
        <div class="menu-icon"></div>
        <div class="name" style="color: #4D4D4D;">估價</div>
      </a>
    </li>
    <li>
      <a href="javascript:openSubmenu();">
        <div class="menu-icon"></div>
        <div class="name" style="color: #4D4D4D;">更多</div>
      </a>
    </li>
  </ul>
</div>

<!-- Mobile Submenu -->
<ul class="mobile-revamp submenu">
  <li class="current">
    <div class="name"><a href="/zh-tw/">首頁</a></div>
  </li>

  <li class="haveSubLevel ">
    <div class="name"><a href="#" class="nav-top-section">搜尋裝修案例</a></div>
    <div class="nav-sub-dropdown">
      <!-- have sub sub section -->
      <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate full-col"><a href="/zh-tw/cases/"><div class="title">精選裝修案例<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/cases/list/all-tenestate/"><div class="title">十大屋苑<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/cases/list/home-ownership-scheme/"><div class="title">居屋裝修<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/cases/list/public-housing/"><div class="title">公屋裝修<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/cases/list/village-house/"><div class="title">村屋裝修<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/cases/list/studio-flat/"><div class="title">蝸居裝修<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/cases/list/all-commercial/"><div class="title">商業裝修<div class="description"></div></div></a></li>

        </ul>
      </div>
      <!-- have sub sub section -->
      <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate full-col"><a href="/zh-tw/interior/"><div class="title">CoDesign+ 設計師配對<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/interior/nordic/"><div class="title">北歐風<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/interior/muji/"><div class="title">無印風<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/interior/modern/"><div class="title">現代簡約風<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/interior/industrial/"><div class="title">工業風<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/interior/luxury/"><div class="title">奢華風<div class="description"></div></div></a></li>
        </ul>
      </div>
    </div>
  </li>

  <li  class="haveSubLevel ">
    <div class="name"><a href="#" class="nav-top-section">100%完工保證</a></div>
      <div class="nav-sub-dropdown">
        <div class="nav-sub-sub-section">
          <ul>
            <li class="sub-cate full-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/5%E5%A4%A7%E4%BF%9D%E9%9A%9C%E5%88%B6%E5%BA%A6/"><div class="title">完工保證制度</div></a></li>

            <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B8%AB%E5%82%85%E5%AF%A9%E6%9F%A5%E5%88%B6%E5%BA%A6/"><div class="title">嚴選好師傅<div class="description">師傅配對 預先審查</div></div></a></li>

            <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%B2%BB%E7%94%A8%E8%A8%97%E7%AE%A1-%E5%A0%B1%E5%83%B9%E5%AF%A9%E6%A0%B8%E5%88%B6%E5%BA%A6/"><div class="title">付款保障<div class="description">報價審核 價格保障</div></div></a></li>

            <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%A3%9D%E4%BF%AE%E9%A9%97%E6%94%B6-%E5%93%81%E8%B3%AA%E4%BF%9D%E9%9A%9C%E5%88%B6%E5%BA%A6/"><div class="title">免費驗收<div class="description">QC驗收 統一標準</div></div></a></li>
            
            <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E6%BA%96%E6%99%82%E5%AE%8C%E5%B7%A5-%E7%88%9B%E5%B0%BE%E5%8C%85%E5%BA%95%E5%88%B6%E5%BA%A6/"><div class="title">準時完工<div class="description">延誤補償 完工包底</div></div></a></li>

            <li class="sub-cate sub-col"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B7%A5%E7%A8%8B%E9%80%B2%E5%BA%A6-%E8%A3%9D%E4%BF%AE%E6%94%AF%E6%8F%B4%E5%88%B6%E5%BA%A6/"><div class="title">工程追蹤<div class="description">解答疑難 追蹤進度</div></div></a></li>

            <!-- <li class="sub-cate sub-col"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E5%A5%BD%E5%94%94%E5%A5%BD/"><div class="title">客戶分享<div class="description">保障成效 真實分享</div></div></a></li> -->
          </ul>
      </div>
    </div>
  </li>

  <li class="haveSubLevel">
    <div class="name"><a href="#" class="nav-top-section">規劃裝修</a></div>
      <div class="nav-sub-dropdown">
        <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate"><a href="/zh-tw/standard/"><div class="title">服務流程<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/379/"><div class="title">前期準備<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/57/"><div class="title">裝修流程<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/101/"><div class="title">揀選師傅<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/288/"><div class="title">傢俬規劃<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/renovation101/381/"><div class="title">揀選物料<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/renovation_guideline/"><div class="title">裝修指引<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="https://codeco.hk/zh-tw/p/codeco_renovation_workshop/"><div class="title">裝修預備班<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E9%AB%94%E9%A9%97%E9%A4%A8/"><div class="title">裝修體驗館<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/press/"><div class="title">媒體報導<div class="description"></div></div></a></li>

        </ul>
      </div>
    </div>
  </li>

  <li class="haveSubLevel">
    <div class="name"><a href="#" class="nav-top-section">裝修估價</a></div>
      <div class="nav-sub-dropdown">
        <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate">  
            <div class="name"><a href="/zh-tw/quotation/"><div class="title">裝修估價機<div class="description"></div></div></a></div>
          </li>
          <li class="sub-cate">  
            <div class="name"><a href="https://codeco.hk/zh-tw/p/renovation_guidebook/"><div class="title">裝修點心紙及天書 - 價單及套餐<div class="description"></div></div></a></div>
          </li>
        </ul>
      </div>
    </div>
  </li>

  <!-- <li class="haveSubLevel">
    <div class="name"><a href="#" class="nav-top-section">解決方案</a></div>
      <div class="nav-sub-dropdown">
        <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate full-col"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%9C%8D%E5%8B%99/"><div class="title">好師傅服務<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/inspection/"><div class="title">專業驗樓<div class="description"></div></div></a></li>
          
          <li class="sub-cate"><a href="/zh-tw/standard/"><div class="title">裝修配對<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/p/renovation-upgrade-service2/"><div class="title">升級支援<div class="description"></div></div></a></li>

          <li class="sub-cate"><a href="/zh-tw/interior/"><div class="title">室內設計<div class="description"></div></div></a></li>

        </ul>
      </div>
    </div>
  </li> -->
  
  <li class="haveSubLevel">
    <div class="name"><a href="#" class="nav-top-section">增值服務及優惠</a></div>
    <div class="nav-sub-dropdown">
      <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate full-col"><a href='#' onclick="event.preventDefault(); event.stopPropagation();" style="cursor: default; color: var(--black-color)">增值服務</a></li>
          <li class="sub-cate"><a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%94%B6%E8%B2%BB/"><div class="title">裝修驗收服務<div class="description"></div></div></a></li>
          <li class="sub-cate"><a href="/zh-tw/p/vas_quotation_consultation/"><div class="title">免費檢視報價單<div class="description"></div></div></a></li>
          <li class="sub-cate"><a href="/zh-tw/inspection/"><div class="title">新舊樓驗樓<div class="description"></div></div></a></li>
          <li class="sub-cate"><a href="/zh-tw/p/pm_Koreanclean/"><div class="title">深層清潔除甲醛<div class="description"></div></div></a></li>
        </ul>
      </div>
      <div class="nav-sub-sub-section">
        <ul>
          <li class="sub-cate full-col"><a href='#' onclick="event.preventDefault(); event.stopPropagation();" style="cursor: default; color: var(--black-color)">裝修優惠</a></li>
          <li class="sub-cate"><a href="/zh-tw/p/vr_design/"><div class="title">VR 沉浸式預覽<div class="description"></div></div></a></li>
          <!-- <li class="sub-cate"><a href="/zh-tw/referral/"><div class="title">好友推薦獎賞<div class="description"></div></div></a></li> -->
          <li class="sub-cate"><a href="/zh-tw/p/OCBC-decoration-loan/"><div class="title">OCBC 裝修貸款優惠<div class="description"></div></div></a></li>
          <li class="sub-cate"><a href="/zh-tw/offers/"><div class="title">所有優惠<div class="description"></div></div></a></li>
        </ul>
      </div>
    </div>
    </div>
  </li>

  <li class="">  
    <div class="name"><a href="https://www.cocomall.hk"><div class="title">選購物料<div class="description"></div></div></a></div>
  </li>

  <li class="">  
    <div class="name"><a href="/zh-tw/%E5%95%86%E6%A5%AD%E8%A3%9D%E4%BF%AE/"><div class="title">工商舖裝修<div class="description"></div></div></a></div>
  </li>

  
  <li class="">  
    <div class="name"><a href="/zh-tw/renovation101/"><div class="title">裝修知識<div class="description"></div></div></a></div>
  </li>
  

  
  <li class="haveSubLevel">
    <div class="name"><a href="#" class="highlight nav-top-section" aria-label="裝修貸款及信用卡">裝修貸款及信用卡</a></div>
    <div class="nav-sub-dropdown">
      <div class="nav-sub-sub-section">
        <ul>
          
          <li class="sub-cate"><a href="/zh-tw/renovation_loan/list/"><div class="title">裝修貸款<div class="description"></div></div></a></li>
          
          
          <li class="sub-cate"><a href="/zh-tw/renovation_creditcard/list/"><div class="title">裝修信用卡<div class="description"></div></div></a></li>                 
          
        </ul>
      </div>
    </div>
  </li>
  
    
</ul> 


    <div class="overlay"></div>
    <!-- header end. -->
    <div class="revamp-top" style="display:none;"></div>

    <div id="root">
      
  
  
  <!-- main -->
  <div class="revamp">

  
    





<!-- Hero banner -->
<div id="trigger0" class="trigger-line"></div>
<section class="home-hero-banner home-top typeB" id="sec0" style="opacity: 1">

  <div class="home-banner typeB">
    <div class="text-block">
      <div class="text-block-wrapper">
        <h1 class="tagline">好師傅 CoDECO | 裝修配對平台</h1>  
        <h2 class="title"><span class="highlight-orange">100%</span> 裝修完工保證</h2>
        <div class="description">
          以五大保障制度，配合智能工程追蹤，改變你的裝修體驗，讓家多點保障。
        </div>
        <div class="align-center" style="width: 100%">
          <a href="/zh-tw/request/" class="btn orange-btn"><div>免費報價</div></a>
          <div class="cta-label">$0報價 無限配對</div>
        </div>        
      </div>
    </div>
  </div>

    <div class="hero-banner">
      <div class="swiper revamp">
        <div class="swiper-wrapper">
          <div class="swiper-slide" aria-label="Banner 1">
            <div class="hero-banner-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_11.jpg);"></div>
            <div class="hero-banner-bg-mobile" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_11m.jpg);"></div>
          </div>
          <div class="swiper-slide" aria-label="Banner 2">
            <div class="hero-banner-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_16.jpg);"></div>
            <div class="hero-banner-bg-mobile" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_16m.jpg);"></div>
          </div>
          <div class="swiper-slide" aria-label="Banner 3">
            <div class="hero-banner-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_17.jpg);"></div>
            <div class="hero-banner-bg-mobile" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_17m.jpg);"></div>
          </div>
          <div class="swiper-slide" aria-label="Banner 4">
            <div class="hero-banner-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_14.jpg);"></div>
            <div class="hero-banner-bg-mobile" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_14m.jpg);"></div>
          </div>
          <div class="swiper-slide" aria-label="Banner 5">
            <div class="hero-banner-bg" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_15.jpg');"></div>
            <div class="hero-banner-bg-mobile" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy_15m.jpg);"></div>
          </div>
        </div>
         <div class="swiper-pagination"></div>
      </div>
    </div>
    <!-- Mobile more's label -->
    <!-- <div class="mobile more">了解更多</div> -->

</section>


<!-- <div id="trigger16" class="trigger-line"></div>
<section id="sec16" style="opacity: 1">
  <h2 class="section-title color-orange">家居設計 多點保障</h2>
  <div class="description">當你搜尋裝修師傅或裝修公司進行裝修工程時，有沒有擔心過裝修爛尾和貨不對辦？調查顯示，72%剛完成全屋裝修或家居設計的受訪者，最擔心裝修爛尾和貨不對辦。</div>
</section> -->
<div id="trigger16" class="trigger-line"></div>
<section id="sec16" style="opacity: 1">
  <div class="text-center">
    <img style="width: 750px; max-width: 90%;" src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/codeco-logo-11.png"></img>
  </div>
  <h2 class="section-title color-orange hide-bar"><span class="highlight">11年</span>承諾&nbsp;&nbsp;<span class="highlight">100%</span>安心</h2>
  <div class="description">好師傅始終如一，一直堅守承諾，<br class="desktop-revamp"/>以家為心，通過保障制度、科技和貼心服務，<br class="desktop-revamp"/>為你改造好生活，讓你家多點保障。</div>
  <a href="https://codeco.hk/zh-tw/p/codeco_10th_anniversary/" class="btn border-blue" style="margin-top:50px"><div>同慶11周年</div></a>
</section>


<!-- SECTION: Protect timeline -->
<div id="trigger3" class="trigger-line"></div>
<section class="protect-timeline" id="sec3" style="padding-top: 0; opacity: 1">

  <div class="timeline">

    <div class="timeline-body">

      <div class="sticky-house">
        <h2 class="section-title color-blue">5大保障制度</h2>

        <div class="house">
          <div class="house-texts">
            <div class="text" id="text01">師傅</div>
            <div class="text" id="text02">時間</div>
            <div class="text" id="text03">品質</div>
            <div class="text" id="text04">價格</div>
            <div class="text" id="text05">戶主</div>
          </div>
          <div class="count"><span>0</span>%</div>
          <div class="house100">
            <div class="circle1">
              <div class="circle2">
                <div class="msg">裝修完工保證</div>
                <div class="house-logo"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/logo_codecohk2-min.png"></div>
              </div>
            </div>
            <div class="circle-element">
              <span></span>
              <span></span>
              <span></span>
              <span></span>
              <span></span>
            </div>
          </div>
          <a href="/zh-tw/request/" class="btn orange-btn"><div>免費度尺</div></a>
        </div>
      </div>

      <div class="timeline-card-slide">
        <div class="timeline-card">
          <div class="title-with-icon">
            <div class="icon" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/protect-0.png);"></div>
          </div>
          <div class="text-content">
            <h3 class="description">師傅配對 預先審查</h3>
            <ul class="points">
              <li>師傅均通過考核，保證質素</li>
              <li>免費配對到你揀啱為止</li>
            </ul>
            <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B8%AB%E5%82%85%E5%AF%A9%E6%9F%A5%E5%88%B6%E5%BA%A6/" class="btn blue-btn"><div>了解更多</div></a>
          </div>
        </div>
      </div>

      <div class="timeline-card-slide">
        <div class="timeline-card">
          <div class="title-with-icon">
            <div class="icon" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/protect-1.png);"></div>
          </div>
          <div class="text-content">
            <h3 class="description">準時入伙　完工包底</h3>
            <ul class="points">
              
              <li>97%準時完工率，延誤有補償<span class="tooltips"><div class="tips">
                  戶主有權向承辦方提出市值租金補償。補償額按單位市值租金或實際住宿支出計算，以較低者為準，上限為工程費用10%。
                </div></span>
              </li>
              <li>接管爛尾工程，為超支包底<span class="tooltips"><div class="tips">
                  若單位超過2星期無顯著進展，而預料無法於合理時間內完工，平台將為客人安排另一裝修公司完成工程，並承擔因此引致的工程差額（以原合約所列的項目計算，不包括後加工程項目）。受有關條款及細則約束。
                </div></span>
              </li>
              
            </ul>
            <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E6%BA%96%E6%99%82%E5%AE%8C%E5%B7%A5-%E7%88%9B%E5%B0%BE%E5%8C%85%E5%BA%95%E5%88%B6%E5%BA%A6/" class="btn blue-btn"><div>了解更多</div></a>
          </div>
        </div>
      </div>
      
      <div class="timeline-card-slide">
        <div class="timeline-card">
          <div class="title-with-icon">
            <div class="icon" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/protect-2.png);"></div>
          </div>
          <div class="text-content">
            <h3 class="description">QC驗收　統一標準</h3>
            <ul class="points">
              
              <li>3次免費驗收，保障品質<span class="tooltips"><div class="tips">
                  只適用於10萬元或以上的全屋裝修工程。免費驗收由專人分3次進行，保證水電、泥水及所有工程符合標準。
                </div></span>
              </li>
              <li>《香港裝修指引》統一工程標準
              </li>
              
            </ul>
            <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%A3%9D%E4%BF%AE%E9%A9%97%E6%94%B6-%E5%93%81%E8%B3%AA%E4%BF%9D%E9%9A%9C%E5%88%B6%E5%BA%A6/" class="btn blue-btn"><div>了解更多</div></a>
          </div>
        </div>
      </div>

      <div class="timeline-card-slide">
        <div class="timeline-card">
          <div class="title-with-icon">
            <div class="icon" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/protect-3.png);"></div>
          </div>
          <div class="text-content">
            <h3 class="description">報價審核　支付保障</h3>
            <ul class="points">
              
              <li>審核師傅報價，保證價錢合理</li>
              <li>託管費用驗收後才過數給師傅<span class="tooltips"><div class="tips">
                  好師傅會為10萬元或以上的全屋裝修工程，提供3次免費上門驗收，保證水電、泥水及所有工程符合標準。
                </div></span>
              </li>
              
            </ul>
            <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E8%B2%BB%E7%94%A8%E8%A8%97%E7%AE%A1-%E5%A0%B1%E5%83%B9%E5%AF%A9%E6%A0%B8%E5%88%B6%E5%BA%A6/" class="btn blue-btn"><div>了解更多</div></a>
          </div>
        </div>
      </div>

      <div class="timeline-card-slide">
        <div class="timeline-card">
          <div class="title-with-icon">
            <div class="icon" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/protect-4.png);"></div>
          </div>
          <div class="text-content">
            <h3 class="description">戶主支援　追蹤進度</h3>
            <ul class="points">
              
              <li>專家群組解答裝修疑難</li>
              <li>透過應用程式，隨時追蹤進度</li>
              
            </ul>
            <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E5%AE%8C%E5%B7%A5%E4%BF%9D%E8%AD%89/%E5%B7%A5%E7%A8%8B%E9%80%B2%E5%BA%A6-%E8%A3%9D%E4%BF%AE%E6%94%AF%E6%8F%B4%E5%88%B6%E5%BA%A6/" class="btn blue-btn"><div>了解更多</div></a>
          </div>
        </div>
      </div>

      <div class="timeline-card-spacing"></div>
      <div id="timeline-card-mask" class="trigger-line"></div>


      </div>

    </div>

    <div class="spacing-100"></div>
    <div class="bg-elements">
      <span></span>
      <span></span>
      <span></span>
    </div>

    <div class="full-screen-banner rt-title color-blue">
      <div class="full-screen-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/fullbanner_01.jpg);"></div>
      <div class="title-with-description">
        <h2 class="title"><div>改變空間<br>迎接下一階段</div></h2>
        <div class="description">家就是心之所向。無論你計劃全屋裝修，還是家居設計，好師傅同樣以家為心，通過保障、科技和貼心服務，為你改造好生活。</div>
      </div>
    </div>

</section>


<!-- SECTION: show case listing -->
<div id="trigger2" class="trigger-line"></div>
<section class="show-case-col5-m3"  id="sec2" style="opacity: 1">
  <h2 class="section-title color-orange">收集靈感，改造<span class="highlight">好生活</span></h2>
  <div class="description">自2013起，好師傅裝修平台已為4,000+個家庭，成功配對裝修師傅／裝修公司，完成裝修改造旅程。當中包括家居裝修和家居設計工程，總額超過8億。</div>
  <div class="spacing-50"></div>

  <div class="section-cards">

    
    <a href="/zh-tw/cases/1090/" class="card">
        <div class="card-title">
            <h3 class="text">奧運 | 君滙港</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/230828135712/DSC04597-crop-c0-5__0-5-438x405-70.jpg)" alt=""></div>
    </a>
    
    <a href="/zh-tw/cases/1076/" class="card">
        <div class="card-title">
            <h3 class="text">鰂魚涌 | 華蘭花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/221206133716/221103_38581_002-crop-c0-5__0-5-438x405-70.jpg)" alt=""></div>
    </a>
    
    <a href="/zh-tw/cases/1040/" class="card">
        <div class="card-title">
            <h3 class="text">荃灣 | 海濱花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/220510174406/DSC03352-1-crop-c0-5__0-5-438x405-70.jpeg)" alt="荃灣海濱花園廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/1001/" class="card">
        <div class="card-title">
            <h3 class="text">屯門 | 華都花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/211105151502/210925_27434_009-crop-c0-5__0-5-438x405-70.jpg)" alt="屯門華都花園廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/1064/" class="card">
        <div class="card-title">
            <h3 class="text">西營盤 | 俊傑花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/220802151902/220705_30405_008-crop-c0-5__0-5-438x405-70.jpg)" alt="俊傑花園客廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/1078/" class="card">
        <div class="card-title">
            <h3 class="text">屯門 | 山景邨</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/230110203552/221113_37141_003-crop-c0-5__0-5-438x405-70.jpg)" alt=""></div>
    </a>
    
    <a href="/zh-tw/cases/1014/" class="card">
        <div class="card-title">
            <h3 class="text">荃灣 | 爵悅庭</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/220104153343/211204_30239_007-crop-c0-5__0-5-438x405-70.jpg)" alt="荃灣爵悅庭廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/570/" class="card">
        <div class="card-title">
            <h3 class="text">黃埔 | 黃埔花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/191014160737/PA115092-crop-c0-5__0-5-438x405-70.jpg)" alt="油麻地雅寶大廈大廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/1012/" class="card">
        <div class="card-title">
            <h3 class="text">黃埔 | 黃埔花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/211228121620/211203_29117_009-crop-c0-5__0-5-438x405-70.jpg)" alt="黃埔黃埔花園廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/851/" class="card">
        <div class="card-title">
            <h3 class="text">將軍澳 | 海翩匯</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210423165433/210328_26577_001-crop-c0-5__0-5-438x405-70.jpg)" alt="將軍澳海翩匯客廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/899/" class="card">
        <div class="card-title">
            <h3 class="text">中上環 | 普慶坊</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210602171915/IMG_1790-crop-c0-5__0-5-438x405-70.jpg)" alt="上環普慶坊大廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/923/" class="card">
        <div class="card-title">
            <h3 class="text">佐敦 | 文昌樓</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210709174027/210625_25922_004-crop-c0-5__0-5-438x405-70.jpg)" alt="佐敦文昌樓客廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/842/" class="card">
        <div class="card-title">
            <h3 class="text">馬鞍山 | 錦豐苑</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210311173248/210222_24951_005-crop-c0-5__0-5-438x405-70.jpg)" alt="沙田錦豐苑大廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/952/" class="card">
        <div class="card-title">
            <h3 class="text">荃灣 | 愉景新城</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210824155508/210728_26926_002-crop-c0-5__0-5-438x405-70.jpg)" alt="荃灣愉景新城廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/860/" class="card">
        <div class="card-title">
            <h3 class="text">將軍澳 | 清水灣半島</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210429174141/210316_E1538_001-crop-c0-5__0-5-438x405-70.jpg)" alt="將軍澳清水灣半島廚房裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/228/" class="card">
        <div class="card-title">
            <h3 class="text">荃灣 | 翠豐臺</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/59ce0e5d30551-crop-c0-5__0-5-438x405-70.jpeg)" alt=""></div>
    </a>
    
    <a href="/zh-tw/cases/856/" class="card">
        <div class="card-title">
            <h3 class="text">火炭 | 豐景花園</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210422130402/_MG_3175-crop-c0-5__0-5-438x405-70.jpg)" alt="火炭豐景花園大廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/830/" class="card">
        <div class="card-title">
            <h3 class="text">元朗 | 蝶翠峰</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/210205150305/v2_D0608975FIX-crop-c0-5__0-5-438x405-70.jpg)" alt="元朗蝶翠峰大廳裝修"></div>
    </a>
    
    <a href="/zh-tw/cases/997/" class="card">
        <div class="card-title">
            <h3 class="text">荃灣 | 韻濤居</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/211028143037/211019_29994_001-crop-c0-5__0-5-438x405-70.jpg)" alt="荃灣韻濤居廳裝修翻新"></div>
    </a>
    
    <a href="/zh-tw/cases/996/" class="card">
        <div class="card-title">
            <h3 class="text">藍田 | 麗港城</h3>
        </div>
        <div class="card-bg-img" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/__sized__/cases/211028121620/DSC00892-crop-c0-5__0-5-438x405-70.jpg)" alt="藍田麗港城廳裝修翻新"></div>
    </a>
    

    <div class="overlay-for-show-case"></div>
  </div>

  
  <div class="tagline-with-border color-orange">
    <div class="tagline color-orange">從<span class="highlight">4,000+個</span>案例 尋找設計靈感</div>
  </div>

  <a href="/zh-tw/cases/" class="btn border-blue"><div>查看所有案例</div></a>
</section>


<!-- SECTION: testimonial -->
<div id="trigger4" class="trigger-line"></div>
<section class="testimonial" id="sec4" style="padding-top:0; margin-top: 180px;">

  <div class="full-screen-banner rt-title color-orange">
    <div class="full-screen-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/fullbanner_02.jpg);"></div>
    <div class="title-with-description">
      <h2 class="title"><div>錫自己 住好啲</div></h2>
      <div class="description">找好師傅裝修平台進行全屋裝修的客人，都有一個共通點，就是希望以家居設計或家居裝修改善生活，讓自己和家人住好啲。</div>
    </div>
  </div>

  <h2 class="section-title color-orange">好師傅好唔好？</h2>

  <div class="testimonial-top">
    <div class="testimonial-block">
      <div class="video-player">
          <iframe width="560" height="315" src="https://www.youtube.com/embed/ZCN-1ajd6wM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
      
      <a href="https://codeco.hk/zh-tw/renovation101/103/">
          <div class="testimonial-content">
              <div class="testimonial-info">
              <div class="profile-img" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/user01.jpg);"></div>
              <div class="testimonial-name">
                  <div class="name">foodpanda 香港區行政總裁</div>
                  <div class="other-info">foodpanda™ 辦公室</div>
              </div>
              </div>
              <div class="testimonial-msg-block">
              作為一間Startup，我們想要一個可以配合不同工作方式的辦公室。其實辦公室只是第一步，我們要用它來建立理想的工作文化。
              </div>
          </div>
      </a>
    </div>
  </div>

  <div id="trigger-testimonial" class="trigger-line"></div>
  <div class="testimonials-list swiper revamp">
    <div class="swiper-wrapper">

      
      <div class="swiper-slide">
          <a href="https://codeco.hk/zh-tw/renovation101/163/">
              <div class="testimonial-block">
              <div class="testimonial-content">
                  <div class="testimonial-info">
                  <div class="profile-img" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/testimonial/211203180523/Jackie-crop-c0-5__0-5-132x132.png');"></div>
                  <div class="testimonial-name">
                      <div class="name">Jackie</div>
                      <div class="other-info">麗晶花園</div>
                  </div>
                  </div>
                  <div class="testimonial-msg-block">
                      好師傅對客人嚟講係個保障，睇住成個過程，有監察、有服務承諾，仲有好多資訊。
                  </div>
              </div>
              </div>
          </a>
      </div>
      
      <div class="swiper-slide">
          <a href="https://codeco.hk/zh-tw/renovation101/83/">
              <div class="testimonial-block">
              <div class="testimonial-content">
                  <div class="testimonial-info">
                  <div class="profile-img" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/testimonial/211203180428/mrs_van-crop-c0-5__0-5-132x132.png');"></div>
                  <div class="testimonial-name">
                      <div class="name">尹太</div>
                      <div class="other-info">嘉安苑</div>
                  </div>
                  </div>
                  <div class="testimonial-msg-block">
                      師傅畀到好中肯意見，唔會咩都叫我整，啲嘢用得返會同我keep。
                  </div>
              </div>
              </div>
          </a>
      </div>
      
      <div class="swiper-slide">
          <a href="https://codeco.hk/zh-tw/renovation101/93/">
              <div class="testimonial-block">
              <div class="testimonial-content">
                  <div class="testimonial-info">
                  <div class="profile-img" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/testimonial/211203180405/ms_ho-crop-c0-5__0-5-132x132.png');"></div>
                  <div class="testimonial-name">
                      <div class="name">何小姐</div>
                      <div class="other-info">峻瀅</div>
                  </div>
                  </div>
                  <div class="testimonial-msg-block">
                      好師傅QC好細緻，會上嚟影相巡場，之後有個品質檢查表，知道進度同安全程度。
                  </div>
              </div>
              </div>
          </a>
      </div>
      
      <div class="swiper-slide">
          <a href="https://codeco.hk/zh-tw/renovation101/172/">
              <div class="testimonial-block">
              <div class="testimonial-content">
                  <div class="testimonial-info">
                  <div class="profile-img" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/testimonial/211203180346/Ken-crop-c0-5__0-5-132x132.png');"></div>
                  <div class="testimonial-name">
                      <div class="name">Ken</div>
                      <div class="other-info">藍澄灣</div>
                  </div>
                  </div>
                  <div class="testimonial-msg-block">
                      裝修期間有時遇上問題，有時直接同師傅溝通怕得罪師傅。於是透過好師傅協助溝通，成功處理裝修問題，幫手減少磨擦。
                  </div>
              </div>
              </div>
          </a>
      </div>
      

    </div>

    <div class="testimonial-center-logo">
      <div class="circle1">
        <div class="circle2">
          <div class="circle3"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/for_testimonial_logo.jpg"></div>
        </div>
      </div>
    </div>

  </div>
  <a href="/zh-tw/request/" class="btn orange-btn"><div>安排我的單位報價</div></a>
</section>


<!-- SECTION: MAP with 3300 Family -->
<div id="trigger5" class="trigger-line"></div>
<section class="familyMAP" id="sec5">

  <div class="full-screen-banner for-map color-orange">

    <div class="map-info-block">
      <div class="content">
        <div class="top">
          <div class="family-count-block"><span class="highlight"><span>4,000</span>+個</span>家庭</div>
          <p>經好師傅<br>完成理想的家</p>
        </div>
        <div class="bottom">
          <div class="content-block">
            <div class="highlight">全港 #1</div>
            <p>裝修配對平台</p>
          </div>
          <div class="remark">
            全港首個一站式裝修平台
          </div>
        </div>
      </div>
      <a href="/zh-tw/request/" class="btn orange-btn"><div>配對好師傅</div></a>
    </div>

    <div class="map-grahpic" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/family_map.png);"></div>
  </div>



</section>

<!-- SECTION: Media News -->
<div id="trigger6" class="trigger-line"></div>
<section class="media-news" id="sec6">
  <h2 class="section-title color-blue">媒體報導</h2>
  <div class="description">好師傅是全港首個一站式裝修平台，深受傳媒歡迎。記者遇上裝修工程問題，常向我們搜集專業意見。而經好師傅完成的裝修設計或全屋裝修單位，在各類家居設計和睇樓節目中不時出現。</div>
  <div class="spacing-50"></div>
  <div class="news-lists">

    
    <a href="https://codeco.hk/zh-tw/p/centaline-mortgage-codeco-partnership/" class="news-list">
        <div class="news-image" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/press/250310115218/Untitled_design.png');"></div>
            <div class="news-content">
                <h3 class="title">中原按揭 X 好師傅CoDECO裝修配對平台展開策略合作 2025.03.10</h3>
                <div class="by">
                <div class="media-logo" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/press/250310115615/CoDECO_Logo-thumbnail-177x100.png');"></div>
                <!-- <div class="media-name"></div> -->
            </div>
        </div>
    </a>
    
    <a href="https://codeco.hk/zh-tw/p/11years_anniversary_press/" class="news-list">
        <div class="news-image" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/public/241003145727/WhatsApp_Image_2024-08-11_at_01.14.04.jpeg');"></div>
            <div class="news-content">
                <h3 class="title">「好師傅 CoDECO」慶祝成立11周年 - 持續創新，繼續成為行業標準 2024.10.03</h3>
                <div class="by">
                <div class="media-logo" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/press/241003145657/%E6%96%B0%E5%96%AE-thumbnail-177x100.png');"></div>
                <!-- <div class="media-name"></div> -->
            </div>
        </div>
    </a>
    
    <a href="https://www.youtube.com/watch?v=v3L2gGscro4" class="news-list">
        <div class="news-image" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/public/240408171805/Untitled_design.png');"></div>
            <div class="news-content">
                <h3 class="title">【好師傅 CoDECO助你告別爛尾工程】 2024.04.08</h3>
                <div class="by">
                <div class="media-logo" style="background-image: url('https://d2350fb44r6k35.cloudfront.net/__sized__/press/240408171042/viutv-thumbnail-177x100.png');"></div>
                <!-- <div class="media-name"></div> -->
            </div>
        </div>
    </a>
    

  </div>

  <div class="media-lists">
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_01.png" aria-label="TVB"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_19.png" aria-label="i-CABLE"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_18.png" aria-label="viuTV"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_03_v3.jpg" aria-label="開電視"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_20.png" aria-label="香港電台"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_04_v2.png" aria-label="商業電台"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_09.png" aria-label="星島日報"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_07.png" aria-label="明報"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_23.png" aria-label="東方日報"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_08.png" aria-label="信報"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_17_v2.png" aria-label="蘋果日報"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_06.png" aria-label="晴報"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_21.png" aria-label="am730"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_02.png" aria-label="HK01"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_13_v2.png" aria-label="經濟一週"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_11.png" aria-label="iMoney"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_22.png" aria-label="Umagazine"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_15.png" aria-label="Jessica"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_24.png" aria-label="置業家居"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_16.png" aria-label="JMEN"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_14.png" aria-label="A Plus"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_25.png" aria-label="Yahoo!新聞"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_05.png" aria-label="香港經濟日報"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_26.png" aria-label="Sunday KISS"/></div>
    <div class="media-list bigger1"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_27.png" aria-label="Oh!爸媽"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_12.png" aria-label="BossMind"/></div>
    <div class="media-list"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/media/media_logo_10.png" aria-label="TOPICK"/></div>
  </div>

</section>


<!-- SECTION: Booking steps -->
<div id="trigger7" class="trigger-line"></div>
<section class="booking-steps" id="sec7">

  <div class="full-screen-banner center-title color-orange">
    <div class="full-screen-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy8.jpg);"></div>

    <div class="title">
      <h2 class="section-title color-orange">改造好生活</h2>
      <h3 class="section-description">即時預約裝修顧問</h3>
    </div>

  </div>

  <div class="steps-block horizontal-col3">
    <div class="step-block">
      <div class="step-bullet">1</div>
      <div class="step-content">
        <div class="title">了解裝修需要</div>
        <div class="description">24小時內專人解答查詢</div>
      </div>
    </div>
    <div class="step-block">
      <div class="step-bullet">2</div>
      <div class="step-content">
        <div class="title">免費上門度尺</div>
        <div class="description">3日內配對師傅上門</div>
      </div>
    </div>
    <div class="step-block">
      <div class="step-bullet">3</div>
      <div class="step-content">
        <div class="title">收到審核報價</div>
        <div class="description">5日收到平台審核報價</div>
      </div>
    </div>
  </div>

  <a href="/zh-tw/request/" class="btn orange-btn"><div>立即預約</div></a>
</section>


<!-- SECTION: cocomall -->
<div id="trigger17" class="trigger-line"></div>
<section id="sec17" class="exp-center" style="padding-top: 0; opacity: 1">

    <div class="full-screen-banner rt-title color-blue">
      <div class="full-screen-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/cocomall/cocomall_banner-min.jpg); background-position-x: left; background-position-y: bottom;"></div>
      <div class="title-with-description">
        <h2 class="title"><div>改變，<br/>從這裡開始</div></h2>
        <div class="description">為裝修新手而設的裝修體驗館，我們會全面了解你裝修需要，免費為你度身訂造裝修建議、物料選購攻略，教你破解常見裝修陷阱，為你裝修之旅作好準備。</div>
      </div>
    </div>

    <h2 class="section-title color-blue">裝修體驗館</h2>
    <div class="description">一站式裝修規劃：裝修諮詢、裝修百貨、裝修教學、一應俱全。</div>

    <div class="spacing-50"></div>

    <a href="http://maps.google.com/maps?q=eastern+central+plaza" target="_blank">
      <div class="text-center address-container" style="margin-left: 15px; margin-right: 15px">
        <img style="width:22px; height:22px; vertical-align:middle;" src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/place-min.png"/>
        <span>筲箕灣耀興道3號東匯廣場12樓</span>
      </div>
    </a>
    <div class="spacing-100 spacing-50m"></div>

    <div class="cocomall-center swiper">
      <div class="cocomall-center-wrapper swiper-wrapper">
        <a href="/zh-tw/request/?interest_offline_consultation=on" class="cocomall-center-list swiper-slide">
          <div class="thumbnail" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/cocomall/cocomall-2-m.jpg?v=20250328);"></div>
          <div class="text-block">
            <div class="name">一對一裝修諮詢</div>
            <div class="title">陪你制定裝修方案</div>
          </div>
          <div class="more">預約諮詢</div>
        </a>

        <a href="/zh-tw/%E8%A3%9D%E4%BF%AE%E9%AB%94%E9%A9%97%E9%A4%A8/" class="cocomall-center-list swiper-slide">
          <div class="thumbnail" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/cocomall/cocomall-1-m.jpg);"></div>
          <div class="text-block">
            <div class="name">裝修百貨CoCoMall </div>
            <div class="title">傳授物料選購攻略</div>
          </div>
          <div class="more">了解更多</div>
        </a>

        <a href="https://codeco.hk/zh-tw/p/codeco_renovation_workshop/" class="cocomall-center-list swiper-slide">
          <div class="thumbnail" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/cocomall/cocomall-3-m.jpg);"></div>
          <div class="text-block">
            <div class="name">裝修預備班</div>
            <div class="title">破解常見裝修陷阱</div>
          </div>
          <div class="more">立即報名</div>
        </a>
      </div>
    </div>

    <div class="spacing-100 spacing-50m"></div>

</section>


<!-- SECTION: Calculator -->
<div id="trigger8" class="trigger-line"></div>
<section class="home-calculator" id="sec8" style="padding-top:0; margin-top: 180px;">
  <h2 class="section-title color-blue">裝修估價機</h2>
  <div class="description">想執靚屋企，但不知從何開始？無論你打算全屋裝修，或對家居裝修有任何要求，都可以為你計算初步裝修工程預算。</div>
  <div class="spacing-100 spacing-50m"></div>

  <div class="home-calculator-container">
    <div class="cal-fields">
      <div class="cal-field">
        <div class="title">全屋實用面積</div>
        <div class="cal-input-bar">
          <div class="btn-prev"></div>
          <div class="h-cal-value"><input class="q-size" type="number" min="100" max="1000" step="50" value="400"></div>
          <div class="btn-next"></div>
        </div>
      </div>
      <div class="cal-field">
        <div class="title">房間數目</div>
        <div class="cal-input-bar">
          <div class="btn-prev"></div>
          <div class="h-cal-value"><input class="q-room" type="number" min="0" max="6" step="1" value="2"></div>
          <div class="btn-next"></div>
        </div>
      </div>
      <div class="cal-field">
        <div class="title">廁所數目</div>
        <div class="cal-input-bar">
          <div class="btn-prev"></div>
          <div class="h-cal-value"><input class="q-toilet" type="number" min="0" max="4" step="1" value="1"></div>
          <div class="btn-next"></div>
        </div>
      </div>
    </div>
    <!-- <div class="cal-checkboxes">
      <div class="cal-checkbox">
        <input id="c1" type="checkbox" checked name="">
        <label for="c1"><a href="https://codeco.hk/zh-tw/interior/">CoDesign+ 室內設計服務</a></label>
      </div>
      <div class="cal-checkbox">
        <input id="c2" type="checkbox" name="">
        <label for="c2"><a href="https://codeco.hk/zh-tw/p/renovation-upgrade-service2/">星級裝修保障支援</a></label>
      </div>
    </div> -->
    
    <a href="javascript:homeCalculator();" class="btn border-blue"><div>立即估價</div></a>

    <div class="h-cal-result-block">

      <div class="spacing-50 spacing-50m"></div>

      <div class="cal--bar">
        <div class="cal-title">估價結果</div>
        <div class="cal-result-bar">
          <div class="label">估計工程總額</div>
          <div class="amount">$ 32-41 萬</div>
        </div>
      </div>

      <br><br>
      <a href="/zh-tw/quotation/" class="btn" style="color:white; background-color: var(--blue-color);"><div>使用升級版估價機</div></a>
    </div>
    <div class="remark">*本估價機會根據你所選擇的裝修項目，提供市場平均工程費的估算。由於每一項裝修工程都有其獨特性，會受單位間隔、樓宇結構、項目細節等影響，較準確的報價還是需要師傅上門度尺。</div>
  </div>
</section>



<!-- SECTION: Services -->
<div id="trigger9" class="trigger-line"></div>
<section class="services" id="sec9">

  <div class="full-screen-banner center-title color-orange">
    <div class="full-screen-bg" style="background-image:url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/dummy9.jpg);"></div>

    <div class="title">
      <h2 class="section-title color-orange">好師傅服務</h2>
    </div>
  </div>

  <div class="description">
    好師傅裝修平台，除了提供家居裝修、家居設計、訂造傢俬和與裝修工程相關服務，亦同時提供專業驗樓、商業裝修、物料優惠和升級保障等服務，滿足你不同需要。
  </div>

  <div class="services-block color-orange">
    <a href="/zh-tw/inspection/" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser01.png);"></div>
      <h3 class="title">專業驗樓</h3>
    </a>
    <a href="/zh-tw/standard/" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser02.png);"></div>
      <h3 class="title">師傅配對</h3>
    </a>
    <a href="/zh-tw/interior/" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser03_v2.jpg);"></div>
      <h3 class="title">室內設計</h3>
    </a>
    <!-- <a href="" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser04_v2.jpg);"></div>
      <h3 class="title">訂造傢俬</h3>
    </a> -->
    <a href="https://cocomall.hk/" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser05_v2.jpg);"></div>
      <h3 class="title">物料優惠</h3>
    </a>
    <a href="/zh-tw/p/OCBC-decoration-loan/" class="service-block">
      <div class="icon" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/ser06_v2.jpg);"></div>
      <h3 class="title">裝修分期</h3>
    </a>

  </div>

  <a href="/zh-tw/request/" class="btn orange-btn"><div>立即安排報價</div></a>
</section>

<!-- SECTION: App promotion -->
<div id="trigger15" class="trigger-line"></div>
<section class="app-promotion" id="sec15"  style="max-width: 1000px;">
  <h2 class="section-title color-blue">智能裝修管家</h2>
  

  <div class="center-image nohover">
    <img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/codeco_app.jpg">
    <!-- <div class="center-video" >
      <video id="appVideo" src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/app_ani_square_rotated.mp4" autoplay muted playsinline></video>
    </div> -->
  </div>
  <div class="big-keyword"><div>靈感</div><div>配對</div><div>管理</div></div>
  <div class="description">搜尋設計靈感，篩選至可信賴的裝修公司，讓你遙距追蹤及管理裝修工程的「智能裝修管家」，陪你踏上家居改造旅程。</div>
  <div class="spacing-100 spacing-50m"></div>

  <div class="app-btns">
    <a href="https://apps.apple.com/hk/app/%E5%A5%BD%E5%B8%AB%E5%82%85-%E4%B8%80%E7%AB%99%E5%BC%8F%E8%A3%9D%E4%BF%AE%E6%9C%8D%E5%8B%99%E5%B9%B3%E5%8F%B0/id1328747297" class="app-btn" aria-label="Available on the App Store"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/appIcon_ios.png"></a>
    <a href="https://play.google.com/store/apps/details?id=com.hocfu.clientapp" class="app-btn" aria-label="GET IT ON Google play"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/appIcon_android_v2.png"></a>
  </div>
</section>


<!-- SECTION: Discounts -->
<div id="trigger10" class="trigger-line"></div>
<section class="discounts" id="sec10">

  <h2 class="section-title color-blue">裝修優惠</h2>
  <div class="description">好師傅裝修平台為客人搜羅各式裝修設計、家居裝修和家居服務的相關優惠。</div>
  <div class="spacing-100 spacing-50m"></div>
  
  <div class="discounts-block">
    
    <a href="/zh-tw/p/%E8%A3%9D%E4%BF%AE%E9%BB%9E%E8%87%B3%E6%9C%89%E4%BF%9D%E9%9A%9C-%E5%A5%BD%E5%B8%AB%E5%82%85%E8%A3%9D%E4%BF%AE%E9%A0%90%E5%82%99%E7%8F%AD-5%E6%9C%8831%E6%97%A5-%E5%8F%8A-6%E6%9C%887%E6%97%A5/" class="discount-block">
        <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/offer/250517145442/%E8%A3%9D%E4%BF%AE%E7%8F%AD_Banner_Grid_3510_x_1755_px_7-crop-c0-5__0-5-966x503.png')"></div>
        <h3 class="title">好師傅裝修預備班 │ 5月31日 及 6月7日</h3>
    </a>
    
    <a href="/zh-tw/p/vr_design/" class="discount-block">
        <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/offer/240813120927/%E8%A3%9D%E4%BF%AE%E8%A8%AD%E8%A8%88_VR%E5%85%A8%E6%99%AF%E5%9C%96_1080__1080_px_966__505_px-crop-c0-5__0-5-966x503.png')"></div>
        <h3 class="title">好師傅11周年呈獻 | 送 VR 虛擬家居設計圖</h3>
    </a>
    
    <a href="https://codeco.hk/zh-tw/p/renovation_budget_eBook_01/" class="discount-block">
        <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/offer/230921172926/%E5%85%8D%E8%B2%BB%E4%B8%8B%E8%BC%89%E8%A3%9D%E4%BF%AE%E6%96%B0%E6%89%8B%E6%8C%87%E5%8D%97%E9%9B%BB%E5%AD%90%E6%9B%B8%E5%A5%BD%E5%B8%AB%E5%82%85_CoDECO_584__304_px-crop-c0-5__0-5-966x503.png')"></div>
        <h3 class="title">裝修預算點計好？｜免費下載《裝修新手指南》電子書</h3>
    </a>
    
    <a href="/zh-tw/p/OCBC-decoration-loan/" class="discount-block">
        <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/offer/250114152043/OCBC_offer_584_x_304-crop-c0-5__0-5-966x503.png')"></div>
        <h3 class="title">60 個月裝修分期 再送 Dyson 風筒</h3>
    </a>
    
  </div>
  

  <a href="/zh-tw/offers/" class="btn border-blue"><div>更多裝修優惠</div></a>
</section>


<!-- SECTION: Knowledges -->
<div id="trigger11" class="trigger-line"></div>
<section class="knowledges" id="sec11">

  <h2 class="section-title color-blue">裝修知識</h2>
  <div class="description">無論你計劃全屋裝修，正搜尋裝修公司，或正煩惱購買哪些裝修物料，《裝修知識》搜羅家居裝修和裝修設計相關內容，是你的實用裝修百科。</div>
  <div class="spacing-100 spacing-50m"></div>

  <!-- <ul class="knowledge-tags">
    <li><a href="" class="knowledge-tag btn border-blue"><div>#裝修前必讀</div></a></li>
    <li><a href="" class="knowledge-tag btn border-blue"><div>#裝修設計</div></a></li>
    <li><a href="" class="knowledge-tag btn border-blue"><div>#家居裝修</div></a></li>
    <li><a href="" class="knowledge-tag btn border-blue"><div>#裝修報價</div></a></li>
    <li><a href="" class="knowledge-tag btn border-blue"><div>#裝修師傅</div></a></li>
  </ul> -->
  <div class="knowledges-block">
    
    <a href="/zh-tw/renovation101/379/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/250328142119/Social_Media_Design_24-crop-c0-5__0-5-966x503.png')"></div>
      <h3 class="title">新手裝修攻略｜裝修前5項準備工作 讓工程順利展開</h3>
    </a>
    
    <a href="/zh-tw/renovation101/382/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/240625160055/%E6%9C%A8%E7%B3%BB%E7%99%BD%E8%89%B2%E9%85%8D%E6%90%AD__23%E8%90%AC%E6%94%B9%E9%80%A0_%E5%9E%8B%E6%A0%BC%E6%99%82%E5%B0%9A%E6%B0%A3%E8%B3%AA_25-crop-c0-5__0-5-966x503.png')"></div>
      <h3 class="title">客飯廳設計｜如何以傢俬裝飾營造家的感覺？附上7個實例參考</h3>
    </a>
    
    <a href="/zh-tw/renovation101/101/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/221114123724/2022_11_11_blog-%E5%9B%9B%E6%8B%9B%E6%8F%80%E8%A3%9D%E4%BF%AE%E5%A5%BD%E5%B8%AB%E5%82%85-966x505-crop-c0-5__0-5-966x503-70.jpg')"></div>
      <h3 class="title">四招揀裝修好師傅</h3>
    </a>
    
    <a href="/zh-tw/renovation101/479/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/240529162326/%E6%9C%A8%E7%B3%BB%E7%99%BD%E8%89%B2%E9%85%8D%E6%90%AD__23%E8%90%AC%E6%94%B9%E9%80%A0_%E5%9E%8B%E6%A0%BC%E6%99%82%E5%B0%9A%E6%B0%A3%E8%B3%AA_12-crop-c0-5__0-5-966x503.png')"></div>
      <h3 class="title">「裝修保」助你安心修補 - 豐隆家居裝修保險</h3>
    </a>
    
    <a href="/zh-tw/renovation101/57/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/221114181451/2022_11_10_blog-%E8%A3%9D%E4%BF%AE%E6%B5%81%E7%A8%8B%E4%B8%80%E8%A6%BD-966x505-crop-c0-5__0-5-966x503-70.jpg')"></div>
      <h3 class="title">裝修工序及流程一覽 準時完工戶主須知</h3>
    </a>
    
    <a href="/zh-tw/renovation101/288/" class="knowledge-block">
      <div class="image" style="background-image:url('https://d2350fb44r6k35.cloudfront.net/__sized__/media/221117140714/2022_11_10_blog-%E8%A8%82%E9%80%A0%E5%82%A2%E4%BF%AC%E6%94%BB%E7%95%A5-966x505-crop-c0-5__0-5-966x503-_1_-crop-c0-5__0-5-966x503-70.webp')"></div>
      <h3 class="title">訂造傢俬攻略│一般流程、價錢、收口工序、注意事項一覽</h3>
    </a>
    
  </div>
  <a href="/zh-tw/renovation101/" class="btn border-blue"><div>更多裝修知識</div></a>
</section>


<!-- SECTION: Partners -->
<div id="trigger12" class="trigger-line"></div>
<section class="partners" id="sec12">

  <h2 class="section-title color-blue">合作伙伴</h2>

  <div class="partners-block">
    
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p01.png" aria-label="HSBC"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p02.png" aria-label="中國建設銀行"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p06.png" aria-label="香港樓宇檢驗學會"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p05.png" aria-label="HKAS"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p29.png" aria-label="28Hse"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p03.png" aria-label="House730"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p11.png" aria-label="smartME"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p30.png" aria-label="千居SPACIOUS"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p31.png" aria-label="胡說樓市"></div>

    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p32.png" aria-label="中原按揭"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p33.png" aria-label="經絡按揭轉介"></div>

    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p08.png" aria-label="AIG"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p36.png" aria-label="ALLIED WORLD"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p07.png" aria-label="bowtiego"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p34.png" aria-label="OneDegree"></div>

    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p10.png" aria-label="MoneyHero"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p13.png" aria-label="HYATT CENTRIC"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p12.png" aria-label="MARCO POLO"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p15.png" aria-label="千禧新世界香港酒店"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p14.png" aria-label="帝苑酒店"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p35.png" aria-label="HOMIE LIVING"></div>

    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p16.png" aria-label="煤氣"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p22.png" aria-label="dyson"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p20.png" aria-label="HITACHI"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p28.png" aria-label="Panasonic"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p19.png" aria-label="SAMSUNG"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p21.png" aria-label="施耐德電氣"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p17.png" aria-label="TGC"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p24.png" aria-label="NIPPON PAINT"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p23.png" aria-label="ASA TILES"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p18.png" aria-label="TOTO"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p27.png" aria-label="Roca"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p26.png" aria-label="WALRUS"></div>      
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p25.png" aria-label="CARYSIL"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p09.png" aria-label="迦南"></div>
    <div class="partner-block"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/partners/p04.png" aria-label="韓管家"></div>

  </div>

  <a href="javascript:showPartner();" class="btn border-blue"><div>顯示全部</div><div>顯示較少</div></a>

</section>


<!-- SECTION: FAQs -->
<div id="trigger13" class="trigger-line"></div>
<section class="faqs" id="sec13">
  
  <h2 class="section-title color-blue">常見問題</h2>

  <div class="faqs-block">

    <div class="faq-block open">
      <div class="faq-q"><h3 class="title">誰是好師傅？你們是否裝修公司？</h3></div>
      <div class="faq-a">好師傅是一個裝修配對平台，提供裝修工程和家居設計的配對服務及協調客人和裝修公司達至順利的工程體驗。 我們一方面保護裝修戶主免受「爛尾」、劣質工程和不合理後加費用的困擾，另一方面透過制定行業標準和專業的團隊支援，令優質的裝修師傅和裝修公司得以接觸更多家居裝修戶主和商業客戶。</div>
    </div>

    <div class="faq-block">
      <div class="faq-q"><h3 class="title">好師傅是如何收費？你們怎經營？</h3></div>
      <div class="faq-a">好師傅的裝修配對服務及基本裝修工程支援服務，對裝修戶主是完全免費。如你想在免費基本服務之上，額外提供更頻密的家居裝修現場巡查、進度匯報及驗收直播等升級支援，亦可選擇我們的<a href="/zh-tw/%E5%A5%BD%E5%B8%AB%E5%82%85%E6%94%B6%E8%B2%BB/">「每周巡查及驗收保障」</a>計劃。<br><br>師傅方面，我們會向加盟師傅收取服務費，由於師傅或裝修公司們可藉此穩定承接他們擅長的工程，令他們更有動力去為好師傅的裝修戶主服務。</div>
    </div>

    <div class="faq-block">
      <div class="faq-q"><h3 class="title">我怎知道我的工程適合好師傅嗎？</h3></div>
      <div class="faq-a">好師傅主要提供$50,000以上的全屋裝修、大範圍的局部裝修及裝修設計服務，適合於大部分裝修戶主。你可隨時與裝修顧問分享你的裝修需要，我們會為你提供最適合的裝修/設計方案，逐步為你將心目中的裝修想法實現。</div>
    </div>

    <div class="faq-block">
      <div class="faq-q"><h3 class="title">經好師傅尋找師傅／室內設計師有什麼好處？</h3></div>
      <div class="faq-a">好師傅會先了解你裝修設計需要，配對具相關經驗師傅。配對沒有次數限制，只需一個平台，就可以輕鬆找到心水師傅。<br><br>如裝修戶主自行尋找裝修公司進行全屋裝修，單憑短短會面，判斷師傅背景和質素，師傅好壞全靠彩數。經好師傅裝修平台配對，我們會代你進行審查，師傅須跟從我們的裝修工程指引和驗收標準，令工程質素更有保障。完工後，我們更會邀請戶主評分，分數會直接影響師傅將來的配對機會，令工程質素得以保障。</div>
    </div>

    <div class="faq-block">
      <div class="faq-q"><h3 class="title">我應如何開始我的裝修／室內設計工程？</h3></div>
      <div class="faq-a">你可先從好師傅4,000+個案例中，尋找裝修設計靈感，或透過瀏覽教學文章，了解更多裝修資訊。你亦可使用好師傅的網上估價機，初步了解市場價格，制定預算。在計劃過程中，你可能會有不少疑問，你可隨時向裝修顧問查詢，我們會為你度身訂造最合適的解決方案。</div>
    </div>

  </div>

</section>


<!-- SECTION: Whatsapp Banner -->
<div id="trigger14" class="trigger-line"></div>
<section class="whatsapp-banner banner" id="sec14">
  <a href="#" class="action-urlshortener" target="_blank" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255075535&text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%9C%89%E9%97%9C%E6%96%BC%E8%A3%9D%E4%BF%AE%E7%9A%84%E4%BA%8B%E9%A0%85%E6%83%B3%E6%9F%A5%E8%A9%A2%EF%BC%81">
    <picture>
      
        <source media="(max-width: 640px)" srcset="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/banner_whatsapp_m.jpg">
        <source media="(min-width: 641px)" srcset="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/banner_whatsapp.jpg">
      
      <img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/banner_whatsapp.jpg" aria-label="陪你一齊計劃新屋裝修 有問題？專家親自解答疑難 按此發問">
  </picture>
  </a>
</section>



<!-- back to top -->
<div class="backtotop">
  <a class="btn border-blue"><div>回到頁頂</div></a>
</div>

<!-- fb chatbot widget -->
<div class="fb-chatbot"></div>



<!-- seo -->
<!-- <div class="seo-sm-block">
  <h2 class="seo-title">關於好師傅│裝修及室內設計管理平台</h2>
  <div class="seo-msg">好師傅CoDECO是一站式裝修及室內設計管理平台，由2013年在香港成立至今，已成功為4,000+組客戶完成裝修設計工程，為客人設計出理想家居，總工程額超過8億港元。好師傅裝修及室內設計管理平台，一直與高質素的裝修師傅、室內設計裝修公司、香港裝修公司及香港室內設計公司合作，能夠為你即時推介裝修公司和推介室內設計公司，亦會配對高質素的裝修師傅及室內設計師。<br><br>裝修教學亦是客人在網上裝修平台尋找裝修師傅時會搜尋的裝修資訊，好師傅的室內設計教學及裝修資訊平台，提供數百篇裝修貼士，例如全屋裝修步驟、家居設計攻略、廚房裝修要訣、睡房設計要點。<br><br>好師傅裝修設計配對平台提供100%裝修完工保證，確保裝修及家居設計工程絕不爛尾。平台裝修顧問會在工程期間為客人提供全方位支援，理順裝修流程和各式程序，為你計算裝修費用預算及裝修價錢、審核裝修報價單、裝修工程資金託管、QC 團隊為工程作三次裝修驗收或驗樓師服務，亦保障準時入伙，為工程提供延誤補償，全方位為裝修室內設計工程提供保障。</div>
</div> -->

  
  
  </div>

  <!-- main end. -->
  <!--
       Start of Floodlight Tag: Please do not remove
       Activity name of this tag: codeco - partner - homepage
       URL of the webpage where the tag is expected to be placed: http://codeco - partner - homepage
       This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
       Creation Date: 09/13/2019
  -->

  
  
  <script type="text/javascript">
   var axel = Math.random() + "";
   var a = axel * 10000000000000;
   document.write('<iframe src="https://4929700.fls.doubleclick.net/activityi;src=4929700;type=codec0;cat=codec0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
  </script>
  <noscript>
    <iframe src="https://4929700.fls.doubleclick.net/activityi;src=4929700;type=codec0;cat=codec0;dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
  </noscript>
  <!-- End of Floodlight Tag: Please do not remove -->

    </div>

    
      




<!-- footer -->
<footer class="revamp footer-main">
  <div class="footer-top">
    
    <div class="footer-lt">

      <div class="top">
        <a href="/" class="logo-codecohk"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/logo_codecohk_white2-min.png"/></a>
      </div>

      <div class="sitemap" style="margin-left:0 ; margin-right:0;">
        
        <div class="sitemap-block">
          <a href="/zh-tw/about_us/" class="main-category">關於好師傅</a>
        </div>
        <div class="sitemap-block">
          <a href="/zh-tw/press/" class="main-category">媒體報導</a>
        </div>
        <div class="sitemap-block">
          <a href="/zh-tw/faq/" class="main-category">常見問題</a>
        </div>
        <div class="sitemap-block">
          <!-- <a href="https://codeco.hk/zh-tw/p/codeco_10th_anniversary/" class="main-category">好師傅．十周年</a> -->
          <a href="/zh-tw/career/" class="main-category">加入我們</a>
        </div>

      </div>
      
      <div class="contact-lists">
        <div class="contact-list">
          <div class="contact-title">裝修諮詢</div>
          <div class="ic-tel"><a class="action-urlshortener" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255075535&text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%9C%89%E9%97%9C%E6%96%BC%E8%A3%9D%E4%BF%AE%E7%9A%84%E5%95%8F%E9%A1%8C!%20(web)" href="javascript:;//whatsapp">
            5507 5535<br/>服務時間：<br/>星期一至五 10am - 8pm<br/>星期六 10am - 2pm
          </a></div>          
          <div class="ic-address"><a href="https://maps.google.com/maps?q=%E5%A5%BD%E5%B8%AB%E5%82%85+CoDECO" target="_blank">
            筲箕灣耀興道3號東匯廣場12樓<br/>辦公時間：<br/>星期一至五 10am - 6pm
          </a></div>
          <div class="ic-mail"><a href="mailto:[email protected]">[email protected]</a></div>
        </div>
        <div class="contact-list">
          <div class="contact-title" style="margin-right: 10px;"><a href="https://cocomall.hk/">
              裝修百貨<br/><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/logo_cocomall2-min.png" style="width: 180px;">
            </a>
          </div>
          <div class="ic-tel"><a class="action-urlshortener" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255882113&text=你好，我想預約參觀／了解更多裝修百貨CoCoMall。" href="javascript:;//whatsapp">5588 2113 (查詢/預約)</a></div>
          <div class="ic-address"><a href="https://maps.google.com/maps?q=%E5%A5%BD%E5%B8%AB%E5%82%85+CoDECO" target="_blank">
            筲箕灣耀興道3號東匯廣場12樓<br/>預約時段：<br/>星期一至日 10am - 8pm<br/>(只限預約)
          </a></div>
          <div class="ic-mail"><a href="mailto:[email protected]">[email protected]</a></div>
        </div>
        <div class="contact-list">
          <div class="contact-title">裝修公司及設計師加盟</div>
          <div class="ic-tel"><a class="action-urlshortener" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255882115&text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%83%B3%E5%8A%A0%E7%9B%9F%E5%A5%BD%E5%B8%AB%E5%82%85" href="javascript:;//whatsapp">5588 2115</a></div>
          <div class="ic-mail"><a href="mailto:[email protected]">[email protected]</a></div>
          <div class="ic-form"><a href="/zh-tw/join/">加盟表格</a></div>
        </div>
        <!-- <div class="contact-list">
          <div class="contact-title">媒體聯絡及市務合作</div>
          <div class="ic-tel"><a class="action-urlshortener" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255885066&text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%83%B3%E8%88%87%E5%A5%BD%E5%B8%AB%E5%82%85%E9%80%B2%E8%A1%8C%E5%95%86%E5%8B%99%E5%90%88%E4%BD%9C" href="javascript:;//whatsapp">5588 5066</a></div>
          <div class="ic-mail"><a href="mailto:[email protected]">[email protected]</a></div>
          <div class="ic-mail"><a href="mailto:[email protected]">[email protected]</a></div>
        </div> -->
      </div>
      <!-- <div class="highlight-links">
        <a href="" class="btn orange-btn"><div>Cocomall</div></a>
        <a href="" class="btn orange-btn"><div>師傅加盟</div></a>
      </div> -->

    </div>

    <div class="footer-rt">

      <div class="downloadapp-block">
        <div class="title">下載好師傅App</div>
        <div class="app-links">
          <div class="app-btns">
            <a href="https://apps.apple.com/hk/app/%E5%A5%BD%E5%B8%AB%E5%82%85-%E4%B8%80%E7%AB%99%E5%BC%8F%E8%A3%9D%E4%BF%AE%E6%9C%8D%E5%8B%99%E5%B9%B3%E5%8F%B0/id1328747297" aria-label="Available on the App Store"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/appIcon_ios.png"/></a>
            <a href="https://play.google.com/store/apps/details?id=com.hocfu.clientapp" aria-label="GET IT ON Google play"><img src="https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/appIcon_android_v2.png"/></a>
          </div>
          <div class="app-qrcode" style="background-image: url(https://d2350fb44r6k35.cloudfront.net/assets/images/revamp/qr_footer.png);"></div>
        </div>
      </div>

      <div class="snss-block">
        <div class="title">追蹤我們</div>
        <div class="sns-block">
          <a href="https://www.facebook.com/codeco.hk/" target="_blank" class="sns-icon fb" aria-label="Facebook"></a>
          <a href="https://www.instagram.com/codeco.hk/" target="_blank" class="sns-icon ig" aria-label="Instagram"></a>
          <a href="https://www.youtube.com/@codeco_hk" target="_blank" class="sns-icon youtube" aria-label="Youtube"></a>
          <a href="https://www.linkedin.com/company/codeco-hk/" target="_blank" class="sns-icon linkedin" aria-label="LinkedIn"></a>
        </div>
      </div>

      <div class="lang-options" style="position: relative; z-index: 2;">
        <div class="lang-option">
          <a href="https://codeco.hk/zh-tw/" data-lang="zh-tw">繁</a> | <a href="https://codeco.hk/en/" data-lang="en">EN</a>
        </div>
      </div>

    </div>

    <div class="subscribe-block">
      <div class="title">立即訂閱最新裝修資訊！</div>
      <form action="/zh-tw/subscribe/" method="post" id="edm_form" novalidate=""><input type="hidden" name="csrfmiddlewaretoken" value="JhFITAHHln2Q8RyN7rDHW37jDygXA7RanmWzNGduUhlWXPdJp10akPTRjsOK9GKQ">
        <div class="input-block">
          <input type="email" name="email" id="footer-email" placeholder="輸入你的電郵">
          <button type="submit">訂閱</button>
        </div>
      </form>
    </div>

  </div>

  <div class="footer-bottom">
    <div>好師傅 © 2013-2025</div>
    <a href="/p/terms/">服務條款</a>
    <a href="/zh-tw/privacy_policy/">私隱政策</a>
  </div>
</footer>


    

    <!-- #JS lib-->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mobile-detect/1.4.4/mobile-detect.min.js"></script>
    <script type="text/javascript" src="https://d2350fb44r6k35.cloudfront.net/CACHE/js/6f2335885fe7.js"></script>
    

    <script type="text/javascript" src="https://d2350fb44r6k35.cloudfront.net/CACHE/js/0140980083d1.js"></script>

         

            <!-- chatbot hidden xs -->
            
              


<div id="cdc-root" class="hidden-xs"></div>
<style>
@media (max-width: 767px) {
    .mobilenoscroll {
        overflow: hidden;
    }
}
</style>
<script src="https://d2350fb44r6k35.cloudfront.net/assets/js.lib/cdc-chat/smooth-scrollbar.js"></script>
<script type="module">
import cdcChat from 'https://d2350fb44r6k35.cloudfront.net/assets/js.lib/cdc-chat/chatbot.js?v=20240321';
// import cdcChat from '/static/assets/js.lib/cdc-chat/chatbot.js';

$(function(){
    var cdc = new cdcChat(
    {
        lang_code: 'zh-tw',
        chatboxGreetingShortMessage: '你好，有冇嘢需要我地幫手？',
        chatboxLogMessage: '',
        chatboxTitle: '好師傅 AI 小助手',
        chatboxSubtitle: '歡迎查詢',
        chatboxLogo: 'https://d2350fb44r6k35.cloudfront.net/chat/240507173408/CoDECO.png',
        chatboxQuestionPlaceholder: '提出問題......',
        chatboxMessageUnsent: '此訊息未送出',
        chatboxDisconnected: '未能與伺服器連線',
        chatboxClearMessage: '清除對話記錄',
        chatboxUnsent: '未傳送',
        chatboxSent: '已傳送',
        chatboxSending: '傳送中',
        chatboxThemeMainColor: '#ff6a47',
        chatboxActivateCallback: function(){
            $('body').addClass('mobilenoscroll');
        },
        chatboxDeactivateCallback: function(){
            $('body').removeClass('mobilenoscroll');
        }
    }
    );
});           

</script>
            
                
               
              <div class="visible-xs-block" style="    background: none;
                          border-radius: 50%;
                          bottom: 120px;
                          display: inline;
                          height: 45pt;
                          padding: 0px;
                          position: fixed;
                          right: 6pt;
                          top: auto;
                          width: 45pt;
                          z-index: 2147483646;">
                <a class="action-urlshortener" data-whatsapp-href="https://api.whatsapp.com/send?phone=85255075535&text=%E4%BD%A0%E5%A5%BD%EF%BC%8C%E6%88%91%E6%9C%89%E9%97%9C%E6%96%BC%E8%A3%9D%E4%BF%AE%E7%9A%84%E5%95%8F%E9%A1%8C!%20(web)" href="javascript:;//whatsapp"><i class="fab fa-whatsapp" style="padding: 15px;background: white; border-radius: 50%; font-size: 55px; color: #25D366"></i> </a>
              </div>
            
         

         <!-- Global site tag (gtag.js) - Google Analytics -->
         <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42821271-2"></script>
         <script>
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', 'UA-42821271-2');

          // ABTEST, activate google optimise by custom event or on page load, pages is decided on google optimise
          
            dataLayer.push({'event': 'optimize.activate'});
                   

          function updateURLParameter(url, param, paramVal){
              var newAdditionalURL = "";
              var tempArray = url.split("?");
              var baseURL = tempArray[0];
              var additionalURL = tempArray[1];
              var temp = "";
              if (additionalURL) {
                  tempArray = additionalURL.split("&");
                  for (var i=0; i<tempArray.length; i++){
                      if(tempArray[i].split('=')[0] != param){
                          newAdditionalURL += temp + tempArray[i];
                          temp = "&";
                      }
                  }
              }

              var rows_txt = temp + "" + param + "=" + paramVal;
              return baseURL + "?" + newAdditionalURL + rows_txt;
          }

          function optimizeCallback(value) {
            if (value ==  '1') {
              console.log("b");
              window.location.href = updateURLParameter( window.location.href, "exp", "b");

            }if (value == '0') {
              console.log("a");
            }else{
              
            }
          }  

         </script>

         <script>
          window.addEventListener('load',function(){
            jQuery('[href*="tel:"]').click(function(){
              gtag('event', 'conversion', {'send_to': 'AW-978078813/mKTqCITEx7ABEN2YsdID'});
            });
            jQuery('[href*="mailto:"]').click(function(){
              gtag('event', 'conversion', {'send_to': 'AW-978078813/tqTwCJDKx7ABEN2YsdID'});
            })
            if(window.location.pathname.indexOf("thanks")!=-1){
              gtag('event', 'conversion', {'send_to': 'AW-978078813/XZGJCOvm17ABEN2YsdID'});
            }
          });
         </script>

         <!-- Linkedin Code -->
         <script type="text/javascript"> _linkedin_partner_id = "2653228"; window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || []; window._linkedin_data_partner_ids.push(_linkedin_partner_id); </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=2653228&fmt=gif" /> </noscript>
         <!-- End Linkedin Code -->

         <!--menu-->
         <script>
          $(function(){
            $('.header-submenu').css('top', $('#header').outerHeight()+'px');
            $('.header--searchbar').css('top', $('#header').outerHeight()+'px');
            $('form#keyword_search_mobile').slideToggle();
          });
          $('.navigation-item-cat').mouseover(function() {
            $('.header-submenu').slideDown(50);
            $('.nav-submenu--item').hide();
            $('.nav-submenu--item[data-menu='+$(this).data('menu')+']').show();
            $('.navigtaion-item').addClass('is-blurred');
            $(this).removeClass('is-blurred');
            $(this).addClass('is-expanded');
          });
          $('.header-submenu').mouseleave(function(){
            $('.header-submenu').slideUp(50);
            $('.navigtaion-item').removeClass('is-blurred');
            $('.navigtaion-item').removeClass('is-expanded');
          });
          $('.desktop-search-ico').click(function(){
            $('.header--searchbar').slideToggle();
          });
          $('#keyword_search_mobile .search-tools--btn a').click(function(){
            $('form#keyword_search_mobile').submit();
          });

          $('.searh_mobile').click(function(){
            $('form#keyword_search_mobile').slideToggle();
          });
          $('#keyword_search .search-tools--btn a').click(function(){
            $('form#keyword_search').submit();
          });
          $('.nav-menu-cat ol').hide();
          $('.nav-menu-cat h3').click(function(){
            if (!$(this).parent().hasClass('is-selected')) {
              $('.nav-menu').addClass('is-extended');
            } else {
              if ($('.nav-menu').find('.is-selected').length == 1)
                $('.nav-menu').removeClass('is-extended');
            }
            $(this).parent().toggleClass('is-selected');
            $(this).parent().find('ol').slideToggle();
          });
         </script>
         <!--menu-->
  </body>
</html>

Whois info of domain

Domain Name: HOCFU.COM

Registry Domain ID: 1806059439_DOMAIN_COM-VRSN

Registrar WHOIS Server: whois.godaddy.com

Registrar URL: http://www.godaddy.com

Updated Date: 2024-06-05T23:00:31Z

Creation Date: 2013-06-04T07:40:51Z

Registry Expiry Date: 2025-06-04T07:40:51Z

Registrar: GoDaddy.com, LLC

Registrar IANA ID: 146

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: 480-624-2505

Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited

Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited

Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited

Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited

Name Server: NS19.DOMAINCONTROL.COM

Name Server: NS20.DOMAINCONTROL.COM

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-19T18:12:44Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass

hocfu1i0

hocfumwg

hocfuq1n

hocfuyww

hocfu1w5

hocfuc7h

hocfuf1g

hocfuaya

hocfu1ak

hocfutqe

hocfui0a

hocfu9et

hocfunrj

hocfuoc6

hocfuf5h

hocfuxgb

hocfusvj

hocfuyad

hocfuwph

hocfurad

hocfuiyo

hocfuir5

hocfugu3

hocfuj5r

hocfumcs

hocfuwu8

hocfucuk

hocfu5rh

hocfu3qz

hocfuzdz

hocfuc72

hocfupec

hocfuhqc

hocfukup

hocfufrw