210913 yo

css/slick-theme.css

@@ -0,0 +1,204 @@
+@charset 'UTF-8';
+/* Slider */
+.slick-loading .slick-list
+{
+    background: #fff url('./ajax-loader.gif') center center no-repeat;
+}
+
+/* Icons */
+@font-face
+{
+    font-family: 'slick';
+    font-weight: normal;
+    font-style: normal;
+
+    src: url('./fonts/slick.eot');
+    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
+}
+/* Arrows */
+.slick-prev,
+.slick-next
+{
+    font-size: 0;
+    line-height: 0;
+
+    position: absolute;
+    top: 50%;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    -webkit-transform: translate(0, -50%);
+    -ms-transform: translate(0, -50%);
+    transform: translate(0, -50%);
+
+    cursor: pointer;
+
+    color: transparent;
+    border: none;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover,
+.slick-prev:focus,
+.slick-next:hover,
+.slick-next:focus
+{
+    color: transparent;
+    outline: none;
+    background: transparent;
+}
+.slick-prev:hover:before,
+.slick-prev:focus:before,
+.slick-next:hover:before,
+.slick-next:focus:before
+{
+    opacity: 1;
+}
+.slick-prev.slick-disabled:before,
+.slick-next.slick-disabled:before
+{
+    opacity: .25;
+}
+
+.slick-prev:before,
+.slick-next:before
+{
+    font-family: 'slick';
+    font-size: 20px;
+    line-height: 1;
+
+    opacity: .75;
+    color: white;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.slick-prev
+{
+    left: -25px;
+}
+[dir='rtl'] .slick-prev
+{
+    right: -25px;
+    left: auto;
+}
+.slick-prev:before
+{
+    content: '←';
+}
+[dir='rtl'] .slick-prev:before
+{
+    content: '→';
+}
+
+.slick-next
+{
+    right: -25px;
+}
+[dir='rtl'] .slick-next
+{
+    right: auto;
+    left: -25px;
+}
+.slick-next:before
+{
+    content: '→';
+}
+[dir='rtl'] .slick-next:before
+{
+    content: '←';
+}
+
+/* Dots */
+.slick-dotted.slick-slider
+{
+    margin-bottom: 30px;
+}
+
+.slick-dots
+{
+    position: absolute;
+    bottom: -25px;
+
+    display: block;
+
+    width: 100%;
+    padding: 0;
+    margin: 0;
+
+    list-style: none;
+
+    text-align: center;
+}
+.slick-dots li
+{
+    position: relative;
+
+    display: inline-block;
+
+    width: 20px;
+    height: 20px;
+    margin: 0 5px;
+    padding: 0;
+
+    cursor: pointer;
+}
+.slick-dots li button
+{
+    font-size: 0;
+    line-height: 0;
+
+    display: block;
+
+    width: 20px;
+    height: 20px;
+    padding: 5px;
+
+    cursor: pointer;
+
+    color: transparent;
+    border: 0;
+    outline: none;
+    background: transparent;
+}
+.slick-dots li button:hover,
+.slick-dots li button:focus
+{
+    outline: none;
+}
+.slick-dots li button:hover:before,
+.slick-dots li button:focus:before
+{
+    opacity: 1;
+}
+.slick-dots li button:before
+{
+    font-family: 'slick';
+    font-size: 6px;
+    line-height: 20px;
+
+    position: absolute;
+    top: 0;
+    left: 0;
+
+    width: 20px;
+    height: 20px;
+
+    content: '•';
+    text-align: center;
+
+    opacity: .25;
+    color: black;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+.slick-dots li.slick-active button:before
+{
+    opacity: .75;
+    color: black;
+}

css/slick.css

@@ -0,0 +1,119 @@
+/* Slider */
+.slick-slider
+{
+    position: relative;
+
+    display: block;
+    box-sizing: border-box;
+
+    -webkit-user-select: none;
+       -moz-user-select: none;
+        -ms-user-select: none;
+            user-select: none;
+
+    -webkit-touch-callout: none;
+    -khtml-user-select: none;
+    -ms-touch-action: pan-y;
+        touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+}
+
+.slick-list
+{
+    position: relative;
+
+    display: block;
+    overflow: hidden;
+
+    margin: 0;
+    padding: 0;
+}
+.slick-list:focus
+{
+    outline: none;
+}
+.slick-list.dragging
+{
+    cursor: pointer;
+    cursor: hand;
+}
+
+.slick-slider .slick-track,
+.slick-slider .slick-list
+{
+    -webkit-transform: translate3d(0, 0, 0);
+       -moz-transform: translate3d(0, 0, 0);
+        -ms-transform: translate3d(0, 0, 0);
+         -o-transform: translate3d(0, 0, 0);
+            transform: translate3d(0, 0, 0);
+}
+
+.slick-track
+{
+    position: relative;
+    top: 0;
+    left: 0;
+
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+}
+.slick-track:before,
+.slick-track:after
+{
+    display: table;
+
+    content: '';
+}
+.slick-track:after
+{
+    clear: both;
+}
+.slick-loading .slick-track
+{
+    visibility: hidden;
+}
+
+.slick-slide
+{
+    display: none;
+    float: left;
+
+    height: 100%;
+    min-height: 1px;
+}
+[dir='rtl'] .slick-slide
+{
+    float: right;
+}
+.slick-slide img
+{
+    display: block;
+}
+.slick-slide.slick-loading img
+{
+    display: none;
+}
+.slick-slide.dragging img
+{
+    pointer-events: none;
+}
+.slick-initialized .slick-slide
+{
+    display: block;
+}
+.slick-loading .slick-slide
+{
+    visibility: hidden;
+}
+.slick-vertical .slick-slide
+{
+    display: block;
+
+    height: auto;
+
+    border: 1px solid transparent;
+}
+.slick-arrow.slick-hidden {
+    display: none;
+}

index1.html

@@ -0,0 +1,1187 @@
+<!DOCTYPE html>
+<html lang="zh_TW">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge, Chrome=1">
+    <meta http-equiv="Cache-Control" content="no-cache">
+    <meta name="copyright" content="2021 © 幸福空間 │ All Rights Reserved.">
+    <meta name="creation-date" content="2021-08-05 12:00:04 GTM+8">
+    <meta name="description" content="讓幸福室內設計，走進您的生活，解決您的裝潢問
+    題!幸福空間是台灣最大的室內設計、設計師與設計個案影音平台之一，找尋室內設計點子與案例我
+    們一定能幫助你!">
+    <meta name="distribution" content="Taiwan">
+    <meta name="keywords" content="">
+    <meta name="revisit-after" content="1 days">
+    <meta name="robots" content="all">
+    <meta name="format-detection" content="telephone=no">
+
+    <meta property="og:description" content="讓幸福室內設計，走進您的生活，解決您的裝潢問題!
+    幸福空間是台灣最大的室內設計、設計師與設計個案影音平台之一，找尋室內設計點子與案例我們一定能幫助
+    你!"/>
+    <meta property="og:site_name" content="幸福空間"/>
+    <meta property="og:title" content="幸福空間 - 台灣最大的室內設計、設計師與設計個案影音平台"/>
+    <meta property="og:type" content="website"/>
+    <meta property="og:locale" content="zh_TW">
+    <title>幸福空間 - 室內設計、裝潢、居家生活、影音平台</title>
+    <link rel="icon" href="images/favicon.ico">
+    <link rel="stylesheet" href="css/reset.css">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp"
+    crossorigin="anonymous">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css"
+        rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x"
+        crossorigin="anonymous">
+        
+    <link rel="stylesheet" href="css/jquery-ui.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.18/dist/sweetalert2.min.css">
+    <link rel="stylesheet" type="text/css" href="css/slick.css" />
+    <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
+
+    <!-- bootstrap JS -->
+    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+        crossorigin="anonymous"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+        crossorigin="anonymous"></script>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
+    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    
+
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <script async defer src="js/index2.js"></script>
+    <script src="js/yo.js"></script>
+
+    <link rel="stylesheet" href="css/style.css" />
+</head>
+<body>
+  <div style="overflow-x:hidden;" class="wholeBody">
+    <section class="sec-00 w-100">
+        <div class="container-fluid" style="padding:0;margin:0;height: 110px;">
+            <div class="sec-00__slider">
+              <!--   <div class="sec-00__slider-1" onclick="window.open(`https://hhh.com.tw/designers/cases/447/1-page/new-sort/`);"></div>
+                <div class="sec-00__slider-2" onclick="window.open(`https://hhh.com.tw/designers/cases/31/1-page/new-sort/`);"></div>
+                <div class="sec-00__slider-3" onclick="window.open(`https://hhh.com.tw/deco/`);"></div>
+                <div class="sec-00__slider-4" onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"></div>
+                <div class="sec-00__slider-5" onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"></div> -->
+            </div>
+        </div>
+    </section>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <a href="https://m.hhh.com.tw/" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0 d-flex align-items-center">
+                <img width="25" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg==" alt="">
+            </div>
+            <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                <!-- <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> -->
+            </div>
+        </div>
+    </nav>
+
+    <section class="sec-01 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-01__slider">
+            <div class="sec-01__slider-1">
+              <div class="row">
+                <div class="col">
+                  <a href=""><img src="images/icon/portfolio.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/cases/lists/" target="_blank"><img src="images/icon/designcases.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/columns/lists/all-columntypea/" target="_blank"><img src="images/icon/blogs.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/videos/lists/" target="_blank"><img src="images/icon/video.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/forum/category/" target="_blank"><img src="images/icon/forum.svg" alt=""></a>
+                </div>
+              </div>
+            </div>
+            <div class="sec-01__slider-2">
+              <div class="row">
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/designers/lists/" target="_blank"><img src="images/icon/designer.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank"><img src="images/icon/soft.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/products/lists/" target="_blank"><img src="images/icon/mueble.svg" alt=""></a>
+                </div>
+                <div class="col">
+                  <a href="https://m.hhh.com.tw/builder/lists/" target="_blank"><img src="images/icon/newcase.svg" alt=""></a>
+                </div>
+                <div class="col special">
+                  <a href="https://www.leju.com.tw/" target="_blank"><img src="images/icon/price.svg" alt=""></a>
+                </div>
+              </div>
+            </div>
+        </div>
+    </div>
+    </section>
+    <section class="sec-02 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-02__slider">
+         <!--  <div class="sec-02__slider-1" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);"></div>
+          <div class="sec-02__slider-2" onclick="window.open(`https://hhh.com.tw/designers/cases/28/1-page/new-sort/`);"></div>
+          <div class="sec-02__slider-3" onclick="window.open(`https://event.hhh.com.tw/topglory/designer_523.html`);"></div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-03 w-100">
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-03__tabdiv d-flex">
+          <ul class="nav row nav-pills gx-2" id="pills-tab" role="tablist">
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link nav-item-active bg-transparent" id="pills-hot-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-hot" type="button" role="tab"
+              aria-controls="pills-hot" aria-selected="true">最夯設計</button>
+            </li>
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link nav-item-active bg-transparent" id="pills-video-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-video" type="button" role="tab"
+              aria-controls="pills-video" aria-selected="false">影音實錄</button>
+            </li>
+            <li class="nav-item col" role="presentation">
+              <button class="nav-item-link nav-item-active bg-transparent" id="pills-blog-tab"
+              data-bs-toggle="pill" data-bs-target="#pills-blog" type="button" role="tab"
+              aria-controls="pills-blog" aria-selected="false">專欄文章</button>
+            </li>
+          </ul>
+          <div class="more">
+            <a href="https://hhh.com.tw/cases/lists/" class="morelink" target="_blank">更多 more ></a>
+          </div>
+        </div>
+      <div class="tab-content" id="pills-tabContent">
+        <div class="tab-pane fade" id="pills-hot" role="tabpanel"
+            aria-labelledby="pills-hot-tab">
+            <div class="container-fluid" style="padding:0;margin:0;">
+              <div class="tabpar">
+                <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div> -->
+              </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="pills-video" role="tabpanel"
+            aria-labelledby="pills-video-tab">
+            <div class="container-fluid" style="padding:0;margin:0;">
+              <div class="tabpar">
+                <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div>
+                <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                  <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                  <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+                </div> -->
+              </div>
+            </div>
+        </div>
+        <div class="tab-pane fade" id="pills-blog" role="tabpanel"
+          aria-labelledby="pills-blog-tab">
+          <div class="container-fluid" style="padding:0;margin:0;">
+            <div class="tabpar">
+              <!-- <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div>
+              <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div>
+              <div class="tabpar__card" onclick="window.open(`https://hhh.com.tw/columns/detail/2963/`);">
+                <div class="tabpar__card__imgfr"><img src="images/2_2.webp" alt=""></div>
+                <p class="mt-2">會議室、教室開關、巡查、空調開關及溫度設</p>
+              </div> -->
+            </div>
+          </div>
+        </div>
+      </div>
+      
+    </section>
+    <section class="sec-04">
+      <div class="container" style="margin:0;">
+        <div class="row gx-2 gy-2 mb-2">
+          <a href="https://hhh.com.tw/event170427/" class="col card p-2 text-center me-2">
+            <h5 class="card-title">老屋翻新<br>住宅改造</h5>
+            <div class="card__imgfr"><img src="images/renovation.png" alt=""></div>
+          </a>
+          <a href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" class="col card p-2 text-center">
+            <h5 class="card-title">觀眾最愛<br>設計師</h5>
+            <div class="card__imgfr"><img src="images/designerlink.png" alt=""></div>
+          </a>
+        </div>
+        <div class="row gx-2 gy-2">
+          <a href="https://event.hhh.com.tw/2021-Top-Brands/" class="col card p-2 text-center me-2">
+            <h5 class="card-title">消費者<br>愛用品牌</h5>
+            <div class="card__imgfr"><img src="images/brandlink.png" alt=""></div>
+          </a>
+          <a href="https://event.hhh.com.tw/topglory/" class="col card p-2 text-center">
+            <h5 class="card-title">國際大賞<br>GLORY</h5>
+            <div class="card__imgfr"><img src="images/awardlink.png" alt=""></div>
+          </a>
+        </div>
+      </div>
+    </section>
+    <section class="sec-05 py-4">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">VIDEO</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/videos/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding:0;margin:0;">
+        <div class="sec-05__video mb-2" data-bs-toggle="modal" data-bs-target="#videoModal">
+          <img src="images/Play-Button.png" alt="" class="sec-05__video__play">
+          <img src="images/maxresdefault.jpeg" alt="" class="sec-05__video__img">
+        </div>
+        <p class="px-2">EP.2 永久棟距開闊視野生態濕地公園首排連呼吸都療癒</p>
+      </div>
+    </section>
+    <div class="modal fade" id="videoModal" tabindex="-1" aria-labelledby="videoModalLabel" aria-hidden="true">
+      <div class="modal-dialog modal-dialog-centered">
+        <div class="modal-content">
+          <div class="modal-body text-center">
+            <iframe width="340" height="230"></iframe>
+          </div>
+        </div>
+      </div>
+    </div>
+    <section class="sec-06 py-4">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">主題企劃</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/topic/detail/402/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="" style="padding:0 1rem;">
+        <div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
+          <div class="carousel-inner">
+           <!--  <div class="carousel-item active" onclick="window.open(`https://m.hhh.com.tw/cases/detail/12422/`);" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/name_12422_20200601145042.jpg);">
+              
+            </div>
+            <div class="carousel-item" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5763/`);" style="background-image: url(https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index01_312.jpg);">
+              
+            </div> 
+            <div class="carousel-item" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5763/`);" style="background-image: url(https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5763_20210528143431.jpg);">
+              
+            </div> -->
+          </div>
+          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
+        </div>
+      </div>
+    </section>
+
+    <section class="sec-07 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">編輯精選</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/columns/lists/all-columntypea/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-07__slider row mx-0">
+          <!-- <div class="sec-07__slider-1 sec-07__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-07__slider-2 sec-06__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-07__slider-3 sec-06__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/columns/detail/5613/`);">
+            <div class="sec-07__imgfr mb-2"><img src="images/2_2.webp" alt=""></div>
+            <p class="sec-07__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-08 pb-2">
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-08__slider mx-0">
+          <!-- <div class="sec-08__slider-1 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg);" onclick="window.open(`https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356`);"></div>
+          <div class="sec-08__slider-2 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg);" onclick="window.open(`https://hhh.com.tw/topic/detail/402/`);"></div>
+          <div class="sec-08__slider-3 mx-1" style="width: 70vw; background-image: url(https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg);" onclick="window.open(`https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356`);"></div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-09 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">來選好物</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/products/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-09__cardgrp">
+         <!--  <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div>
+          <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div>
+          <div class="sec-09__card">
+            <div class="sec-09__card__imgfr"><img src="https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png" alt=""></div>
+            <p>LEAF 320i 空氣清淨機</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <section class="sec-10 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">本週推薦</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/designers/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-10__slider row mx-0">
+          <!-- <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-1 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-2 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-10__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13338/`);">
+            <div class="sec-10__slider-3 mb-2"></div>
+            <p class="sec-10__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <!-- "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13256_20210512143633.jpg" -->
+    <section class="sec-11 py-2">
+      <div class="px-3 pb-3 d-flex align-items-center justify-content-between">
+        <div><h3 class="mb-0">粉絲推薦</h3></div>
+        <div class="more">
+          <a href="https://hhh.com.tw/cases/lists/" class="morelink" target="_blank">更多 more ></a>
+        </div>
+      </div>
+      <div class="container-fluid" style="padding: 0;margin:0;">
+        <div class="sec-11__slider row mx-0">
+          <!-- <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-1 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-2 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div>
+          <div class="sec-11__card col-12 mx-1" onclick="window.open(`https://m.hhh.com.tw/cases/detail/13256/`);">
+            <div class="sec-11__slider-3 mb-2"></div>
+            <p class="sec-11__cardtxt">2021星座開運旅行指南！天秤座入住「青旅」開出豔遇紅盤，處女座泡湯牆身心靈</p>
+          </div> -->
+        </div>
+      </div>
+    </section>
+    <div class="fixed-btn">
+      <!-- <div class="btn-gotop mb-2">
+        <img src="images/gotop.png" width="28" alt="">
+      </div> -->
+      <div class="btn-gotop">
+        <img src="images/gotop.png" width="28" alt="">
+      </div>
+    </div>
+    <div style="margin-bottom:120px;"></div>
+    <!-- bottom fixed menu -->
+    <div class="container-fluid px-0 m-0 fixed_menu">
+      <div class="row gx-2 ps-1 pe-2">
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/about/request/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/40a8bf5.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/about/calculator/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/170ebf4.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/decoquery/lists/address/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/479aa61.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/program/" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/dc6b655.svg" alt=""></a></div>
+        <div class="fixed_menu__box col"><a href="https://m.hhh.com.tw/login/index" target="_blank"><img src="https://m.hhh.com.tw/_nuxt/img/76749fd.svg" alt=""></a></div>
+      </div>
+    </div>
+    <div class="sec-menu">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-back me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+            <!--<div class="collapse navbar-collapse" id="navbarSupportedContent">
+                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> 
+            </div> -->
+        </div>
+      </nav>
+      <div class="container-fluid sec-menu-block px-0">
+        
+          <div class="navbar sec-menu-list w-100">
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+              <li class="nav-item">
+                <a class="nav-link active text-main d-flex align-items-center" aria-current="page" href="https://shop.hhh.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/cart.svg" alt=""></div>
+                  <p>+好物</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link text-main d-flex align-items-center" href="https://m.hhh.com.tw/about/calculator/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/budget.svg" alt=""></div>
+                  <p>估預算</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link text-main d-flex align-items-center" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/style.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/photos/index/`);"><p>找風格</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="position: static;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/nordic-style/" target="_blank">北歐風</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/modern-style/" target="_blank">現代風</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/industry-style/" target="_blank">工業風</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/designs.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/cases/lists/`);"><p>挑設計</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown2" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/" target="_blank">小坪數</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/renovation-condition/" target="_blank">老屋翻新</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/" target="_blank">風水</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown3" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/videos.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/videos/lists/`);"><p>看影音</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown3" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/videos/lists/" target="_blank">發燒影音</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/video-list-5945tw.php" target="_blank">呼叫師傅</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/person.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/designers/lists/`);"><p>設計師</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown4" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/designers/lists/" target="_blank">設計師總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" target="_blank">觀眾最愛設計師</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/topglory/" target="_blank">Glory國際大賞</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://hhh.com.tw/event170427/" target="_blank">老屋翻新</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/decoquery/lists/address/" target="_blank">查証照</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown5" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/pen.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"><p>專欄文章</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown5" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item dropdown">
+                    <span class="dropdown-item nav-link sub-link" id="subDropdown1">
+                      <a href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/" target="_blank"><p>編輯精選</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/" target="_blank">居家趨勢</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/" target="_blank">人氣排行</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/" target="_blank">建築設計</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/" target="_blank">風格選店</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/" target="_blank">公益活動</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/" target="_blank">展演資訊</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/" target="_blank"><p>居家設計</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/" target="_blank">小宅規劃</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/" target="_blank">老屋翻新</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/" target="_blank">風格營造</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/" target="_blank">配色佈置</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/" target="_blank">好宅特輯</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/" target="_blank">設計提案</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/" target="_blank"><p>裝修前線</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/" target="_blank">新聞最前線</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/" target="_blank">預算分配</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/" target="_blank">施工流程</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/" target="_blank">建材知識</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/decorating-columntypeb/" target="_blank">裝潢撇步</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/plus-columntypea/" target="_blank"><p>生活PLUS</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/" target="_blank">居家風水</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/" target="_blank">家事清潔</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/" target="_blank">收納技巧</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/" target="_blank">改造修繕</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/retire-columntypeb/" target="_blank">退休好幸福</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link">
+                      <a href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/" target="_blank"><p>品牌好物</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/" target="_blank">家具家飾</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/" target="_blank">美型家電</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/" target="_blank">推薦廚衛</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/" target="_blank">居家好物</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/" target="_blank">優質建材</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/brandnews-columntypeb/" target="_blank">品牌快訊</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item">
+                    <span class="dropdown-item nav-link sub-link" >
+                      <a href="https://m.hhh.com.tw/columns/lists/focus-columntypea/" target="_blank"><p>房市焦點</p></a>
+                      <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
+                    </span>
+                    <ul class="sub-menu ps-0" style="position: static;transform: none;">
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/" target="_blank">房市新聞</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/" target="_blank">建案特搜</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/" target="_blank">買屋賣屋</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/" target="_blank">房貸税務</a></li>
+                      <hr>
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/renting-columntypeb/" target="_blank">租房須知</a></li>
+                    </ul>
+                  </li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/" target="_blank">主題企劃</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item dropdown">
+                <span class="nav-link d-flex align-items-center" id="navbarDropdown6" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/sofa.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/products/lists/`);"><p>居家商品</p></a>
+                  <div class="expand"><i class="fas fa-chevron-down"></i></div>
+                </span>
+                <ul class="dropdown-menu" aria-labelledby="navbarDropdown6" style="position: static;transform: none;">
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/" target="_blank">商品總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/furniture-pcategorya/" target="_blank">傢俱</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/household-pcategorya/" target="_blank">家電</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/kitchen-pcategorya/" target="_blank">廚房</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/bathroom-pcategorya/" target="_blank">衛浴</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/lighting-pcategorya/" target="_blank">照明</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brands/lists/" target="_blank">品牌總覽</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank">軟裝佈置</a></li>
+                  <hr>
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Top-Brands/index.php" target="_blank">消費者愛用品牌</a></li>
+                </ul>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/builder/lists/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/building.svg" alt=""></div>
+                  <p>新建案</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/forum/category/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/discuss.svg" alt=""></div>
+                  <p>討論區</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/agent/lecture.html" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/freelecture.svg" alt=""></div>
+                  <p>免費報名幸福講堂</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item d-flex align-items-center">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/agent/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/agent.svg" alt=""></div>
+                  <p>幸福經紀人</p>
+                  <span class="ms-2"><a class="text-phone" href="tel:0800-366-086">0800-366-086</a></span></a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="http://gstv.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/tv.svg" alt=""></div>
+                  <p>幸福空間居家台</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/contest/2018/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/prize.svg" alt=""></div>
+                  <p>ADA 亞洲設計獎</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center" href="https://event.hhh.com.tw/2019global-award/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/champion.svg" alt=""></div>
+                  <p>國際設計大獎代辦</p>
+                </a>
+              </li>
+              <hr>
+              <li class="nav-item">
+                <a class="nav-link d-flex align-items-center mb-1" href="https://www.leju.com.tw/" target="_blank">
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/Image 1@2x.png" alt="" width="20"></div>
+                  <p>樂居網</p>
+                </a>
+              </li>
+            </ul>
+          </div>
+          <div class="sec-menu-follows w-100">
+            <h5 class="sec-menu-follows-title w-100">追蹤我們</h5>
+            <div class="d-flex justify-content-between">
+              <a href="https://www.facebook.com/hhhfb"><img src="images/menu/fb.svg" alt="" class="d-inline-block"></a>
+              <a href="https://line.me/ti/p/%40ovs4341s"><img src="images/menu/line.svg" alt="" class="d-inline-block"></a>
+              <a href="https://www.youtube.com/user/gorgeousspace"><img src="images/menu/youtube.svg" alt="" class="d-inline-block"></a>
+              <a href="https://www.instagram.com/gorgeous_space/"><img src="images/menu/instagram@2x.png" alt="" width="43" class="d-inline-block"></a>
+              <a href=""><img src="images/menu/pinterest.svg" alt="" class="d-inline-block"></a>
+            </div>
+            <div class="py-4">
+              <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">幸福經紀人粉絲專頁</a>
+              <a href="https://www.facebook.com/retire.tw/" class="follows-fp"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">退休好幸福粉絲專頁</a>
+            </div>
+            <div class="sec-menu-links">
+              <div class="d-flex mb-2">
+                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
+                <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
+                <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
+                <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
+              </div>
+              <div class="d-flex">
+                <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
+                <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
+              </div>
+            </div>
+            <div class="copyright text-center">幸福空間　版權所有<br>© Gorgeous Space Co.Ltd. All Rights Reserved</div>
+          </div>
+      
+      </div>
+    </div>
+
+    <div class="sec-search">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-backs me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+            <!--<div class="collapse navbar-collapse" id="navbarSupportedContent">
+                 <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                  <li class="nav-item">
+                    <a class="nav-link active" aria-current="page" href="#">Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a class="nav-link" href="#" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Dropdown
+                    </a>
+                    <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
+                      <li><a class="dropdown-item" href="#">Action</a></li>
+                      <li><a class="dropdown-item" href="#">Another action</a></li>
+                      <li><hr class="dropdown-divider"></li>
+                      <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                  </li>
+                </ul>
+                <form class="d-flex">
+                  <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                  <button class="btn btn-outline-success" type="submit">Search</button>
+                </form> 
+            </div> -->
+        </div>
+      </nav>
+      <div class="container-fluid sec-search-block px-0">
+        <div class="sec-search-list w-100">
+          <div class="sec-search-form">
+            <input type="text" name="searchQuery" class="searchBar">
+            <button type="button" class="searchBtn">
+              <img width="30" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg==" alt="">
+            </button>
+          </div>
+          <hr>
+          <div class="sec-search-hots">
+            <h4 class="sec-search-hots__title">熱搜關鍵字</h4>
+            <hr>
+            <div class="d-flex flex-wrap">
+              <a class="sec-search-hots__link">小坪數</a>
+              <a class="sec-search-hots__link">收納</a>
+              <a class="sec-search-hots__link">軟裝佈置</a>
+              <a class="sec-search-hots__link">幸福經紀人</a>
+              <a class="sec-search-hots__link">承炫設計</a>
+              <a class="sec-search-hots__link">風水</a>
+              <a class="sec-search-hots__link">北歐風</a>
+              <a class="sec-search-hots__link">周石設計</a>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="sec-login">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-backs me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+        </div>
+      </nav>
+      <div class="container-fluid sec-login-block px-0">
+        <div class="sec-login-list w-100">
+          <h4 class="sec- text-center">會員登入</h4>
+          <hr>
+          <div class="sec-login-btns">
+            
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="sec-favor d-none">
+      <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
+        <div class="container-fluid" style="padding:0 8px;margin:0;">
+            <div class="navbar-brand navbar-back-fav me-0">
+              <i class="fas fa-chevron-left"></i>
+            </div>
+            <a href="#" class="navbar-brand"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="141"></a>
+            <div class="navbar-brand navbar-search me-0">
+            </div>
+        </div>
+      </nav>
+      <div class="container-fluid sec-favor-block px-0">
+        <div class="sec-favor-list w-100">
+          <h4 class="sec-favor-title text-center">我的喜好</h4>
+          <hr>
+          <div class="sec-favor-form">
+            <form action="" method="" id="msform">
+              <div class="d-flex justify-content-between align-items">
+                <div class="form-user">Hi 陳喬治</div>
+                <ul class="p-0 form-progressbar">
+                  <li class="active">1</li>
+                  <li>2</li>
+                  <li>3</li>
+                </ul>
+              </div>
+              <fieldset class="form-step form-step1 text-center">
+                <div style="position: relative;">
+                <h4 class="mb-3">請選擇設計風格 / 多選</h4>
+                <div class="row mb-2">
+                  <input type="checkbox" value="北歐風" name="q1" id="1a" checked/>
+                  <label class="col-4 mr fs-label-info text-center" for="1a">
+                    <div class="imgfr mb-1"></div>
+                    <p>北歐風</p>
+                  </label>
+                  <input type="checkbox" value="現代風" name="q1" id="1b" />
+                  <label class="col-4 mr fs-label-info text-center" for="1b">
+                    <div class="imgfr mb-1"></div>
+                    <p>現代風</p>
+                  </label>
+                  <input type="checkbox" value="工業風" name="q1" id="1c" />
+                  <label class="col-4 mr fs-label-info text-center" for="1c">
+                    <div class="imgfr mb-1"></div>
+                    <p>工業風</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="美式風" name="q1" id="1d" />
+                  <label class="col-4 mr fs-label-info text-center" for="1d">
+                    <div class="imgfr mb-1"></div>
+                    <p>美式風</p>
+                  </label>
+                  <input type="checkbox" value="鄉村風" name="q1" id="1e" />
+                  <label class="col-4 mr fs-label-info text-center" for="1e">
+                    <div class="imgfr mb-1"></div>
+                    <p>鄉村風</p>
+                  </label>
+                  <input type="checkbox" value="古典風" name="q1" id="1f" />
+                  <label class="col-4 mr fs-label-info text-center" for="1f">
+                    <div class="imgfr mb-1"></div>
+                    <p>古典風</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="新古典風" name="q1" id="1g" />
+                  <label class="col-4 mr fs-label-info text-center" for="1g">
+                    <div class="imgfr mb-1"></div>
+                    <p>新古典風</p>
+                  </label>
+                  <input type="checkbox" value="休閒多元" name="q1" id="1h" />
+                  <label class="col-4 mr fs-label-info text-center" for="1h">
+                    <div class="imgfr mb-1"></div>
+                    <p>休閒多元</p>
+                  </label>
+                  <input type="checkbox" value="其他" name="q1" id="1i" />
+                  <label class="col-4 mr fs-label-info text-center" for="1i">
+                    <div class="imgfr mb-1"></div>
+                    <p>其他</p>
+                  </label>
+                </div>
+                <input class="next" type="button" value="下一步">
+              </div>
+              </fieldset>
+              <fieldset class="form-step form-step2 text-center">
+                <div style="">
+                <h4 class="mb-3">請選擇喜歡的居家空間 / 多選</h4>
+                <div class="row mb-2">
+                  <input type="checkbox" value="北歐風" name="q2" id="2a" checked/>
+                  <label class="col-4 mr fs-label-info text-center" for="2a">
+                    <div class="imgfr mb-1"></div>
+                    <p>客廳</p>
+                  </label>
+                  <input type="checkbox" value="現代風" name="q2" id="2b" />
+                  <label class="col-4 mr fs-label-info text-center" for="2b">
+                    <div class="imgfr mb-1"></div>
+                    <p>餐廳</p>
+                  </label>
+                  <input type="checkbox" value="工業風" name="q2" id="2c" />
+                  <label class="col-4 mr fs-label-info text-center" for="2c">
+                    <div class="imgfr mb-1"></div>
+                    <p>臥室</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="美式風" name="q2" id="2d" />
+                  <label class="col-4 mr fs-label-info text-center" for="2d">
+                    <div class="imgfr mb-1"></div>
+                    <p>廚房</p>
+                  </label>
+                  <input type="checkbox" value="鄉村風" name="q2" id="2e" />
+                  <label class="col-4 mr fs-label-info text-center" for="2e">
+                    <div class="imgfr mb-1"></div>
+                    <p>浴室</p>
+                  </label>
+                  <input type="checkbox" value="古典風" name="q2" id="2f" />
+                  <label class="col-4 mr fs-label-info text-center" for="2f">
+                    <div class="imgfr mb-1"></div>
+                    <p>玄關</p>
+                  </label>
+                </div>
+                <div class="row mb-2">
+                  <input type="checkbox" value="新古典風" name="q2" id="2g" />
+                  <label class="col-4 mr fs-label-info text-center" for="2g">
+                    <div class="imgfr mb-1"></div>
+                    <p>兒童房</p>
+                  </label>
+                  <input type="checkbox" value="休閒多元" name="q2" id="2h" />
+                  <label class="col-4 mr fs-label-info text-center" for="2h">
+                    <div class="imgfr mb-1"></div>
+                    <p>陽台</p>
+                  </label>
+                  <input type="checkbox" value="其他" name="q1" id="2i" />
+                  <label class="col-4 mr fs-label-info text-center" for="2i">
+                    <div class="imgfr mb-1"></div>
+                    <p>其他</p>
+                  </label>
+                </div>
+                <input class="next" type="button" value="下一步">
+                </div>
+              </fieldset>
+              <fieldset class="form-step form-step3 text-center">
+                <h4 class="mb-3 text-center">請選擇以下條件</h4>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">房屋坪數 / 單選</span>
+                  <input type="radio" value="20坪以下" name="q3" id="3a" />
+                  <label class="mr fs-label-chbox radio" for="3a">20坪以下</label>
+                  <input type="radio" value="20~30坪" name="q3" id="3b" />
+                  <label class="mr fs-label-chbox radio" for="3b">20~30坪</label>
+                  <input type="radio" value="30~40坪" name="q3" id="3c" />
+                  <label class="mr fs-label-chbox radio" for="3c">31~50坪</label>
+                  <input type="radio" value="50坪以上" name="q3" id="3e" />
+                  <label class="mr fs-label-chbox radio" for="3e">50坪以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">房屋預算 / 單選</span>
+                  <input type="radio" value="20坪以下" name="q4" id="4a" />
+                  <label class="mr fs-label-chbox radio" for="4a">100萬以下</label>
+                  <input type="radio" value="20~30坪" name="q4" id="4b" />
+                  <label class="mr fs-label-chbox radio" for="4b">101~200萬</label>
+                  <input type="radio" value="30~40坪" name="q4" id="4c" />
+                  <label class="mr fs-label-chbox radio" for="4c">201~300萬</label>
+                  <input type="radio" value="50坪以上" name="q4" id="4e" />
+                  <label class="mr fs-label-chbox radio" for="4e">301萬以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">裝修屋況 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="q5" id="5a" />
+                  <label class="mr fs-label-chbox radio" for="5a">新成屋</label>
+                  <input type="radio" value="20~30坪" name="q5" id="5b" />
+                  <label class="mr fs-label-chbox radio" for="5b">中古屋</label>
+                  <input type="radio" value="30~40坪" name="q5" id="5c" />
+                  <label class="mr fs-label-chbox radio" for="5c">毛胚屋</label>
+                  <input type="radio" value="50坪以上" name="q5" id="5e" />
+                  <label class="mr fs-label-chbox radio" for="5e">老屋翻新</label>
+                  <input type="radio" value="50坪以上" name="q5" id="5e" />
+                  <label class="mr fs-label-chbox radio" for="5e">自地自建</label>
+                </div>
+                <div class="btngrp text-center">
+                  <input class="skip d-block mb-2" type="button" value="略過">
+                  <input class="next d-block" type="button" value="下一步">
+                </div>
+              </fieldset>
+            </form>
+          </div>
+          <div class="sec-favor-checklist d-none">
+            <form action="" method="">
+              <div class="form-user">Hi 陳喬治</div>
+              <fieldset class="form-step text-center">
+                <h4 class="mb-3 text-center">請選擇以下條件</h4>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">設計風格 / 多選</span>
+
+                  <input type="checkbox" value="20坪以下" name="style" id="north" />
+                  <label class="mr fs-label-chbox radio" for="north">北歐風</label>
+                  <input type="checkbox" value="20~30坪" name="style" id="modern" />
+                  <label class="mr fs-label-chbox radio" for="modern">現代風</label>
+                  <input type="checkbox" value="30~40坪" name="style" id="indust" />
+                  <label class="mr fs-label-chbox radio" for="indust">工業風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="usa" />
+                  <label class="mr fs-label-chbox radio" for="usa">美式風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="casual" />
+                  <label class="mr fs-label-chbox radio" for="casual">休閒多元</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="country" />
+                  <label class="mr fs-label-chbox radio" for="country">鄉村風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="old" />
+                  <label class="mr fs-label-chbox radio" for="old">古典風</label>
+                  <input type="checkbox" value="50坪以上" name="style" id="other" />
+                  <label class="mr fs-label-chbox radio" for="other">其他</label>
+                </div>
+                <div class="step3-block text-start mb-3">
+                  <span class="step3-block-title">喜歡的居家空間 / 多選</span>
+
+                  <input type="checkbox" value="20坪以下" name="space" id="salon" />
+                  <label class="mr fs-label-chbox radio" for="salon">客廳</label>
+                  <input type="checkbox" value="20~30坪" name="space" id="restaurant" />
+                  <label class="mr fs-label-chbox radio" for="restaurant">餐廳</label>
+                  <input type="checkbox" value="30~40坪" name="space" id="bedroom" />
+                  <label class="mr fs-label-chbox radio" for="bedroom">臥室</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="kitchen" />
+                  <label class="mr fs-label-chbox radio" for="kitchen">廚房</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="bathroom" />
+                  <label class="mr fs-label-chbox radio" for="bathroom">浴室</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="porch" />
+                  <label class="mr fs-label-chbox radio" for="porch">玄關</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="childroom" />
+                  <label class="mr fs-label-chbox radio" for="childroom">兒童房</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="balcony" />
+                  <label class="mr fs-label-chbox radio" for="balcony">陽台</label>
+                  <input type="checkbox" value="50坪以上" name="space" id="others" />
+                  <label class="mr fs-label-chbox radio" for="others">其他</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title">房屋坪數 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="feet" id="below20" />
+                  <label class="mr fs-label-chbox radio" for="below20">20坪以下</label>
+                  <input type="radio" value="20~30坪" name="feet" id="20to30" />
+                  <label class="mr fs-label-chbox radio" for="20to30">20~30坪</label>
+                  <input type="radio" value="30~40坪" name="feet" id="30to50" />
+                  <label class="mr fs-label-chbox radio" for="30to50">31~50坪</label>
+                  <input type="radio" value="50坪以上" name="feet" id="above50" />
+                  <label class="mr fs-label-chbox radio" for="above50">50坪以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">房屋預算 / 多選</span>
+                  <input type="checkbox" value="20坪以下" name="budget" id="below1m" />
+                  <label class="mr fs-label-chbox radio" for="below1m">100萬以下</label>
+                  <input type="checkbox" value="20~30坪" name="budget" id="100to200" />
+                  <label class="mr fs-label-chbox radio" for="100to200">101~200萬</label>
+                  <input type="checkbox" value="30~40坪" name="budget" id="200to300" />
+                  <label class="mr fs-label-chbox radio" for="200to300">201~300萬</label>
+                  <input type="checkbox" value="50坪以上" name="budget" id="300up" />
+                  <label class="mr fs-label-chbox radio" for="300up">301萬以上</label>
+                </div>
+                <div class="step3-block text-start">
+                  <span class="step3-block-title text-left">裝修屋況 / 單選</span>
+
+                  <input type="radio" value="20坪以下" name="condition" id="new" />
+                  <label class="mr fs-label-chbox radio" for="new">新成屋</label>
+                  <input type="radio" value="20~30坪" name="condition" id="aged" />
+                  <label class="mr fs-label-chbox radio" for="aged">中古屋</label>
+                  <input type="radio" value="30~40坪" name="condition" id="unfinished" />
+                  <label class="mr fs-label-chbox radio" for="unfinished">毛胚屋</label>
+                  <input type="radio" value="50坪以上" name="condition" id="refurbish" />
+                  <label class="mr fs-label-chbox radio" for="refurbish">老屋翻新</label>
+                  <input type="radio" value="50坪以上" name="condition" id="selfown" />
+                  <label class="mr fs-label-chbox radio" for="selfown">自地自建</label>
+                </div>
+                <div class="btngrp text-center">
+                  <input class="next d-block mb-3" type="button" value="下一步">
+                </div>
+              </fieldset>
+            </form>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+    
+</body>
+</html>

js/index1.js

@@ -0,0 +1,393 @@
+$(".sec-01__slider").slick({
+  dots: true,
+  autoplay: false,
+  arrows: false,
+});
+
+let result;
+/* $.ajax({
+  method: "GET",
+  url: "/hhh-home-mb/json/data.json",
+  dataType: "json",
+}).done(function (msg) {
+  alert(msg);
+  result = [...msg];
+  console.log(result);
+  renderSec00(result);
+  renderSec02(result);
+  renderSec03(result);
+  renderSec06(result);
+  renderSec07(result);
+  renderSec08(result);
+  renderSec09(result);
+  renderSec10(result);
+  renderSec11(result);
+}); */
+axios.get('http://localhost:8000/genjson').then(({ data }) => {
+  //alert(data);
+  result = [...data];
+  console.log(result);
+  renderSec00(result);
+  renderSec02(result);
+  renderSec03(result);
+  renderSec06(result);
+  renderSec07(result);
+  renderSec08(result);
+  renderSec09(result);
+  renderSec10(result);
+  renderSec11(result);
+});
+
+function renderSec00(data) {
+  let temp = data[0]['data'];
+  //alert(temp.length);
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `<div class="sec-00__slider-${i + 1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+  }
+  $('.sec-00__slider').html(str);
+  $(".sec-00__slider").slick({
+    dots: false,
+    speed: 800,
+    autoplay: true,
+  });
+}
+
+function renderSec02(data) {
+  let temp = data[1]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `<div class="sec-02__slider-${i + 1}" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+  }
+  $('.sec-02__slider').html(str);
+  $(".sec-02__slider").slick({
+    dots: false,
+    autoplay: true,
+    arrows: true,
+    fade: true,
+    autoplaySpeed: 4000,
+  });
+}
+
+function renderSec03(data) {
+  let randomIdx = Math.floor(Math.random() * 3);
+  const ran = $('.sec-03__tabdiv .nav-item-link').eq(randomIdx);
+  const ranDiv = $('#pills-tabContent .tab-pane').eq(randomIdx);
+  ran.addClass('active');
+  ranDiv.addClass('active');
+  ranDiv.addClass('show');
+  let temp = data[2]['data'];
+  for (let i = 0; i < temp.length; i++) {
+    if (temp[i]["tab"] == '最夯設計') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-hot .tabpar').html(str);
+    }
+    if (temp[i]["tab"] == '影音實錄') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""><img class="tabpar__card__play" src="images/Play-Button.png"></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-video .tabpar').html(str);
+    }
+    if (temp[i]["tab"] == '專欄文章') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-blog .tabpar').html(str);
+    }
+  }
+  const cardText = document.querySelectorAll('.tabpar__card p');
+  cardText.forEach((item, i) => {
+    let len = item.textContent.length;
+    if (len > 20) {
+      let str = item.textContent.substring(0, 20) + '...';
+      item.textContent = str;
+    }
+  })
+}
+function renderSec06(data) {
+  let temp = data[3]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    if (i === 0) {
+      str += `<div class="carousel-item active" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+    } else {
+      str += `<div class="carousel-item" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+    }
+  }
+  $('.sec-06 .carousel-inner').html(str);
+
+}
+function renderSec07(data) {
+  let temp = data[4]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `
+              <div class="sec-07__slider-${i + 1} sec-07__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                <div class="sec-07__imgfr mb-2"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                <p class="sec-07__cardtxt">${temp[i]['description']}</p>
+              </div>`
+  }
+  $('.sec-07__slider').html(str);
+  $(".sec-07__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: true,
+    centerPadding: '12px'
+  });
+  const cardText = document.querySelectorAll('.sec-07__cardtxt');
+  cardText.forEach((item, i) => {
+    let len = item.textContent.length;
+    if (len > 20) {
+      let str = item.textContent.substring(0, 25) + '...';
+      item.textContent = str;
+    }
+  })
+}
+function renderSec08(data) {
+  let temp = data[5]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-08__slider-${i + 1} mx-1" style="width: 70vw; background-image: url('${temp[i]['imgUrl']}');" onclick="window.open('${temp[i]['link']}');"></div>`
+  }
+  $('.sec-08__slider').html(str);
+  $(".sec-08__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+function renderSec09(data) {
+  let temp = data[6]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-09__card" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-09__card__imgfr"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                    <p>${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-09__cardgrp').html(str);
+}
+function renderSec10(data) {
+  let temp = data[7]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-10__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-10__slider-${i + 1} mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-10__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-10__slider').html(str);
+  $(".sec-10__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+function renderSec11(data) {
+  let temp = data[8]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-11__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-11__slider-${i + 1} mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-11__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-11__slider').html(str);
+  $(".sec-11__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+
+window.addEventListener('scroll', fixedOnScroll);
+
+const navbar = document.querySelector('.navbar-main');
+
+function fixedOnScroll() {
+  const sticky = 110;
+  if (window.pageYOffset >= sticky) {
+    navbar.classList.add('sticky');
+  } else {
+    navbar.classList.remove('sticky');
+  }
+}
+
+$('.navbar-toggler').click(function () {
+  $(".sec-menu").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+});
+
+$('.navbar-back').click(function () {
+  $(".sec-menu").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+});
+
+$('.subexpand').click(function () {
+  $(this).parent().next().toggleClass('show');
+  $(this).parent().toggleClass('show');
+});
+
+$('.navbar-search').click(function () {
+  $(".sec-search").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+})
+
+$('.navbar-backs').click(function () {
+  $(".sec-search").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+});
+
+$('.navbar-back-fav').click(function () {
+  $(".sec-favor").css('display', 'none');
+})
+
+$('#videoModal').on('shown.bs.modal', function () {
+  $('#videoModal iframe').attr('src', 'https://www.youtube.com/embed/G7baBXAhC_I?controls=0&autoplay=1&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fm.hhh.com.tw&amp;widgetid=1');
+})
+$('#videoModal').on('hidden.bs.modal', function () {
+  $('#videoModal iframe').removeAttr('src');
+});
+
+$('.btn-gotop').click(function () {
+  $('html, body').animate({
+    scrollTop: 0
+  }, 500)
+});
+
+$(window).scroll(function () {
+  if ($(this).scrollTop() > 500) {
+    $('.fixed-btn').fadeIn(222);
+  } else {
+    $('.fixed-btn').stop().fadeOut(222);
+  }
+}).scroll();
+
+const searchBtn = document.querySelector('.searchBtn');
+const searchBar = document.querySelector('.searchBar');
+const searchHotLink = document.querySelectorAll('.sec-search-hots__link');
+searchBtn.addEventListener('click', search);
+searchBar.addEventListener('keyup', pressSearch);
+function search() {
+  console.log(searchBar.value);
+  if (searchBar.value == '') {
+    window.location.href = 'https://m.hhh.com.tw/search/lists/case/';
+  } else {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`;
+    console.log(`https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`)
+  }
+}
+
+function pressSearch(e) {
+  if (e.keyCode === 13) {
+    e.preventDefault();
+    search();
+  }
+}
+
+searchHotLink.forEach((item, i) => {
+  console.log(item.textContent);
+  item.addEventListener('click', function () {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${this.textContent}-keyword/`;
+  })
+})
+
+//jQuery time
+var current_fs, next_fs, previous_fs; //fieldsets
+var left, opacity, scale; //fieldset properties which we will animate
+var animating; //flag to prevent quick multi-click glitches
+
+$(".next").click(function () {
+  if (animating) return false;
+  animating = true;
+
+  current_fs = $(this).parent().parent();
+  next_fs = $(this).parent().parent().next();
+
+  //activate next step on progressbar using the index of next_fs
+  $(".form-progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+
+  //show the next fieldset
+  next_fs.animate({ opacity: 1 }, {
+    step: function (now, mx) {
+      //as the opacity of current_fs reduces to 0 - stored in "now"
+      //1. scale current_fs down to 80%
+      scale = 0 + (1 + now) * .5;
+      //2. bring next_fs from the right(50%)
+      left = (now * 50) + "%";
+      //3. increase opacity of next_fs to 1 as it moves in
+      opacity = 0 + now;
+      next_fs.css({
+        'transform': 'scale(' + scale + ')',
+      });
+      next_fs.css({ 'opacity': opacity });
+    },
+    duration: 400,
+    complete: function () {
+      next_fs.show();
+      animating = false;
+    },
+    //this comes from the custom easing plugin
+    easing: 'easeInOutBack'
+  });
+  //hide the current fieldset with style
+  current_fs.animate({ opacity: 0 }, {
+    step: function (now, mx) {
+      //as the opacity of current_fs reduces to 0 - stored in "now"
+      //1. scale current_fs down to 80%
+      scale = 1 - (1 - now) * 0.2;
+      //2. bring next_fs from the right(50%)
+      left = (now * 50) + "%";
+      //3. increase opacity of next_fs to 1 as it moves in
+      opacity = 1 - now;
+      current_fs.css({
+        'transform': 'scale(' + scale + ')',
+      });
+      next_fs.css({ 'opacity': opacity });
+    },
+    duration: 400,
+    complete: function () {
+      current_fs.hide();
+      animating = false;
+    },
+    //this comes from the custom easing plugin
+    easing: 'easeInOutBack'
+  });
+});
+

js/index2.js

@@ -0,0 +1,393 @@
+$(".sec-01__slider").slick({
+  dots: true,
+  autoplay: false,
+  arrows: false,
+});
+
+let result;
+/* $.ajax({
+  method: "GET",
+  url: "../json/data.json",
+  dataType: "json",
+}).done(function (msg) {
+  result = [...msg];
+  console.log(result);
+  renderSec00(result);
+  renderSec02(result);
+  renderSec03(result);
+  renderSec06(result);
+  renderSec07(result);
+  renderSec08(result);
+  renderSec09(result);
+  renderSec10(result);
+  renderSec11(result);
+}); */
+axios.get('http://localhost:8000/genjson').then(({ data }) => {
+  //alert(data);
+  result = [...data];
+  
+  console.log(result);
+  renderSec00(result);
+  renderSec02(result);
+  renderSec03(result);
+  renderSec06(result);
+  renderSec07(result);
+  renderSec08(result);
+  renderSec09(result);
+  renderSec10(result);
+  renderSec11(result);
+ 
+});
+
+function renderSec00(data) {
+  let temp = data[0]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `<div class="sec-00__slider-${i + 1} slide-item" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+  }
+  $('.sec-00__slider').html(str);
+  $(".sec-00__slider").slick({
+    dots: false,
+    speed: 800,
+    autoplay: true,
+  });
+}
+
+function renderSec02(data) {
+  let temp = data[1]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `<div class="sec-02__slider-${i + 1} slide-item" onclick="window.open('${temp[i]['link']}');" style="background-image: url('${temp[i]['imgUrl']}');"></div>`
+  }
+  $('.sec-02__slider').html(str);
+  $(".sec-02__slider").slick({
+    dots: false,
+    autoplay: true,
+    arrows: true,
+    fade: true,
+    autoplaySpeed: 4000,
+  });
+}
+
+function renderSec03(data) {
+  let randomIdx = Math.floor(Math.random() * 3);
+  const ran = $('.sec-03__tabdiv .nav-item-link').eq(randomIdx);
+  const ranDiv = $('#pills-tabContent .tab-pane').eq(randomIdx);
+  ran.addClass('active');
+  ranDiv.addClass('active');
+  ranDiv.addClass('show');
+  let temp = data[2]['data'];
+  for (let i = 0; i < temp.length; i++) {
+    if (temp[i]["tab"] == '最夯設計') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-hot .tabpar').html(str);
+    }
+    if (temp[i]["tab"] == '影音實錄') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""><img class="tabpar__card__play" src="images/Play-Button.png"></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-video .tabpar').html(str);
+    }
+    if (temp[i]["tab"] == '專欄文章') {
+      let str = '';
+      let sub = temp[i]["data"];
+      for (let j = 0; j < sub.length; j++) {
+        str += `<div class="tabpar__card" onclick="window.open('${sub[j]['link']}')";>
+                  <div class="tabpar__card__imgfr"><img class="tabpar__card__img" src="${sub[j]['imgUrl']}" alt=""></div>
+                  <p class="mt-2 pe-2">${sub[j]['description']}</p>
+                </div>`
+      }
+      $('#pills-blog .tabpar').html(str);
+    }
+  }
+  const cardText = document.querySelectorAll('.tabpar__card p');
+  cardText.forEach((item, i) => {
+    let len = item.textContent.length;
+    if (len > 20) {
+      let str = item.textContent.substring(0, 20) + '...';
+      item.textContent = str;
+    }
+  })
+}
+function renderSec06(data) {
+  let temp = data[3]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    if (i === 0) {
+      str += `<div class="carousel-item active" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+    } else {
+      str += `<div class="carousel-item" onclick="window.open('${temp[i]['link']}');"
+                  style="background-image: url('${temp[i]['imgUrl']}');">
+                </div>`
+    }
+  }
+  $('.sec-06 .carousel-inner').html(str);
+
+}
+function renderSec07(data) {
+  let temp = data[4]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    console.log(temp[i]['imgUrl']);
+    str += `
+              <div class="sec-07__slider-${i + 1} sec-07__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                <div class="sec-07__imgfr mb-2"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                <p class="sec-07__cardtxt">${temp[i]['description']}</p>
+              </div>`
+  }
+  $('.sec-07__slider').html(str);
+  $(".sec-07__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: true,
+    centerPadding: '12px'
+  });
+  const cardText = document.querySelectorAll('.sec-07__cardtxt');
+  cardText.forEach((item, i) => {
+    let len = item.textContent.length;
+    if (len > 20) {
+      let str = item.textContent.substring(0, 25) + '...';
+      item.textContent = str;
+    }
+  })
+}
+function renderSec08(data) {
+  let temp = data[5]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-08__slider-${i + 1} mx-1 slide-item" style="width: 70vw; background-image: url('${temp[i]['imgUrl']}');" onclick="window.open('${temp[i]['link']}');"></div>`
+  }
+  $('.sec-08__slider').html(str);
+  $(".sec-08__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+function renderSec09(data) {
+  let temp = data[6]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-09__card" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-09__card__imgfr"><img src="${temp[i]['imgUrl']}" alt=""></div>
+                    <p>${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-09__cardgrp').html(str);
+}
+function renderSec10(data) {
+  let temp = data[7]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-10__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-10__slider-${i + 1} mb-2 slide-item" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-10__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-10__slider').html(str);
+  $(".sec-10__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+function renderSec11(data) {
+  let temp = data[8]['data'];
+  let str = '';
+  for (let i = 0; i < temp.length; i++) {
+    str += `<div class="sec-11__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
+                    <div class="sec-11__slider-${i + 1} mb-2 slide-item" style="background-image: url('${temp[i]['imgUrl']}');"></div>
+                    <p class="sec-11__cardtxt">${temp[i]['description']}</p>
+                    </div>`
+  }
+  $('.sec-11__slider').html(str);
+  $(".sec-11__slider").slick({
+    arrows: false,
+    slidesToShow: 1,
+    centerMode: true,
+    infinite: false,
+    dots: false,
+    centerPadding: '12px'
+  });
+}
+
+window.addEventListener('scroll', fixedOnScroll);
+
+const navbar = document.querySelector('.navbar-main');
+
+function fixedOnScroll() {
+  const sticky = 110;
+  if (window.pageYOffset >= sticky) {
+    navbar.classList.add('sticky');
+  } else {
+    navbar.classList.remove('sticky');
+  }
+}
+
+$('.navbar-toggler').click(function () {
+  $(".sec-menu").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+});
+
+$('.navbar-back').click(function () {
+  $(".sec-menu").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+});
+
+$('.subexpand').click(function () {
+  $(this).parent().next().toggleClass('show');
+  $(this).parent().toggleClass('show');
+});
+
+$('.navbar-search').click(function () {
+  $(".sec-search").css('display', 'block');
+  $(".wholeBody").css('overflow-y', 'hidden');
+})
+
+$('.navbar-backs').click(function () {
+  $(".sec-search").css('display', 'none');
+  $(".wholeBody").css('overflow-y', 'scroll');
+});
+
+$('.navbar-back-fav').click(function () {
+  $(".sec-favor").css('display', 'none');
+})
+
+$('#videoModal').on('shown.bs.modal', function () {
+  $('#videoModal iframe').attr('src', 'https://www.youtube.com/embed/G7baBXAhC_I?controls=0&autoplay=1&amp;enablejsapi=1&amp;origin=https%3A%2F%2Fm.hhh.com.tw&amp;widgetid=1');
+})
+$('#videoModal').on('hidden.bs.modal', function () {
+  $('#videoModal iframe').removeAttr('src');
+});
+
+$('.btn-gotop').click(function () {
+  $('html, body').animate({
+    scrollTop: 0
+  }, 500)
+});
+
+$(window).scroll(function () {
+  if ($(this).scrollTop() > 500) {
+    $('.fixed-btn').fadeIn(222);
+  } else {
+    $('.fixed-btn').stop().fadeOut(222);
+  }
+}).scroll();
+
+const searchBtn = document.querySelector('.searchBtn');
+const searchBar = document.querySelector('.searchBar');
+const searchHotLink = document.querySelectorAll('.sec-search-hots__link');
+searchBtn.addEventListener('click', search);
+searchBar.addEventListener('keyup', pressSearch);
+function search() {
+  console.log(searchBar.value);
+  if (searchBar.value == '') {
+    window.location.href = 'https://m.hhh.com.tw/search/lists/case/';
+  } else {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`;
+    console.log(`https://m.hhh.com.tw/search/lists/case/${searchBar.value}-keyword/`)
+  }
+}
+
+function pressSearch(e) {
+  if (e.keyCode === 13) {
+    e.preventDefault();
+    search();
+  }
+}
+
+searchHotLink.forEach((item, i) => {
+  console.log(item.textContent);
+  item.addEventListener('click', function () {
+    window.location.href = `https://m.hhh.com.tw/search/lists/case/${this.textContent}-keyword/`;
+  })
+})
+
+//jQuery time
+var current_fs, next_fs, previous_fs; //fieldsets
+var left, opacity, scale; //fieldset properties which we will animate
+var animating; //flag to prevent quick multi-click glitches
+
+$(".next").click(function () {
+  if (animating) return false;
+  animating = true;
+
+  current_fs = $(this).parent().parent();
+  next_fs = $(this).parent().parent().next();
+
+  //activate next step on progressbar using the index of next_fs
+  $(".form-progressbar li").eq($("fieldset").index(next_fs)).addClass("active");
+
+  //show the next fieldset
+  next_fs.animate({ opacity: 1 }, {
+    step: function (now, mx) {
+      //as the opacity of current_fs reduces to 0 - stored in "now"
+      //1. scale current_fs down to 80%
+      scale = 0 + (1 + now) * .5;
+      //2. bring next_fs from the right(50%)
+      left = (now * 50) + "%";
+      //3. increase opacity of next_fs to 1 as it moves in
+      opacity = 0 + now;
+      next_fs.css({
+        'transform': 'scale(' + scale + ')',
+      });
+      next_fs.css({ 'opacity': opacity });
+    },
+    duration: 400,
+    complete: function () {
+      next_fs.show();
+      animating = false;
+    },
+    //this comes from the custom easing plugin
+    easing: 'easeInOutBack'
+  });
+  //hide the current fieldset with style
+  current_fs.animate({ opacity: 0 }, {
+    step: function (now, mx) {
+      //as the opacity of current_fs reduces to 0 - stored in "now"
+      //1. scale current_fs down to 80%
+      scale = 1 - (1 - now) * 0.2;
+      //2. bring next_fs from the right(50%)
+      left = (now * 50) + "%";
+      //3. increase opacity of next_fs to 1 as it moves in
+      opacity = 1 - now;
+      current_fs.css({
+        'transform': 'scale(' + scale + ')',
+      });
+      next_fs.css({ 'opacity': opacity });
+    },
+    duration: 400,
+    complete: function () {
+      current_fs.hide();
+      animating = false;
+    },
+    //this comes from the custom easing plugin
+    easing: 'easeInOutBack'
+  });
+});
+

js/yo.js

@@ -0,0 +1,7 @@
+
+$(function () {
+    axios.get('json/index.json').then(({ data }) => {
+        //console.log(JSON.stringify(data));
+        //alert(data['ME'][0]['+好物']);
+    })
+});

json/cindex.json

@@ -0,0 +1,1270 @@
+{
+    "ME": [
+        {
+            "T": "+好物",
+            "TL": "https://shop.hhh.com.tw/",
+            "O": "_blank",
+            "I": "/assets/images/39a7e9b-1.svg",
+            "CO": "text-promote-color",
+            "N": 1
+        },
+        {
+            "T": "估預算",
+            "TL": "/about/calculator/",
+            "O": "_blank",
+            "I": "/assets/images/index/budget-2.svg",
+            "CO": "text-promote-color",
+            "N": 1
+        },
+        {
+            "T": "找風格",
+            "TL": "/photos/index/",
+            "O": "",
+            "I": "/assets/images/section/icon/navbar/witness.svg",
+            "CO": "text-promote-color",
+            "N": 2,
+            "C": [
+                {
+                    "T": "北歐風",
+                    "TL": "/photos/lists/nordic-style/",
+                    "O": ""
+                },
+                {
+                    "T": "現代風",
+                    "TL": "/photos/lists/modern-style/",
+                    "O": ""
+                },
+                {
+                    "T": "工業風",
+                    "TL": "/photos/lists/industry-style/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "挑設計",
+            "TL": "/cases/lists/",
+            "O": "",
+            "I": "/images/svg/idea.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "小坪數",
+                    "TL": "/cases/lists/small-ctype/",
+                    "O": ""
+                },
+                {
+                    "T": "老屋翻新",
+                    "TL": "/cases/lists/renovation-condition/",
+                    "O": ""
+                },
+                {
+                    "T": "風水",
+                    "TL": "/search/lists/case/風水-keyword/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "看影音",
+            "TL": "/videos/lists/",
+            "O": "",
+            "I": "/images/svg/media.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "發燒影音",
+                    "TL": "/videos/lists/",
+                    "O": ""
+                },
+                {
+                    "T": "呼叫師傅",
+                    "TL": "/video-list-5945tw.php",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "設計師",
+            "TL": "/designers/lists/",
+            "O": "",
+            "I": "/images/svg/design_tool.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "設計師總覽",
+                    "TL": "/designers/lists/",
+                    "O": ""
+                },
+                {
+                    "T": "觀眾最愛設計師",
+                    "TL": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php",
+                    "O": "_blank"
+                },
+                {
+                    "T": "Glory國際大賞",
+                    "TL": "https://event.hhh.com.tw/topglory/",
+                    "O": "_blank"
+                },
+                {
+                    "T": "老屋翻新",
+                    "TL": "https://hhh.com.tw/event170427/",
+                    "O": ""
+                },
+                {
+                    "T": "查證照",
+                    "TL": "/decoquery/lists/address/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "專欄文章",
+            "TL": "/columns/lists/",
+            "O": "",
+            "I": "/images/svg/pen.svg",
+            "CO": "",
+            "N": 3,
+            "C": [
+                {
+                    "T": "編輯精選",
+                    "TL": "/columns/lists/editorchoose-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "居家趨勢",
+                            "TL": "/columns/lists/editorchoose-columntypea/hometrends-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "人氣排行",
+                            "TL": "/columns/lists/editorchoose-columntypea/hotrank-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "建築設計",
+                            "TL": "/columns/lists/editorchoose-columntypea/archdesign-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "風格選店",
+                            "TL": "/columns/lists/editorchoose-columntypea/styleselection-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "公益活動",
+                            "TL": "/columns/lists/editorchoose-columntypea/charitable-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "展演資訊",
+                            "TL": "/columns/lists/editorchoose-columntypea/exhibition-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "居家設計",
+                    "TL": "/columns/lists/housedesign-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "小宅規劃",
+                            "TL": "/columns/lists/housedesign-columntypea/smallhouse-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "老屋翻新",
+                            "TL": "/columns/lists/housedesign-columntypea/oldhouse-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "風格營造",
+                            "TL": "/columns/lists/housedesign-columntypea/stylebuild-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "配色佈置",
+                            "TL": "/columns/lists/housedesign-columntypea/color-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "好宅特輯",
+                            "TL": "/columns/lists/housedesign-columntypea/goodhouse-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "設計提案",
+                            "TL": "/columns/lists/housedesign-columntypea/proposal-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "裝修前線",
+                    "TL": "/columns/lists/decoration-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "新聞最前線",
+                            "TL": "/columns/lists/decoration-columntypea/news-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "預算分配",
+                            "TL": "/columns/lists/decoration-columntypea/allocation-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "施工流程",
+                            "TL": "/columns/lists/decoration-columntypea/process-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "建材知識",
+                            "TL": "/columns/lists/decoration-columntypea/knowledge-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "裝潢撇步",
+                            "TL": "/columns/lists/decoration-columntypea/decorating-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "生活PLUS",
+                    "TL": "/columns/lists/plus-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "居家風水",
+                            "TL": "/columns/lists/plus-columntypea/fengshui-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "家事清潔",
+                            "TL": "/columns/lists/plus-columntypea/housekeeping-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "收納技巧",
+                            "TL": "/columns/lists/plus-columntypea/storageskills-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "改造修繕",
+                            "TL": "/columns/lists/plus-columntypea/renovation-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "退休好幸福",
+                            "TL": "/columns/lists/plus-columntypea/retire-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "品牌好物",
+                    "TL": "/columns/lists/gooditem-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "家具家飾",
+                            "TL": "/columns/lists/gooditem-columntypea/furnishings-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "美型家電",
+                            "TL": "/columns/lists/gooditem-columntypea/appliances-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "推薦廚衛",
+                            "TL": "/columns/lists/gooditem-columntypea/recommend-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "居家好物",
+                            "TL": "/columns/lists/gooditem-columntypea/homegoods-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "優質建材",
+                            "TL": "/columns/lists/gooditem-columntypea/quality-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "品牌新訊",
+                            "TL": "/columns/lists/gooditem-columntypea/brandnews-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "房市焦點",
+                    "TL": "/columns/lists/focus-columntypea/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "房市新聞",
+                            "TL": "/columns/lists/focus-columntypea/housingnews-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "建案特搜",
+                            "TL": "/columns/lists/focus-columntypea/specsearch-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "買屋賣屋",
+                            "TL": "/columns/lists/focus-columntypea/buyandsell-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "房貸稅務",
+                            "TL": "/columns/lists/focus-columntypea/mortgage-columntypeb/",
+                            "O": ""
+                        },
+                        {
+                            "T": "租房須知",
+                            "TL": "/columns/lists/focus-columntypea/renting-columntypeb/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "主題企劃",
+                    "TL": "/topic-list.php",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "居家商品",
+            "TL": "/products/lists/",
+            "O": "",
+            "I": "/images/svg/shopping.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "商品總覽",
+                    "TL": "/products/lists/",
+                    "O": ""
+                },
+                {
+                    "T": "傢俱",
+                    "TL": "/products/lists/furniture-pcategorya/",
+                    "O": ""
+                },
+                {
+                    "T": "家電",
+                    "TL": "/products/lists/household-pcategorya/",
+                    "O": ""
+                },
+                {
+                    "T": "廚房",
+                    "TL": "/products/lists/kitchen-pcategorya/",
+                    "O": ""
+                },
+                {
+                    "T": "衛浴",
+                    "TL": "/products/lists/bathroom-pcategorya/",
+                    "O": ""
+                },
+                {
+                    "T": "照明",
+                    "TL": "/products/lists/lighting-pcategorya/",
+                    "O": ""
+                },
+                {
+                    "T": "品牌總覽",
+                    "TL": "/brands/lists/",
+                    "O": ""
+                },
+                {
+                    "T": "軟裝佈置",
+                    "TL": "/brand-index.php?brand_id=194",
+                    "O": "_blank"
+                },
+                {
+                    "T": "消費者愛用品牌",
+                    "TL": "https://event.hhh.com.tw/2021-Top-Brands/index.php",
+                    "O": "_blank"
+                }
+            ]
+        },
+        {
+            "T": "新建案",
+            "TL": "/builder/lists/",
+            "O": "",
+            "I": "/images/svg/house.svg",
+            "CO": "",
+            "N": 1
+        }
+    ],
+    "A": [],
+    "V": {
+        "T": "不是寵物是家人 毛小孩專屬智能宅",
+        "Y": "IIV2ZvIojc4",
+        "N": "最新影音"
+    },
+    "BB": [
+        [
+            {
+                "K": "15660",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15660_1604643425.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_15660_1604643433.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_15660_1604643440.webp",
+                "WEBPP": "",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=28"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16057",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1630900739.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1630900756.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1630900761.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1630900765.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://hhh.com.tw/columns/detail/4025/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16093",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944183.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944189.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944195.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944200.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://v.hhh.com.tw/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16082",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804906.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804898.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804918.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804929.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://hhh.com.tw/topic/detail/402/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16128",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16128_1630562112.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16128_1630562137.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16128_1630562149.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16128_1630562159.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "brand",
+                "CL": [
+                    "https://event.hhh.com.tw/2021-Top-Brands/page.php?id=182"
+                ]
+            },
+            {
+                "K": "16129",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16129_1630561909.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16129_1630561935.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16129_1630562025.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16129_1630562033.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "glory",
+                "CL": [
+                    "https://event.hhh.com.tw/topglory/designer_507.html"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16126",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16126_1630561961.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16126_1630561975.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16126_1630561984.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16126_1630561992.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "glory",
+                "CL": [
+                    "https://event.hhh.com.tw/topglory/designer_31.html"
+                ]
+            },
+            {
+                "K": "16127",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16127_1630561948.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16127_1630561953.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16127_1630561998.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16127_1630562005.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "renovation",
+                "CL": [
+                    "https://hhh.com.tw/designers/cases/19/1-page/new-sort/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16130",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16130_1630561885.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16130_1630561891.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16130_1630562046.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16130_1630562074.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "designer",
+                "CL": [
+                    "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=474"
+                ]
+            },
+            {
+                "K": "16131",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16131_1630561854.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16131_1630561867.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16131_1630562087.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16131_1630562096.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "designer",
+                "CL": [
+                    "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=291"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16099",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623458.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623476.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623482.webp",
+                "WEBPP": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623493.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://hhh.com.tw/deco/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15781",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15781_1601366572.jpg",
+                "PP": "https://images.hhh.com.tw/uploads/_had/adlogo_15781_1601366572.jpg",
+                "WEBP": "https://images.hhh.com.tw/uploads/_had/adlogo_15781_1603934935.webp",
+                "WEBPP": "",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https://hhh.com.tw/softouch"
+                ]
+            }
+        ]
+    ],
+    "HB": [
+        [
+            {
+                "K": "15664",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15664_1619582509.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15664_1619582529.webp",
+                "CT": "",
+                "ST": "境庭國際設計",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=23"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15672",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15672_1605260690.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15672_1605260741.webp",
+                "CT": "",
+                "ST": "張馨&瀚觀室內設計",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=28"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15662",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1607045611.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1607045683.webp",
+                "CT": "",
+                "ST": "恆岳空間設計",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=447"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15673",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603096869.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603855335.webp",
+                "CT": "",
+                "ST": "富億空間設計",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=31"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16076",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16076_1625209580.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16076_1625209659.webp",
+                "CT": "",
+                "ST": "澤序",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designers/cases/586/1-page/new-sort/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15666",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1627961071.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_15666_1627961102.webp",
+                "CT": "",
+                "ST": "理揚室內設計",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designer-index.php?designer_id=32"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16002",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16002_1617866862.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16002_1617866884.webp",
+                "CT": "",
+                "ST": "太平洋廚電",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/brand-index.php?brand_id=202"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16051",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16051_1623138372.png",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16051_1623141203.png",
+                "CT": "",
+                "ST": "比沙列",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designers/cases/33/1-page/new-sort/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16108",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16108_1628669721.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16108_1628669746.webp",
+                "CT": "",
+                "ST": "羽筑",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designers/cases/452/1-page/new-sort/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16115",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356225.png",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
+                "CT": "",
+                "ST": "木博士",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16107",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16107_1628644143.jpg",
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16107_1628644163.webp",
+                "CT": "",
+                "ST": "第一次裝修就上手",
+                "LG": null,
+                "CL": [
+                    "https://hhh.com.tw/deco/"
+                ]
+            }
+        ]
+    ],
+    "B": [
+        [
+            {
+                "K": "15356",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg",
+                "CT": "2021觀眾最愛",
+                "CL": "https://event.hhh.com.tw/2021-Most-Favorite-Designers?utm_source=INDEX_BANNER&adid=15356",
+                "T": 3
+            }
+        ],
+        [
+            {
+                "K": "15927",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg",
+                "CT": "8月主題企劃",
+                "CL": "https://hhh.com.tw/topic/detail/402/",
+                "T": 4
+            }
+        ],
+        [
+            {
+                "K": "16106",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_16106_1628489482.jpg",
+                "CT": "自媒體",
+                "CL": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809",
+                "T": 5
+            }
+        ],
+        [
+            {
+                "K": "15984",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15984_1627623575.jpg",
+                "CT": "樂居網",
+                "CL": "https://hhh.com.tw/deco/",
+                "T": 6
+            }
+        ],
+        [
+            {
+                "K": "15782",
+                "P": "https://images.hhh.com.tw/uploads/_had/adlogo_15782_1601366873.jpg",
+                "CT": "軟裝頁面",
+                "CL": "https://hhh.com.tw/softouch",
+                "T": 7
+            }
+        ]
+    ],
+    "L": [
+        [
+            {
+                "T": "8月主題企劃",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/topic/detail/402/",
+                "S": "1",
+                "C": [
+                    [
+                        {
+                            "K": "13320",
+                            "P": "https://images.hhh.com.tw/uploads/_hcase_orig/designer546_81_07.jpg",
+                            "CT": "Wonderland｜北歐風",
+                            "CL": "/case-post.php?id=13320",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12997",
+                            "P": "https://images.hhh.com.tw/uploads/_hcase_orig/designer737_03_01.jpg",
+                            "CT": "北歐風│小圓滿",
+                            "CL": "/case-post.php?id=12997",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12422",
+                            "P": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12422_20200601145042.jpg",
+                            "CT": "15坪美式小豪宅 靜享一人舒心療癒好時光",
+                            "CL": "/case-post.php?id=12422",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5926",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index02_241.jpg",
+                            "CT": "小坪數裝修全攻略！幫你把規劃技能點好點滿",
+                            "CL": "/column-post.php?id=5926",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5763",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5763_20210528143431.jpg",
+                            "CT": "別讓小宅變成倉庫番！8種拯救美感的收納設計",
+                            "CL": "/column-post.php?id=5763",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5650",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index01_312.jpg",
+                            "CT": "破解小宅格局限制！激升坪效秘技大公開",
+                            "CL": "/column-post.php?id=5650",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ],
+        [
+            {
+                "T": "最夯設計",
+                "M": "更多  more",
+                "ML": "https://hhh.com.tw/cases/lists/",
+                "S": "2",
+                "C": [
+                    [
+                        {
+                            "K": "13690",
+                            "P": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13690_20210908182925.jpg",
+                            "CT": "境式混搭打造優雅大器宅，一家三口的幸福歸屬",
+                            "CL": "/case-post.php?id=13690",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13689",
+                            "P": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13689_20210908180637.jpg",
+                            "CT": "美麗山林黃宅｜美式風｜50坪",
+                            "CL": "/case-post.php?id=13689",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13688",
+                            "P": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13688_20210908174838.jpg",
+                            "CT": "MR. YUE｜現代工業風｜95坪",
+                            "CL": "/case-post.php?id=13688",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "編輯精選",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/column.php",
+                "S": "3",
+                "C": [
+                    [
+                        {
+                            "K": "5319",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5319_20210120151145.jpg",
+                            "CT": "是電視也是藝術品！360度都美的「高顏值」迅速升級居家格調",
+                            "CL": "/column-post.php?id=5319",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5498",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index05_234.jpg",
+                            "CT": "3大設計提案 放大衛浴小空間",
+                            "CL": "/column-post.php?id=5498",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5485",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index05_231.jpg",
+                            "CT": "未來辦公室趨勢 智能人因照明讓工作環境更友善",
+                            "CL": "/column-post.php?id=5485",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "專欄文章",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/columns/lists/",
+                "S": "4",
+                "C": [
+                    [
+                        {
+                            "K": "6052",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_465_01.jpg",
+                            "CT": "【風水特輯】中秋節開運、旺桃花！全方位風水秘招大公開",
+                            "CL": "/column-post.php?id=6052",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "6051",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point06_294_01.jpg",
+                            "CT": "買房少看一項資訊，事後反悔也沒用！",
+                            "CL": "/column-post.php?id=6051",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "6050",
+                            "P": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_464.jpg",
+                            "CT": "家中雜物太多惹過敏上身？空氣清淨機選購攻略",
+                            "CL": "/column-post.php?id=6050",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "影音實錄",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/video-list.php",
+                "S": "5",
+                "C": [
+                    [
+                        {
+                            "K": "4172",
+                            "P": "//img.youtube.com/vi/DTzIsK3raYY/hqdefault.jpg",
+                            "CT": "空間診療室 收納篇(下)｜遠雄新未來3 X 恆星設計",
+                            "CL": "/video-post.php?id=4172",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4171",
+                            "P": "//img.youtube.com/vi/X0IDt3PxmQ4/hqdefault.jpg",
+                            "CT": "是電視也是藝術 一機兩用的質感生活｜三星電視Lifestyle the frameX恆星設計",
+                            "CL": "/video-post.php?id=4171",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4170",
+                            "P": "//img.youtube.com/vi/xh9I6OPPGYU/hqdefault.jpg",
+                            "CT": "空間診療室 收納篇(上)｜遠雄新未來3 X 恆星設計",
+                            "CL": "/video-post.php?id=4170",
+                            "AD": false,
+                            "V": true
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "來選好貨",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/products/lists",
+                "S": "6",
+                "C": [
+                    [
+                        {
+                            "K": "2384",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2384_20210803162337.png",
+                            "CT": "Sunline 特殊型塑鋁百葉窗",
+                            "CL": "/product-post.php?id=2384",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2383",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2383_20210816182839.png",
+                            "CT": "Sunline 折疊門",
+                            "CL": "/product-post.php?id=2383",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2382",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2382_20210803161842.png",
+                            "CT": "Sunline 推拉門",
+                            "CL": "/product-post.php?id=2382",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2381",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2381_20210527160349.png",
+                            "CT": "MIT鐵桌腳",
+                            "CL": "/product-post.php?id=2381",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2380",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2380_20210527160130.png",
+                            "CT": "實木長凳",
+                            "CL": "/product-post.php?id=2380",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2379",
+                            "P": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2379_20210527155756.png",
+                            "CT": "實木小家具",
+                            "CL": "/product-post.php?id=2379",
+                            "AD": false,
+                            "v": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ],
+        [
+            {
+                "T": "本週推薦",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/designers/lists/",
+                "S": "7",
+                "C": [
+                    [
+                        {
+                            "K": "13638",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13638_20210831175610.jpg",
+                            "CT": "走進芭比的家 粉紅泡泡歐式城堡｜鄉村風",
+                            "CL": "/case-post.php?id=13638",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13473",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13473_20210715143733.jpg",
+                            "CT": "低奢語彙織就綠意繚繞的雍雅城居",
+                            "CL": "/case-post.php?id=13473",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13560",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13560_20210806181213.jpg",
+                            "CT": "貼心量身訂製　退休樂活景觀宅",
+                            "CL": "/case-post.php?id=13560",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13388",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13388_20210621161017.jpg",
+                            "CT": "指定時尚酒吧 年輕家庭的科技宅（上）",
+                            "CL": "/case-post.php?id=13388",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13359",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13359_20210610161617.jpg",
+                            "CT": "復古繾綣秋意瀰漫 微醺自在舒心居",
+                            "CL": "/case-post.php?id=13359",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4167",
+                            "P": "//img.youtube.com/vi/VCfFivT5FJQ/hqdefault.jpg",
+                            "CT": "量身訂製 打造輕奢渡假宅",
+                            "CL": "/video-post.php?id=4167",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4168",
+                            "P": "//img.youtube.com/vi/rtyeyx6ohjI/hqdefault.jpg",
+                            "CT": "全方位打造精品宅 藏風聚氣悠然退休宅",
+                            "CL": "/video-post.php?id=4168",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4171",
+                            "P": "//img.youtube.com/vi/X0IDt3PxmQ4/hqdefault.jpg",
+                            "CT": "是電視也是藝術 一機兩用的質感生活｜三星電視Lifestyle the frameX恆星設計",
+                            "CL": "/video-post.php?id=4171",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4173",
+                            "P": "//img.youtube.com/vi/IIV2ZvIojc4/hqdefault.jpg",
+                            "CT": "不是寵物是家人 毛小孩專屬智能宅",
+                            "CL": "/video-post.php?id=4173",
+                            "AD": false,
+                            "V": true
+                        }
+                    ]
+                ],
+                "MAX": "9"
+            }
+        ],
+        [
+            {
+                "T": "粉絲推薦",
+                "M": "更多 more",
+                "ML": "https://hhh.com.tw/cases/lists/",
+                "S": "8",
+                "C": [
+                    [
+                        {
+                            "K": "13256",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13256_20210512143633.jpg",
+                            "CT": "為妳寫下時尚風采！新時代女性的精緻住宅│奢華風│小坪數│1房、2廳、1衛",
+                            "CL": "/case-post.php?id=13256",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12758",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12758_20201030195622.jpg",
+                            "CT": "老屋換新顏 圍塑淨白現代退休美宅",
+                            "CL": "/case-post.php?id=12758",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13628",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13628_20210827175405.jpg",
+                            "CT": "系統櫃玩風格 美式休閒退休宅",
+                            "CL": "/case-post.php?id=13628",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13468",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13468_20210714134333.jpg",
+                            "CT": "擁抱山景 舊屋變身優雅美式風情",
+                            "CL": "/case-post.php?id=13468",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13632",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13632_20210830160046.jpg",
+                            "CT": "無疆界色彩｜北歐風｜25坪｜3房、2廳、2衛",
+                            "CL": "/case-post.php?id=13632",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13627",
+                            "P": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13627_20210827151111.jpg",
+                            "CT": "迴旋夢幻華爾滋｜美式新古典｜110坪",
+                            "CL": "/case-post.php?id=13627",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ]
+    ],
+    "W": [
+        []
+    ],
+    "F": [
+        []
+    ]
+}

json/index.json

@@ -0,0 +1,1270 @@
+{
+    "ME": [
+        {
+            "T": "+\u597d\u7269",
+            "TL": "https:\/\/shop.hhh.com.tw\/",
+            "O": "_blank",
+            "I": "\/assets\/images\/39a7e9b-1.svg",
+            "CO": "text-promote-color",
+            "N": 1
+        },
+        {
+            "T": "\u4f30\u9810\u7b97",
+            "TL": "\/about\/calculator\/",
+            "O": "_blank",
+            "I": "\/assets\/images\/index\/budget-2.svg",
+            "CO": "text-promote-color",
+            "N": 1
+        },
+        {
+            "T": "\u627e\u98a8\u683c",
+            "TL": "\/photos\/index\/",
+            "O": "",
+            "I": "\/assets\/images\/section\/icon\/navbar\/witness.svg",
+            "CO": "text-promote-color",
+            "N": 2,
+            "C": [
+                {
+                    "T": "\u5317\u6b50\u98a8",
+                    "TL": "\/photos\/lists\/nordic-style\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u73fe\u4ee3\u98a8",
+                    "TL": "\/photos\/lists\/modern-style\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u5de5\u696d\u98a8",
+                    "TL": "\/photos\/lists\/industry-style\/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "\u6311\u8a2d\u8a08",
+            "TL": "\/cases\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/idea.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "\u5c0f\u576a\u6578",
+                    "TL": "\/cases\/lists\/small-ctype\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u8001\u5c4b\u7ffb\u65b0",
+                    "TL": "\/cases\/lists\/renovation-condition\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u98a8\u6c34",
+                    "TL": "\/search\/lists\/case\/\u98a8\u6c34-keyword\/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "\u770b\u5f71\u97f3",
+            "TL": "\/videos\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/media.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "\u767c\u71d2\u5f71\u97f3",
+                    "TL": "\/videos\/lists\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u547c\u53eb\u5e2b\u5085",
+                    "TL": "\/video-list-5945tw.php",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "\u8a2d\u8a08\u5e2b",
+            "TL": "\/designers\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/design_tool.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "\u8a2d\u8a08\u5e2b\u7e3d\u89bd",
+                    "TL": "\/designers\/lists\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u89c0\u773e\u6700\u611b\u8a2d\u8a08\u5e2b",
+                    "TL": "https:\/\/event.hhh.com.tw\/2021-Most-Favorite-Designers\/index.php",
+                    "O": "_blank"
+                },
+                {
+                    "T": "Glory\u570b\u969b\u5927\u8cde",
+                    "TL": "https:\/\/event.hhh.com.tw\/topglory\/",
+                    "O": "_blank"
+                },
+                {
+                    "T": "\u8001\u5c4b\u7ffb\u65b0",
+                    "TL": "https:\/\/hhh.com.tw\/event170427\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u67e5\u8b49\u7167",
+                    "TL": "\/decoquery\/lists\/address\/",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "\u5c08\u6b04\u6587\u7ae0",
+            "TL": "\/columns\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/pen.svg",
+            "CO": "",
+            "N": 3,
+            "C": [
+                {
+                    "T": "\u7de8\u8f2f\u7cbe\u9078",
+                    "TL": "\/columns\/lists\/editorchoose-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u5c45\u5bb6\u8da8\u52e2",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/hometrends-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u4eba\u6c23\u6392\u884c",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/hotrank-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5efa\u7bc9\u8a2d\u8a08",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/archdesign-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u98a8\u683c\u9078\u5e97",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/styleselection-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u516c\u76ca\u6d3b\u52d5",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/charitable-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5c55\u6f14\u8cc7\u8a0a",
+                            "TL": "\/columns\/lists\/editorchoose-columntypea\/exhibition-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u5c45\u5bb6\u8a2d\u8a08",
+                    "TL": "\/columns\/lists\/housedesign-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u5c0f\u5b85\u898f\u5283",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/smallhouse-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u8001\u5c4b\u7ffb\u65b0",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/oldhouse-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u98a8\u683c\u71df\u9020",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/stylebuild-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u914d\u8272\u4f48\u7f6e",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/color-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u597d\u5b85\u7279\u8f2f",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/goodhouse-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u8a2d\u8a08\u63d0\u6848",
+                            "TL": "\/columns\/lists\/housedesign-columntypea\/proposal-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u88dd\u4fee\u524d\u7dda",
+                    "TL": "\/columns\/lists\/decoration-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u65b0\u805e\u6700\u524d\u7dda",
+                            "TL": "\/columns\/lists\/decoration-columntypea\/news-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u9810\u7b97\u5206\u914d",
+                            "TL": "\/columns\/lists\/decoration-columntypea\/allocation-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u65bd\u5de5\u6d41\u7a0b",
+                            "TL": "\/columns\/lists\/decoration-columntypea\/process-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5efa\u6750\u77e5\u8b58",
+                            "TL": "\/columns\/lists\/decoration-columntypea\/knowledge-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u88dd\u6f62\u6487\u6b65",
+                            "TL": "\/columns\/lists\/decoration-columntypea\/decorating-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u751f\u6d3bPLUS",
+                    "TL": "\/columns\/lists\/plus-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u5c45\u5bb6\u98a8\u6c34",
+                            "TL": "\/columns\/lists\/plus-columntypea\/fengshui-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5bb6\u4e8b\u6e05\u6f54",
+                            "TL": "\/columns\/lists\/plus-columntypea\/housekeeping-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u6536\u7d0d\u6280\u5de7",
+                            "TL": "\/columns\/lists\/plus-columntypea\/storageskills-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u6539\u9020\u4fee\u7e55",
+                            "TL": "\/columns\/lists\/plus-columntypea\/renovation-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u9000\u4f11\u597d\u5e78\u798f",
+                            "TL": "\/columns\/lists\/plus-columntypea\/retire-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u54c1\u724c\u597d\u7269",
+                    "TL": "\/columns\/lists\/gooditem-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u5bb6\u5177\u5bb6\u98fe",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/furnishings-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u7f8e\u578b\u5bb6\u96fb",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/appliances-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u63a8\u85a6\u5eda\u885b",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/recommend-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5c45\u5bb6\u597d\u7269",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/homegoods-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u512a\u8cea\u5efa\u6750",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/quality-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u54c1\u724c\u65b0\u8a0a",
+                            "TL": "\/columns\/lists\/gooditem-columntypea\/brandnews-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u623f\u5e02\u7126\u9ede",
+                    "TL": "\/columns\/lists\/focus-columntypea\/",
+                    "O": "",
+                    "S": [
+                        {
+                            "T": "\u623f\u5e02\u65b0\u805e",
+                            "TL": "\/columns\/lists\/focus-columntypea\/housingnews-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u5efa\u6848\u7279\u641c",
+                            "TL": "\/columns\/lists\/focus-columntypea\/specsearch-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u8cb7\u5c4b\u8ce3\u5c4b",
+                            "TL": "\/columns\/lists\/focus-columntypea\/buyandsell-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u623f\u8cb8\u7a05\u52d9",
+                            "TL": "\/columns\/lists\/focus-columntypea\/mortgage-columntypeb\/",
+                            "O": ""
+                        },
+                        {
+                            "T": "\u79df\u623f\u9808\u77e5",
+                            "TL": "\/columns\/lists\/focus-columntypea\/renting-columntypeb\/",
+                            "O": ""
+                        }
+                    ]
+                },
+                {
+                    "T": "\u4e3b\u984c\u4f01\u5283",
+                    "TL": "\/topic-list.php",
+                    "O": ""
+                }
+            ]
+        },
+        {
+            "T": "\u5c45\u5bb6\u5546\u54c1",
+            "TL": "\/products\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/shopping.svg",
+            "CO": "",
+            "N": 2,
+            "C": [
+                {
+                    "T": "\u5546\u54c1\u7e3d\u89bd",
+                    "TL": "\/products\/lists\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u50a2\u4ff1",
+                    "TL": "\/products\/lists\/furniture-pcategorya\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u5bb6\u96fb",
+                    "TL": "\/products\/lists\/household-pcategorya\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u5eda\u623f",
+                    "TL": "\/products\/lists\/kitchen-pcategorya\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u885b\u6d74",
+                    "TL": "\/products\/lists\/bathroom-pcategorya\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u7167\u660e",
+                    "TL": "\/products\/lists\/lighting-pcategorya\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u54c1\u724c\u7e3d\u89bd",
+                    "TL": "\/brands\/lists\/",
+                    "O": ""
+                },
+                {
+                    "T": "\u8edf\u88dd\u4f48\u7f6e",
+                    "TL": "\/brand-index.php?brand_id=194",
+                    "O": "_blank"
+                },
+                {
+                    "T": "\u6d88\u8cbb\u8005\u611b\u7528\u54c1\u724c",
+                    "TL": "https:\/\/event.hhh.com.tw\/2021-Top-Brands\/index.php",
+                    "O": "_blank"
+                }
+            ]
+        },
+        {
+            "T": "\u65b0\u5efa\u6848",
+            "TL": "\/builder\/lists\/",
+            "O": "",
+            "I": "\/images\/svg\/house.svg",
+            "CO": "",
+            "N": 1
+        }
+    ],
+    "A": [],
+    "V": {
+        "T": "\u4e0d\u662f\u5bf5\u7269\u662f\u5bb6\u4eba \u6bdb\u5c0f\u5b69\u5c08\u5c6c\u667a\u80fd\u5b85",
+        "Y": "IIV2ZvIojc4",
+        "N": "\u6700\u65b0\u5f71\u97f3"
+    },
+    "BB": [
+        [
+            {
+                "K": "15660",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15660_1604643425.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15660_1604643433.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15660_1604643440.webp",
+                "WEBPP": "",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=28"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16057",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16057_1630900739.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16057_1630900756.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16057_1630900761.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16057_1630900765.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/columns\/detail\/4025\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16093",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16093_1629944183.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16093_1629944189.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16093_1629944195.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16093_1629944200.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/v.hhh.com.tw\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16082",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16082_1627804906.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16082_1627804898.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16082_1627804918.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16082_1627804929.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/topic\/detail\/402\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16128",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16128_1630562112.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16128_1630562137.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16128_1630562149.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16128_1630562159.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "brand",
+                "CL": [
+                    "https:\/\/event.hhh.com.tw\/2021-Top-Brands\/page.php?id=182"
+                ]
+            },
+            {
+                "K": "16129",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16129_1630561909.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16129_1630561935.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16129_1630562025.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16129_1630562033.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "glory",
+                "CL": [
+                    "https:\/\/event.hhh.com.tw\/topglory\/designer_507.html"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16126",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16126_1630561961.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16126_1630561975.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16126_1630561984.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16126_1630561992.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "glory",
+                "CL": [
+                    "https:\/\/event.hhh.com.tw\/topglory\/designer_31.html"
+                ]
+            },
+            {
+                "K": "16127",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16127_1630561948.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16127_1630561953.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16127_1630561998.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16127_1630562005.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "renovation",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designers\/cases\/19\/1-page\/new-sort\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16130",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16130_1630561885.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16130_1630561891.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16130_1630562046.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16130_1630562074.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "designer",
+                "CL": [
+                    "https:\/\/event.hhh.com.tw\/2021-Most-Favorite-Designers\/case.php?id=474"
+                ]
+            },
+            {
+                "K": "16131",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16131_1630561854.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16131_1630561867.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16131_1630562087.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16131_1630562096.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "designer",
+                "CL": [
+                    "https:\/\/event.hhh.com.tw\/2021-Most-Favorite-Designers\/case.php?id=291"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16099",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16099_1627623458.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16099_1627623476.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16099_1627623482.webp",
+                "WEBPP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16099_1627623493.webp",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/deco\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15781",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15781_1601366572.jpg",
+                "PP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15781_1601366572.jpg",
+                "WEBP": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15781_1603934935.webp",
+                "WEBPP": "",
+                "CT": "",
+                "ST": "",
+                "LG": "",
+                "CL": [
+                    "https:\/\/hhh.com.tw\/softouch"
+                ]
+            }
+        ]
+    ],
+    "HB": [
+        [
+            {
+                "K": "15664",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15664_1619582509.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15664_1619582529.webp",
+                "CT": "",
+                "ST": "\u5883\u5ead\u570b\u969b\u8a2d\u8a08",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=23"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15672",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15672_1605260690.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15672_1605260741.webp",
+                "CT": "",
+                "ST": "\u5f35\u99a8&\u701a\u89c0\u5ba4\u5167\u8a2d\u8a08",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=28"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15662",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15662_1607045611.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15662_1607045683.webp",
+                "CT": "",
+                "ST": "\u6046\u5cb3\u7a7a\u9593\u8a2d\u8a08",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=447"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15673",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15673_1603096869.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15673_1603855335.webp",
+                "CT": "",
+                "ST": "\u5bcc\u5104\u7a7a\u9593\u8a2d\u8a08",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=31"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16076",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16076_1625209580.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16076_1625209659.webp",
+                "CT": "",
+                "ST": "\u6fa4\u5e8f",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designers\/cases\/586\/1-page\/new-sort\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "15666",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15666_1627961071.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15666_1627961102.webp",
+                "CT": "",
+                "ST": "\u7406\u63da\u5ba4\u5167\u8a2d\u8a08",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designer-index.php?designer_id=32"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16002",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16002_1617866862.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16002_1617866884.webp",
+                "CT": "",
+                "ST": "\u592a\u5e73\u6d0b\u5eda\u96fb",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/brand-index.php?brand_id=202"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16051",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16051_1623138372.png",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16051_1623141203.png",
+                "CT": "",
+                "ST": "\u6bd4\u6c99\u5217",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designers\/cases\/33\/1-page\/new-sort\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16108",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16108_1628669721.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16108_1628669746.webp",
+                "CT": "",
+                "ST": "\u7fbd\u7b51",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designers\/cases\/452\/1-page\/new-sort\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16115",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16115_1629356225.png",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16115_1629356240.webp",
+                "CT": "",
+                "ST": "\u6728\u535a\u58eb",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/designers\/cases\/438\/1-page\/new-sort\/"
+                ]
+            }
+        ],
+        [
+            {
+                "K": "16107",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16107_1628644143.jpg",
+                "webp": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16107_1628644163.webp",
+                "CT": "",
+                "ST": "\u7b2c\u4e00\u6b21\u88dd\u4fee\u5c31\u4e0a\u624b",
+                "LG": null,
+                "CL": [
+                    "https:\/\/hhh.com.tw\/deco\/"
+                ]
+            }
+        ]
+    ],
+    "B": [
+        [
+            {
+                "K": "15356",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15356_1588832058.jpg",
+                "CT": "2021\u89c0\u773e\u6700\u611b",
+                "CL": "https:\/\/event.hhh.com.tw\/2021-Most-Favorite-Designers?utm_source=INDEX_BANNER&adid=15356",
+                "T": 3
+            }
+        ],
+        [
+            {
+                "K": "15927",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15927_1627805018.jpg",
+                "CT": "8\u6708\u4e3b\u984c\u4f01\u5283",
+                "CL": "https:\/\/hhh.com.tw\/topic\/detail\/402\/",
+                "T": 4
+            }
+        ],
+        [
+            {
+                "K": "16106",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_16106_1628489482.jpg",
+                "CT": "\u81ea\u5a92\u9ad4",
+                "CL": "https:\/\/c.hhh.com.tw\/?utm_source=homepage&utm_medium=banner&utm_campaign=0809",
+                "T": 5
+            }
+        ],
+        [
+            {
+                "K": "15984",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15984_1627623575.jpg",
+                "CT": "\u6a02\u5c45\u7db2",
+                "CL": "https:\/\/hhh.com.tw\/deco\/",
+                "T": 6
+            }
+        ],
+        [
+            {
+                "K": "15782",
+                "P": "https:\/\/images.hhh.com.tw\/uploads\/_had\/adlogo_15782_1601366873.jpg",
+                "CT": "\u8edf\u88dd\u9801\u9762",
+                "CL": "https:\/\/hhh.com.tw\/softouch",
+                "T": 7
+            }
+        ]
+    ],
+    "L": [
+        [
+            {
+                "T": "8\u6708\u4e3b\u984c\u4f01\u5283",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/topic\/detail\/402\/",
+                "S": "1",
+                "C": [
+                    [
+                        {
+                            "K": "13320",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcase_orig\/designer546_81_07.jpg",
+                            "CT": "Wonderland\uff5c\u5317\u6b50\u98a8",
+                            "CL": "\/case-post.php?id=13320",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12997",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcase_orig\/designer737_03_01.jpg",
+                            "CT": "\u5317\u6b50\u98a8\u2502\u5c0f\u5713\u6eff",
+                            "CL": "\/case-post.php?id=12997",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12422",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcase_orig\/name_12422_20200601145042.jpg",
+                            "CT": "15\u576a\u7f8e\u5f0f\u5c0f\u8c6a\u5b85 \u975c\u4eab\u4e00\u4eba\u8212\u5fc3\u7642\u7652\u597d\u6642\u5149",
+                            "CL": "\/case-post.php?id=12422",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5926",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point-index02_241.jpg",
+                            "CT": "\u5c0f\u576a\u6578\u88dd\u4fee\u5168\u653b\u7565\uff01\u5e6b\u4f60\u628a\u898f\u5283\u6280\u80fd\u9ede\u597d\u9ede\u6eff",
+                            "CL": "\/column-post.php?id=5926",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5763",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcolumn\/clogo_5763_20210528143431.jpg",
+                            "CT": "\u5225\u8b93\u5c0f\u5b85\u8b8a\u6210\u5009\u5eab\u756a\uff018\u7a2e\u62ef\u6551\u7f8e\u611f\u7684\u6536\u7d0d\u8a2d\u8a08",
+                            "CL": "\/column-post.php?id=5763",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5650",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point-index01_312.jpg",
+                            "CT": "\u7834\u89e3\u5c0f\u5b85\u683c\u5c40\u9650\u5236\uff01\u6fc0\u5347\u576a\u6548\u79d8\u6280\u5927\u516c\u958b",
+                            "CL": "\/column-post.php?id=5650",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ],
+        [
+            {
+                "T": "\u6700\u592f\u8a2d\u8a08",
+                "M": "\u66f4\u591a  more",
+                "ML": "https:\/\/hhh.com.tw\/cases\/lists\/",
+                "S": "2",
+                "C": [
+                    [
+                        {
+                            "K": "13690",
+                            "P": "https:\/\/m.hhh.com.tw\/upload\/_hcase_img_orig\/name_13690_20210908182925.jpg",
+                            "CT": "\u5883\u5f0f\u6df7\u642d\u6253\u9020\u512a\u96c5\u5927\u5668\u5b85\uff0c\u4e00\u5bb6\u4e09\u53e3\u7684\u5e78\u798f\u6b78\u5c6c",
+                            "CL": "\/case-post.php?id=13690",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13689",
+                            "P": "https:\/\/m.hhh.com.tw\/upload\/_hcase_img_orig\/name_13689_20210908180637.jpg",
+                            "CT": "\u7f8e\u9e97\u5c71\u6797\u9ec3\u5b85\uff5c\u7f8e\u5f0f\u98a8\uff5c50\u576a",
+                            "CL": "\/case-post.php?id=13689",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13688",
+                            "P": "https:\/\/m.hhh.com.tw\/upload\/_hcase_img_orig\/name_13688_20210908174838.jpg",
+                            "CT": "MR. YUE\uff5c\u73fe\u4ee3\u5de5\u696d\u98a8\uff5c95\u576a",
+                            "CL": "\/case-post.php?id=13688",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "\u7de8\u8f2f\u7cbe\u9078",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/column.php",
+                "S": "3",
+                "C": [
+                    [
+                        {
+                            "K": "5319",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcolumn\/clogo_5319_20210120151145.jpg",
+                            "CT": "\u662f\u96fb\u8996\u4e5f\u662f\u85dd\u8853\u54c1\uff01360\u5ea6\u90fd\u7f8e\u7684\u300c\u9ad8\u984f\u503c\u300d\u8fc5\u901f\u5347\u7d1a\u5c45\u5bb6\u683c\u8abf",
+                            "CL": "\/column-post.php?id=5319",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5498",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point-index05_234.jpg",
+                            "CT": "3\u5927\u8a2d\u8a08\u63d0\u6848 \u653e\u5927\u885b\u6d74\u5c0f\u7a7a\u9593",
+                            "CL": "\/column-post.php?id=5498",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "5485",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point-index05_231.jpg",
+                            "CT": "\u672a\u4f86\u8fa6\u516c\u5ba4\u8da8\u52e2 \u667a\u80fd\u4eba\u56e0\u7167\u660e\u8b93\u5de5\u4f5c\u74b0\u5883\u66f4\u53cb\u5584",
+                            "CL": "\/column-post.php?id=5485",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "\u5c08\u6b04\u6587\u7ae0",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/columns\/lists\/",
+                "S": "4",
+                "C": [
+                    [
+                        {
+                            "K": "6052",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point04_465_01.jpg",
+                            "CT": "\u3010\u98a8\u6c34\u7279\u8f2f\u3011\u4e2d\u79cb\u7bc0\u958b\u904b\u3001\u65fa\u6843\u82b1\uff01\u5168\u65b9\u4f4d\u98a8\u6c34\u79d8\u62db\u5927\u516c\u958b",
+                            "CL": "\/column-post.php?id=6052",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "6051",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point06_294_01.jpg",
+                            "CT": "\u8cb7\u623f\u5c11\u770b\u4e00\u9805\u8cc7\u8a0a\uff0c\u4e8b\u5f8c\u53cd\u6094\u4e5f\u6c92\u7528\uff01",
+                            "CL": "\/column-post.php?id=6051",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "6050",
+                            "P": "https:\/\/images.hhh.com.tw\/uploads\/_hcolumn_orig\/point-index04_464.jpg",
+                            "CT": "\u5bb6\u4e2d\u96dc\u7269\u592a\u591a\u60f9\u904e\u654f\u4e0a\u8eab\uff1f\u7a7a\u6c23\u6e05\u6de8\u6a5f\u9078\u8cfc\u653b\u7565",
+                            "CL": "\/column-post.php?id=6050",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "\u5f71\u97f3\u5be6\u9304",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/video-list.php",
+                "S": "5",
+                "C": [
+                    [
+                        {
+                            "K": "4172",
+                            "P": "\/\/img.youtube.com\/vi\/DTzIsK3raYY\/hqdefault.jpg",
+                            "CT": "\u7a7a\u9593\u8a3a\u7642\u5ba4 \u6536\u7d0d\u7bc7(\u4e0b)\uff5c\u9060\u96c4\u65b0\u672a\u4f863 X \u6046\u661f\u8a2d\u8a08",
+                            "CL": "\/video-post.php?id=4172",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4171",
+                            "P": "\/\/img.youtube.com\/vi\/X0IDt3PxmQ4\/hqdefault.jpg",
+                            "CT": "\u662f\u96fb\u8996\u4e5f\u662f\u85dd\u8853 \u4e00\u6a5f\u5169\u7528\u7684\u8cea\u611f\u751f\u6d3b\uff5c\u4e09\u661f\u96fb\u8996Lifestyle the frameX\u6046\u661f\u8a2d\u8a08",
+                            "CL": "\/video-post.php?id=4171",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4170",
+                            "P": "\/\/img.youtube.com\/vi\/xh9I6OPPGYU\/hqdefault.jpg",
+                            "CT": "\u7a7a\u9593\u8a3a\u7642\u5ba4 \u6536\u7d0d\u7bc7(\u4e0a)\uff5c\u9060\u96c4\u65b0\u672a\u4f863 X \u6046\u661f\u8a2d\u8a08",
+                            "CL": "\/video-post.php?id=4170",
+                            "AD": false,
+                            "V": true
+                        }
+                    ]
+                ],
+                "MAX": "3"
+            }
+        ],
+        [
+            {
+                "T": "\u4f86\u9078\u597d\u8ca8",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/products\/lists",
+                "S": "6",
+                "C": [
+                    [
+                        {
+                            "K": "2384",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2384_20210803162337.png",
+                            "CT": "Sunline \u7279\u6b8a\u578b\u5851\u92c1\u767e\u8449\u7a97",
+                            "CL": "\/product-post.php?id=2384",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2383",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2383_20210816182839.png",
+                            "CT": "Sunline \u6298\u758a\u9580",
+                            "CL": "\/product-post.php?id=2383",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2382",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2382_20210803161842.png",
+                            "CT": "Sunline \u63a8\u62c9\u9580",
+                            "CL": "\/product-post.php?id=2382",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2381",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2381_20210527160349.png",
+                            "CT": "MIT\u9435\u684c\u8173",
+                            "CL": "\/product-post.php?id=2381",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2380",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2380_20210527160130.png",
+                            "CT": "\u5be6\u6728\u9577\u51f3",
+                            "CL": "\/product-post.php?id=2380",
+                            "AD": false,
+                            "v": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "2379",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hproduct_img\/name_2379_20210527155756.png",
+                            "CT": "\u5be6\u6728\u5c0f\u5bb6\u5177",
+                            "CL": "\/product-post.php?id=2379",
+                            "AD": false,
+                            "v": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ],
+        [
+            {
+                "T": "\u672c\u9031\u63a8\u85a6",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/designers\/lists\/",
+                "S": "7",
+                "C": [
+                    [
+                        {
+                            "K": "13638",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13638_20210831175610.jpg",
+                            "CT": "\u8d70\u9032\u82ad\u6bd4\u7684\u5bb6 \u7c89\u7d05\u6ce1\u6ce1\u6b50\u5f0f\u57ce\u5821\uff5c\u9109\u6751\u98a8",
+                            "CL": "\/case-post.php?id=13638",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13473",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13473_20210715143733.jpg",
+                            "CT": "\u4f4e\u5962\u8a9e\u5f59\u7e54\u5c31\u7da0\u610f\u7e5a\u7e5e\u7684\u96cd\u96c5\u57ce\u5c45",
+                            "CL": "\/case-post.php?id=13473",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13560",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13560_20210806181213.jpg",
+                            "CT": "\u8cbc\u5fc3\u91cf\u8eab\u8a02\u88fd\u3000\u9000\u4f11\u6a02\u6d3b\u666f\u89c0\u5b85",
+                            "CL": "\/case-post.php?id=13560",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13388",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13388_20210621161017.jpg",
+                            "CT": "\u6307\u5b9a\u6642\u5c1a\u9152\u5427 \u5e74\u8f15\u5bb6\u5ead\u7684\u79d1\u6280\u5b85\uff08\u4e0a\uff09",
+                            "CL": "\/case-post.php?id=13388",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13359",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13359_20210610161617.jpg",
+                            "CT": "\u5fa9\u53e4\u7e7e\u7da3\u79cb\u610f\u7030\u6f2b \u5fae\u91ba\u81ea\u5728\u8212\u5fc3\u5c45",
+                            "CL": "\/case-post.php?id=13359",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4167",
+                            "P": "\/\/img.youtube.com\/vi\/VCfFivT5FJQ\/hqdefault.jpg",
+                            "CT": "\u91cf\u8eab\u8a02\u88fd \u6253\u9020\u8f15\u5962\u6e21\u5047\u5b85",
+                            "CL": "\/video-post.php?id=4167",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4168",
+                            "P": "\/\/img.youtube.com\/vi\/rtyeyx6ohjI\/hqdefault.jpg",
+                            "CT": "\u5168\u65b9\u4f4d\u6253\u9020\u7cbe\u54c1\u5b85 \u85cf\u98a8\u805a\u6c23\u60a0\u7136\u9000\u4f11\u5b85",
+                            "CL": "\/video-post.php?id=4168",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4171",
+                            "P": "\/\/img.youtube.com\/vi\/X0IDt3PxmQ4\/hqdefault.jpg",
+                            "CT": "\u662f\u96fb\u8996\u4e5f\u662f\u85dd\u8853 \u4e00\u6a5f\u5169\u7528\u7684\u8cea\u611f\u751f\u6d3b\uff5c\u4e09\u661f\u96fb\u8996Lifestyle the frameX\u6046\u661f\u8a2d\u8a08",
+                            "CL": "\/video-post.php?id=4171",
+                            "AD": false,
+                            "V": true
+                        }
+                    ],
+                    [
+                        {
+                            "K": "4173",
+                            "P": "\/\/img.youtube.com\/vi\/IIV2ZvIojc4\/hqdefault.jpg",
+                            "CT": "\u4e0d\u662f\u5bf5\u7269\u662f\u5bb6\u4eba \u6bdb\u5c0f\u5b69\u5c08\u5c6c\u667a\u80fd\u5b85",
+                            "CL": "\/video-post.php?id=4173",
+                            "AD": false,
+                            "V": true
+                        }
+                    ]
+                ],
+                "MAX": "9"
+            }
+        ],
+        [
+            {
+                "T": "\u7c89\u7d72\u63a8\u85a6",
+                "M": "\u66f4\u591a more",
+                "ML": "https:\/\/hhh.com.tw\/cases\/lists\/",
+                "S": "8",
+                "C": [
+                    [
+                        {
+                            "K": "13256",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13256_20210512143633.jpg",
+                            "CT": "\u70ba\u59b3\u5beb\u4e0b\u6642\u5c1a\u98a8\u91c7\uff01\u65b0\u6642\u4ee3\u5973\u6027\u7684\u7cbe\u7dfb\u4f4f\u5b85\u2502\u5962\u83ef\u98a8\u2502\u5c0f\u576a\u6578\u25021\u623f\u30012\u5ef3\u30011\u885b",
+                            "CL": "\/case-post.php?id=13256",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "12758",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_12758_20201030195622.jpg",
+                            "CT": "\u8001\u5c4b\u63db\u65b0\u984f \u570d\u5851\u6de8\u767d\u73fe\u4ee3\u9000\u4f11\u7f8e\u5b85",
+                            "CL": "\/case-post.php?id=12758",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13628",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13628_20210827175405.jpg",
+                            "CT": "\u7cfb\u7d71\u6ac3\u73a9\u98a8\u683c \u7f8e\u5f0f\u4f11\u9592\u9000\u4f11\u5b85",
+                            "CL": "\/case-post.php?id=13628",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13468",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13468_20210714134333.jpg",
+                            "CT": "\u64c1\u62b1\u5c71\u666f \u820a\u5c4b\u8b8a\u8eab\u512a\u96c5\u7f8e\u5f0f\u98a8\u60c5",
+                            "CL": "\/case-post.php?id=13468",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13632",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13632_20210830160046.jpg",
+                            "CT": "\u7121\u7586\u754c\u8272\u5f69\uff5c\u5317\u6b50\u98a8\uff5c25\u576a\uff5c3\u623f\u30012\u5ef3\u30012\u885b",
+                            "CL": "\/case-post.php?id=13632",
+                            "AD": false,
+                            "V": false
+                        }
+                    ],
+                    [
+                        {
+                            "K": "13627",
+                            "P": "https:\/\/cloud.hhh.com.tw\/upload\/_hcase_img_orig\/name_13627_20210827151111.jpg",
+                            "CT": "\u8ff4\u65cb\u5922\u5e7b\u83ef\u723e\u6ecb\uff5c\u7f8e\u5f0f\u65b0\u53e4\u5178\uff5c110\u576a",
+                            "CL": "\/case-post.php?id=13627",
+                            "AD": false,
+                            "V": false
+                        }
+                    ]
+                ],
+                "MAX": "6"
+            }
+        ]
+    ],
+    "W": [
+        []
+    ],
+    "F": [
+        []
+    ]
+}