Bladeren bron

add cases v1

andy 3 jaren geleden
bovenliggende
commit
791bdb5a07

BIN
.DS_Store


+ 1643 - 0
Columns-detail.html

@@ -0,0 +1,1643 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <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" type="text/css" href="css/slick.css" />
+    <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
+
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body style="background: #FCFCFC;">
+    <div id="hhh-cases" style="overflow-x:hidden;">
+        <section class="sec-00 w-100">
+            <button class="text-center sec-00__close">
+                <i class="fas fa-chevron-up" style="transform:translateY(-2px);"></i>
+                <p>隱藏</p>
+            </button>
+            <div class="container-fluid" style="padding:0;margin:0;">
+                <div class="sec-00__slider">
+
+                </div>
+            </div>
+        </section>
+        <nav class="navbar navbar-expand-lg navbar-light navbar-main shadow-sm">
+            <div class="container-fluid" style="margin:0;">
+                <a href="https://hhh.com.tw/" class="navbar-brand navbar-logo"><img
+                        src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="110"></a>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/about/calculator/">估預算</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="https://m.hhh.com.tw/photos/index/">找風格</a>
+                            <div class="dropbox">
+                                <div class="container stylebox" style="max-width: 650px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-5">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-3">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://m.hhh.com.tw/about/calculator/">估預算</a>
+                                                </li>
+                                                <li class="dropbox-item mb-0">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://hhh.com.tw/about/request/">找諮詢</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/nordic-style/">北歐風</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/modern-style/">現代風</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/industry-style/">工業風</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/cases/lists/small-ctype/">小坪數</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/">風水</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/search/lists/video/%E8%8E%8E%E8%8E%8E-keyword/">莎莎看房去</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/topic/detail/402/">小坪數大空間</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/videos/lists/">發燒影音</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" href="">居家防疫動起來</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="https://m.hhh.com.tw/columns/lists/all-columntypea/">專欄文章</a>
+                            <div class="dropbox">
+                                <div class="container">
+                                    <div class="row g-0">
+                                        <div class="col">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/">編輯精選</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/">居家趨勢</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/">人氣排行</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/">建築設計</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/">風格選店</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/">公益活動</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/">展演資訊</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/">居家設計</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/">小宅規劃</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/">老屋翻新</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/">風格營造</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/">配色佈置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/">好宅特輯</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/">設計提案</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/">裝修前線</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/">裝修最前線</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/">預算配置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/">施工流程</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/">建材知識</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/">生活PLUS</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/">居家風水</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/">家事清潔</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/">收納技巧</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/">改造修繕</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/">品牌好物</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/">傢俱家飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/">美型家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/">推薦廚衛</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/">居家好物</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/">優質建材</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/">房市焦點</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/">房市新聞</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/">建案特蒐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/">買屋賣屋</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/">房貸稅務</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/">主題企劃</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/designers/lists/">設計師</a>
+                            <div class="dropbox">
+                                <div class="container designerbox" style="max-width: 680px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-5">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://m.hhh.com.tw/decoquery/lists/address/">查證照</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/designers/lists/">室內設計師</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php">觀眾最愛設計師</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/topglory/">GLORY 國際大賞</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/event170427/">老屋翻新居家改造</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item lg">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/products/lists/">居家商品</a>
+                            <div class="dropbox">
+                                <div class="container">
+                                    <div class="row g-0">
+                                        <div class="col-2">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://shop.hhh.com.tw/"><img src="images/menu/cart.svg"
+                                                            width="15" alt="">
+                                                        <p>+好物</p>
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-3">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/">建材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/wooden-pcategoryb/1-page/new-sort/">木地板</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/sheetmetal-pcategoryb/1-page/new-sort/">板材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/tile-pcategoryb/1-page/new-sort/">磁磚</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/stone-pcategoryb/1-page/new-sort/">石材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/cement-pcategoryb/1-page/new-sort/">水泥</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/glass-pcategoryb/1-page/new-sort/">玻璃、隔熱膜</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/wallcovering-pcategoryb/1-page/new-sort/">壁紙、壁布</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/doorswindows-pcategoryb/1-page/new-sort/">門窗</a>
+                                                </li>
+                                            </ul>
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/1-page/new-sort/">塗料</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/paint-pcategoryb/1-page/new-sort/">油漆</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/coatings-pcategoryb/1-page/new-sort/">塗料</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-3">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort/">傢俱</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/living-pcategoryb/1-page/new-sort/">客廳</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/bedroom-pcategoryb/1-page/new-sort/">臥室</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/restaurant-pcategoryb/1-page/new-sort/">餐廳</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/study-pcategoryb/1-page/new-sort/">書房/辦公室</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/storage-pcategoryb/1-page/new-sort/">收納</a>
+                                                </li>
+                                            </ul>
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/1-page/new-sort/">寢具裝飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/bedding-pcategoryb/1-page/new-sort/">寢飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/curtains-pcategoryb/1-page/new-sort/">窗簾、葉窗</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/carpet-pcategoryb/1-page/new-sort/">地毯、地墊</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/artdecoration-pcategoryb/1-page/new-sort/">藝術、擺飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/mirror-pcategoryb/1-page/new-sort/">鏡子</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/">家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/refrigerator-pcategoryb/1-page/new-sort/">冰箱</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/airconditioning-pcategoryb/1-page/new-sort/">冷氣、空調</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/tv-pcategoryb/1-page/new-sort/">電視</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/projector-pcategoryb/1-page/new-sort/">投影機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/sound-pcategoryb/1-page/new-sort/">音響</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/aircleaner-pcategoryb/1-page/new-sort/">空氣清淨機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/vacuumcleaner-pcategoryb/1-page/new-sort/">吸塵器</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/efan-pcategoryb/1-page/new-sort/">電風扇</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/eheater-pcategoryb/1-page/new-sort/">電暖器機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/dehumidifier-pcategoryb/1-page/new-sort/">除濕機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/massage-pcategoryb/1-page/new-sort/">按摩家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/coffee-pcategoryb/1-page/new-sort/">咖啡機</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/1-page/new-sort/">廚房</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/electromagnetic-pcategoryb/1-page/new-sort/">電磁、電子爐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/dryingmachine-pcategoryb/1-page/new-sort/">洗、烘碗機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/ventilator-pcategoryb/1-page/new-sort/">排油煙機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/steamoven-pcategoryb/1-page/new-sort/">烤箱、蒸爐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/kithardware-pcategoryb/1-page/new-sort/">廚房五金</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/potsandutensils-pcategoryb/1-page/new-sort/">鍋具、器皿</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/1-page/new-sort/">衛浴</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathtub-pcategoryb/1-page/new-sort/">浴缸</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/waterheater-pcategoryb/1-page/new-sort/">電熱水器</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathaircondition-pcategoryb/1-page/new-sort/">浴室空調</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathfittings-pcategoryb/1-page/new-sort/">衛浴五金</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/showerdoor-pcategoryb/1-page/new-sort/">淋浴拉門</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathm-pcategoryb/1-page/new-sort/">衛浴設備</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/1-page/new-sort/">照明</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/ceiling-pcategoryb/1-page/new-sort/">吸頂燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/spotlight-pcategoryb/1-page/new-sort/">投射燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/chandelier-pcategoryb/1-page/new-sort/">吊燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/walllamp-pcategoryb/1-page/new-sort/">壁燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/tablelamp-pcategoryb/1-page/new-sort/">檯燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/standing-pcategoryb/1-page/new-sort/">立燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/recessed-pcategoryb/1-page/new-sort/">嵌燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/lightbulbs-pcategoryb/1-page/new-sort/">燈泡、燈具</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/1-page/new-sort/">其他</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/fire-pcategoryb/1-page/new-sort/">消防設備</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/smartdevice-pcategoryb/1-page/new-sort/">智能設備</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/lifegroceries-pcategoryb/1-page/new-sort/">生活雜貨</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/cleaningsupplies-pcategoryb/1-page/new-sort/">清潔用品</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/photography-pcategoryb/1-page/new-sort/">攝影</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/otherservice-pcategoryb/1-page/new-sort/">其他服務</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-2">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/2020-Top-Brands/">消費者最愛品牌</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/1-page/new-sort/">所有商品</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/brands/lists/">所有品牌</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/builder/lists/">新建案</a>
+                            <div class="dropbox">
+                                <div class="container newbox" style="max-width: 650px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://www.leju.com.tw/page_search_result">實價登錄</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-3">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/1-page/">依地區</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/100-citys/1-page/">臺北市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/101-citys/1-page/">新北市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/103-citys/1-page/">桃園市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/104-citys/1-page/">新竹縣</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/105-citys/1-page/">新竹市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/107-citys/1-page/">臺中市</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-3">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/cases/lists/small-ctype/">新建案</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/mrt-types/1-page/">捷運宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/function-types/1-page/">機能宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/king-types/1-page/">帝王宅</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/forum/category/">討論區</a>
+                            <div class="dropbox">
+                                <div class="container forumbox" style="max-width: 450px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/forum/lists?category=1"
+                                                        target="_blank">居家綜合</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=2">室內設計與佈置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=3">房屋修繕</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=4">房產房產經驗宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=5">家店開箱與討論</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="todayTV();">TV節目表</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="navbar-brand navbar-search me-2 d-flex align-items-center">
+                    <img width="25" class="navbar-search-magnify"
+                        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg=="
+                        alt="">
+                    <div class="dropbox">
+                        <div class="container">
+                            <div class="w-100 text-center dropbox__searchBar mb-3">
+                                <input type="text" class="dropbox__searchBar__input" placeholder="請輸入關鍵字">
+                                <button class="dropbox__searchBar__submit">搜尋</button>
+                            </div>
+                            <div class="dropbox__searchtab">
+                                <div class="dropbox__tab dropbox__tabdiv">
+                                    <ul class="nav row nav-pills gx-2 justify-content-around">
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent" id="pills-img-tab">圖片</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-article-tab">專欄文章</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-case-tab">設計案例</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-designer-tab">設計師</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-home-tab">居家商品</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-news-tab">新建案</button>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="tab-content dropbox-tab-content" id="pills-tab-2">
+                                    <div class="" id="pills-img-tab">
+                                        <div class="tabpar tabpar__1">
+                                            <select name="image-style" id="image-style" class="col select">
+                                                <option value="" selected="selected" disabled>風格</option>
+                                                <option value="all-style">不拘</option>
+                                                <option value="modern-style">現代風</option>
+                                                <option value="nordic-style">北歐風</option>
+                                                <option value="industry-style">工業風</option>
+                                                <option value="american-style">美式風</option>
+                                                <option value="leisure-style">休閒多元風</option>
+                                            </select>
+                                            <select name="image-space" id="image-space" class="col select">
+                                                <option value="" selected="selected" disabled>空間</option>
+                                                <option value="all-space">不拘</option>
+                                                <option value="living-space">客廳</option>
+                                                <option value="kitchen-space">廚房</option>
+                                                <option value="children-space">兒童房</option>
+                                                <option value="study-space">書房</option>
+                                                <option value="restaurant-space">餐廳</option>
+                                            </select>
+                                            <select name="image-area" id="image-area" class="col select">
+                                                <option value="" selected="selected" disabled>坪數</option>
+                                                <option value="all-area">不拘</option>
+                                                <option value="c20-area">20坪以下</option>
+                                                <option value="c21-area">21-30坪</option>
+                                                <option value="c31-area">31-50坪</option>
+                                                <option value="c51-area">51坪以上</option>
+                                            </select>
+                                            <button class="col image-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-article-tab">
+                                        <div class="tabpar tabpar__2">
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://hhh.com.tw/columns/lists/editorchoose-columntypea/`);">編輯精選</button>
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://m.hhh.com.tw/columns/lists/housedesign-columntypea/`);">居家設計</button>
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://m.hhh.com.tw/columns/lists/decoration-columntypea/`);">裝修前線</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-case-tab">
+                                        <div class="tabpar tabpar__3">
+                                            <select name="cases-type" id="cases-type" class="col select">
+                                                <option value="small-ctype">小坪數</option>
+                                                <option value="all-ctype">不拘</option>
+                                                <option value="standard-ctype">標準格局</option>
+                                                <option value="big-ctype">大坪數</option>
+                                                <option value="villa-ctype">別墅</option>
+                                                <option value="raisehigh-ctype">挑高樓層</option>
+                                                <option value="middle-ctype">樓中樓</option>
+                                                <option value="sample-ctype">實品/樣品屋</option>
+                                                <option value="workspace-ctype">工作空間</option>
+                                                <option value="commercial-ctype">商業空間</option>
+                                                <option value="homestay-ctype">民宿旅館</option>
+                                                <option value="dining-ctype">餐飲空間</option>
+                                                <option value="public-ctype">公共空間</option>
+                                            </select>
+                                            <select name="cases-condition" id="cases-condition" class="col select">
+                                                <option value="renovation-condition">老屋翻新</option>
+                                                <option value="all-condition">不拘</option>
+                                                <option value="new-condition">新成屋</option>
+                                                <option value="blanks-condition">毛胚屋</option>
+                                                <option value="selfbuilt-condition">自地自建</option>
+                                            </select>
+                                            <select name="case-shui" id="case-shui" class="col select">
+                                                <option value="" selected="selected" disabled>風水</option>
+                                                <option value="風水">風水</option>
+                                            </select>
+                                            <button class="col case-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-designer-tab">
+                                        <div class="tabpar tabpar__4">
+                                            <select name="designer-city" id="designer-city" class="col select">
+                                                <option value="" selected="selected" disabled>所在縣市</option>
+
+                                            </select>
+                                            <select name="designer-country" id="designer-country" class="col select">
+                                                <option value="" selected="selected" disabled>所在地區</option>
+
+                                            </select>
+                                            <select name="designer-region" id="designer-region" class="col select">
+                                                <option value="坪數" selected="selected" disabled>接案地區</option>
+                                                <option value="all-region">不拘</option>
+                                                <option value="north-region">北區</option>
+                                                <option value="central-region">中區</option>
+                                                <option value="south-region">南區</option>
+                                                <option value="east-region">宜蘭花東</option>
+                                                <option value="outlying-region">離島地區</option>
+                                                <option value="overseas-region">海外地區</option>
+                                            </select>
+                                            <button class="col designer-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-home-tab">
+                                        <div class="tabpar tabpar__5">
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort`);">傢俱</button>
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/`);">家電</button>
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/`);">建材</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-news-tab">
+                                        <div class="tabpar tabpar__6">
+                                            <select name="news-city" id="news-city" class="col select">
+                                                <option value="風格" selected="selected" disabled>所在縣市</option>
+                                                <option value="100-citys">台北市</option>
+                                                <option value="101-citys">新北市</option>
+                                                <option value="102-citys">基隆市</option>
+                                                <option value="103-citys">桃園市</option>
+                                                <option value="104-citys">新竹縣</option>
+                                                <option value="105-citys">新竹市</option>
+                                                <option value="107-citys">台中市</option>
+                                            </select>
+                                            <select name="news-types" id="news-types" class="col select">
+                                                <option value="空間" selected="selected" disabled>類型</option>
+                                                <option value="mrt-types">捷運宅</option>
+                                                <option value="function-types">機能宅</option>
+                                                <option value="king-types">帝王宅</option>
+                                            </select>
+                                            <button class="col news-search">送出</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="text-center dropbox__hots">
+                                <strong class="dropbox__hots__title">熱搜關鍵字:</strong>
+                                <a class="dropbox__hots__link">小坪數</a>
+                                <a class="dropbox__hots__link">收納</a>
+                                <a class="dropbox__hots__link">軟裝佈置</a>
+                                <a class="dropbox__hots__link">幸福經紀人</a>
+                                <a class="dropbox__hots__link">承炫設計</a>
+                                <a class="dropbox__hots__link">風水</a>
+                                <a class="dropbox__hots__link">北歐風</a>
+                                <a class="dropbox__hots__link">周石設計</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="navbar-brand navbar-login ms-2 d-flex align-items-center">
+                    <a href="https://hhh.com.tw/login/index" class="navbar-login">登入 / 註冊</a>
+                </div>
+            </div>
+        </nav>
+
+        <section>
+            <div class="container px-0">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb">
+                        <li class="breadcrumb-item"><a href="#">首頁</a></li>
+                        <li class="breadcrumb-item"><a href="#">專欄文章</a></li>
+                        <li class="breadcrumb-item"><a href="#">裝修前線</a></li>
+                        <li class="breadcrumb-item"><a href="#">建材知識</a></li>
+                        <li class="breadcrumb-item active" aria-current="page"><a
+                                href="#">烤漆玻璃、噴砂玻璃、強化玻璃…玻璃種類比你想得還多!選對類型節能、省電、隔音又美觀 - 幸福空間</a></li>
+                    </ol>
+                </nav>
+            </div>
+        </section>
+
+        <section class="article">
+            <div class="container article--style">
+                <div class="container-width-column py-md-3">
+                    <div class="article__wrapper">
+                        <h1 class="article__title mt-4">烤漆玻璃、噴砂玻璃、強化玻璃…玻璃種類比你想得還多!選對類型節能、省電、隔音又美觀</h1>
+                        <div class="small">2021-12-30| 人氣:49</div>
+                    </div>
+
+                    <div class="article__contexts article__contexts--longHeight active" style="height:auto">
+                        <p><img alt="幸福空間專欄" src="https://m.hhh.com.tw/upload/_hcolumn/content_20220125163555_0.jpg">
+                        </p>
+                        <p>(圖片提供/918建材庫)</p>
+                        <p>玻璃被作為建築及設計材料,能夠控制光線、調節溫度、防止噪音、創造視覺美學……等,深深影響人類居住安全與舒適感。現代設計師善用玻璃建材全透視性或者半透視,「放大」與「區隔」建築空間,更用玻璃作為外牆,提升空間亮度,營造出空間被放大的效果,體現居住者的個性與氣質。下面將玻璃建材區分為《平板玻璃》、《安全玻璃》、《節能型玻璃》,以下將從各類材質的特色來探究這三類的差異性。
+                        </p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>文章目錄</strong></span></h3>
+                        <p><a href="#a1"><span style="color: #3366ff;"><strong>一、平板玻璃</strong></span></a></p>
+                        <p><a href="#a2"><span style="color: #3366ff;"><strong>二、安全玻璃</strong></span></a></p>
+                        <p><a href="#b1"><span style="color: #3366ff;">※強化玻璃</span></a></p>
+                        <p><a href="#b2"><span style="color: #3366ff;">※夾絲玻璃</span></a></p>
+                        <p><a href="#b3"><span style="color: #3366ff;">※膠合玻璃</span></a></p>
+                        <p><a href="#a3"><span style="color: #3366ff;"><strong>三、節能型玻璃</strong></span></a></p>
+                        <p><a href="#b4"><span style="color: #3366ff;">※LOW-E 低輻射玻璃</span></a></p>
+                        <p><a href="#b5"><span style="color: #3366ff;">※熱反射玻璃</span></a></p>
+                        <p><a href="#b6"><span style="color: #3366ff;">※琉璃建材</span></a></p>
+                        <p><a href="#b7"><span style="color: #3366ff;">※噴砂玻璃</span></a></p>
+                        <p><span style="color: #3366ff;"><a style="color: #3366ff;" href="#b8">※烤漆玻璃</a><a
+                                    id="a1"></a></span></p>
+                        <p>&nbsp;</p>
+                        <h2><span style="color: #333399; font-size: x-large;"><strong>一、平板玻璃</strong></span></h2>
+                        <p>又稱「清玻璃」,是最普遍、經濟效益最高的玻璃類建材,大量被用在室內外的門、窗、桌面、具有採光、隔音等效果,使人的視覺可以毫無阻擋穿透空間,但是要達到保溫與隔熱效果,則需要再加貼隔熱膜。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★平板玻璃的優點:</strong></span></p>
+                        <p>1.最普及、經濟效益最高的玻璃。</p>
+                        <p>2.百分之百的透視性,視覺可以毫無受阻的穿越。</p>
+                        <p><span style="color: #000000;"><strong>★平板玻璃的缺點:</strong></span></p>
+                        <p>1.無強化作用,安全性差。</p>
+                        <p>2.隔熱效果差。</p>
+                        <p>常見用途:用於裝飾、室內裝修櫃體或其他隔屏隔間用等。</p>
+                        <p><span style="color: #000000;"><strong>★施工注意事項:</strong></span></p>
+                        <p>1.一般玻璃並無強化作用,且硬度不像強化玻璃,破碎時會成大片碎片容易割傷,所以不建議使用在高樓層的窗戶上,以及易撞擊之場所;用做隔間或置物層板的輕玻璃,厚度最好為10mm,承載力與隔音效果較佳,10mm以下比較適合作為櫃體的門片或裝飾用。
+                        </p>
+                        <p>2.避免地震搖晃造成玻璃單點碰撞而爆裂,大片玻璃要預留玻璃墊的位置與間隙。</p>
+                        <p>4.施工完後,表面任何塗裝記號記得要擦拭乾淨。</p>
+                        <p>5.搬運玻璃時要注意避免有刮痕、碰角的情況。</p>
+                        <p><img alt="幸福空間專欄" src="https://m.hhh.com.tw/upload/_hcolumn/content_20220125163555_1.jpg">
+                        </p>
+                        <p>(圖片提供/918建材庫)<a id="a2"></a></p>
+                        <p>延伸閱讀:<span style="color: #3366ff;"><a style="color: #3366ff;"
+                                    href="https://hhh.com.tw/columns/detail/3585/#utm_source=RD_GS" target="_blank"
+                                    rel="noopener">當代居家設計最佳妙方!玻璃隔間讓家清透又敞亮</a></span></p>
+                        <p>&nbsp;</p>
+                        <h2><span style="color: #333399; font-size: x-large;"><strong>二、安全玻璃</strong></span></h2>
+                        <p>平板玻璃加工製成的安全玻璃,是力學強度高、抗衝擊能力強的玻璃。主要有鋼化玻璃、夾絲玻璃、膠合玻璃。安全玻璃被擊碎時,夾層會把兩層玻璃黏著,避免整塊玻璃變成飛濺傷人的碎片,並具有防盜、防火的功能。安全玻璃又分成:強化玻璃、夾絲玻璃、膠合玻璃<a
+                                id="b1"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※強化玻璃</strong></span></h3>
+                        <p>又稱鋼化玻璃,切割成適合大小後,將邊緣打磨好,然後將玻璃加熱至超過攝氏620度時,再急速冷卻玻璃表面製成。玻璃外冷內熱,表面被冷卻快速硬化;內部短時間收縮,在表面造成壓應力,而引張應力則在玻璃中心,這種平衡的狀態會產生抵抗外壓的功用。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★強化玻璃優點:</strong></span></p>
+                        <p>1.高強度:同等厚度的鋼化玻璃抗衝擊強度是普通玻璃的3~5倍,抗彎強度是普通玻璃的3~5倍。</p>
+                        <p>2.安全性高:受到重大外力作用碎裂時,玻璃會斷裂成小顆粒,沒有普遍玻璃刀狀的尖角,不易對人造成傷害。</p>
+                        <p>3.具熱穩定性:鋼化玻璃具有良好的熱穩定性,能承受的溫差是普通玻璃的3倍,可承受200℃的溫差變化。</p>
+                        <p><span style="color: #000000;"><strong>★強化玻璃的缺點</strong></span></p>
+                        <p>1.不能再進行加工:強化後的玻璃不能再進行切割等加工。</p>
+                        <p>2.有自爆風險:溫差變化大時強化玻璃有自己破裂的可能性,而普通玻璃則相對安全。</p>
+                        <p>3.需於事前切割好:玻璃的切割及打磨處理需在強化工序前進行。</p>
+                        <p><span style="color: #000000;"><strong>★強化玻璃常見用途:</strong></span></p>
+                        <p>經常應用在建築的無框組件上,如玻璃門、自動玻璃門及玻璃幕牆等,需要負重的玻璃也會採用強化玻璃。</p>
+                        <p><strong><span style="color: #000000;">★施工注意事項:</span></strong></p>
+                        <p>1.製作玻璃輕隔間需使用5公分厚的強化玻璃。</p>
+                        <p>2.強化玻璃本身在加工過程會產生不同程度的波浪痕跡,經過強化之後,不適合再做其他加工如切割、挖洞、噴砂或倒角。</p>
+                        <p>3.避免撞擊強化玻璃強化玻璃的四個邊角怕受到撞擊,要盡量避免以免爆裂或變形。<a id="b2"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><strong><span style="color: #008080; font-size: large;">※夾絲玻璃</span></strong></h3>
+                        <p>又稱防碎玻璃或鋼絲玻璃,它是由壓延法製成,即是將平板玻璃加熱到紅熱軟化狀態下,將經預熱處理的鋼絲或鋼絲網壓入玻璃中間,經退火、切割而成,表面可以壓花或磨光。</p>
+                        <p><span style="color: #000000;"><strong>★夾絲玻璃優點:</strong></span></p>
+                        <p>1.安全性高:強度較高不易碎,萬一玻璃破損、可避免被碎玻璃割傷</p>
+                        <p>2.具防盜、隔音效果。</p>
+                        <p>3.具防火性:當鋼絲玻璃受火炸裂時,由於金屬鋼絲網的保護作用,玻璃仍能保持固定不致於崩落和破碎,可隔絕火燄和火粉末,又稱為防火玻璃。</p>
+                        <p><span style="color: #000000;"><strong>★夾絲玻璃缺點:</strong></span></p>
+                        <p>1.易氧化:生產過程中,絲網在高溫作用下容易氧化,出現氣泡及變色。如果玻璃邊部的金屬絲沒有處理好,時間久了容易氧化腐蝕。</p>
+                        <p>2.透光率較差"玻璃本身具有高透光性,當加入金屬絲網之後會對視覺效果造成些許干擾。</p>
+                        <p><span style="color: #000000;"><strong>★夾絲玻常見用途:</strong></span></p>
+                        <p>1.除了居住安全特性,對於追求生活品味者,夾絲玻璃也可以在空間中創造獨特氛圍,因此愈來愈多的建案採用。</p>
+                        <p>2.天窗、天棚頂蓋以及易受震動的門窗上。</p>
+                        <p>3.當作二級門窗防火材料使用。</p>
+                        <p>4.用於防震場合,地震防護要求較高的建築和有工業振動的廠房等建築。</p>
+                        <p><strong><span style="color: #000000;">★施工注意事項:</span></strong></p>
+                        <p>1.需確認鋼絲玻璃的網子放置方向。</p>
+                        <p>2.需確實固定防煙屏障板。<a id="b3"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※膠合玻璃</strong></span></h3>
+                        <p>在兩片或數片玻璃之間,夾入PVB(聚乙烯醇縮丁醛樹指)中間膜製成。是先以熱壓或抽真空的方式儘可能排出各中間層的空氣,然後放入高壓爐內,利用高壓高溫使殘餘的少量空氣溶入樹脂膜結合而成的平面或曲面複合玻璃製品。
+                        </p>
+                        <p>因夾著富黏著力的中間膜,不會一受到衝擊力就被貫穿,且破損的玻璃片不易飛散,即使其中一面玻璃破掉了,玻璃還是會緊緊黏在膠膜上面。因此一般玻璃屋、採光罩大多會採用膠合安全玻璃來製作。</p>
+                        <p><span style="color: #000000;"><strong>★膠合玻璃的特性:</strong></span></p>
+                        <p>‧防噪音:膠合玻璃>中空複層玻璃>單層玻璃</p>
+                        <p>‧防侵入:膠合玻璃>中空複層玻璃>強化玻璃</p>
+                        <p><strong><span style="color: #000000;">★膠合玻璃的優點:</span></strong></p>
+                        <p>1.安全性極高:比其他種類玻璃具耐震性、防盜性、防爆性、防彈性,尤其適用於家有小朋友或老人家者。</p>
+                        <p>2.高效率節省能源建材:中間膜能降低太陽光照射所產生的熱能,可節省冷氣設備及電量。</p>
+                        <p>3.隔音效果好。</p>
+                        <p>4.中間膜有防止紫外線的機能。</p>
+                        <p>5.增進建築物的設計美感:使用有色中間膜,最易調合建築物周圍的景色,玻璃的清透性可讓光線透過,提高採光,放大空間感能滿足設計師的要求。</p>
+                        <p><span style="color: #000000;"><strong>★膠合玻璃的缺點</strong></span>:</p>
+                        <p>價格較貴,且若使用特殊膠膜與中間材,價位更高。</p>
+                        <p><span style="color: #000000;"><strong>★常見用途:</strong></span></p>
+                        <p>1.建築用。</p>
+                        <p>2.汽車前擋風玻璃。</p>
+                        <p>3.防爆、防彈用。</p>
+                        <p>4.家具用。</p>
+                        <p><span style="color: #000000;"><strong>★施工注意事項:</strong></span></p>
+                        <p>「嵌縫」工程要確實,以免發生鋁框及水泥面的接合處發生滲(漏)水問題,而影響到居家生活的品質。一般來說,嵌縫空隙約為3~5cm為宜。過小的嵌縫空隙,因不易實施防水水泥砂漿的灌漿工作,故容易出現填縫不實或下雨時出現「毛細現象」的漏水問題。
+                        </p>
+                        <p><img alt="幸福空間專欄" src="https://m.hhh.com.tw/upload/_hcolumn/content_20220125163555_2.jpg">
+                        </p>
+                        <p>(圖片提供/918建材庫)<a id="a3"></a></p>
+                        <p>延伸閱讀:<span style="color: #3366ff;"><a style="color: #3366ff;"
+                                    href="https://hhh.com.tw/columns/detail/6168/#utm_source=RD_GS" target="_blank"
+                                    rel="noopener">放大「家」的舒適尺度!不容錯過的10款玻璃拉門設計</a></span></p>
+                        <p>&nbsp;</p>
+                        <h2><span style="color: #333399; font-size: x-large;"><strong>三、節能型玻璃</strong></span></h2>
+                        <p>節能玻璃多用在建築外觀,例如:商業大樓、車站、體育館、國際航站、百貨公司、科技業大樓、住宅大樓……等等,室內空間則用在辦公室、會議室、裝潢隔間、門窗等。節能玻璃能有效阻隔室外熱能進入室內,以達到節約能源的目的。但要達到節能的功效,不只有選擇節能玻璃,建築物本身的方位、日照、風向…等先天條件必須做優先考慮。
+                        </p>
+                        <p>節能型玻璃能夠滿足人們對門窗的保溫隔熱要求,集節能性和美感於一體的節能裝飾型玻璃通具有令人賞心悅目的外觀色彩,而且還具有對光和熱的吸收、透射和反射能力。<a id="b4"></a>
+                        </p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※LOW-E低輻射玻璃</strong></span></h3>
+                        <p>以節能為訴求的Low-E玻璃,是種低幅射鍍膜玻璃,是在玻璃表面鍍上多層金屬或其他化合物組成的膜系產品。其鍍膜層具有對可見光高透過及對中遠紅外線高反射的特性,可阻擋70%的紫外線與70~80%的紅外線,防止室內溫度因日照而上升,達成節能減碳的環保目標。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★玻璃上鍍膜的方式:</strong></span></p>
+                        <p>一種為線上鍍膜,是在玻璃要成形前噴上化學金屬鍍膜。另一種為離線鍍膜,將做好的玻璃送進真空濺鍍機中,利用電子流進行真空濺鍍,此種玻璃產品具有高透光率、低反射率、高熱阻絶與環保節能機能,符合綠建築設計的要求。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★特性:</strong></span></p>
+                        <p>1.接近玻璃的自然原色。</p>
+                        <p>2.可視光透過率高,可防眩目之光害。</p>
+                        <p>3.紅外線反射率高,可阻絶大量熱源。</p>
+                        <p>4.隔熱節能:Low-E中空複層玻璃>中空複層玻璃>膠合玻璃>單層玻璃(為保護鍍膜面及較佳效果,建議加工為雙層玻璃才會達到較好的隔熱效果。)</p>
+                        <p>5.防結露:Low-E中空複層玻璃>中空複層玻璃>膠合玻璃>單層玻璃</p>
+                        <p>6.紫外線阻隔:Low-E中空複層玻璃>中空複層玻璃>膠合玻璃>單層玻璃<a id="b5"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※熱反射玻璃</strong></span></h3>
+                        <p>表面鍍有金屬、非金屬及其氧化物等各種薄膜,對太陽能產生一定反射效果,反射率可達20~40%。熱反射玻璃是有較高的熱反射能力,而又保持良好透光性的平板玻璃,它是採用熱解法、真空蒸鍍法、陰極濺射法等,在玻璃表面塗以金、銀、銅、鋁、鉻、鎳和鐵等金屬或金屬氧化物薄膜,或採用電浮法等離子交換方法,以金屬離子置換玻璃表層原有離子而形成熱反射膜。
+                        </p>
+                        <p>熱反射玻璃的熱反射率高,如6mm厚浮法玻璃的總反射熱僅16%,同樣條件下,吸熱玻璃的總反射熱為40%,而熱反射玻璃則可高達61%,因而常用它製成中空玻璃或夾層玻璃,以增加絕熱性能。鍍金屬膜的熱反射玻璃還有單向透像的作用,即白天能在室內看到室外景物,而室外看不到室內的景像。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★熱反射玻璃的優點:</strong></span></p>
+                        <p>1.隔熱性高可節省能源。</p>
+                        <p>2.防止陽光直射,給居住者舒適感。</p>
+                        <p>3.可呈現顏色的層次變化。</p>
+                        <p>4.有鏡子般反射周圍環境的效果。</p>
+                        <p><strong>★熱反射玻璃的類別:</strong></p>
+                        <p>因為製作的方式不同又細分為:</p>
+                        <p>(1)<strong>在線LVC反射玻璃色別</strong>:古銅色、法國綠、海洋藍、茶色。</p>
+                        <p>(2)<strong>離線反射玻璃顏色</strong>:金黃色、銀色、藍色、不鏽鋼色、鈦銀藍色、綠銀色、藍銀色、淺灰色、LTO色。</p>
+                        <p>(3)<strong>吸熱玻璃</strong>:玻璃本體內摻入金屬離子,讓玻璃可以吸收太陽輻射熱,以減少熱流進入室內,最大優點就是成本低,並且在吸收大量紅外線輻射後,又能保有良好可見光透過率。現己廣泛應用為火車、汽車擋風玻璃,用於建築物時一般都會搭配外遮陽設計存在。
+                        </p>
+                        <p>(4)<strong>中空玻璃</strong>:由多片玻璃,中間以加充填乾燥劑的金屬隔框,予以膠合密封所組成,導熱係數較普通玻璃降低40%,由於具有良好的保溫、隔熱、隔聲等優點,現在被採用於建築物門窗,尤以寒帶地區國家採用的情形最多。
+                        </p>
+                        <p>(5)<strong>真空玻璃</strong>:在密閉的兩片玻璃之間形成真空從而使玻璃與玻璃之間的傳導熱接近於零。真空玻璃是目前節能效果最好的玻璃,同時真空玻璃的單片一般至少有一片是Low-E低輻射玻璃,這樣其對流、輻射和傳導傳熱都很少,節能效果非常好。結構類似中空玻璃,但空腔內氣體非常稀少近似於真空,導熱係數較中空玻璃又降低15%以上,但生產成本較高,僅在一些特殊場合應用。<a
+                                id="b6"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※琉璃建材</strong></span></h3>
+                        <p>琉璃建材透過光的照射,可以呈現出不同的變化和氣氛,讓空間營造出1+1大於2的效果。因具有特殊質感,除本身功能外,亦有藝術典藏價值,在住家、商業空間愈來愈普遍。</p>
+                        <p><span style="color: #000000;"><strong>★琉璃建材用途:</strong></span></p>
+                        <p>(1)整片拿來作拉門、屏風,也可將小的琉璃磚鑲嵌在門片、桌面或任何不影響安全性的地方,創造視覺美學。</p>
+                        <p>(2)局部妝點用,也可以大面積使用,例如嵌入石材或是木材內,形成一片琉璃牡丹牆或搭配LED燈光,讓牆面呈現漸層色變化。也可切割成好幾個圖案,嵌進門片、桌面、窗戶等空間,變成獨一無二的家具。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★尺寸設計:</strong></span></p>
+                        <p>通常市場上以正方形居多,20x20、30x30、60x60公分最為普遍,亦可量身訂做。</p>
+                        <p><span style="color: #000000;"><strong>★玻璃隔間牆:</strong></span></p>
+                        <p>隱私也是另一個重要的問題,除了使用窗簾之外,另可選擇噴砂玻璃(亦稱霧面玻璃)、紋理玻璃……等,達到透光不透景效果,保有隱私。<a id="b7"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※噴砂玻璃</strong></span></h3>
+                        <p>噴砂玻璃是以水混合金剛砂,高壓噴射在玻璃表面,對其打磨的一種工藝,利用高壓空氣噴射,將玻璃表面處理成霧粒狀;可以選擇單面或雙面的加工,在圖案的設計上可進行不同的處理,使樣式豐富多元,即俗稱的「霧面玻璃」。在室內裝修中,主要用在表現界定區域卻互不封閉的地方,如在餐廳與客廳之間,可用噴砂玻璃製成一道精美的屏風。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★噴砂玻璃的優點</strong></span></p>
+                        <p>(1).隱蔽性,噴砂玻璃具有一種朦朧美感,在視覺上有光線穿透卻隱密的特點,可作為區隔空間的隔屏,創造霧面神祕的視覺感受,又能保持光線充足。</p>
+                        <p>(2).價格優,噴砂玻璃的價格比較便宜、加工也很迅速。</p>
+                        <p><strong><span style="color: #000000;">★施工注意事項:</span></strong></p>
+                        <p>噴砂玻璃保養不易,表面容易殘留灰塵,用乾布擦拭可能留下毛屑,因此在挑選噴砂玻璃時,可以選擇防污或防指紋沾黏的產品,降低清潔的難度與時間。<a id="b8"></a></p>
+                        <p>&nbsp;</p>
+                        <h3><span style="color: #008080; font-size: large;"><strong>※烤漆玻璃</strong></span></h3>
+                        <p>主成分是強化玻璃和噴漆,黑色烤漆玻璃有類似墨鏡的反射效果。烤漆玻璃經噴漆上色處理,具不透光特性,可當輕隔間,居家空間最常見的做法是貼附於廚房料理檯前壁面,方便清潔油污,或是貼於衣櫃外側門片呈現現代感。可至文具行買玻璃彩繪筆,將烤漆玻璃當白板使用,便於記事、彈性美化壁面。
+                        </p>
+                        <p><span style="color: #000000;"><strong>★烤漆玻璃用途</strong></span></p>
+                        <p>具不透光與不透視的性質,其光滑與耐高溫的特性,很適合用在廚房壁面與爐台壁面,可輕鬆清潔油煙、油漬、水漬等髒污。也可貼附在櫃門門片上或當輕隔間、桌面面材。</p>
+                        <p><strong><span style="color: #000000;">★烤漆玻璃的優點</span></strong></p>
+                        <p>不易有刮痕、不易掉色、不透光、耐高溫、易清潔。</p>
+                        <p><strong><span style="color: #000000;">★烤漆玻璃的缺點</span></strong></p>
+                        <p>貼上壁面後,若要修整牆內管線或加釘配件,須敲除整片烤漆玻璃。</p>
+                        <p><img alt="幸福空間專欄" src="https://m.hhh.com.tw/upload/_hcolumn/content_20220125163555_3.jpg">
+                        </p>
+                        <p>(圖片提供/918建材庫)</p>
+                        <p>延伸閱讀:<span style="color: #3366ff;"><a style="color: #3366ff;"
+                                    href="https://hhh.com.tw/columns/detail/2399/#utm_source=RD_GS" target="_blank"
+                                    rel="noopener">【建材入門】夾紗玻璃的特性與風格應用</a></span></p>
+                        <p>延伸閱讀:<span style="color: #3366ff;"><a style="color: #3366ff;"
+                                    href="https://hhh.com.tw/columns/detail/2269/#utm_source=RD_GS" target="_blank"
+                                    rel="noopener">【建材入門】烤漆玻璃的特性與風格應用</a></span></p>
+                        <p>&nbsp;</p>
+                        <h3 id="mcetoc_1fnimp6qk9"
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; font-size: 1.75rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';">
+                            <span style="box-sizing: border-box; font-weight: bolder; color: #333399;"><span
+                                    style="box-sizing: border-box; font-size: large;">918建材庫</span></span>
+                        </h3>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            <span style="box-sizing: border-box; color: #000080;"><img alt="幸福空間專欄"
+                                    style="box-sizing: border-box; vertical-align: middle; border-style: none; max-width: 80%; margin: 0.5rem 0px; transition: all 300ms ease-in-out 0s;"
+                                    src="https://cloud.hhh.com.tw/upload/_hcolumn/content_20210916120004_3.png"
+                                    width="250"></span>
+                        </p>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            918建材庫取其「918交易發&amp;建財庫」諧音,秉持一貫的用心與堅持,期以快速媒合優質A+供應商的產品及買家的需求,有效地幫企業增加收益及降低成本,創造出銷售通路的差異化,成為業界領頭羊,運用網路即時溝通的優勢,為建材產業拓展全方位展銷通路,除立足於台灣建材市場之外,未來將更進一步開創全球藍海無限新商機。
+                        </p>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            官網:<span style="box-sizing: border-box; color: #3366ff;"><a
+                                    style="box-sizing: border-box; color: #3366ff; background-color: transparent;"
+                                    href="https://918bms.com/" target="_blank"
+                                    rel="noopener">https://918bms.com/</a></span></p>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            Facebook:<span style="box-sizing: border-box; color: #3366ff;"><a
+                                    style="box-sizing: border-box; color: #3366ff; background-color: transparent;"
+                                    href="https://www.facebook.com/918bms" target="_blank"
+                                    rel="noopener">https://www.facebook.com/918bms</a></span></p>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            &nbsp;</p>
+                        <p
+                            style="box-sizing: border-box; margin-top: 0px; margin-bottom: 1rem; color: #727679; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; font-size: 17.6px;">
+                            <span style="box-sizing: border-box; color: #3366ff;"><span
+                                    style="box-sizing: border-box; color: #727679;">本文章由【</span><span
+                                    style="box-sizing: border-box;"><a
+                                        style="box-sizing: border-box; color: #3366ff; background-color: transparent;"
+                                        href="https://918bms.com/" target="_blank" rel="noopener">918建材庫</a></span><span
+                                    style="box-sizing: border-box; color: #727679;">】授權轉載</span></span>
+                        </p>
+                        <div class="article__contexts__note">
+                            <p>彙整編輯:Amy</p>
+                            <p>圖文提供:918建材庫</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="text-center my-3" style="color:#727679;">&nbsp;</div>
+
+        <div class="text-center my-3" style="color:#727679;">&nbsp;</div>
+        <section class="scMedia">
+            <div class="container">
+                <div class="scMedia__block">
+                    <div class="scMedia__list">
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/fb.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/line.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/wechat.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/share.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/like-o.svg" alt=""></a>
+
+
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="relTag d-none d-md-block mt-3">
+            <div class="container relTag__items pl-md-4 pr-md-0">
+                <div class="relTag__items__title">
+                    <h4>標籤</h4>
+                </div>
+                <div class="relTag__items__tags">
+                    <a href="" class="btn btn-outline-custom rounded-0">玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">烤漆玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">噴砂玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">強化玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">琉璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">節能玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">清玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">安全玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">夾絲玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">膠合玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">熱反射玻璃</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">建材</a>
+
+
+                </div>
+            </div>
+        </section>
+
+        <section id="search" class="likeSee mb-5">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 px-md-0">
+                        <div class="likeSee__state pl-md-0 pr-md-0 mb-1">
+                            <div class="likeSee__state__title">
+                                <h4>你可能想看</h4>
+                            </div>
+                            <div class="likeSee__state__filter">
+                                <a class="likeSee__state__filter--item">
+                                    <span>人氣</span>
+                                </a>
+                                <span class="likeSee__state__filter--divider"></span>
+
+                                <a class="likeSee__state__filter--item  active">
+                                    <span>最新</span>
+                                </a>
+                            </div>
+                        </div>
+                        <div class="vue-waterfall News">
+                            <div class="row px-0 mx-0">
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://cloud.hhh.com.tw/upload/_hcolumn/content_20220113101218_0.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    擁擠小宅變身會呼吸的家!頂級日系廚具、珊瑚塗料演繹機能美學
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/伸達-keyword/"
+                                                    target="_blank">伸達</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/竹桓-keyword/" target="_blank">竹桓</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/廚具-keyword/"
+                                                    target="_blank">廚具</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/塗料-keyword/" target="_blank">塗料</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/無毒-keyword/"
+                                                    target="_blank">無毒</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 mt-md-4">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_99_02-1.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    石英磚、文化石磚、馬賽克磚.....等磁磚是怎麼製作的?裝修前簡單了解它們的身世吧!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/磁磚-keyword/"
+                                                    target="_blank">磁磚</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/挑選-keyword/" target="_blank">挑選</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/現代風-keyword/"
+                                                    target="_blank">現代風</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/北歐風-keyword/" target="_blank">北歐風</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/鄉村風-keyword/"
+                                                    target="_blank">鄉村風</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_98_03.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    十分鐘快速了解磁磚種類、尺寸、機能、挑選方法!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/磁磚-keyword/"
+                                                    target="_blank">磁磚</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/挑選-keyword/" target="_blank">挑選</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/現代風-keyword/"
+                                                    target="_blank">現代風</a><a class="likeSee__tag--item"
+                                                    href="/columns/lists/北歐風-keyword/" target="_blank">北歐風</a><a
+                                                    class="likeSee__tag--item" href="/columns/lists/鄉村風-keyword/"
+                                                    target="_blank">鄉村風</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_92_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    【跟動物一起住】有毛小孩的家,空間建材這樣挑
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/建材-keyword/" target="_blank">建材</a><a class="likeSee__tag--item" href="/columns/lists/寵物-keyword/" target="_blank">寵物</a><a class="likeSee__tag--item" href="/columns/lists/地板-keyword/" target="_blank">地板</a><a class="likeSee__tag--item" href="/columns/lists/家具-keyword/" target="_blank">家具</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 mt-md-4">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_88_06.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    【建材知識】超耐磨木地板、PVC塑膠地板、SPC石塑地板?優缺一次看!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/建材知識-keyword/" target="_blank">建材知識</a><a class="likeSee__tag--item" href="/columns/lists/超耐磨木地板-keyword/" target="_blank">超耐磨木地板</a><a class="likeSee__tag--item" href="/columns/lists/PVC塑膠地板-keyword/" target="_blank">PVC塑膠地板</a><a class="likeSee__tag--item" href="/columns/lists/SPC石塑地板-keyword/" target="_blank">SPC石塑地板</a><a class="likeSee__tag--item" href="/columns/lists/木地板-keyword/" target="_blank">木地板</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_86_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    想自己做木工DIY?那你一定要認識實木、集成材與三合板!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/木工-keyword/" target="_blank">木工</a><a class="likeSee__tag--item" href="/columns/lists/diy-keyword/" target="_blank">diy</a><a class="likeSee__tag--item" href="/columns/lists/實木-keyword/" target="_blank">實木</a><a class="likeSee__tag--item" href="/columns/lists/集成材-keyword/" target="_blank">集成材</a><a class="likeSee__tag--item" href="/columns/lists/三合板-keyword/" target="_blank">三合板</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+
+
+                        <div class="vue-waterfall popular">
+                            <div class="row px-0 mx-0">
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_338_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    正港台味!HOLA x乖乖10款台潮好物,奶油椰子口味香皂、乖乖抱枕、乖乖紅包袋,讓你虎年運勢都乖乖
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/HOLA-keyword/" target="_blank">HOLA</a><a class="likeSee__tag--item" href="/columns/lists/乖乖-keyword/" target="_blank">乖乖</a><a class="likeSee__tag--item" href="/columns/lists/聯名-keyword/" target="_blank">聯名</a><a class="likeSee__tag--item" href="/columns/lists/居家好物-keyword/" target="_blank">居家好物</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 mt-md-4">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_333_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    台灣LG電子在台20週年 穩坐智慧家電領導品牌地位
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/LG台灣-keyword/" target="_blank">LG台灣</a><a class="likeSee__tag--item" href="/columns/lists/智慧家電-keyword/" target="_blank">智慧家電</a><a class="likeSee__tag--item" href="/columns/lists/OLED電視-keyword/" target="_blank">OLED電視</a><a class="likeSee__tag--item" href="/columns/lists/滾筒洗衣機-keyword/" target="_blank">滾筒洗衣機</a><a class="likeSee__tag--item" href="/columns/lists/ThinQ-keyword/" target="_blank">ThinQ</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_336_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    十分鐘快速了解磁磚種類、尺寸、機能、挑選方法!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/LG台灣-keyword/" target="_blank">LG台灣</a><a class="likeSee__tag--item" href="/columns/lists/智慧家電-keyword/" target="_blank">智慧家電</a><a class="likeSee__tag--item" href="/columns/lists/OLED電視-keyword/" target="_blank">OLED電視</a><a class="likeSee__tag--item" href="/columns/lists/滾筒洗衣機-keyword/" target="_blank">滾筒洗衣機</a><a class="likeSee__tag--item" href="/columns/lists/ThinQ-keyword/" target="_blank">ThinQ</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_92_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    【跟動物一起住】有毛小孩的家,空間建材這樣挑
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/建材-keyword/" target="_blank">建材</a><a class="likeSee__tag--item" href="/columns/lists/寵物-keyword/" target="_blank">寵物</a><a class="likeSee__tag--item" href="/columns/lists/地板-keyword/" target="_blank">地板</a><a class="likeSee__tag--item" href="/columns/lists/家具-keyword/" target="_blank">家具</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 mt-md-4">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_333_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    直擊廚房設計新概念!台灣櫻花SAKURA AWARDS發掘設計新秀
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/台灣櫻花-keyword/" target="_blank">台灣櫻花</a><a class="likeSee__tag--item" href="/columns/lists/SAKURA-keyword/" target="_blank">SAKURA</a><a class="likeSee__tag--item" href="/columns/lists/AWARDS-keyword/" target="_blank">AWARDS</a><a class="likeSee__tag--item" href="/columns/lists/廚具設計-keyword/" target="_blank">廚具設計</a><a class="likeSee__tag--item" href="/columns/lists/品牌新訊-keyword/" target="_blank">品牌新訊</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-12 col-md-4 ps-0">
+                                    <div class="cardList__items">
+                                        <img src="https://images.hhh.com.tw/uploads/_hcolumn_orig/point03_86_01.jpg"
+                                            alt="">
+                                        <div class="cardList__items__content">
+                                            <a href="" target="_blank">
+                                                <div class="cardList__items--title cardList__items--ellipse">
+                                                    想自己做木工DIY?那你一定要認識實木、集成材與三合板!
+                                                </div>
+                                            </a>
+                                            <p><a class="likeSee__tag--item" href="/columns/lists/木工-keyword/" target="_blank">木工</a><a class="likeSee__tag--item" href="/columns/lists/diy-keyword/" target="_blank">diy</a><a class="likeSee__tag--item" href="/columns/lists/實木-keyword/" target="_blank">實木</a><a class="likeSee__tag--item" href="/columns/lists/集成材-keyword/" target="_blank">集成材</a><a class="likeSee__tag--item" href="/columns/lists/三合板-keyword/" target="_blank">三合板</a></p>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+<!-- 
+        <div class="container container-width-ad ad bg-ad px-0 py-5">
+            <div class="row justify-content-center mx-0">
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14720_20190429134507.jpg)">
+
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14719_20190429134355.jpg)">
+
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14721_20190429134843.jpg)">
+                        </div>
+                    </a>
+                </div>
+
+            </div>
+        </div> -->
+        <footer class="footer">
+            <div class="container" style="margin:0 auto;">
+                <div class="row">
+                    <div class="col footer__block">
+                        <h4 class="footer__block-title">相關連結</h4>
+                        <ul class="footer__block-list">
+                            <li><a class="footer__list-item" href="http://gstv.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/tv.svg" alt=""></div>
+                                    <p>幸福空間居家台</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/contest/2018/"
+                                    target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/prize.svg" alt=""></div>
+                                    <p>ADA 亞洲設計獎</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/2019global-award/"
+                                    target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/champion.svg" alt=""></div>
+                                    <p>國際設計大獎代辦</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://www.leju.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/Image 1@2x.png" alt=""
+                                            width="20" class="lazyload"></div>
+                                    <p>樂居網</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://shop.hhh.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/cart.svg" alt=""></div>
+                                    <p>+好物</p>
+                                </a></li>
+                        </ul>
+                    </div>
+                    <div class="col footer__block">
+                        <h4 class="footer__block-title">相關社群</h4>
+                        <div class="d-flex flex-column justify-content-center">
+                            <ul class="footer__block-socials">
+                                <li><a href="https://www.facebook.com/hhhfb"><img src="images/menu/fb.svg" alt=""
+                                            class="d-inline-block"></a></li>
+                                <li><a href="https://line.me/ti/p/%40ovs4341s"><img src="images/menu/line.svg" alt=""
+                                            class="d-inline-block"></a></li>
+                                <li><a href="https://www.youtube.com/user/gorgeousspace"><img
+                                            src="images/menu/youtube.svg" alt="" class="d-inline-block"></a></li>
+                                <li><a href="https://www.instagram.com/gorgeous_space/"><img
+                                            src="images/menu/instagram@2x.png" width="43" alt=""
+                                            class="d-inline-block lazyload"></a></li>
+                                <li><a href=""><img src="images/menu/pinterest.svg" alt="" class="d-inline-block"></a>
+                                </li>
+                            </ul>
+                            <div class="py-4 text-center d-flex justify-content-center">
+                                <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp me-2"><img
+                                        src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
+                                    <p>幸福經紀人</p>
+                                </a>
+                                <a href="https://www.facebook.com/retire.tw/" class="follows-fp ms-2"><img
+                                        src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
+                                    <p>退休好幸福</p>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col footer__block d-flex flex-column justify-content-center align-items-center">
+                        <div class="footer__block-phone">
+                            <p>幸福經紀人免付費諮詢電話</p><span class="ms-2"><a class="text-phone"
+                                    href="tel:0800-366-086">0800-366-086</a></span></a>
+                        </div>
+                        <div class="footer__block-links">
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
+                                <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
+                            </div>
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
+                                <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
+                            </div>
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
+                                <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
+                            </div>
+                        </div>
+                        <!-- <div class="footer__block-subscribe">
+                                    <input type="text" name="searchQuery" class="subscribeBar p-2" placeholder="訂閱電子報,請輸入您的Email">
+                                    <button type="button" class="subscribeBtn">訂閱</button>
+                                </div> -->
+                    </div>
+                </div>
+            </div>
+            <div class="container-fluid bottom-box">
+
+            </div>
+        </footer>
+
+
+    </div>
+
+
+    <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 type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script async defer src="js/index.js"></script>
+    <script async defer src="./goto.js"></script>
+
+    <!-- <script src="js/lazy-load.js" async></script> -->
+</body>
+
+</html>

+ 1684 - 0
cases.html

@@ -0,0 +1,1684 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>一生一世|工業風|25坪 - 幸福空間</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" type="text/css" href="css/slick.css" />
+    <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
+
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <link rel="stylesheet" href="css/style.css">
+</head>
+
+<body style="background: #FCFCFC;">
+    <div id="hhh-cases" style="overflow-x:hidden;">
+        <section class="sec-00 w-100">
+            <button class="text-center sec-00__close">
+                <i class="fas fa-chevron-up" style="transform:translateY(-2px);"></i>
+                <p>隱藏</p>
+            </button>
+            <div class="container-fluid" style="padding:0;margin:0;">
+                <div class="sec-00__slider">
+
+                </div>
+            </div>
+        </section>
+        <nav class="navbar navbar-expand-lg navbar-light navbar-main shadow-sm">
+            <div class="container-fluid" style="margin:0;">
+                <a href="https://hhh.com.tw/" class="navbar-brand navbar-logo"><img
+                        src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="110"></a>
+                <div class="collapse navbar-collapse" id="navbarSupportedContent">
+                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/about/calculator/">估預算</a>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="https://m.hhh.com.tw/photos/index/">找風格</a>
+                            <div class="dropbox">
+                                <div class="container stylebox" style="max-width: 650px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-5">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-3">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://m.hhh.com.tw/about/calculator/">估預算</a>
+                                                </li>
+                                                <li class="dropbox-item mb-0">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://hhh.com.tw/about/request/">找諮詢</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/nordic-style/">北歐風</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/modern-style/">現代風</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/photos/lists/industry-style/">工業風</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/cases/lists/small-ctype/">小坪數</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/">風水</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/search/lists/video/%E8%8E%8E%E8%8E%8E-keyword/">莎莎看房去</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/topic/detail/402/">小坪數大空間</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/videos/lists/">發燒影音</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" href="">居家防疫動起來</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="https://m.hhh.com.tw/columns/lists/all-columntypea/">專欄文章</a>
+                            <div class="dropbox">
+                                <div class="container">
+                                    <div class="row g-0">
+                                        <div class="col">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/">編輯精選</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/">居家趨勢</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/">人氣排行</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/">建築設計</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/">風格選店</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/">公益活動</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/">展演資訊</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/">居家設計</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/">小宅規劃</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/">老屋翻新</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/">風格營造</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/">配色佈置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/">好宅特輯</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/">設計提案</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/">裝修前線</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/">裝修最前線</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/">預算配置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/">施工流程</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/">建材知識</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/">生活PLUS</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/">居家風水</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/">家事清潔</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/">收納技巧</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/">改造修繕</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/">品牌好物</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/">傢俱家飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/">美型家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/">推薦廚衛</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/">居家好物</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/">優質建材</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/">房市焦點</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/">房市新聞</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/">建案特蒐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/">買屋賣屋</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/">房貸稅務</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/">主題企劃</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/designers/lists/">設計師</a>
+                            <div class="dropbox">
+                                <div class="container designerbox" style="max-width: 680px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-5">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://m.hhh.com.tw/decoquery/lists/address/">查證照</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/designers/lists/">室內設計師</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php">觀眾最愛設計師</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/topglory/">GLORY 國際大賞</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/event170427/">老屋翻新居家改造</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item lg">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/products/lists/">居家商品</a>
+                            <div class="dropbox">
+                                <div class="container">
+                                    <div class="row g-0">
+                                        <div class="col-2">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://shop.hhh.com.tw/"><img src="images/menu/cart.svg"
+                                                            width="15" alt="">
+                                                        <p>+好物</p>
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-3">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/">建材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/wooden-pcategoryb/1-page/new-sort/">木地板</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/sheetmetal-pcategoryb/1-page/new-sort/">板材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/tile-pcategoryb/1-page/new-sort/">磁磚</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/stone-pcategoryb/1-page/new-sort/">石材</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/cement-pcategoryb/1-page/new-sort/">水泥</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/glass-pcategoryb/1-page/new-sort/">玻璃、隔熱膜</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/wallcovering-pcategoryb/1-page/new-sort/">壁紙、壁布</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/building-pcategorya/doorswindows-pcategoryb/1-page/new-sort/">門窗</a>
+                                                </li>
+                                            </ul>
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/1-page/new-sort/">塗料</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/paint-pcategoryb/1-page/new-sort/">油漆</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/coating-pcategorya/coatings-pcategoryb/1-page/new-sort/">塗料</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto mb-3">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort/">傢俱</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/living-pcategoryb/1-page/new-sort/">客廳</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/bedroom-pcategoryb/1-page/new-sort/">臥室</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/restaurant-pcategoryb/1-page/new-sort/">餐廳</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/study-pcategoryb/1-page/new-sort/">書房/辦公室</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/furniture-pcategorya/storage-pcategoryb/1-page/new-sort/">收納</a>
+                                                </li>
+                                            </ul>
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/1-page/new-sort/">寢具裝飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/bedding-pcategoryb/1-page/new-sort/">寢飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/curtains-pcategoryb/1-page/new-sort/">窗簾、葉窗</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/carpet-pcategoryb/1-page/new-sort/">地毯、地墊</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/artdecoration-pcategoryb/1-page/new-sort/">藝術、擺飾</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/home-pcategorya/mirror-pcategoryb/1-page/new-sort/">鏡子</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/">家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/refrigerator-pcategoryb/1-page/new-sort/">冰箱</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/airconditioning-pcategoryb/1-page/new-sort/">冷氣、空調</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/tv-pcategoryb/1-page/new-sort/">電視</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/projector-pcategoryb/1-page/new-sort/">投影機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/sound-pcategoryb/1-page/new-sort/">音響</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/aircleaner-pcategoryb/1-page/new-sort/">空氣清淨機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/vacuumcleaner-pcategoryb/1-page/new-sort/">吸塵器</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/efan-pcategoryb/1-page/new-sort/">電風扇</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/eheater-pcategoryb/1-page/new-sort/">電暖器機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/dehumidifier-pcategoryb/1-page/new-sort/">除濕機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/massage-pcategoryb/1-page/new-sort/">按摩家電</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/household-pcategorya/coffee-pcategoryb/1-page/new-sort/">咖啡機</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/1-page/new-sort/">廚房</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/electromagnetic-pcategoryb/1-page/new-sort/">電磁、電子爐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/dryingmachine-pcategoryb/1-page/new-sort/">洗、烘碗機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/ventilator-pcategoryb/1-page/new-sort/">排油煙機</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/steamoven-pcategoryb/1-page/new-sort/">烤箱、蒸爐</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/kithardware-pcategoryb/1-page/new-sort/">廚房五金</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/kitchen-pcategorya/potsandutensils-pcategoryb/1-page/new-sort/">鍋具、器皿</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/1-page/new-sort/">衛浴</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathtub-pcategoryb/1-page/new-sort/">浴缸</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/waterheater-pcategoryb/1-page/new-sort/">電熱水器</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathaircondition-pcategoryb/1-page/new-sort/">浴室空調</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathfittings-pcategoryb/1-page/new-sort/">衛浴五金</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/showerdoor-pcategoryb/1-page/new-sort/">淋浴拉門</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathm-pcategoryb/1-page/new-sort/">衛浴設備</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/1-page/new-sort/">照明</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/ceiling-pcategoryb/1-page/new-sort/">吸頂燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/spotlight-pcategoryb/1-page/new-sort/">投射燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/chandelier-pcategoryb/1-page/new-sort/">吊燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/walllamp-pcategoryb/1-page/new-sort/">壁燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/tablelamp-pcategoryb/1-page/new-sort/">檯燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/standing-pcategoryb/1-page/new-sort/">立燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/recessed-pcategoryb/1-page/new-sort/">嵌燈</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/lighting-pcategorya/lightbulbs-pcategoryb/1-page/new-sort/">燈泡、燈具</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col">
+                                            <ul class="mx-auto">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/1-page/new-sort/">其他</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/fire-pcategoryb/1-page/new-sort/">消防設備</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/smartdevice-pcategoryb/1-page/new-sort/">智能設備</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/lifegroceries-pcategoryb/1-page/new-sort/">生活雜貨</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/cleaningsupplies-pcategoryb/1-page/new-sort/">清潔用品</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/photography-pcategoryb/1-page/new-sort/">攝影</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/other-pcategorya/otherservice-pcategoryb/1-page/new-sort/">其他服務</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-2">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://event.hhh.com.tw/2020-Top-Brands/">消費者最愛品牌</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/products/lists/1-page/new-sort/">所有商品</a>
+                                                </li>
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/brands/lists/">所有品牌</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/builder/lists/">新建案</a>
+                            <div class="dropbox">
+                                <div class="container newbox" style="max-width: 650px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-lg-0">
+                                                <li class="dropbox-item mb-4">
+                                                    <a class="dropbox-link dropbox-btn" target="_blank"
+                                                        href="https://www.leju.com.tw/page_search_result">實價登錄</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-3">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/1-page/">依地區</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/100-citys/1-page/">臺北市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/101-citys/1-page/">新北市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/103-citys/1-page/">桃園市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/104-citys/1-page/">新竹縣</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/105-citys/1-page/">新竹市</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/107-citys/1-page/">臺中市</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div class="col-3">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item first">
+                                                    <a class="dropbox-link"
+                                                        href="https://m.hhh.com.tw/cases/lists/small-ctype/">新建案</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/mrt-types/1-page/">捷運宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/function-types/1-page/">機能宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/builder/lists/king-types/1-page/">帝王宅</a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/forum/category/">討論區</a>
+                            <div class="dropbox">
+                                <div class="container forumbox" style="max-width: 450px;">
+                                    <div class="row g-0 px-5">
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link"
+                                                        href="https://hhh.com.tw/forum/lists?category=1"
+                                                        target="_blank">居家綜合</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=2">室內設計與佈置</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=3">房屋修繕</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                        <div class="col-6">
+                                            <ul class="mx-auto mb-2 mb-lg-0">
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=4">房產房產經驗宅</a>
+                                                </li>
+                                                <li class="dropbox-item">
+                                                    <a class="dropbox-link" target="_blank"
+                                                        href="https://hhh.com.tw/forum/lists?category=5">家店開箱與討論</a>
+                                                </li>
+
+                                            </ul>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                        <li class="nav-item">
+                            <a class="nav-link" onclick="todayTV();">TV節目表</a>
+                        </li>
+                    </ul>
+                </div>
+                <div class="navbar-brand navbar-search me-2 d-flex align-items-center">
+                    <img width="25" class="navbar-search-magnify"
+                        src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg=="
+                        alt="">
+                    <div class="dropbox">
+                        <div class="container">
+                            <div class="w-100 text-center dropbox__searchBar mb-3">
+                                <input type="text" class="dropbox__searchBar__input" placeholder="請輸入關鍵字">
+                                <button class="dropbox__searchBar__submit">搜尋</button>
+                            </div>
+                            <div class="dropbox__searchtab">
+                                <div class="dropbox__tab dropbox__tabdiv">
+                                    <ul class="nav row nav-pills gx-2 justify-content-around">
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent" id="pills-img-tab">圖片</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-article-tab">專欄文章</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-case-tab">設計案例</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-designer-tab">設計師</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-home-tab">居家商品</button>
+                                        </li>
+                                        <li class="nav-item col text-center">
+                                            <button class="nav-item-link bg-transparent"
+                                                id="pills-news-tab">新建案</button>
+                                        </li>
+                                    </ul>
+                                </div>
+                                <div class="tab-content dropbox-tab-content" id="pills-tab-2">
+                                    <div class="" id="pills-img-tab">
+                                        <div class="tabpar tabpar__1">
+                                            <select name="image-style" id="image-style" class="col select">
+                                                <option value="" selected="selected" disabled>風格</option>
+                                                <option value="all-style">不拘</option>
+                                                <option value="modern-style">現代風</option>
+                                                <option value="nordic-style">北歐風</option>
+                                                <option value="industry-style">工業風</option>
+                                                <option value="american-style">美式風</option>
+                                                <option value="leisure-style">休閒多元風</option>
+                                            </select>
+                                            <select name="image-space" id="image-space" class="col select">
+                                                <option value="" selected="selected" disabled>空間</option>
+                                                <option value="all-space">不拘</option>
+                                                <option value="living-space">客廳</option>
+                                                <option value="kitchen-space">廚房</option>
+                                                <option value="children-space">兒童房</option>
+                                                <option value="study-space">書房</option>
+                                                <option value="restaurant-space">餐廳</option>
+                                            </select>
+                                            <select name="image-area" id="image-area" class="col select">
+                                                <option value="" selected="selected" disabled>坪數</option>
+                                                <option value="all-area">不拘</option>
+                                                <option value="c20-area">20坪以下</option>
+                                                <option value="c21-area">21-30坪</option>
+                                                <option value="c31-area">31-50坪</option>
+                                                <option value="c51-area">51坪以上</option>
+                                            </select>
+                                            <button class="col image-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-article-tab">
+                                        <div class="tabpar tabpar__2">
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://hhh.com.tw/columns/lists/editorchoose-columntypea/`);">編輯精選</button>
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://m.hhh.com.tw/columns/lists/housedesign-columntypea/`);">居家設計</button>
+                                            <button class="col article-btn"
+                                                onclick="window.open(`https://m.hhh.com.tw/columns/lists/decoration-columntypea/`);">裝修前線</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-case-tab">
+                                        <div class="tabpar tabpar__3">
+                                            <select name="cases-type" id="cases-type" class="col select">
+                                                <option value="small-ctype">小坪數</option>
+                                                <option value="all-ctype">不拘</option>
+                                                <option value="standard-ctype">標準格局</option>
+                                                <option value="big-ctype">大坪數</option>
+                                                <option value="villa-ctype">別墅</option>
+                                                <option value="raisehigh-ctype">挑高樓層</option>
+                                                <option value="middle-ctype">樓中樓</option>
+                                                <option value="sample-ctype">實品/樣品屋</option>
+                                                <option value="workspace-ctype">工作空間</option>
+                                                <option value="commercial-ctype">商業空間</option>
+                                                <option value="homestay-ctype">民宿旅館</option>
+                                                <option value="dining-ctype">餐飲空間</option>
+                                                <option value="public-ctype">公共空間</option>
+                                            </select>
+                                            <select name="cases-condition" id="cases-condition" class="col select">
+                                                <option value="renovation-condition">老屋翻新</option>
+                                                <option value="all-condition">不拘</option>
+                                                <option value="new-condition">新成屋</option>
+                                                <option value="blanks-condition">毛胚屋</option>
+                                                <option value="selfbuilt-condition">自地自建</option>
+                                            </select>
+                                            <select name="case-shui" id="case-shui" class="col select">
+                                                <option value="" selected="selected" disabled>風水</option>
+                                                <option value="風水">風水</option>
+                                            </select>
+                                            <button class="col case-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-designer-tab">
+                                        <div class="tabpar tabpar__4">
+                                            <select name="designer-city" id="designer-city" class="col select">
+                                                <option value="" selected="selected" disabled>所在縣市</option>
+
+                                            </select>
+                                            <select name="designer-country" id="designer-country" class="col select">
+                                                <option value="" selected="selected" disabled>所在地區</option>
+
+                                            </select>
+                                            <select name="designer-region" id="designer-region" class="col select">
+                                                <option value="坪數" selected="selected" disabled>接案地區</option>
+                                                <option value="all-region">不拘</option>
+                                                <option value="north-region">北區</option>
+                                                <option value="central-region">中區</option>
+                                                <option value="south-region">南區</option>
+                                                <option value="east-region">宜蘭花東</option>
+                                                <option value="outlying-region">離島地區</option>
+                                                <option value="overseas-region">海外地區</option>
+                                            </select>
+                                            <button class="col designer-search">送出</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-home-tab">
+                                        <div class="tabpar tabpar__5">
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort`);">傢俱</button>
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/`);">家電</button>
+                                            <button class="col home-btn"
+                                                onclick="window.open(`https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/`);">建材</button>
+                                        </div>
+                                    </div>
+                                    <div class="" id="pills-news-tab">
+                                        <div class="tabpar tabpar__6">
+                                            <select name="news-city" id="news-city" class="col select">
+                                                <option value="風格" selected="selected" disabled>所在縣市</option>
+                                                <option value="100-citys">台北市</option>
+                                                <option value="101-citys">新北市</option>
+                                                <option value="102-citys">基隆市</option>
+                                                <option value="103-citys">桃園市</option>
+                                                <option value="104-citys">新竹縣</option>
+                                                <option value="105-citys">新竹市</option>
+                                                <option value="107-citys">台中市</option>
+                                            </select>
+                                            <select name="news-types" id="news-types" class="col select">
+                                                <option value="空間" selected="selected" disabled>類型</option>
+                                                <option value="mrt-types">捷運宅</option>
+                                                <option value="function-types">機能宅</option>
+                                                <option value="king-types">帝王宅</option>
+                                            </select>
+                                            <button class="col news-search">送出</button>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            <div class="text-center dropbox__hots">
+                                <strong class="dropbox__hots__title">熱搜關鍵字:</strong>
+                                <a class="dropbox__hots__link">小坪數</a>
+                                <a class="dropbox__hots__link">收納</a>
+                                <a class="dropbox__hots__link">軟裝佈置</a>
+                                <a class="dropbox__hots__link">幸福經紀人</a>
+                                <a class="dropbox__hots__link">承炫設計</a>
+                                <a class="dropbox__hots__link">風水</a>
+                                <a class="dropbox__hots__link">北歐風</a>
+                                <a class="dropbox__hots__link">周石設計</a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="navbar-brand navbar-login ms-2 d-flex align-items-center">
+                    <a href="https://hhh.com.tw/login/index" class="navbar-login">登入 / 註冊</a>
+                </div>
+            </div>
+        </nav>
+
+        <section>
+            <div class="container px-0">
+                <nav aria-label="breadcrumb">
+                    <ol class="breadcrumb">
+                        <li class="breadcrumb-item"><a href="#">首頁</a></li>
+                        <li class="breadcrumb-item"><a href="#">設計師群</a></li>
+                        <li class="breadcrumb-item"><a href="#">Otis設計團隊</a></li>
+                        <li class="breadcrumb-item active" aria-current="page"><a href="#">一生一世|工業風|25坪</a></li>
+                    </ol>
+                </nav>
+            </div>
+        </section>
+        <section class="article">
+            <div class="container container-width-column px-md-0">
+                <div class="article__wrapper">
+                    <h2 class="h4">一生一世|工業風|25坪</h2>
+                    <div class="d-flex justify-content-between">
+                        <div class="small">設計師:Otis設計團隊 | 圖片提供:歐提系統家具有限公司</div>
+                        <div class="small">2021-12-30| 人氣:49</div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <section class="cases-content">
+            <div class="caseSlider shadow">
+                <img class="img-fluid" src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg" alt="">
+                <div class="morePhotoTip" data-bs-toggle="modal" data-bs-target="#exampleModal">
+                    <i class="fa fa-clone" aria-hidden="true"><span class="ms-2">8</span></i>
+                    </div>
+            </div>
+        </section>
+        <div class="text-center my-3" style="color:#727679;">&nbsp;</div>
+        <div class="container bg-white shadow px-0">
+            <div class="mt-md-4">
+                <div class="container container--padding px-0">
+                    <div class="row mx-0 justify-content-around align-items-center">
+                        <div class="col-md-3 px-mx-0">
+                            <div class="info__items border-end">
+                                <div>
+                                    <div class="info__items__title">風格</div>
+                                    <div class="info__items--ellipse">工業風</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-3 px-mx-0">
+                            <div class="info__items border-end">
+                                <div>
+                                    <div class="info__items__title">格局</div>
+                                    <div class="info__items--ellipse">三房、兩廳、兩衛</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-3 px-mx-0">
+                            <div class="info__items border-end">
+                                <div>
+                                    <div class="info__items__title">坪數</div>
+                                    <div class="info__items--ellipse">25坪</div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="col-md-3 px-mx-0">
+                            <div class="info__items">
+                                <div>
+                                    <div class="info__items__title">預算</div>
+                                    <div class="info__items--ellipse">尚未提供</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="text-center my-3" style="color:#727679;">&nbsp;</div>
+        <section class="scMedia">
+            <div class="container">
+                <div class="scMedia__block">
+                    <div class="scMedia__list">
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/fb.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/line.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/wechat.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/share.svg" alt=""></a>
+                        <a href=""> <img src="https://hhh.com.tw/assets/images/rv_web/like-o.svg" alt=""></a>
+
+
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section class="relTag d-none d-md-block">
+            <div class="container relTag__items pl-md-4 pr-md-0">
+                <div class="relTag__items__title">
+                    <h4>標籤</h4>
+                </div>
+                <div class="relTag__items__tags">
+                    <a href="" class="btn btn-outline-custom rounded-0">標準格局</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">新成屋</a>
+                    <a href="" class="btn btn-outline-custom rounded-0">工業風</a>
+
+
+                </div>
+            </div>
+        </section>
+
+        <section class="caseData">
+            <div class="container px-md-0">
+                <div class="row">
+                    <div class="col-12 col-md-6 mb-5 mb-md-0">
+                        <div class="caseData__infoBlock h-100">
+                            <h4 class="d-none d-md-block">CASE DATA</h4>
+                            <h4 class="d-block d-md-none">CASE DATA</h4>
+                            <div class="caseData__infoItems">
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">居住成員:</div>
+                                    <div class="caseData__infoItems__list--rt">大人x2 </div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">房屋坪數:</div>
+                                    <div class="caseData__infoItems__list--rt">25坪</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">設計風格:</div>
+                                    <div class="caseData__infoItems__list--rt">工業風、暗色系流淌工業風</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">房屋類型:</div>
+                                    <div class="caseData__infoItems__list--rt">標準格局</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">房屋狀況:</div>
+                                    <div class="caseData__infoItems__list--rt">新成屋</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">圖片提供:</div>
+                                    <div class="caseData__infoItems__list--rt">歐提系統家具有限公司</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">空間格局:</div>
+                                    <div class="caseData__infoItems__list--rt">3房、2廳、2衛</div>
+                                </div>
+                                <div class="caseData__infoItems__list">
+                                    <div class="caseData__infoItems__list--lf">主要建材:</div>
+                                    <div class="caseData__infoItems__list--rt">系統櫃、軌道燈、樂土灰泥、超耐磨木地板、吊扇、單車架</div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-12 col-md-6">
+                        <div class="caseData__designerBlock h-100">
+                            <div class="caseData__designerBlock__designer d-block d-md-none">
+                                <h4>聯絡設計師</h4>
+                                <ul>
+                                    <li><a itemprop="item" href="/designer-index.php?designer_id=779"
+                                            target="_blank">歐提系統家具有限公司</a></li>
+                                    <li><a itemprop="item" href="/designer-index.php?designer_id=779"
+                                            target="_blank">Otis設計團隊 設計師</a></li>
+                                    <li>免付費諮詢專線</li>
+                                    <li><a href="tel:0809000123,26526" class="tel">0809-000-123#26526</a></li>
+                                </ul>
+
+                            </div>
+                            <div class="caseData__designerBlock__designer--pc d-none d-md-block">
+                                <div class="caseData__designerBlock__designer--above">
+                                    <h4>聯絡設計師</h4>
+                                    <ul>
+                                        <li><a href="" target="_blank">歐提系統家具有限公司</a></li>
+                                        <li><a href="" target="_blank">Otis設計團隊 設計師</a></li>
+                                    </ul>
+                                </div>
+                                <div class="caseData__designerBlock__designer--below">
+                                    <ul>
+                                        <li>
+                                            免付費諮詢專線
+                                        </li>
+                                        <li>
+                                            <a href="" class="tel">0809-000-123#26526</a>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+                            <div class="caseData__designerBlock__avatar">
+                                <a href="">
+                                    <div class="caseData__designerBlock__avatar--img"
+                                        style="background-image:url(https://m.hhh.com.tw/upload/_hdesigner/img_path_779_20211230102606.jpg) ;">
+
+                                    </div>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <section id="search" class="likeSee">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 px-md-0">
+                        <div class="likeSee__state pl-md-0 pr-md-0">
+                            <div class="likeSee__state__title">
+                                <h4>熱門作品</h4>
+                            </div>
+                            <div class="likeSee__state__filter">
+                                <a class="likeSee__state__filter--item">
+                                    人氣
+                                </a>
+
+                                <span class="likeSee__state__filter--divider"></span>
+
+                                <a class="likeSee__state__filter--item active">
+                                    最新
+                                </a>
+                            </div>
+                        </div>
+
+                        <div class="vue-waterfall News">
+                            <div class="row px-0 mx-0">
+                                <div class="col-md-4 ps-0">
+                                    <div class="vue-waterfall-slot">
+                                        <div class="card">
+                                            <a href="">
+                                                <img class="img-fluid"
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14155_20211230151618.jpg"
+                                                    alt="幸福空間個案圖" class="card-img-top">
+                                            </a>
+                                        </div>
+                                        <div class="card-body">
+                                            <a href="">
+                                                工業風
+                                            </a>
+                                            <a href="">
+                                                新成屋
+                                            </a>
+                                            <a href="">
+                                                標準格局
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="col-md-4">
+                                    <div class="vue-waterfall-slot">
+                                        <div class="card" style="padding: 0px 5px !important;">
+                                            <a href="">
+                                                <img class="img-fluid"
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14154_20211230151111.jpg"
+                                                    alt="幸福空間個案圖" class="card-img-top">
+                                            </a>
+                                        </div>
+                                        <div class="card-body">
+                                            <a href="">
+                                                北歐風
+                                            </a>
+                                            <a href="">
+                                                新成屋
+                                            </a>
+                                            <a href="">
+                                                大坪數
+                                            </a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="mt-0 mt-md-2 popular">
+                            <div>
+                                <div class="likeSee__rule">
+                                    <a href="/cases/detail/d/14154/" target="_blank">
+                                        <div class="likeSee__bgImg">
+                                            <img class="img-fluid"
+                                                src="https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14154_20211230151113.jpg"
+                                                alt="">
+                                        </div>
+                                    </a>
+                                    <div class="likeSee__tag">
+                                        <a href="/cases/lists/北歐風-keyword/" target="_blank"
+                                            class="likeSee__tag--item">北歐風</a>
+                                        <a href="/cases/lists/新成屋-keyword/" target="_blank"
+                                            class="likeSee__tag--item">新成屋</a>
+                                        <a href="/cases/lists/大坪數-keyword/" target="_blank"
+                                            class="likeSee__tag--item">大坪數</a>
+                                    </div>
+                                </div>
+                                <div class="likeSee__rule">
+                                    <a href="/cases/detail/d/14155/" target="_blank">
+                                        <div class="likeSee__bgImg">
+                                            <img class="img-fluid"
+                                                src="https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_14155_20211230151625.jpg"
+                                                alt="">
+                                        </div>
+                                    </a>
+                                    <div class="likeSee__tag">
+                                        <a href="/cases/lists/工業風-keyword/" target="_blank"
+                                            class="likeSee__tag--item ">工業風</a>
+                                        <a href="/cases/lists/新成屋-keyword/" target="_blank"
+                                            class="likeSee__tag--item">新成屋</a>
+                                        <a href="/cases/lists/標準格局-keyword/" target="_blank"
+                                            class="likeSee__tag--item">標準格局</a>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <div class="cta container container-width-ad bg-ad px-md-0 my-md-4">
+            <div class="row justify-content-center mx-md-0">
+                <div class="formBtn formBtn--mr">
+                    <button type="button" class="btn btn-primary btn-block">看其他案例</button>
+                </div>
+                <div class="formBtn mt-3 mt-md-0">
+                    <button type="button" class="btn btn-primary btn-block">看其他設計師</button>
+                </div>
+            </div>
+        </div>
+        <div class="container container-width-ad ad bg-ad px-0 py-5">
+            <div class="row justify-content-center mx-0">
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14720_20190429134507.jpg)">
+
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14719_20190429134355.jpg)">
+
+                        </div>
+                    </a>
+                </div>
+                <div class="col-md-4">
+                    <a href="">
+                        <div class="ad__bgImg"
+                            style="background-image:url(https://cloud.hhh.com.tw/upload/_had/adlogo_14721_20190429134843.jpg)">
+                        </div>
+                    </a>
+                </div>
+
+            </div>
+        </div>
+    
+
+        <!-- Modal -->
+        <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+            <div class="modal-dialog modal-fullscreen">
+                <div class="modal-content">
+                    <div class="modal-header border-0">
+                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="row px-0 mx-0">
+                            <div class="col-md-8">
+                                <div style="position: sticky; top:0px;"> 
+                                    <img class="img-fluid"
+                                            src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150527.jpg"
+                                            alt="">
+                                </div>
+                            </div>
+                            <div class="col-md-4">
+                                <div class="d-flex justify-content-start align-items-center pt-5">
+                                    <a href="">
+                                        <div class="contact-section-avatar me-2">
+                                            <img class="img-fluid"
+                                                src="https://cloud.hhh.com.tw/upload/_hdesigner/img_path_779_20211230102606.jpg"
+                                                alt="">
+                                        </div>
+                                    </a>
+                                    <div class="ms-2" style="width: 100%;">
+                                        <a href="" class="contact-section-company">
+                                            <div>
+                                                歐提系統家具有限公司
+                                            </div>
+                                        </a>
+                                        <div style="display: flex;" class="contact-section-detail-box mt-3">
+                                            <div class="contact-section-detail-lf">
+                                                <div><i aria-hidden="true" class="fa fa-phone"></i></div>
+                                            </div>
+                                            <div class="contact-section-detail-rt">
+                                                <div><a href="tel:0809000123,26526">免付費 0809-000-123#26526</a></div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="info-area-title-desktop"><a href="/case-post.php?id=14151" target="_blank">
+                                        一生一世|工業風|25坪</a></div>
+                                <div class="divider"></div>
+                                <div class="info-area-other-case-desktop py-3">
+                                    <div class="ml-1">該個案的其他圖片(<span id="index">5</span>/8)</div>
+                                    <div class="other-case-desktop-items d-flex flex-wrap">
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a>
+                                                <img src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片">
+                                            </a>
+                                        </div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150527.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150528.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150529.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150531.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150534.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                        <div id="img-0" class="w-20 m-1 p-1 img_all"><a href=""><img
+                                                    src="https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150528.jpg"
+                                                    width="70" height="70" alt="該個案的其他圖片"></a></div>
+
+                                    </div>
+                                </div>
+
+                                <div class="divider"></div>
+
+                                <div class="info-area-same-case-desktop py-3">
+                                    <div class="ml-1"><span>工業風</span> 其他作品</div>
+                                    <div class="same-case-desktop-items d-flex flex-wrap">
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/8294/94133"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer492_06_03.jpg"
+                                                    width="70" height="70" alt="年輕不失沉穩 現代輕工業風別墅"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/11046/126444"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/name_11046_20190402193723.jpg"
+                                                    width="70" height="70" alt="坐擁淡海一線美景 質樸輕工業宅"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/7773/88141"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer457_05_05.jpg"
+                                                    width="70" height="70" alt="日式簡約mix微醺工業風情"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/7283/82252"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer491_05_01.jpg"
+                                                    width="70" height="70" alt="Loft無邊際"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/8485/96363"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer102_46_05.jpg"
+                                                    width="70" height="70" alt="36年漏水屋改造 動線收納滿足"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/6244/70208"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer209_25_07.jpg"
+                                                    width="70" height="70" alt="通透玻璃,打造工業風精緻咖啡廳"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/12300/144358"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/name_12300_20200417100142.jpg"
+                                                    width="70" height="70" alt="簡約日式水泥宅 細品質樸生活感"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/11324/130559"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/name_11324_20190614143505.jpg"
+                                                    width="70" height="70" alt="老屋改頭換面 化身有氧工業宅"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/7532/85314"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer270_15_04.jpg"
+                                                    width="70" height="70" alt="引光大尺度 跳色工業風時尚"></a></div>
+                                        <div class="w-20 m-1 p-1 "><a href="/photos/detail/10240/116625"><img
+                                                    src="https://images.hhh.com.tw/uploads/_hcase/designer620_03_05.jpg"
+                                                    width="70" height="70" alt="共享時代-台中"></a></div>
+                                    </div>
+                                </div>
+
+                                <div class="divider"></div>
+
+                                <div class="info-area-data-desktop py-3">
+                                    <div class="ml-2">CASE DATA</div>
+                                    <div class="data-table-desktop ml-2">
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>裝潢費用:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>尚未提供</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>居住成員:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>大人×2</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>設計風格:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>工業風</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>房屋類型:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>標準格局</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>房屋坪數:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>25</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>房屋狀況:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>新成屋</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>圖片提供:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>歐提系統家具有限公司</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>空間格局:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>3房、2廳、2衛</div>
+                                            </div>
+                                        </div>
+                                        <div class="data-table-items d-flex">
+                                            <div class="data-table-lf">
+                                                <div>主要建材:</div>
+                                            </div>
+                                            <div class="data-table-rt">
+                                                <div>系統櫃、軌道燈、樂土灰泥、超耐磨木地板、吊扇、單車架</div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div class="divider"></div>
+
+                                <div class="info-area-contact-desktop py-3 mb-2">
+                                    <div class="ml-2">聯絡資訊 Info</div>
+                                    <div class="contact-section-desktop ml-2 mt-2">
+                                        <div class="contact-section-detail-desktop mt-3">
+                                            <div class="d-flex">
+                                                <div class="contact-section-detail-lf">
+                                                    <div><i aria-hidden="true" class="fa fa-phone"></i></div>
+                                                </div>
+                                                <div class="contact-section-detail-rt">
+                                                    <div><a href="tel:03-5748866"> 03-5748866</a></div>
+                                                </div>
+                                            </div>
+                                            <div class="d-flex">
+                                                <div class="contact-section-detail-lf">
+                                                    <div><i class="fas fa-map-marker-alt"></i></div>
+                                                </div>
+                                                <div class="contact-section-detail-rt">
+                                                    <div><a href="http://maps.google.com.tw/maps?q=%E6%96%B0%E7%AB%B9%E5%B8%82%E6%9D%B1%E5%8D%80%E5%BB%BA%E4%B8%AD%E4%B8%80%E8%B7%AF20%E8%99%9F1%E6%A8%93"
+                                                            target="_blank">新竹市東區建中一路20號1樓</a></div>
+                                                </div>
+                                            </div>
+                                            <div class="d-flex">
+                                                <div class="contact-section-detail-lf">
+                                                    <div><i class="far fa-envelope"></i></div>
+                                                </div>
+                                                <div class="contact-section-detail-rt">
+                                                    <div><a href="mailto:eggerboard@gmail.com">eggerboard@gmail.com</a>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                            <div class="d-flex">
+                                                <div class="contact-section-detail-lf">
+                                                    <div><i aria-hidden="true" class="fa fa-home"></i></div>
+                                                </div>
+                                                <div class="contact-section-detail-rt">
+                                                    <div><a href="https://www.otis-design.com"
+                                                            target="_blank">https://www.otis-design.com</a></div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <footer class="footer">
+            <div class="container" style="margin:0 auto;">
+                <div class="row">
+                    <div class="col footer__block">
+                        <h4 class="footer__block-title">相關連結</h4>
+                        <ul class="footer__block-list">
+                            <li><a class="footer__list-item" href="http://gstv.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/tv.svg" alt=""></div>
+                                    <p>幸福空間居家台</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/contest/2018/"
+                                    target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/prize.svg" alt=""></div>
+                                    <p>ADA 亞洲設計獎</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/2019global-award/"
+                                    target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/champion.svg" alt=""></div>
+                                    <p>國際設計大獎代辦</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://www.leju.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/Image 1@2x.png" alt=""
+                                            width="20" class="lazyload"></div>
+                                    <p>樂居網</p>
+                                </a></li>
+                            <li><a class="footer__list-item" href="https://shop.hhh.com.tw/" target="_blank">
+                                    <div class="footer__list-icon"><img src="images/menu/cart.svg" alt=""></div>
+                                    <p>+好物</p>
+                                </a></li>
+                        </ul>
+                    </div>
+                    <div class="col footer__block">
+                        <h4 class="footer__block-title">相關社群</h4>
+                        <div class="d-flex flex-column justify-content-center">
+                            <ul class="footer__block-socials">
+                                <li><a href="https://www.facebook.com/hhhfb"><img src="images/menu/fb.svg" alt=""
+                                            class="d-inline-block"></a></li>
+                                <li><a href="https://line.me/ti/p/%40ovs4341s"><img src="images/menu/line.svg" alt=""
+                                            class="d-inline-block"></a></li>
+                                <li><a href="https://www.youtube.com/user/gorgeousspace"><img
+                                            src="images/menu/youtube.svg" alt="" class="d-inline-block"></a></li>
+                                <li><a href="https://www.instagram.com/gorgeous_space/"><img
+                                            src="images/menu/instagram@2x.png" width="43" alt=""
+                                            class="d-inline-block lazyload"></a></li>
+                                <li><a href=""><img src="images/menu/pinterest.svg" alt="" class="d-inline-block"></a>
+                                </li>
+                            </ul>
+                            <div class="py-4 text-center d-flex justify-content-center">
+                                <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp me-2"><img
+                                        src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
+                                    <p>幸福經紀人</p>
+                                </a>
+                                <a href="https://www.facebook.com/retire.tw/" class="follows-fp ms-2"><img
+                                        src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2">
+                                    <p>退休好幸福</p>
+                                </a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col footer__block d-flex flex-column justify-content-center align-items-center">
+                        <div class="footer__block-phone">
+                            <p>幸福經紀人免付費諮詢電話</p><span class="ms-2"><a class="text-phone"
+                                    href="tel:0800-366-086">0800-366-086</a></span></a>
+                        </div>
+                        <div class="footer__block-links">
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
+                                <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
+                            </div>
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
+                                <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
+                            </div>
+                            <div class="footer__block-links-grp">
+                                <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
+                                <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
+                            </div>
+                        </div>
+                        <!-- <div class="footer__block-subscribe">
+                                    <input type="text" name="searchQuery" class="subscribeBar p-2" placeholder="訂閱電子報,請輸入您的Email">
+                                    <button type="button" class="subscribeBtn">訂閱</button>
+                                </div> -->
+                    </div>
+                </div>
+            </div>
+            <div class="container-fluid bottom-box">
+
+            </div>
+        </footer>
+
+
+    </div>
+
+
+    <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 type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+    <script async defer src="js/index.js"></script>
+    <script async defer src="./goto.js"></script>
+
+    <!-- <script src="js/lazy-load.js" async></script> -->
+</body>
+
+</html>

+ 24 - 0
cases.json

@@ -0,0 +1,24 @@
+[
+    {
+        "casetitle":"一生一世|工業風|25坪",
+        "CaseTeamName":"Otis設計團隊",
+        "CaseCompany":"歐提系統家具有限公司",
+        "CaseDate":"2021-12-30",
+        "CaseViews":"49",
+        "CaseCoverImg":"https://cloud.hhh.com.tw/upload/_hcase_img/name_14151_20211230150533.jpg",
+        "CaseStyle":"工業風",
+        "CaseHouse":"三房、兩廳、兩衛",
+        "CaseSize":"25坪",
+        "CaseProject":"尚未提供",
+        "CaseDataMember":"大人x2",
+        "CaseDataSize":"25坪",
+        "CaseDataStyle":"工業風、暗色系流淌工業風",
+        "CaseDataType":"標準格局",
+        "CaseDataSituation":"新成屋",
+        "CaseDataImgProvide":"歐提系統家具有限公司",
+        "CaseDataSpace":"房、2廳、2衛",
+        "CaseDataMaterial":"系統櫃、軌道燈、樂土灰泥、超耐磨木地板、吊扇、單車架",
+        "ContactTel":"0809-000-123#13430",
+        "ContactDesignerImg":"https://m.hhh.com.tw/upload/_hdesigner/img_path_779_20211230102606.jpg"
+    }
+]

+ 0 - 774
css/list-style-mb.css

@@ -1,774 +0,0 @@
-body {
-  font-family: 'Helvetica Neue';
-}
-
-a:focus {
-  outline: none;
-}
-
-a:focus-visible {
-  outline: none;
-}
-
-button:focus-visible {
-  outline: none;
-}
-
-img:focus-visible {
-  outline: none;
-}
-
-a {
-  text-decoration: none;
-}
-
-.text-hhh {
-  color: #EE7800;
-}
-
-.navbar {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  padding-top: 5px;
-  padding-bottom: 5px;
-  background-color: white !important;
-  z-index: 99;
-}
-
-.navbar-toggler {
-  padding-left: 0;
-  border-color: transparent !important;
-}
-
-.navbar-toggler:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.navbar-toggler-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  justify-items: center;
-}
-
-.navbar-toggler-icon i {
-  font-size: 25px;
-  line-height: 30px;
-  display: inline-block;
-}
-
-.navbar-search {
-  padding-right: 2px;
-}
-
-.navbar-brand {
-  font-size: 1.5rem;
-}
-
-.navbar-main.sticky {
-  position: fixed;
-  top: 0;
-  width: 100%;
-}
-
-.navbar-main.sticky + .sec-01 {
-  padding-top: 58px;
-}
-
-.fixed_menu {
-  height: 78px;
-  position: fixed;
-  z-index: 4;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  background-color: #fff;
-  box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-}
-
-@media (min-width: 480px) {
-  .fixed_menu {
-    height: 50px;
-  }
-}
-
-@media (min-width: 480px) {
-  .fixed_menu .row {
-    height: 50px;
-  }
-}
-
-@media (min-width: 480px) {
-  .fixed_menu__box {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.fixed_menu__box img:focus-visible {
-  outline: none;
-}
-
-@media (min-width: 480px) {
-  .fixed_menu__box img {
-    width: 100%;
-    height: 100%;
-  }
-}
-
-.sec-menu {
-  display: none;
-  z-index: 105;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  font-size: 14px;
-}
-
-.sec-menu-block {
-  padding-top: 61px;
-  margin: 0;
-  -webkit-transition: -webkit-transform .5s;
-  transition: -webkit-transform .5s;
-  transition: transform .5s;
-  transition: transform .5s, -webkit-transform .5s;
-  position: fixed;
-  top: 0;
-  left: -100%;
-  right: 0;
-  height: 100%;
-  overflow-y: scroll;
-  max-width: 100%;
-  background-color: white;
-}
-
-.sec-menu-block.slidein {
-  -webkit-animation: slidein 0.3s forwards;
-  animation: slidein 0.3s forwards;
-}
-
-.sec-menu-block.slideout {
-  -webkit-animation: slideout 0.3s forwards;
-  animation: slideout 0.3s forwards;
-}
-
-.sec-menu-list {
-  background: white;
-  margin-bottom: 0;
-}
-
-.sec-menu-list .navbar-nav {
-  padding: 0 2rem;
-  width: 100%;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu {
-  border: none;
-  padding: 0;
-  height: 0;
-  opacity: 0;
-  -webkit-transition: all 1s;
-  transition: all 1s;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu.show {
-  height: -webkit-fit-content;
-  height: -moz-fit-content;
-  height: fit-content;
-  opacity: 1;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu .dropdown-item {
-  padding-left: 3rem;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:active, .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item.active, .sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:focus {
-  background-color: white;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu .dropdown-item:hover {
-  background-color: white;
-}
-
-.sec-menu-list .navbar-nav .dropdown-menu .sub-menu .dropdown-item {
-  padding-left: 6rem;
-}
-
-.sec-menu-list .nav-item {
-  font-size: 17px;
-  display: block;
-  width: 100%;
-}
-
-.sec-menu-list .nav-link {
-  padding-top: 11px;
-  padding-bottom: 8px;
-  color: #707070;
-  position: relative;
-}
-
-.sec-menu-list .nav-link .link_div {
-  width: 25px;
-}
-
-.sec-menu-list .nav-link a {
-  color: #707070;
-  text-decoration: none;
-}
-
-.sec-menu-list .nav-link.show i {
-  -webkit-transform: rotate(-180deg);
-          transform: rotate(-180deg);
-}
-
-.sec-menu-list .nav-link .expand {
-  position: absolute;
-  right: 10px;
-}
-
-.sec-menu-list .nav-link .expand i {
-  font-size: 11px;
-  color: #D3D3D3;
-  -webkit-transition: all .5s;
-  transition: all .5s;
-}
-
-.sec-menu-list .nav-link.text-main {
-  color: #EE7800;
-}
-
-.sec-menu-list .sub-link .expand {
-  position: absolute;
-  right: 20px;
-  top: 8px;
-  width: 1.5rem;
-  text-align: center;
-}
-
-.sec-menu-list .sub-menu {
-  display: none;
-}
-
-.sec-menu-list .sub-menu.show {
-  display: block;
-}
-
-.sec-menu-list hr {
-  margin: 3px 0;
-  background-color: #bbbbbb;
-}
-
-.sec-menu-follows {
-  padding: 2rem 2.5rem;
-  background-color: #e6e6e6ef;
-  margin-top: -9px;
-}
-
-.sec-menu-follows-title {
-  color: #797979;
-  font-size: 14px;
-}
-
-.sec-menu-links {
-  margin-bottom: 2.5rem;
-}
-
-.sec-menu-links a {
-  color: #797979;
-  text-decoration: none;
-  display: inline-block;
-  padding: 1px 0;
-  border-bottom: 1px solid #acacac;
-  margin: 0 .6rem;
-  -ms-flex-wrap: nowrap;
-      flex-wrap: nowrap;
-}
-
-@media screen and (max-width: 385px) {
-  .sec-menu-links a {
-    margin: 0 .4rem;
-  }
-}
-
-.sec-menu .follows-fp {
-  color: #797979;
-  text-decoration: none;
-  font-weight: 400;
-  display: block;
-  padding-left: .5rem;
-}
-
-.sec-menu .follows-fp:nth-of-type(1) {
-  margin-bottom: .6rem;
-}
-
-.sec-menu .copyright {
-  color: #797979;
-  font-size: 13px;
-}
-
-@-webkit-keyframes slidein {
-  100% {
-    left: 0;
-  }
-}
-
-@keyframes slidein {
-  100% {
-    left: 0;
-  }
-}
-
-@-webkit-keyframes slideout {
-  100% {
-    left: -100%;
-  }
-}
-
-@keyframes slideout {
-  100% {
-    left: -100%;
-  }
-}
-
-.sec-search {
-  display: none;
-  z-index: 107;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  font-size: 14px;
-}
-
-.sec-search-block {
-  padding-top: 61px;
-  margin: 0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100;
-  height: 100%;
-  overflow-y: scroll;
-  background-color: rgba(0, 0, 0, 0.774);
-}
-
-.sec-search-list {
-  background-color: #F3F3F3;
-  padding: 1rem;
-  padding-bottom: 1.4rem;
-}
-
-.sec-search-list hr {
-  background-color: #aaaaaa;
-}
-
-.sec-search-form {
-  width: 100%;
-}
-
-.sec-search .searchBar {
-  font-size: 17px;
-  padding: .5rem .3rem;
-  display: inline-block;
-  width: 88%;
-  outline: none;
-  border: 2px solid #EE7800;
-  border-radius: 5px;
-}
-
-.sec-search .searchBtn {
-  outline: none;
-  border: none;
-  background-color: transparent;
-  display: inline-block;
-  width: 10%;
-}
-
-.sec-search-hots {
-  padding: 1rem;
-  background-color: white;
-  -webkit-box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-          box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-}
-
-.sec-search-hots__title {
-  color: #AAAAAA;
-  font-size: 18px;
-  font-weight: 400;
-  padding-top: .5rem;
-}
-
-.sec-search-hots__link {
-  display: inline-block;
-  text-decoration: none;
-  color: #797979;
-  border: 1px solid #797979;
-  border-radius: 3rem;
-  padding: .3rem .5rem;
-  margin-right: .8rem;
-  margin-bottom: .8rem;
-}
-
-.sec-search-hots__link:hover {
-  color: #797979;
-}
-
-.sec-login {
-  display: none;
-  z-index: 109;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  font-size: 14px;
-}
-
-.sec-login-block {
-  padding-top: 61px;
-  margin: 0;
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  width: 100;
-  height: 100%;
-  overflow-y: hidden;
-  background-color: #F3F3F3;
-}
-
-.sec-login-list {
-  background-color: #F3F3F3;
-  padding: 1rem;
-  padding-bottom: 1.4rem;
-}
-
-.sec-login-list hr {
-  background-color: #aaaaaa;
-}
-
-.sec-login-btns {
-  padding: 1rem;
-  background-color: white;
-  -webkit-box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-          box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-}
-
-.text-main {
-  color: #EE7800;
-}
-
-.text-phone {
-  color: #EA068C;
-  text-decoration: none;
-}
-
-.bg-white {
-  background-color: #fff;
-}
-
-.mb__hero {
-  margin-top: calc(52px);
-}
-
-.mb__hero__bgImg {
-  height: 240px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center center;
-}
-
-.mb__content {
-  background-color: rgba(244, 244, 244, 0.8);
-}
-
-.other {
-  display: none;
-}
-
-.mb__infoCard {
-  color: #727679;
-  text-align: center;
-  padding: 1rem;
-  background-color: rgba(244, 244, 244, 0.8);
-  margin: 3rem 0 0;
-}
-
-.mb__infoCard__name, .mb__infoCard__span {
-  font-size: 1.25rem;
-  color: #43484C;
-  font-weight: bold;
-}
-
-.mb__infoCard__span {
-  font-size: 1rem;
-}
-
-.mb__infoCard__cmy {
-  font-size: 1.125rem;
-  font-weight: 400;
-}
-
-.mb__infoCard__avatar {
-  width: 188px;
-  height: 188px;
-  position: absolute;
-  top: -120px;
-  border: 3px solid #FFF;
-  border-radius: 50%;
-  background-size: cover;
-  background-repeat: no-repeat;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-}
-
-.mb__infoCard__seo {
-  font-size: 1.12rem;
-  text-align: center;
-  padding: 1rem;
-  display: block;
-  line-height: 1.2;
-  font-weight: 400;
-}
-
-.mb__infoCard__approve {
-  color: #FF0000;
-}
-
-.mb__infoCard__more {
-  color: #FFAC73;
-  text-align: center;
-  cursor: pointer;
-}
-
-.mb__infoCard__detail aside {
-  line-height: 2;
-  font-size: 1rem;
-}
-
-.mb__infoCard__detail__l {
-  -ms-flex-preferred-size: 30%;
-      flex-basis: 30%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  max-width: 30%;
-}
-
-.mb__infoCard__detail__l.title {
-  color: #AAAAAA;
-  font-size: 1.125rem;
-  font-weight: bold;
-  -webkit-transform: translateX(-15px);
-          transform: translateX(-15px);
-}
-
-.mb__infoCard__detail__r {
-  -ms-flex-preferred-size: 70%;
-      flex-basis: 70%;
-  text-align: start;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  max-width: 70%;
-  word-break: break-all;
-}
-
-.mb__infoCard .scMedia {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 1rem 0;
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-}
-
-.mb__infoCard .scMedia a {
-  width: 16%;
-}
-
-.mb__infoCard .scMedia a img {
-  width: 100%;
-}
-
-.infoContent a {
-  color: #727679;
-  text-decoration: none;
-  font-size: .9rem;
-}
-
-.infoContent a.active {
-  color: #EE7800;
-}
-
-.infoContent__navBlock.tab_sticky {
-  position: fixed;
-  top: 60px;
-  width: 100%;
-  z-index: 12;
-}
-
-.infoContent .nav-item {
-  margin: 0;
-  width: 25%;
-  text-align: center;
-}
-
-.infoContent .nav-item-link {
-  display: block;
-  padding: 1rem 0.5rem;
-  text-decoration: none;
-  background-color: transparent;
-  font-size: .9rem;
-  color: #727679;
-  text-align: center;
-  font-size: 1.12rem;
-}
-
-.infoContent .nav-item-link.active {
-  color: #EE7800;
-  border-bottom: 2px solid #EE7800;
-}
-
-.infoContent .likeSee__divider {
-  height: 12px;
-  display: inline-block;
-  border: 0.5px solid #9d9d9d;
-}
-
-.infoContent .tab-content {
-  padding: 0 1rem;
-}
-
-.infoContent .tab-content .row > div {
-  padding-left: 5px;
-  padding-right: 5px;
-}
-
-.infoContent .card {
-  -webkit-box-shadow: 0 1px 10px #eee;
-          box-shadow: 0 1px 10px #eee;
-  margin: 0 0 1.5rem;
-  border: none;
-}
-
-.infoContent .card__bgImg {
-  height: 145px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-      align-items: center;
-  -webkit-box-pack: center;
-}
-
-.infoContent .card-body {
-  padding: 0.5rem 1rem;
-}
-
-.infoContent .card__title {
-  font-size: 1.125rem;
-  -webkit-box-orient: vertical;
-  box-orient: vertical;
-  -webkit-line-clamp: 2;
-  height: calc(18px * 2 * 1.5);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  font-weight: bold;
-  margin: 0.5rem 0;
-  color: #727679;
-}
-
-.infoContent .card__tag {
-  margin: 0 0.2rem 0 0;
-}
-
-.infoContent .company__block {
-  margin: 0 0 2rem;
-}
-
-.infoContent .company__title {
-  color: #AAAAAA;
-  font-size: 1.125rem;
-  font-weight: bold;
-}
-
-.infoContent .company__text {
-  color: #43484C;
-}
-
-.infoContent__navBlock {
-  padding-top: 0rem;
-}
-
-.infoContent__navBlock.tab_sticky + .tab-content {
-  padding-top: 60.8px;
-}
-
-.freeCall {
-  position: fixed;
-  bottom: 78px;
-  z-index: 11;
-  width: 100%;
-  text-align: center;
-  background: -webkit-gradient(linear, left top, left bottom, from(rgba(244, 244, 244, 0.9)), to(rgba(244, 244, 244, 0.9)));
-  background: linear-gradient(180deg, rgba(244, 244, 244, 0.9) 0%, rgba(244, 244, 244, 0.9) 100%);
-}
-
-.freeCall__btn {
-  color: #fff;
-  background-color: #EE7800;
-  border-color: #EE7800;
-}
-
-.fixed-btn {
-  position: fixed;
-  right: 15px;
-  bottom: 5.5rem;
-  z-index: 15;
-}
-
-@media (min-width: 480px) {
-  .fixed-btn {
-    bottom: 5rem;
-  }
-}
-
-.fixed-btn .btn-gotop {
-  padding: 1rem .65rem;
-  background-color: rgba(255, 255, 255, 0.897);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-/*# sourceMappingURL=list-style.css.map */

File diff suppressed because it is too large
+ 0 - 2
css/list-style-mb.css.map


+ 0 - 652
css/list-style-mb.scss

@@ -1,652 +0,0 @@
-$horizontal: 480px;
-body {
-    font-family: 'Helvetica Neue';
-}
-a:focus {
-    outline: none;
-}
-a:focus-visible {
-    outline: none;
-}
-button:focus-visible {
-    outline: none;
-}
-img:focus-visible  {
-    outline: none;
-}
-
-a {
-    text-decoration: none;
-}
-
-.text-hhh {
-    color: #EE7800;
-}
-
-.navbar {
-    box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-    -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-    padding-top: 5px;
-    padding-bottom: 5px;
-    background-color: white !important;
-    z-index: 99;
-    &-toggler {
-        padding-left: 0;
-        border-color: transparent !important;
-        &:focus {
-            box-shadow: none;
-        }
-    }
-    &-toggler-icon {
-        display: flex;
-        justify-items: center;
-        i {
-            font-size: 25px;
-            line-height: 30px;
-            display: inline-block;
-        }
-    }
-    &-search {
-        padding-right: 2px;
-    }
-    &-brand {
-        font-size: 1.5rem;
-    }
-}
-
-.navbar-main.sticky {
-    position: fixed;
-    top: 0;
-    width: 100%;
-}
-
-.navbar-main.sticky + .sec-01 {
-    padding-top: 58px;
-}
-
-.fixed_menu {
-    height: 78px;
-    position: fixed;
-    z-index: 4;
-    bottom: 0;
-    left: 0;
-    width: 100%;
-    background-color: #fff;
-    box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-    -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-    -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
-    //padding-bottom: 16px;
-    @media (min-width: $horizontal) {
-        height: 50px;
-    }
-    .row {
-        @media (min-width: $horizontal) {
-            height: 50px;
-        } 
-    }
-    &__box {
-        @media (min-width: $horizontal) {
-            width: 100%;
-            height: 100%;
-        } 
-        img {
-            &:focus-visible {
-                outline: none;
-            }
-            @media (min-width: $horizontal) {
-                width: 100%;
-                height: 100%;
-            } 
-        }
-    }
-}
-
-.sec-menu {
-    display: none;
-    z-index: 105;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    font-size: 14px;
-    &-block {
-        padding-top: 61px;
-        margin:0;
-        // transform: translateX(-500px);
-        transition: transform .5s;
-        position: fixed;
-        top: 0;
-        left: -100%;
-        right: 0;
-        height: 100%;
-        overflow-y: scroll;
-        max-width: 100%;
-        background-color: white;
-        &.slidein {
-            //transform: translateX(0px);
-            -webkit-animation: slidein 0.3s forwards;
-            
-            animation: slidein 0.3s forwards;
-            
-        }
-        &.slideout {
-            //transform: translateX(0px);
-            -webkit-animation: slideout 0.3s forwards;
-            
-            animation: slideout 0.3s forwards;
-            
-        }
-    }
-    &-list {
-        background: white;
-        margin-bottom: 0;
-        .navbar-nav {
-            padding: 0 2rem;
-            width: 100%;
-            .dropdown-menu {
-                border: none;
-                padding: 0;
-                height: 0;
-                opacity: 0;
-                transition: all 1s;
-                &.show {
-                    height: fit-content;
-                    opacity: 1;
-                }
-                .dropdown-item {
-                    padding-left: 3rem;
-                    &:active, &.active, &:focus {
-                        background-color: white;
-                    }
-                    &:hover {
-                        background-color: white;
-                    }
-                }
-                .sub-menu {
-                    .dropdown-item {
-                        padding-left: 6rem;
-                    }
-                }
-            }
-        }
-        .nav-item {
-            font-size: 17px;
-            display: block;
-            width: 100%;
-        }
-        .nav-link {
-            padding-top: 11px;
-            padding-bottom: 8px;
-            color: #707070;
-            position: relative;
-            .link_div {
-                width: 25px;
-            }
-            a {
-                color: #707070;
-                text-decoration: none;
-            }
-            &.show {
-                i {
-                    transform: rotate(-180deg);
-                }
-            }
-            .expand {
-                position: absolute;
-                right: 10px;
-                i {
-                    font-size: 11px;
-                    color: #D3D3D3;
-                    transition: all .5s;
-                }
-            }
-            &.text-main {
-                color: #EE7800;
-            }
-        }
-        .sub-link {
-            .expand {
-                position: absolute;
-                right: 20px;
-                top: 8px;
-                width: 1.5rem;
-                text-align: center;
-            }
-        }
-        .sub-menu {
-            display: none;
-        }
-        .sub-menu.show {
-            display: block;
-        }
-        hr {
-            margin: 3px 0;
-            background-color: rgb(187, 187, 187);
-        }
-    }
-    &-follows {
-        padding: 2rem 2.5rem;
-        background-color: #e6e6e6ef;
-        margin-top: -9px;
-        &-title {
-            color: #797979;
-            font-size: 14px;
-        }
-    }
-    &-links {
-        margin-bottom: 2.5rem;
-        a {
-            color: #797979;
-            text-decoration: none;
-            display: inline-block;
-            padding: 1px 0;
-            border-bottom: 1px solid #acacac;
-            margin: 0 .6rem;
-            flex-wrap: nowrap;
-            @media screen and(max-width: 385px) {
-                margin: 0 .4rem;
-            }
-        }
-    }
-    .follows-fp {
-        color: #797979;
-        text-decoration: none;
-        font-weight: 400;
-        display: block;
-        padding-left: .5rem;
-        &:nth-of-type(1) {
-            margin-bottom: .6rem;
-        }
-    }
-    .copyright {
-        color: #797979;
-        font-size: 13px;
-    }
-}
-
-@-webkit-keyframes slidein {
-    100% { left: 0; }
-}
-
-@keyframes slidein {
-    100% { left: 0; }
-}
-
-@-webkit-keyframes slideout {
-    100% { left: -100%; }
-}
-
-@keyframes slideout {
-    100% { left: -100%; }
-}
-
-.sec-search {
-    display: none;
-    z-index: 107;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    font-size: 14px;
-    &-block {
-        padding-top: 61px;
-        margin:0;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        width: 100;
-        height: 100%;
-        overflow-y: scroll;
-        background-color: rgba(0, 0, 0, 0.774);
-    }
-    &-list {
-        background-color: #F3F3F3;
-        padding: 1rem;
-        padding-bottom: 1.4rem;
-        hr {
-            background-color: #aaaaaa;
-        }
-    }
-    &-form {
-        width: 100%;
-    }
-    .searchBar {
-        font-size: 17px;
-        padding: .5rem .3rem;
-        display: inline-block;
-        width: 88%;
-        outline: none;
-        border: 2px solid #EE7800;
-        border-radius: 5px;
-    }
-    .searchBtn {
-        outline: none;
-        border: none;
-        background-color: transparent;
-        display: inline-block;
-        width: 10%;
-    }
-    &-hots {
-        padding: 1rem;
-        background-color: white;
-        box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-        &__title {
-            color: #AAAAAA;
-            font-size: 18px;
-            font-weight: 400;
-            padding-top: .5rem;
-        }
-        &__link {
-            display: inline-block;
-            text-decoration: none;
-            color: #797979;
-            border: 1px solid #797979;
-            border-radius: 3rem;
-            padding: .3rem .5rem;
-            margin-right: .8rem;
-            margin-bottom: .8rem;
-            &:hover {
-                color: #797979;
-            }
-        }
-    }
-}
-
-.sec-login {
-    display: none;
-    z-index: 109;
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    font-size: 14px;
-    &-block {
-        padding-top: 61px;
-        margin:0;
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        width: 100;
-        height: 100%;
-        overflow-y: hidden;
-        background-color: #F3F3F3;
-    }
-    &-list {
-        background-color: #F3F3F3;
-        padding: 1rem;
-        padding-bottom: 1.4rem;
-        hr {
-            background-color: #aaaaaa;
-        }
-    }
-    &-btns {
-        padding: 1rem;
-        background-color: white;
-        box-shadow: 0 0 15px 2px rgba(190, 190, 190, 0.61);
-    }
-}
-
-
-.text-main {
-    color: #EE7800;
-}
-
-.text-phone {
-    color: #EA068C;
-    text-decoration: none;
-}
-
-.bg-white {
-  background-color: #fff;
-}
-.mb__hero {
-  margin-top: calc(52px);
-  &__bgImg {
-    height: 240px;
-    background-repeat: no-repeat;
-    background-size: cover;
-    background-position: center center;
-  }
-}
-
-.mb__content {
-  background-color: rgba(244, 244, 244, 0.8);
-}
-
-.other {
-    display: none;
-}
-
-.mb__infoCard {
-  color: #727679;
-  text-align: center;
-  padding: 1rem;
-  background-color: rgba(244, 244, 244, 0.8);
-  margin: 3rem 0 0;
-  &__name, &__span {
-    font-size: 1.25rem;
-    color: #43484C;
-    font-weight: bold;
-  }
-  &__span {
-      font-size: 1rem;
-  }
-  &__cmy {
-      font-size: 1.125rem;
-      font-weight: 400;
-  }
-  &__avatar {
-    width: 188px;
-    height: 188px;
-    position: absolute;
-    top: -120px;
-    border: 3px solid #FFF;
-    border-radius: 50%;
-    background-size: cover;
-    background-repeat: no-repeat;
-    left: 50%;
-    transform: translateX(-50%);
-  }
-  &__seo {
-    font-size: 1.12rem;
-    text-align: center;
-    padding: 1rem;
-    display: block;
-    line-height: 1.2;
-    font-weight: 400;
-  }
-  &__approve {
-    color: #FF0000;
-  }
-  &__more {
-    color: #FFAC73;
-    text-align: center;
-    cursor: pointer;
-  }
-  &__detail {
-    aside {
-        line-height: 2;
-        font-size: 1rem;
-    }
-    &__l {
-        flex-basis: 30%;
-        display: flex;
-        justify-content: flex-end;
-        flex-grow: 0;
-        max-width: 30%;
-        &.title {
-            color: #AAAAAA;
-            font-size: 1.125rem;
-            font-weight: bold;
-            transform: translateX(-15px);
-        }
-    }
-    &__r {
-        flex-basis: 70%;
-        text-align: start;
-        flex-grow: 0;
-        max-width: 70%;
-        word-break: break-all;
-    }
-    
-}
-.scMedia {
-    display: flex;
-    padding: 1rem 0;
-    width: 100%;
-    margin-left: auto;
-    margin-right: auto;
-    justify-content: space-around;
-    a {
-        width: 16%;
-        img {
-            width: 100%;
-        }
-    }
-}
-}
-
-.infoContent {
-  a {
-      color: #727679;
-      text-decoration: none;
-      font-size: .9rem;
-      &.active {
-          color: #EE7800;
-      }
-  }
-  &__navBlock {
-      &.tab_sticky {
-        position: fixed;
-        top: 60px;
-        width: 100%;
-        z-index: 12;
-    }
-  }
-  .nav-item {
-      margin: 0;
-      width: 25%;
-      text-align: center;
-      &-link {
-          display: block;
-          padding: 1rem 0.5rem;
-          text-decoration: none;
-          background-color: transparent;
-          font-size: .9rem;
-          color: #727679;
-          text-align: center;
-          font-size: 1.12rem;
-          &.active {
-              color: #EE7800;
-              border-bottom: 2px solid #EE7800;
-          }
-      }
-  }
-  .likeSee {
-      &__divider {
-          height: 12px;
-          display: inline-block;
-          border: 0.5px solid #9d9d9d;
-      }
-  }
-  .tab-content {
-      padding: 0 1rem;
-  }
-  .tab-content .row > div {
-      padding-left: 5px;
-      padding-right: 5px;
-  }
-  .card {
-      box-shadow: 0 1px 10px #eee;
-      margin: 0 0 1.5rem;
-      border: none;
-      &__bgImg {
-          height: 145px;
-          background-repeat: no-repeat;
-          background-size: cover;
-          background-position: center;
-          position: relative;
-          display: flex;
-          justify-content: center;
-          -webkit-box-align: center;
-          align-items: center;
-          -webkit-box-pack: center;
-      }
-      &-body {
-          padding: 0.5rem 1rem;
-      }
-      &__title {
-          font-size: 1.125rem;
-          -webkit-box-orient: vertical;
-          box-orient: vertical;
-          -webkit-line-clamp: 2;
-          height: calc(18px * 2 * 1.5);
-          overflow: hidden;
-          text-overflow: ellipsis;
-          display: -webkit-box;
-          font-weight: bold;
-          margin: 0.5rem 0;
-          color: #727679;
-      }
-      &__tag {
-          margin: 0 0.2rem 0 0;
-      }
-  }
-  .company {
-      &__block {
-          margin: 0 0 2rem;
-      }
-      &__title {
-          color: #AAAAAA;
-          font-size: 1.125rem;
-          font-weight: bold;
-      }
-      &__text {
-          color: #43484C;
-      }
-  }
-}
-.infoContent__navBlock {
-    padding-top: 0rem;
-}
-.infoContent__navBlock.tab_sticky + .tab-content {
-    padding-top: 60.8px;
-}
-
-.freeCall {
-    position: fixed;
-    bottom: 78px;
-    z-index: 11;
-    width: 100%;
-    text-align: center;
-    background: linear-gradient(180deg, rgba(244, 244, 244, 0.9) 0%, rgba(244, 244, 244, 0.9) 100%);
-    &__btn {
-        color: #fff;
-        background-color: #EE7800;
-        border-color: #EE7800;
-    }
-}
-
-.fixed-btn {
-    position: fixed;
-    right: 15px;
-    bottom: 5.5rem;
-    z-index: 15;
-    @media (min-width: $horizontal) {
-        bottom: 5rem;
-    } 
-    .btn-gotop {
-        
-        padding: 1rem .65rem;
-        background-color: rgba(255, 255, 255, 0.897);
-        display: flex;
-        align-items: center;
-        box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-        -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-        -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-    }
-        
-}

+ 0 - 1028
css/list-style.css

@@ -1,1028 +0,0 @@
-body {
-  font-family: 'Helvetica Neue';
-}
-
-.sec-00 {
-  height: 295px;
-  -webkit-transition-property: height;
-  transition-property: height;
-  -webkit-transition-duration: 300ms;
-          transition-duration: 300ms;
-}
-
-@media (max-width: 1850px) {
-  .sec-00 {
-    height: 260px;
-  }
-}
-
-@media (max-width: 1550px) {
-  .sec-00 {
-    height: 230px;
-  }
-}
-
-@media (max-width: 1100px) {
-  .sec-00 {
-    height: 200px;
-  }
-}
-
-.sec-00__close {
-  position: absolute;
-  top: 0;
-  right: 20px;
-  width: 50px;
-  height: 30px;
-  background-color: rgba(255, 255, 255, 0.66);
-  border-radius: 0 0 50px 50px;
-  color: #888;
-  border: none;
-  outline: none;
-  font-size: 11px;
-  -webkit-box-shadow: 0 0 10px rgba(32, 32, 32, 0.25);
-          box-shadow: 0 0 10px rgba(32, 32, 32, 0.25);
-  line-height: 12px;
-}
-
-.sec-00.bannerClose {
-  height: 0;
-  overflow: hidden;
-  -webkit-transition-property: height;
-  transition-property: height;
-  -webkit-transition-duration: 300ms;
-          transition-duration: 300ms;
-}
-
-.sec-00 .container-fluid {
-  background-color: #cacaca;
-  height: 295px;
-}
-
-@media (max-width: 1850px) {
-  .sec-00 .container-fluid {
-    height: 260px;
-  }
-}
-
-@media (max-width: 1550px) {
-  .sec-00 .container-fluid {
-    height: 230px;
-  }
-}
-
-@media (max-width: 1100px) {
-  .sec-00 .container-fluid {
-    height: 200px;
-  }
-}
-
-.sec-00__slider {
-  margin: 0 auto;
-  width: 70%;
-  height: 100%;
-  max-width: 1344px;
-}
-
-@media (max-width: 1850px) {
-  .sec-00__slider {
-    max-width: 1176px;
-  }
-}
-
-@media (max-width: 1550px) {
-  .sec-00__slider {
-    max-width: 1010px;
-  }
-}
-
-.sec-00__slider .slide-item {
-  width: 100%;
-  height: 295px;
-  background-position: center center;
-  background-size: cover;
-  background-repeat: no-repeat;
-  cursor: pointer;
-}
-
-@media (max-width: 1850px) {
-  .sec-00__slider .slide-item {
-    height: 260px;
-  }
-}
-
-@media (max-width: 1550px) {
-  .sec-00__slider .slide-item {
-    height: 230px;
-  }
-}
-
-@media (max-width: 1100px) {
-  .sec-00__slider .slide-item {
-    height: 200px;
-  }
-}
-
-.sec-00 .slick-prev:before, .sec-00 .slick-next:before {
-  display: none;
-}
-
-@-webkit-keyframes slidein {
-  100% {
-    height: 0px;
-  }
-}
-
-@keyframes slidein {
-  100% {
-    height: 0px;
-  }
-}
-
-.navbar {
-  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
-  padding-top: 5px;
-  padding-bottom: 5px;
-  background-color: white !important;
-  z-index: 99;
-}
-
-.navbar .container-fluid {
-  padding: 0 2.5rem;
-}
-
-@media (max-width: 1100px) {
-  .navbar .container-fluid {
-    padding: 0 .6rem;
-  }
-}
-
-.navbar-toggler {
-  padding-left: 0;
-  border-color: transparent !important;
-}
-
-.navbar-toggler:focus {
-  -webkit-box-shadow: none;
-          box-shadow: none;
-}
-
-.navbar-toggler-icon {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  justify-items: center;
-}
-
-.navbar-toggler-icon i {
-  font-size: 25px;
-  line-height: 30px;
-  display: inline-block;
-}
-
-.navbar-search, .navbar-login {
-  padding-right: 2px;
-}
-
-.navbar-login {
-  cursor: pointer;
-}
-
-.navbar-search-magnify {
-  cursor: pointer;
-}
-
-.navbar-brand {
-  font-size: 1.5rem;
-}
-
-.navbar-brand.navbar-logo {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-.navbar-brand .navbar-login {
-  font-size: 1rem;
-  color: #EE7800;
-  text-decoration: none;
-}
-
-.navbar .nav-link {
-  cursor: pointer;
-}
-
-@media (max-width: 1100px) {
-  .navbar .nav-link {
-    padding: .5rem .5rem;
-    font-size: .9rem;
-  }
-}
-
-.navbar .navbar-nav .nav-item {
-  margin: 0 .5rem;
-}
-
-@media (max-width: 1100px) {
-  .navbar .navbar-nav .nav-item {
-    margin: 0 0rem;
-  }
-}
-
-.navbar .navbar-nav .nav-item .dropbox {
-  visibility: hidden;
-  opacity: 0;
-  -webkit-transition: all .4s;
-  transition: all .4s;
-  position: absolute;
-  width: 100vw;
-  top: 100%;
-  left: 0;
-  background-color: rgba(255, 255, 255, 0.932);
-  padding-top: 1.5rem;
-  padding-bottom: 3rem;
-}
-
-.navbar .navbar-nav .nav-item .dropbox ul {
-  padding-left: 0;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-item {
-  margin-bottom: .5rem;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-item.first {
-  font-size: 1.1rem;
-  font-weight: 600;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-item.first .dropbox-link {
-  color: black;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-link {
-  text-decoration: none;
-  color: #929292;
-  font-size: .85rem;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-link:hover {
-  color: #EE7800;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-link.dropbox-btn {
-  border: 1px solid #929292;
-  padding: .5rem 2rem;
-  border-radius: 5px;
-  width: 85%;
-  min-width: 7rem;
-  max-width: 11rem;
-}
-
-.navbar .navbar-nav .nav-item .dropbox-btn {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.navbar .navbar-nav .nav-item .dropbox .container {
-  max-width: 900px;
-  width: 70%;
-}
-
-.navbar .navbar-nav .nav-item .dropbox .container.stylebox {
-  -webkit-transform: translateX(-30%);
-          transform: translateX(-30%);
-}
-
-.navbar .navbar-nav .nav-item .dropbox .container.designerbox {
-  -webkit-transform: translateX(-5%);
-          transform: translateX(-5%);
-}
-
-.navbar .navbar-nav .nav-item .dropbox .container.newbox {
-  -webkit-transform: translateX(15%);
-          transform: translateX(15%);
-}
-
-.navbar .navbar-nav .nav-item .dropbox .container.forumbox {
-  -webkit-transform: translateX(50%);
-          transform: translateX(50%);
-}
-
-.navbar .navbar-nav .nav-item .nav-link {
-  position: relative;
-}
-
-.navbar .navbar-nav .nav-item .nav-link:after {
-  position: absolute;
-  content: " ";
-  width: 100%;
-  height: 90%;
-  top: 0;
-  right: 0;
-  border-bottom: 2px solid #EE7800;
-  opacity: 0;
-  -webkit-transform: opacity 1s;
-          transform: opacity 1s;
-}
-
-.navbar .navbar-nav .nav-item:hover .nav-link:after {
-  opacity: 1;
-}
-
-.navbar .navbar-nav .nav-item:hover > .dropbox {
-  visibility: visible;
-  opacity: 1;
-}
-
-.navbar .navbar-nav .nav-item.lg .container {
-  max-width: 1200px;
-  width: 90%;
-}
-
-.navbar .navbar-nav .nav-item.lg .dropbox-link {
-  text-decoration: none;
-  color: #929292;
-  font-size: .7rem;
-}
-
-.navbar .navbar-nav .nav-item.lg .dropbox-link:hover {
-  color: #EE7800;
-}
-
-.navbar .navbar-nav .nav-item.lg .dropbox-item {
-  margin-bottom: .1rem;
-}
-
-.navbar .navbar-nav .nav-item.lg .dropbox-item.first .dropbox-link {
-  font-size: .85rem;
-}
-
-.navbar-search .container {
-  max-width: 900px;
-  width: 70%;
-}
-
-@media (max-width: 1100px) {
-  .navbar-search .container {
-    width: 90%;
-  }
-}
-
-.navbar-search .dropbox {
-  visibility: hidden;
-  opacity: 0;
-  -webkit-transition: all .2s;
-  transition: all .2s;
-  position: absolute;
-  width: 100vw;
-  top: 100%;
-  left: 0;
-  background-color: rgba(255, 255, 255, 0.932);
-  padding-top: 1.5rem;
-  padding-bottom: 3rem;
-}
-
-.navbar-search .dropbox.open {
-  visibility: visible;
-  opacity: 1;
-}
-
-.navbar-search .dropbox__searchtab {
-  width: 100%;
-  background-color: gray;
-  border-radius: 3px;
-  padding: .2rem 1rem;
-  padding-bottom: 1rem;
-}
-
-.navbar-search .dropbox__hots__title {
-  font-size: 1rem;
-  color: #6b6b6b;
-}
-
-.navbar-search .dropbox__hots__link {
-  font-size: .9rem;
-  color: #929292;
-  text-decoration: none;
-  cursor: pointer;
-  margin: 0 .2rem;
-}
-
-.navbar-search .dropbox__searchBar__input {
-  width: 100%;
-  outline: none;
-  border: 2px solid #EE7800;
-  border-radius: 5rem;
-  padding: .3rem 1.2rem;
-  font-size: .9rem;
-}
-
-.navbar-search .dropbox__searchBar__submit {
-  outline: none;
-  border: none;
-  font-size: .9rem;
-  background-color: transparent;
-  color: #EE7800;
-  margin-left: -1rem;
-  -webkit-transform: translateX(-100%);
-          transform: translateX(-100%);
-  padding: 0 .6rem;
-}
-
-.navbar-search .dropbox__tab .nav-item {
-  margin: 0 .6rem;
-}
-
-.navbar-search .dropbox .nav-item-link {
-  border: none;
-  outline: none;
-  font-size: 1rem;
-  color: white;
-  padding: 3px;
-  position: relative;
-}
-
-.navbar-search .dropbox .nav-item-link::after {
-  position: absolute;
-  content: "";
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  border-bottom: 3px solid #EE7800;
-  opacity: 0;
-}
-
-.navbar-search .dropbox .nav-item-link.active::after {
-  opacity: 1;
-}
-
-.navbar-search .dropbox-tab-content .tabpar {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding-top: .5rem;
-}
-
-.navbar-search .dropbox-tab-content .tabpar .col {
-  margin: 0 .6rem;
-}
-
-.navbar-search .dropbox-tab-content .tabpar .select {
-  font-size: 1rem;
-  padding: .6rem;
-  border-radius: 3px;
-  color: #747474;
-}
-
-.navbar-search .dropbox-tab-content .tabpar button {
-  border: none;
-  outline: none;
-  background-color: #EE7800;
-  border-radius: 3px;
-  color: white;
-  font-size: 1rem;
-  padding: .6rem;
-}
-
-.navbar-search .dropbox-tab-content .tabpar .image-search {
-  border: none;
-  outline: none;
-  background-color: #EE7800;
-  border-radius: 3px;
-  color: white;
-  font-size: 1rem;
-}
-
-.navbar-search .dropbox-tab-content .tabpar .article-btn {
-  border: none;
-  outline: none;
-  background-color: #EE7800;
-  border-radius: 3px;
-  color: white;
-  font-size: 1rem;
-  padding: .6rem;
-}
-
-.navbar-search .dropbox-tab-content .tabpar .home-btn {
-  border: none;
-  outline: none;
-  background-color: #EE7800;
-  border-radius: 3px;
-  color: white;
-  font-size: 1rem;
-  padding: .6rem;
-}
-
-.navbar-search .dropbox__tab .nav-item-link.active .nav-item-link::after {
-  opacity: 1;
-}
-
-.navbar-main.sticky {
-  position: fixed;
-  top: 0;
-  width: 100%;
-}
-
-.navbar-main.sticky + .sec-02 {
-  padding-top: 53.5px;
-}
-
-.sec-02__slider {
-  width: 100%;
-  height: 100%;
-}
-
-.sec-02__slider .slide-item {
-  width: 100%;
-  height: 74vh;
-  background-position: center center;
-  background-size: cover;
-  background-repeat: no-repeat;
-  cursor: pointer;
-}
-
-.sec-02 .slick-prev:before, .sec-02 .slick-next:before {
-  display: none;
-}
-
-.sec-02 .slick-prev {
-  left: 15px;
-  z-index: 3;
-}
-
-.sec-02 .slick-next {
-  right: 15px;
-}
-
-a {
-  text-decoration: none;
-}
-
-.text-hhh {
-  color: #EE7800;
-}
-
-.content {
-  background-color: #FCFCFC;
-  padding: 1rem 30px 0.5rem;
-}
-
-.content .infoCard {
-  color: #727679;
-  text-align: center;
-  padding: 1rem;
-  background-color: rgba(244, 244, 244, 0.8);
-  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-  -webkit-transform: translateY(-150px);
-          transform: translateY(-150px);
-}
-
-.content .infoCard__seo {
-  font-size: .9rem;
-  text-align: center;
-  padding: 1rem;
-  display: block;
-  line-height: 1.2;
-}
-
-.content .infoCard__approve {
-  color: #FF0000;
-}
-
-.content .infoCard__avatar {
-  width: 200px;
-  height: 200px;
-  border: 3px solid #FFF;
-  border-radius: 50%;
-  background-size: cover;
-  background-repeat: no-repeat;
-}
-
-.content .infoCard__detail aside {
-  line-height: 2;
-  font-size: .9rem;
-}
-
-.content .infoCard__detail__l {
-  -ms-flex-preferred-size: 30%;
-      flex-basis: 30%;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: end;
-      -ms-flex-pack: end;
-          justify-content: flex-end;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  max-width: 30%;
-}
-
-.content .infoCard__detail__l.title {
-  color: #AAAAAA;
-  font-size: 1.125rem;
-  font-weight: bold;
-  -webkit-transform: translateX(-15px);
-          transform: translateX(-15px);
-}
-
-.content .infoCard__detail__r {
-  -ms-flex-preferred-size: 70%;
-      flex-basis: 70%;
-  text-align: start;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  max-width: 70%;
-  word-break: break-all;
-}
-
-.content .infoCard .scMedia {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 1rem 0;
-  width: 100%;
-  margin-left: auto;
-  margin-right: auto;
-  -ms-flex-pack: distribute;
-      justify-content: space-around;
-}
-
-.content .infoCard .scMedia a {
-  width: 16%;
-}
-
-.content .infoCard .scMedia a img {
-  width: 100%;
-}
-
-.infoContent a {
-  color: #727679;
-  text-decoration: none;
-  font-size: .9rem;
-}
-
-.infoContent a.active {
-  color: #EE7800;
-}
-
-.infoContent .nav-item {
-  margin: 0 0.8rem;
-  width: auto;
-}
-
-.infoContent .nav-item-link {
-  display: block;
-  padding: 0.5rem 2.5rem;
-  text-decoration: none;
-  background-color: transparent;
-  font-size: .9rem;
-  color: #727679;
-}
-
-.infoContent .nav-item-link.active {
-  color: #EE7800;
-  border-bottom: 2px solid #EE7800;
-}
-
-.infoContent .likeSee__divider {
-  height: 12px;
-  display: inline-block;
-  border: 0.5px solid #9d9d9d;
-}
-
-.infoContent .card {
-  -webkit-box-shadow: 0 1px 10px #eee;
-          box-shadow: 0 1px 10px #eee;
-  margin: 0 0 1.5rem;
-  border: none;
-}
-
-.infoContent .card__bgImg {
-  height: 293px;
-  background-repeat: no-repeat;
-  background-size: cover;
-  background-position: center;
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-pack: center;
-      justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-      align-items: center;
-  -webkit-box-pack: center;
-}
-
-.infoContent .card-body {
-  padding: 0.5rem 1rem;
-}
-
-.infoContent .card__title {
-  font-size: 1.125rem;
-  -webkit-box-orient: vertical;
-  box-orient: vertical;
-  -webkit-line-clamp: 2;
-  height: calc(18px * 2 * 1.5);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: -webkit-box;
-  font-weight: bold;
-  margin: 0.5rem 0;
-  color: #727679;
-}
-
-.infoContent .card__tag {
-  margin: 0 0.2rem 0 0;
-}
-
-.infoContent .company__block {
-  margin: 0 0 2rem;
-}
-
-.infoContent .company__title {
-  color: #AAAAAA;
-  font-size: 2rem;
-  font-weight: bold;
-}
-
-.infoContent .company__text {
-  color: #43484C;
-}
-
-.nav-collapse-fixed {
-  position: fixed;
-  top: 52px;
-  z-index: 1010;
-  width: 100%;
-  opacity: 0;
-  -webkit-transition: opacity .5s;
-  transition: opacity .5s;
-}
-
-.nav-collapse-fixed.sticky {
-  display: block;
-  opacity: 1;
-}
-
-.nav-collapse-fixed .nav-collpase {
-  padding: 1rem 0;
-  background-color: #FCFCFC;
-  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
-}
-
-.navbar-main.sticky + .hero {
-  padding-top: 53px;
-}
-
-.fixed-btn {
-  position: fixed;
-  right: 15px;
-  bottom: 2rem;
-}
-
-.fixed-btn .btn-gotop, .fixed-btn .btn-login, .fixed-btn .btn-favor {
-  cursor: pointer;
-  padding: 1.2rem .8rem;
-  background-color: rgba(255, 255, 255, 0.897);
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-  -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
-}
-
-.footer {
-  background: #e9e9e9;
-  padding: 2.5rem 0;
-}
-
-@media (max-width: 1100px) {
-  .footer .container {
-    width: 98%;
-    max-width: 950px;
-  }
-}
-
-.footer__block {
-  padding: 1rem 3rem;
-  border-left: 1px solid #8f8f8f;
-}
-
-@media (max-width: 1100px) {
-  .footer__block {
-    padding: 1rem 1rem;
-  }
-}
-
-.footer__block-title {
-  font-size: 1.3rem;
-  margin-bottom: 1.5rem;
-}
-
-.footer__block-list {
-  padding-left: 0;
-}
-
-.footer__block:nth-of-type(1) {
-  border-left: none;
-}
-
-.footer__block:nth-of-type(2) {
-  padding: 1rem 4rem;
-}
-
-@media (max-width: 1100px) {
-  .footer__block:nth-of-type(2) {
-    padding: 1rem 1rem;
-  }
-}
-
-.footer__block-socials {
-  padding-left: 0;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-pack: justify;
-      -ms-flex-pack: justify;
-          justify-content: space-between;
-}
-
-@media (max-width: 1100px) {
-  .footer__block-socials img {
-    width: 30px;
-  }
-}
-
-.footer__block .follows-fp {
-  text-decoration: none;
-  color: #696969;
-  font-size: .9rem;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-
-@media (max-width: 1100px) {
-  .footer__block .follows-fp {
-    font-size: .8rem;
-  }
-}
-
-.footer__block-phone p {
-  display: inline;
-}
-
-@media (max-width: 900px) {
-  .footer__block-phone p {
-    display: block;
-  }
-}
-
-.footer__block-phone p, .footer__block-phone span {
-  font-size: .9rem;
-}
-
-.footer__block-phone .text-phone {
-  color: #EE7800;
-  text-decoration: none;
-}
-
-.footer__block-links {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  margin-top: 1rem;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-
-.footer__block-links-grp {
-  padding: .3rem;
-  border-left: 1px solid #b9b9b9;
-}
-
-.footer__block-links-grp:nth-of-type(1) {
-  border-left: none;
-}
-
-.footer__block-links-grp a {
-  display: block;
-  text-decoration: none;
-  color: #696969;
-  font-size: .9rem;
-  margin-bottom: .4rem;
-}
-
-@media (max-width: 1100px) {
-  .footer__block-links-grp a {
-    font-size: .8rem;
-  }
-}
-
-.footer__block-subscribe {
-  width: 100%;
-  margin-top: 1rem;
-}
-
-.footer__block-subscribe .subscribeBar {
-  font-size: .8rem;
-  width: 70%;
-  margin-left: 7%;
-}
-
-@media (max-width: 900px) {
-  .footer__block-subscribe .subscribeBar {
-    width: 75%;
-    margin-left: 3%;
-    font-size: .7rem;
-  }
-}
-
-.footer__block-subscribe .subscribeBtn {
-  width: 20%;
-  padding: .4rem .6rem;
-  padding-bottom: 9px;
-  border: none;
-  outline: none;
-  background-color: #292929;
-  color: white;
-  border-radius: 0 3px 3px 0;
-  margin-left: -.4rem;
-}
-
-@media (max-width: 900px) {
-  .footer__block-subscribe .subscribeBtn {
-    margin-left: -.3rem;
-    font-size: .8rem;
-    padding-top: 9px;
-    padding-bottom: 10px;
-  }
-}
-
-.footer__list-item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  text-decoration: none;
-  margin-bottom: .5rem;
-}
-
-.footer__list-item p {
-  color: #696969;
-  font-size: .9rem;
-  font-weight: 300;
-}
-
-.footer__list-icon {
-  width: 30px;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-  margin-right: .3rem;
-}
-
-.footer .bottom-box {
-  padding: 1rem 0;
-  border-top: 1px solid #b9b9b9;
-  margin-top: 2.5rem;
-}
-/*# sourceMappingURL=list-style.css.map */

File diff suppressed because it is too large
+ 0 - 2
css/list-style.css.map


+ 0 - 804
css/list-style.scss

@@ -1,804 +0,0 @@
-body {
-  font-family: 'Helvetica Neue';
-}
-
-.sec-00 {
-  height: 295px;
-  transition-property: height;
-  transition-duration: 300ms;
-  @media (max-width: 1850px) {
-      height: 260px;
-  }
-  @media (max-width: 1550px) {
-      height: 230px;
-  }
-  @media (max-width: 1100px) {
-      height: 200px;
-  }
-  &__close {
-      position: absolute;
-      top: 0;
-      right: 20px;
-      width: 50px;
-      height: 30px;
-      background-color: hsla(0,0%,100%,.66);
-      border-radius: 0 0 50px 50px;
-      color: #888;
-      border: none;
-      outline: none;
-      font-size: 11px;
-      box-shadow: 0 0 10px rgba(32, 32, 32, 0.25);
-      line-height: 12px;
-  }
-  &.bannerClose {
-      height: 0;
-      overflow: hidden;
-      transition-property: height;
-      transition-duration: 300ms;
-  }
-  .container-fluid {
-      background-color: rgb(202, 202, 202);
-      height: 295px;
-      @media (max-width: 1850px) {
-          height: 260px;
-      }
-      @media (max-width: 1550px) {
-          height: 230px;
-      }
-      @media (max-width: 1100px) {
-          height: 200px;
-      }
-  }
-  &__slider {
-      margin: 0 auto;
-      width: 70%;
-      height: 100%;
-      max-width: 1344px;
-      @media (max-width: 1850px) {
-          max-width: 1176px;
-      }
-      @media (max-width: 1550px) {
-          max-width: 1010px;
-      }
-      .slide-item {
-          width: 100%;
-          height: 295px;
-          background-position: center center;
-          background-size: cover;
-          background-repeat: no-repeat;
-          cursor: pointer;
-          @media (max-width: 1850px) {
-              height: 260px;
-          }
-          @media (max-width: 1550px) {
-              height: 230px;
-          }
-          @media (max-width: 1100px) {
-              height: 200px;
-          }
-      }
-  }
-  .slick-prev:before, .slick-next:before {
-      display: none;
-  }
-}
-
-@-webkit-keyframes slidein {
-  100% {
-      height: 0px;
-    }
-}
-
-@keyframes slidein {
-  100% {
-      height: 0px;
-  }
-}
-
-.navbar {
-  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-  -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-  -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,0.2), 0 4px 5px 0 rgba(0,0,0,0.14), 0 1px 10px 0 rgba(0,0,0,0.12);
-  padding-top: 5px;
-  padding-bottom: 5px;
-  background-color: white !important;
-  z-index: 99;
-  .container-fluid {
-      padding:0 2.5rem;
-      @media (max-width: 1100px) {
-          padding:0 .6rem;
-      }
-  }
-  &-toggler {
-      padding-left: 0;
-      border-color: transparent !important;
-      &:focus {
-          box-shadow: none;
-      }
-  }
-  &-toggler-icon {
-      display: flex;
-      justify-items: center;
-      i {
-          font-size: 25px;
-          line-height: 30px;
-          display: inline-block;
-      }
-  }
-  &-search, &-login {
-      padding-right: 2px;
-  }
-  &-login {
-      cursor: pointer;
-  }
-  &-search {
-      &-magnify {
-          cursor: pointer;
-      }
-  }
-  &-brand {
-      font-size: 1.5rem;
-      &.navbar-logo {
-          display: flex;
-          align-items: center;
-      }
-      .navbar-login {
-          font-size: 1rem;
-          color: #EE7800;
-          text-decoration: none;
-      }
-  }
-  .nav-link {
-      cursor: pointer;
-      @media (max-width: 1100px) {
-          padding: .5rem .5rem;
-          font-size: .9rem;
-      }
-  }
-  .navbar-nav {
-      .nav-item {
-          margin: 0 .5rem;
-          @media (max-width: 1100px) {
-              margin: 0 0rem;
-          }
-          .dropbox {
-              visibility: hidden;
-              opacity: 0;
-              transition: all .4s;
-              position: absolute;
-              width: 100vw;
-              top: 100%;
-              left: 0;
-              background-color: rgba(255, 255, 255, 0.932);
-              padding-top: 1.5rem;
-              padding-bottom: 3rem;
-              ul {
-                  padding-left: 0;
-              }
-              &-item {
-                  margin-bottom: .5rem;
-                  &.first {
-                      font-size: 1.1rem;
-                      font-weight: 600;
-                      .dropbox-link {
-                          color: black;
-                      }
-                  }
-              }
-              &-link {
-                  text-decoration: none;
-                  color: rgb(146, 146, 146);
-                  font-size: .85rem;
-                  &:hover {
-                      color: #EE7800;
-                  }
-                  &.dropbox-btn {
-                      border: 1px solid rgb(146, 146, 146);
-                      padding: .5rem 2rem;
-                      border-radius: 5px;
-                      width: 85%;
-                      min-width: 7rem;
-                      max-width: 11rem;
-                  }
-              }
-              &-btn {
-                  display: flex;
-                  align-items: center;
-                  justify-content: center;
-              }
-              .container {
-                  max-width: 900px;
-                  width: 70%;
-                  &.stylebox {
-                      transform: translateX(-30%);
-                  }
-                  &.designerbox {
-                      transform: translateX(-5%);
-                  }
-                  &.newbox {
-                      transform: translateX(15%);
-                  }
-                  &.forumbox {
-                      transform: translateX(50%);
-                  }
-              }
-          }
-          .nav-link {
-              position: relative;
-          }
-          .nav-link:after {
-              position: absolute;
-              content: " ";
-              width: 100%;
-              height: 90%;
-              top: 0;
-              right: 0;
-              border-bottom: 2px solid #EE7800;
-              opacity: 0;
-              transform: opacity 1s;
-          }
-          &:hover {
-              .nav-link:after {
-                  opacity: 1;
-              }
-              >.dropbox {
-                  visibility: visible;
-                  opacity: 1;
-              }
-          }
-          
-      }
-      .nav-item.lg {
-          .container {
-              max-width: 1200px;
-              width: 90%;
-          }
-          .dropbox-link {
-              text-decoration: none;
-              color: rgb(146, 146, 146);
-              font-size: .7rem;
-              &:hover {
-                  color: #EE7800;
-              }
-          }
-          .dropbox-item {
-              margin-bottom: .1rem;
-              &.first {
-                  .dropbox-link {
-                      font-size: .85rem;
-                  }
-              }
-          }
-      }
-  }
-  &-search {
-      .container {
-          max-width: 900px;
-          width: 70%;
-          @media (max-width: 1100px) {
-              width: 90%;
-          }
-      }
-      .dropbox {
-          visibility: hidden;
-          opacity: 0;
-          transition: all .2s;
-          position: absolute;
-          width: 100vw;
-          top: 100%;
-          left: 0;
-          background-color: rgba(255, 255, 255, 0.932);
-          padding-top: 1.5rem;
-          padding-bottom: 3rem;
-          &.open {
-              visibility: visible;
-              opacity: 1;
-          }
-          &__searchtab {
-              width: 100%;
-              background-color: gray;
-              border-radius: 3px;
-              padding: .2rem 1rem;
-              padding-bottom: 1rem;
-          }
-          &__hots {
-              &__title {
-                  font-size: 1rem;
-                  color: rgb(107, 107, 107);
-              }
-              &__link {
-                  font-size: .9rem;
-                  color: rgb(146, 146, 146);
-                  text-decoration: none;
-                  cursor: pointer;
-                  margin: 0 .2rem;
-              }
-          }
-          &__searchBar {
-              &__input {
-                  width: 100%;
-                  outline: none;
-                  border: 2px solid #EE7800;
-                  border-radius: 5rem;
-                  padding: .3rem 1.2rem;
-                  font-size: .9rem;
-              }
-              &__submit {
-                  outline: none;
-                  border: none;
-                  font-size: .9rem;
-                  background-color: transparent;
-                  color: #EE7800;
-                  margin-left: -1rem;
-                  transform: translateX(-100%);
-                  padding: 0 .6rem;
-              }
-          }
-          &__tab {
-              .nav-item {
-                  margin: 0 .6rem;
-                  }
-              }
-              .nav-item-link {
-                  border: none;
-                  outline: none;
-                  font-size: 1rem;
-                  color: white;
-                  padding: 3px;
-                  position: relative;
-                  &::after {
-                      position: absolute;
-                      content: "";
-                      top: 0;
-                      left: 0;
-                      width: 100%;
-                      height: 100%;
-                      border-bottom: 3px solid #EE7800;
-                      opacity: 0;
-                  }
-                  &.active::after {
-                      opacity: 1;
-                  }
-              }
-                  
-          }
-      .dropbox-tab-content {
-          .tabpar {
-              display: flex;
-              padding-top: .5rem;
-              .col {
-                  margin: 0 .6rem;
-              }
-              .select {
-                  font-size: 1rem;
-                  padding: .6rem;
-                  border-radius: 3px;
-                  color: rgb(116, 116, 116);
-              }
-              button {
-                  border: none;
-                  outline: none;
-                  background-color: #EE7800;
-                  border-radius: 3px;
-                  color: white;
-                  font-size: 1rem;
-                  padding: .6rem;
-              }
-              .image-search {
-                  border: none;
-                  outline: none;
-                  background-color: #EE7800;
-                  border-radius: 3px;
-                  color: white;
-                  font-size: 1rem;
-              }
-              .article-btn {
-                  border: none;
-                  outline: none;
-                  background-color: #EE7800;
-                  border-radius: 3px;
-                  color: white;
-                  font-size: 1rem;
-                  padding: .6rem;
-              }
-              .home-btn {
-                  border: none;
-                  outline: none;
-                  background-color: #EE7800;
-                  border-radius: 3px;
-                  color: white;
-                  font-size: 1rem;
-                  padding: .6rem;
-              }
-          }
-      }
-  }
-}
-
-.navbar-search .dropbox__tab .nav-item-link.active .nav-item-link::after {
-  opacity: 1;
-}
-.navbar-main.sticky {
-  position: fixed;
-  top: 0;
-  width: 100%;
-}
-
-.navbar-main.sticky + .sec-02 {
-  padding-top: 53.5px;
-}
-
-.sec-02 {
-  &__slider {
-      width: 100%;
-      height: 100%;
-      .slide-item {
-          width: 100%;
-          height: 74vh;
-          background-position: center center;
-          background-size: cover;
-          background-repeat: no-repeat;
-          cursor: pointer;
-      }
-      
-  }
-  .slick-prev:before, .slick-next:before {
-      display: none;
-  }
-  .slick-prev {
-      left: 15px;
-      z-index: 3;
-  }
-  .slick-next {
-      right: 15px;
-  }
-}
-
-a {
-    text-decoration: none;
-}
-
-.text-hhh {
-    color: #EE7800;
-}
-
-.content {
-  background-color: #FCFCFC;
-  padding: 1rem 30px 0.5rem;
-  .infoCard {
-    color: #727679;
-    text-align: center;
-    padding: 1rem;
-    background-color: rgba(244, 244, 244, 0.8);
-    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
-    transform: translateY(-150px);
-    &__seo {
-        font-size: .9rem;
-        text-align: center;
-        padding: 1rem;
-        display: block;
-        line-height: 1.2;
-    }
-    &__approve {
-        color: #FF0000;
-    }
-    &__avatar {
-        width: 200px;
-        height: 200px;
-        border: 3px solid #FFF;
-        border-radius: 50%;
-        background-size: cover;
-        background-repeat: no-repeat;
-    
-    }
-    &__detail {
-        aside {
-            line-height: 2;
-            font-size: .9rem;
-        }
-        &__l {
-            flex-basis: 30%;
-            display: flex;
-            justify-content: flex-end;
-            flex-grow: 0;
-            max-width: 30%;
-            &.title {
-                color: #AAAAAA;
-                font-size: 1.125rem;
-                font-weight: bold;
-                transform: translateX(-15px);
-            }
-        }
-        &__r {
-            flex-basis: 70%;
-            text-align: start;
-            flex-grow: 0;
-            max-width: 70%;
-            word-break: break-all;
-        }
-    }
-    .scMedia {
-        display: flex;
-        padding: 1rem 0;
-        width: 100%;
-        margin-left: auto;
-        margin-right: auto;
-        justify-content: space-around;
-        a {
-            width: 16%;
-            img {
-                width: 100%;
-            }
-        }
-    }
-  }
-}
-
-.infoContent {
-    a {
-        color: #727679;
-        text-decoration: none;
-        font-size: .9rem;
-        &.active {
-            color: #EE7800;
-        }
-    }
-    .nav-item {
-        margin: 0 0.8rem;
-        width: auto;
-        &-link {
-            display: block;
-            padding: 0.5rem 2.5rem;
-            text-decoration: none;
-            background-color: transparent;
-            font-size: .9rem;
-            color: #727679;
-            &.active {
-                color: #EE7800;
-                border-bottom: 2px solid #EE7800;
-            }
-        }
-    }
-    .likeSee {
-        &__divider {
-            height: 12px;
-            display: inline-block;
-            border: 0.5px solid #9d9d9d;
-        }
-    }
-    .card {
-        box-shadow: 0 1px 10px #eee;
-        margin: 0 0 1.5rem;
-        border: none;
-        &__bgImg {
-            height: 293px;
-            background-repeat: no-repeat;
-            background-size: cover;
-            background-position: center;
-            position: relative;
-            display: flex;
-            justify-content: center;
-            -webkit-box-align: center;
-            align-items: center;
-            -webkit-box-pack: center;
-        }
-        &-body {
-            padding: 0.5rem 1rem;
-        }
-        &__title {
-            font-size: 1.125rem;
-            -webkit-box-orient: vertical;
-            box-orient: vertical;
-            -webkit-line-clamp: 2;
-            height: calc(18px * 2 * 1.5);
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            font-weight: bold;
-            margin: 0.5rem 0;
-            color: #727679;
-        }
-        &__tag {
-            margin: 0 0.2rem 0 0;
-        }
-    }
-    .company {
-        &__block {
-            margin: 0 0 2rem;
-        }
-        &__title {
-            color: #AAAAAA;
-            font-size: 2rem;
-            font-weight: bold;
-        }
-        &__text {
-            color: #43484C;
-        }
-    }
-}
-
-.nav-collapse-fixed {
-    position: fixed;
-    top: 52px;
-    z-index: 1010;
-    width: 100%;
-    opacity: 0;
-    transition: opacity .5s;
-    &.sticky {
-        display: block;
-        opacity: 1;
-    }
-    .nav-collpase {
-        padding: 1rem 0;
-        background-color: #FCFCFC;
-        box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15)
-    }
-}
-
-.navbar-main.sticky + .hero {
-    padding-top: 53px;
-}
-
-.fixed-btn {
-    position: fixed;
-    right: 15px;
-    bottom: 2rem;
-    .btn-gotop, .btn-login, .btn-favor {
-        cursor: pointer;
-        padding: 1.2rem .8rem;
-        background-color: rgba(255, 255, 255, 0.897);
-        display: flex;
-        align-items: center;
-        box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-        -webkit-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-        -moz-box-shadow: 1px 1px 1px -3px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
-    }
-        
-}
-
-
-.footer {
-  background: #e9e9e9;
-  padding: 2.5rem 0;
-  .container {
-      @media (max-width: 1100px) {
-          width: 98%;
-          max-width: 950px;
-      }
-  }
-  &__block {
-      padding: 1rem 3rem;
-      border-left: 1px solid rgb(143, 143, 143);
-      @media (max-width: 1100px) {
-          padding: 1rem 1rem;
-      }
-      &-title {
-          font-size: 1.3rem;
-          margin-bottom: 1.5rem;
-      }
-      &-list {
-          padding-left: 0;
-      }
-      &:nth-of-type(1) {
-          border-left: none;
-      }
-      &:nth-of-type(2) {
-          padding: 1rem 4rem;
-          @media (max-width: 1100px) {
-              padding: 1rem 1rem;
-          }
-      }
-      &-socials {
-          padding-left: 0;
-          display: flex;
-          align-items: center;
-          justify-content: space-between;
-          img {
-              @media (max-width: 1100px) {
-                  width: 30px;
-              }
-          }
-      }
-      .follows-fp {
-          text-decoration: none;
-          color: #696969;
-          font-size: .9rem;
-          display: flex;
-          align-items: center;
-          @media (max-width: 1100px) {
-              font-size: .8rem;
-          }
-      }
-      &-phone {
-          p {
-              display: inline;
-              @media (max-width: 900px) {
-                  display: block;
-              }
-          }
-          p, span {
-              font-size: .9rem;
-          }
-          .text-phone {
-              color: #EE7800;
-              text-decoration: none;
-          }
-      }
-      &-links {
-          display: flex;
-          align-items: center;
-          margin-top: 1rem;
-          justify-content: center;
-          &-grp {
-              padding: .3rem;
-              border-left: 1px solid rgb(185, 185, 185);
-              &:nth-of-type(1) {
-                  border-left: none;
-              }
-              a {
-                  display: block;
-                  text-decoration: none;
-                  color: #696969;
-                  font-size: .9rem;
-                  margin-bottom: .4rem;
-                  @media (max-width: 1100px) {
-                      font-size: .8rem;
-                  }
-              }
-          }
-      }
-      &-subscribe {
-          width: 100%;
-          margin-top: 1rem;
-          .subscribeBar {
-              font-size: .8rem;
-              width: 70%;
-              margin-left: 7%;
-              @media (max-width: 900px) {
-                  width: 75%;
-                  margin-left: 3%;
-                  font-size: .7rem;
-              }
-          }
-          .subscribeBtn {
-              width: 20%;
-              padding: .4rem .6rem;
-              padding-bottom: 9px;
-              border: none;
-              outline: none;
-              background-color: rgb(41, 41, 41);
-              color: white;
-              border-radius: 0 3px 3px 0;
-              margin-left: -.4rem;
-              @media (max-width: 900px) {
-                  margin-left: -.3rem;
-                  font-size: .8rem;
-                  padding-top: 9px;
-                  padding-bottom: 10px;
-              }
-          }
-      }
-  }
-  &__list-item {
-      display: flex;
-      align-items: center;
-      text-decoration: none;
-      margin-bottom: .5rem;
-      p {
-          color: #696969;
-          font-size: .9rem;
-          font-weight: 300;
-      }
-  }
-  &__list-icon {
-      width: 30px;
-      display: flex;
-      justify-content: center;
-      margin-right: .3rem;
-  }
-  .bottom-box {
-      padding: 1rem 0;
-      border-top: 1px solid rgb(185, 185, 185);
-      margin-top: 2.5rem;
-  }
-}

+ 547 - 0
css/style.css

@@ -1948,4 +1948,551 @@ body {
     opacity: 1;
   }
 }
+
+#hhh-cases .breadcrumb {
+  padding: 0.75rem 1rem;
+}
+
+#hhh-cases .breadcrumb a {
+  font-size: 0.75rem;
+  color: #727679;
+  text-decoration: none;
+}
+
+#hhh-cases .breadcrumb .active a {
+  color: #AAAAAA;
+}
+
+#hhh-cases .h4 {
+  font-weight: bold;
+  color: #34404B;
+}
+
+#hhh-cases .article {
+  color: #727679;
+}
+
+#hhh-cases .article .small {
+  padding: 0.5rem 0;
+  font-size: 80%;
+}
+
+#hhh-cases .shadow-sm {
+  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
+          box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
+}
+
+#hhh-cases .container-width-column {
+  max-width: 1120px;
+  margin: 0 auto;
+}
+
+#hhh-cases .article__wrapper {
+  padding: 0.75rem 1rem;
+}
+
+#hhh-cases .shadow {
+  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+#hhh-cases .cases-content {
+  background: #FCFCFC;
+}
+
+#hhh-cases .cases-content .caseSlider {
+  background: #fff;
+  max-width: 1310px;
+  margin: 0 auto;
+  padding: 100px;
+  position: relative;
+}
+
+#hhh-cases .cases-content .caseSlider .morePhotoTip {
+  cursor: pointer;
+  position: absolute;
+  color: #FFF;
+  right: 120px;
+  bottom: 120px;
+  padding: 0.2rem 0.8rem;
+  background-color: rgba(0, 0, 0, 0.45);
+  -webkit-transition: all 300ms ease-in-out;
+  transition: all 300ms ease-in-out;
+}
+
+#hhh-cases .container--padding {
+  padding: 1.2rem 0;
+}
+
+#hhh-cases .info__items {
+  font-size: 1.2rem;
+  text-align: center;
+  color: #34404B;
+  font-weight: 800;
+  min-height: 4.5rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+#hhh-cases .info__items__title {
+  color: #727679;
+  font-weight: 400;
+  font-size: 1rem;
+}
+
+#hhh-cases .scMedia__block {
+  width: 35%;
+  margin: 0 auto;
+}
+
+#hhh-cases .scMedia__block .scMedia__list {
+  background-color: #FFF;
+  -webkit-box-shadow: 0 1px 10px #cecece;
+          box-shadow: 0 1px 10px #cecece;
+  border-radius: 45px;
+  padding: 1rem 2.8rem;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-pack: distribute;
+      justify-content: space-around;
+}
+
+#hhh-cases .relTag {
+  padding: 1rem;
+}
+
+#hhh-cases .relTag a {
+  margin: 0 0 0.6rem 0.6rem;
+}
+
+#hhh-cases .relTag__items__title {
+  width: 7%;
+}
+
+#hhh-cases .relTag__items {
+  width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+#hhh-cases .relTag__items__tags {
+  width: 93%;
+}
+
+#hhh-cases .btn-outline-custom {
+  border-color: #707070;
+}
+
+#hhh-cases .caseData {
+  color: #727679;
+  padding: 0.5rem 0 0;
+  margin-bottom: 3rem;
+}
+
+#hhh-cases .caseData h4 {
+  font-weight: bold;
+  color: #34404B;
+  padding: 0.5rem;
+}
+
+#hhh-cases .caseData .caseData__infoBlock {
+  position: relative;
+  -webkit-box-shadow: 0 1px 10px #cecece;
+          box-shadow: 0 1px 10px #cecece;
+  padding: 1rem;
+}
+
+#hhh-cases .caseData .caseData__infoItems {
+  padding: 0.5rem;
+}
+
+#hhh-cases .caseData .caseData__infoItems__list {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+#hhh-cases .caseData .caseData__infoItems__list--lf {
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  -webkit-box-align: start;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-positive: 0;
+      flex-grow: 0;
+  max-width: 15%;
+  -ms-flex-preferred-size: 15%;
+      flex-basis: 15%;
+  -webkit-box-flex: 0;
+}
+
+#hhh-cases .caseData .caseData__infoItems__list--rt {
+  -ms-flex-preferred-size: 80%;
+      flex-basis: 80%;
+  -webkit-box-flex: 0;
+      -ms-flex-positive: 0;
+          flex-grow: 0;
+  max-width: 80%;
+  -webkit-box-pack: start;
+      -ms-flex-pack: start;
+          justify-content: start;
+  word-break: break-all;
+}
+
+#hhh-cases .caseData a {
+  text-decoration: none;
+  background-color: transparent;
+  color: #727679;
+}
+
+#hhh-cases .caseData__designerBlock {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-shadow: 0 1px 10px #cecece;
+          box-shadow: 0 1px 10px #cecece;
+}
+
+#hhh-cases .caseData__designerBlock ul {
+  list-style-type: none;
+  padding: 0.6rem;
+}
+
+#hhh-cases .caseData__designerBlock__designer--pc {
+  padding: 1rem 0.9rem;
+  width: 50%;
+  height: 370px;
+}
+
+#hhh-cases .caseData__designerBlock__designer--above {
+  height: 70%;
+}
+
+#hhh-cases .caseData__designerBlock__designer--below {
+  height: 25%;
+  border-top: 1px solid #727679;
+}
+
+#hhh-cases .caseData__designerBlock__avatar--img {
+  height: 100%;
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+}
+
+#hhh-cases .caseData__designerBlock__avatar {
+  width: 50%;
+}
+
+#hhh-cases .tel {
+  color: #EE751B !important;
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+
+#hhh-cases .likeSee__state {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+      justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+      align-items: center;
+}
+
+#hhh-cases .likeSee__state h4 {
+  font-weight: bold;
+  color: #34404B;
+}
+
+#hhh-cases .likeSee__state .likeSee__state__filter--divider {
+  height: 12px;
+  display: inline-block;
+  border: 0.5px solid #9d9d9d;
+}
+
+#hhh-cases .likeSee__state a {
+  color: #727679;
+  text-decoration: none;
+  -webkit-transition: 0.3s;
+  transition: 0.3s;
+}
+
+#hhh-cases .likeSee__state a:hover {
+  color: #EE7800;
+}
+
+#hhh-cases .likeSee__state .active {
+  color: #EE751B;
+}
+
+#hhh-cases .card {
+  border: none;
+  font-size: 0.75rem;
+}
+
+#hhh-cases .vue-waterfall {
+  position: relative;
+}
+
+#hhh-cases .vue-waterfall a {
+  color: #727679;
+  text-decoration: none;
+  background-color: transparent;
+  font-size: 0.75rem;
+}
+
+#hhh-cases .vue-waterfall .card-body {
+  padding: 0.5rem 0.5rem 0.5rem 0;
+}
+
+#hhh-cases .vue-waterfall .likeSee__tag--item {
+  margin: 0 0.2rem 0 0;
+  text-decoration: none !important;
+  color: #727679 !important;
+}
+
+#hhh-cases .likeSee__tag {
+  padding: 0.5rem 0;
+}
+
+#hhh-cases .likeSee__tag--item {
+  margin: 0 0.2rem 0 0;
+  text-decoration: none !important;
+  color: #727679 !important;
+}
+
+#hhh-cases .likeSee__state__filter--item {
+  cursor: pointer;
+}
+
+#hhh-cases .formBtn .btn {
+  padding: 1.2rem 0.75rem;
+}
+
+#hhh-cases .btn-primary {
+  color: #fff;
+  background-color: #EE7800;
+  border-color: #EE7800;
+}
+
+#hhh-cases .btn-block {
+  display: block;
+  width: 100%;
+}
+
+#hhh-cases .container-width-ad {
+  max-width: 768px;
+}
+
+#hhh-cases .formBtn {
+  width: 47%;
+}
+
+#hhh-cases .ad__bgImg {
+  height: 80px;
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-position: center;
+}
+
+#hhh-cases .container-width-ad {
+  max-width: 768px;
+  margin-bottom: 30px;
+}
+
+#hhh-cases .contact-section-avatar {
+  width: 75px;
+  height: 100px;
+}
+
+#hhh-cases .contact-section-company {
+  font-weight: bold;
+  font-size: 18px;
+  color: #6D6D6D;
+  text-decoration: none;
+  height: calc(18px * 2 *1.39);
+}
+
+#hhh-cases .contact-section-detail-box {
+  color: #6D6D6D;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+}
+
+#hhh-cases .contact-section-detail-box .contact-section-detail-lf {
+  -ms-flex-preferred-size: 7%;
+      flex-basis: 7%;
+  -ms-flex-positive: 0;
+      flex-grow: 0;
+  max-width: 7%;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-align: start;
+  -webkit-box-flex: 0;
+}
+
+#hhh-cases .contact-section-detail-box a {
+  color: #6D6D6D;
+  text-decoration: none;
+}
+
+#hhh-cases .info-area-title-desktop {
+  font-size: 18px;
+  font-weight: bold;
+  padding: 0.6rem 0 0.6rem 0.6rem;
+  margin: 1.6rem 0 1rem 0;
+  background-color: #EFEFEF;
+}
+
+#hhh-cases .info-area-title-desktop a {
+  color: #6D6D6D;
+  text-decoration: none;
+}
+
+#hhh-cases .info-area-data-desktop, #hhh-cases .info-area-other-case-desktop, #hhh-cases .info-area-same-case-desktop, #hhh-cases .info-area-contact-desktop {
+  font-size: 16px;
+  font-weight: bold;
+  color: #6D6D6D;
+}
+
+#hhh-cases .info-area-data-desktop a, #hhh-cases .info-area-other-case-desktop a, #hhh-cases .info-area-same-case-desktop a, #hhh-cases .info-area-contact-desktop a {
+  color: #6D6D6D;
+  text-decoration: none;
+}
+
+#hhh-cases .divider {
+  width: 100%;
+  height: 1px;
+  border-left: none;
+  border-bottom: 1px solid #9c9c9c;
+  margin: 10px 0;
+}
+
+#hhh-cases .data-table-desktop {
+  width: 100%;
+  font-size: 14px;
+  padding: 0.55rem 0;
+}
+
+#hhh-cases .data-table-lf {
+  -ms-flex-preferred-size: 18%;
+  flex-basis: 18%;
+  -webkit-box-flex: 0;
+  -ms-flex-positive: 0;
+      flex-grow: 0;
+  max-width: 25%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+      justify-content: start;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+      align-items: start;
+}
+
+#hhh-cases .contact-section-detail-desktop {
+  font-size: 14px;
+}
+
+#hhh-cases .contact-section-detail-lf {
+  -ms-flex-preferred-size: 7%;
+      flex-basis: 7%;
+  -webkit-box-flex: 0;
+  -ms-flex-positive: 0;
+      flex-grow: 0;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+      align-items: start;
+  max-width: 7%;
+}
+
+.article--style {
+  background: #fff;
+  -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+          box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.article__title {
+  color: #34404B;
+  font-size: 1.5rem;
+  font-weight: bold;
+  margin-bottom: 0.5rem;
+}
+
+.article__contexts {
+  font-size: 1.1rem;
+  line-height: 1.8;
+}
+
+.article__contexts img {
+  max-width: 80%;
+  margin: 0.5rem 0;
+}
+
+.article__contexts p {
+  margin-bottom: 1rem !important;
+}
+
+.article__contexts a {
+  text-decoration: none;
+}
+
+.article__contexts strong {
+  font-weight: bolder;
+}
+
+.cardList__items {
+  -webkit-box-shadow: 0 1px 10px #eee;
+          box-shadow: 0 1px 10px #eee;
+  margin: 0 0 1.5rem;
+}
+
+.cardList__items img {
+  width: 100%;
+  height: 293px;
+}
+
+.cardList__items .cardList__items__content {
+  padding: 0.5rem 1rem;
+}
+
+.cardList__items .cardList__items--title {
+  font-size: 1.125rem;
+  font-weight: bold;
+  margin: 0.5rem 0;
+  color: #727679;
+}
+
+.cardList__items .likeSee__tag--item {
+  margin: 0 0.2rem 0 0;
+}
+
+.cardList__items a {
+  font-size: 16px !important;
+}
+
+.cardList__items p {
+  margin-bottom: 1rem !important;
+}
 /*# sourceMappingURL=style.css.map */

File diff suppressed because it is too large
+ 0 - 0
css/style.css.map


+ 435 - 1
css/style.scss

@@ -1555,4 +1555,438 @@ body {
 
 @keyframes fadein {
     100% { opacity: 1; }
-} 
+} 
+
+
+
+
+// 個案頁面
+#hhh-cases{
+    .breadcrumb{
+        padding: 0.75rem 1rem;
+        a{
+            font-size: 0.75rem;
+            color:#727679;
+            text-decoration: none;
+        }
+        .active{
+            a{
+                color:#AAAAAA;
+            }
+        }
+    }
+    .h4{
+        font-weight: bold;
+        color: #34404B;
+    }
+  
+    .article{
+        color:#727679;
+        .small{
+            padding: 0.5rem 0;
+            font-size: 80%;
+        }
+    }
+
+    .shadow-sm {
+        box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.08) !important;
+    }
+    .container-width-column{
+        max-width: 1120px;
+        margin: 0 auto;
+    }
+    .article__wrapper{
+        padding: 0.75rem 1rem;
+    }
+    .shadow{
+        box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
+    }
+    .cases-content{
+        // height: 100vh;
+        background:#FCFCFC;
+        .caseSlider{
+            background: #fff;
+            max-width: 1310px;
+            margin: 0 auto;
+            padding: 100px;
+            position: relative;
+        }
+        .caseSlider .morePhotoTip {
+            cursor: pointer;
+            position: absolute;
+            color: #FFF;
+            right: 120px;
+            bottom: 120px;
+            padding: 0.2rem 0.8rem;
+            background-color: rgba(0, 0, 0, 0.45);
+            -webkit-transition: all 300ms ease-in-out;
+            transition: all 300ms ease-in-out;
+        }
+       
+    }
+    .container--padding{
+        padding: 1.2rem 0;
+    }
+    .info__items{
+        font-size: 1.2rem;
+        text-align: center;
+        color:#34404B;
+        font-weight: 800;
+        min-height: 4.5rem;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+    }
+    .info__items__title{
+        color:#727679;
+        font-weight: 400;
+        font-size: 1rem;
+    }
+    .scMedia__block{
+        width: 35%;
+        margin: 0 auto;
+        .scMedia__list{
+            background-color: #FFF;
+            box-shadow: 0 1px 10px #cecece;
+            border-radius: 45px;
+            padding: 1rem 2.8rem;
+            display: flex;
+            justify-content: space-around;
+        
+        }
+    }
+    .relTag {
+        padding: 1rem;
+        a{
+            margin: 0 0 0.6rem 0.6rem;
+        }
+    }
+    .relTag__items__title{
+        width: 7%;
+    }
+    .relTag__items{
+        width: 100%;
+        display: flex;
+    }
+    .relTag__items__tags{
+        width: 93%;
+    }
+    .btn-outline-custom{
+        border-color:#707070;
+    }
+    .caseData{
+        color: #727679;
+        padding: 0.5rem 0 0;
+        margin-bottom: 3rem;
+        h4{
+            font-weight: bold;
+            color: #34404B;
+            padding: 0.5rem;
+        }
+        .caseData__infoBlock{
+            position: relative; 
+            box-shadow: 0 1px 10px #cecece;
+            padding: 1rem;
+    
+        }
+        .caseData__infoItems{
+            padding: 0.5rem;
+        }
+        .caseData__infoItems__list{
+            display: flex;
+        }
+        .caseData__infoItems__list--lf{
+            justify-content: start;
+            -webkit-box-align: start;
+            display: flex;
+            flex-grow: 0;
+            max-width: 15%;
+            flex-basis: 15%;
+            -webkit-box-flex: 0;
+        }
+        .caseData__infoItems__list--rt{
+            flex-basis: 80%;
+            flex-grow: 0;
+            max-width: 80%;
+            justify-content: start;
+            word-break: break-all;
+        }
+        a{
+            text-decoration: none;
+            background-color: transparent;
+            color: #727679;
+        }
+    }
+    .caseData__designerBlock{
+        display: flex;
+        box-shadow: 0 1px 10px #cecece;
+        ul{
+            list-style-type: none;
+            padding: 0.6rem;
+        }
+    }
+    .caseData__designerBlock__designer--pc{
+        padding: 1rem 0.9rem;
+        width: 50%;
+      
+        height: 370px;
+    }
+    .caseData__designerBlock__designer--above{
+        height: 70%;
+    }
+    .caseData__designerBlock__designer--below{
+        height: 25%;
+        border-top: 1px solid #727679;
+    }
+    .caseData__designerBlock__avatar--img{
+        height: 100%;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-position: center;
+    }
+    .caseData__designerBlock__avatar{
+        width: 50%;
+    }
+    .tel{
+        color: #EE751B !important;
+        font-size: 1.5rem;
+        font-weight: bold;
+    }
+    .likeSee__state{
+        display: flex;
+        -webkit-box-pack: justify;
+        justify-content: space-between;
+        -webkit-box-align: center;
+        align-items: center;
+        h4{
+            font-weight: bold;
+            color: #34404B;
+        }
+        .likeSee__state__filter--divider{
+            height: 12px;
+            display: inline-block;
+            border: 0.5px solid #9d9d9d;
+        }
+        a{
+            color:#727679;
+            text-decoration: none;
+            transition: 0.3s;
+            &:hover{
+            color: #EE7800;
+            }
+        }
+        .active{
+            color: #EE751B;
+        }
+    }
+    .card {
+        border: none;
+        font-size: 0.75rem;
+    }
+    .vue-waterfall{
+        position: relative;
+        a {
+            color: #727679;
+            text-decoration: none;
+            background-color: transparent;
+            font-size: 0.75rem;
+        }
+        .card-body {
+            padding: 0.5rem 0.5rem 0.5rem 0;
+        }
+        .likeSee__tag--item {
+            margin: 0 0.2rem 0 0;
+            text-decoration: none !important;
+              color: #727679 !important;
+        }
+   
+    }
+    .likeSee__tag {
+        padding: 0.5rem 0;
+    }
+    .likeSee__tag--item {
+        margin: 0 0.2rem 0 0;
+        text-decoration: none !important;
+        color: #727679 !important;
+    }
+    .likeSee__state__filter--item{
+        cursor: pointer;
+    }
+
+    .formBtn .btn {
+        padding: 1.2rem 0.75rem;
+    }
+    .btn-primary {
+        color: #fff;
+        background-color: #EE7800;
+        border-color: #EE7800;
+    }
+    .btn-block {
+        display: block;
+        width: 100%;
+    }
+    .container-width-ad {
+        max-width: 768px;
+    }
+    .formBtn{
+        width: 47%;
+    }
+    .ad__bgImg {
+        height: 80px;
+        background-repeat: no-repeat;
+        background-size: cover;
+        background-position: center;
+    }
+    .container-width-ad {
+        max-width: 768px;
+        margin-bottom: 30px;
+    }
+
+// 彈出視窗
+.contact-section-avatar{
+    width: 75px;
+    height: 100px;
+}
+.contact-section-company{
+    font-weight: bold;
+    font-size: 18px;
+    color: #6D6D6D ;
+    text-decoration: none;
+    height: calc(18px * 2 *1.39);
+}
+ 
+.contact-section-detail-box{
+    color: #6D6D6D ;
+    display: flex !important;
+    .contact-section-detail-lf{
+        flex-basis: 7%;
+        flex-grow: 0;
+        max-width: 7%;
+        display: flex !important;
+        -webkit-box-align: start;
+        -webkit-box-flex: 0;
+    }
+    a{
+        color: #6D6D6D ;
+        text-decoration: none;
+    }
+}
+.info-area-title-desktop {
+    font-size: 18px;
+    font-weight: bold;
+    padding: 0.6rem 0 0.6rem 0.6rem;
+    margin: 1.6rem 0 1rem 0;
+    background-color: #EFEFEF;
+    a{
+        color: #6D6D6D;
+        text-decoration: none;
+    }
+}
+
+.info-area-data-desktop,.info-area-other-case-desktop,.info-area-same-case-desktop,.info-area-contact-desktop{
+    font-size: 16px;
+    font-weight: bold;
+    color: #6D6D6D;
+    a{
+        color: #6D6D6D;
+        text-decoration: none;
+    }
+}
+
+.divider {
+    width: 100%;
+    height: 1px;
+    border-left: none;
+    border-bottom: 1px solid #9c9c9c;
+    margin: 10px 0;
+}
+.data-table-desktop {
+    width: 100%;
+    font-size: 14px;
+    padding: 0.55rem 0;
+}
+.data-table-lf{
+    -ms-flex-preferred-size: 18%;
+    flex-basis: 18%;
+    -webkit-box-flex: 0;
+    flex-grow: 0;
+    max-width: 25%;
+    display: flex;
+    -webkit-box-pack: start;
+    justify-content: start;
+    -webkit-box-align: start;
+    align-items: start;
+}
+.contact-section-detail-desktop{
+    font-size: 14px;
+}
+.contact-section-detail-lf{
+    flex-basis: 7%;
+    -webkit-box-flex: 0;
+
+    flex-grow: 0;
+    display: -webkit-box;
+
+    display: flex;
+    -webkit-box-align: start;
+
+    align-items: start;
+    max-width: 7%;
+}
+}
+
+// 文章頁面
+.article--style{
+    background: #fff;
+    box-shadow: 0 0.5rem 1rem rgba(0,0,0,0.15) !important;
+}
+.article__title{
+    color: #34404B;
+    font-size: 1.5rem;
+    font-weight: bold;
+    margin-bottom: 0.5rem;
+}
+.article__contexts{
+    font-size: 1.1rem;
+    line-height: 1.8;
+    img{
+        max-width: 80%;
+        margin: 0.5rem 0;
+    }
+    p{
+        margin-bottom: 1rem !important;
+    }
+    a{
+        text-decoration: none;
+    }
+    strong {
+        font-weight: bolder;
+    }
+}
+
+.cardList__items{
+    box-shadow: 0 1px 10px #eee;
+    margin: 0 0 1.5rem;
+    img{
+        width: 100%;
+        height: 293px;
+    }
+    .cardList__items__content {
+        padding: 0.5rem 1rem;
+    }
+    .cardList__items--title {
+        font-size: 1.125rem;
+        font-weight: bold;
+        margin: 0.5rem 0;
+        color: #727679;
+    }
+    .likeSee__tag--item{
+        margin: 0 0.2rem 0 0;
+    }
+    a{
+        font-size: 16px !important;
+    }
+    p{
+        margin-bottom: 1rem !important;
+    }
+}

+ 55 - 0
goto.js

@@ -0,0 +1,55 @@
+
+$(".popular").hide();
+
+
+
+
+$(document).on("click", ".likeSee__state__filter--item", function (event) {
+    $(".News").toggle();
+    $(".popular").toggle();
+    $(".likeSee__state__filter--item").removeClass('active');
+    $(this).addClass("active");
+});
+
+
+function get_data() {
+    // var desid2=String(desid);
+    // console.log(desid2);
+    // $("#version").val(desid);
+    // $("#version").html(desid);
+    $.ajax({
+        method: "GET",
+        url: "cases.json",
+        dataType: "json",
+
+    })
+        .done(function (msg) {
+            for (var i = 0; i < msg.length; i++) {
+                // if (msg[i].id == id) {
+                    var contentarticle = '';
+                    var webtitle = '';
+                    console.log(msg);
+                    contentarticle += ' \
+                    <h1 class="sec10-title">\
+                    '+ msg[i].articletitle + '    \
+                    </h1>\
+                    <p class="card-text"><small class="text-muted">By'+ msg[i].articleauthor + '</small></p>\
+                    <img class="m-1" style="width: 20px;" src="./img/time.png" alt=""><span>'+ msg[i].articledate + '</span>\
+                    <hr>\
+                    <a target="_blank" href="https://testnets.akaswap.com/akaobj/251">\
+                    <img class="img-fluid" src="'+ msg[i].articleimg + '" alt="">\
+                    </a>\
+                    <!-- 文章內容 -->\
+                    <div class="sec10-content mt-3">\
+                    '+ msg[i].artuclecontent + '\
+                     </div>';
+
+                    webtitle += ' \
+                    '+ msg[i].articletitle + '';
+                // }
+                     $('#webtitle').html(webtitle);
+                    $('.content').html(contentarticle);
+
+            }
+        });
+}

+ 0 - 1
images/menu/icon/blogs.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52.304" viewBox="0 0 52 52.304"><defs><style>.a{fill:#ee7800;}.b,.c{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.b{stroke-miterlimit:10;}.c{stroke-linecap:round;stroke-linejoin:round;}.d{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(690.5 -262.263)"><g transform="translate(-850.771 -188)"><circle class="a" cx="4.441" cy="4.441" r="4.441" transform="translate(171.559 468.668)"/><g transform="translate(176 451.319)"><circle class="b" cx="1.735" cy="1.735" r="1.735" transform="translate(10.223 10.279)"/><path class="c" d="M315.279,656.453l-3.2,2.681-6.156-7.337,3.2-2.681" transform="translate(-290.297 -649.116)"/><line class="c" x1="9.775" y2="8.202" transform="translate(0.854 13.13)"/><path class="c" d="M310.4,658.9c-2.279,1.911-3.224,5.765-3,8.011l-17.98,4.456,7.51-16.934c2.174.607,6.132.346,8.41-1.567" transform="translate(-289.416 -649.316)"/></g></g><text class="d" transform="translate(-664.5 310.567)"><tspan x="-26" y="0">專欄文章</tspan></text></g></svg>

File diff suppressed because it is too large
+ 0 - 0
images/menu/icon/designcases.svg


+ 0 - 1
images/menu/icon/designer.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="53.497" viewBox="0 0 40 53.497"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.c{stroke-miterlimit:10;}.d{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(476.524 -261.498)"><text class="a" transform="translate(-456.524 310.995)"><tspan x="-19.5" y="0">設計師</tspan></text><path class="b" d="M138.144,742.081l-3.858-5.686,9.194-3.858,4.942,7.511" transform="translate(-608.31 -456.038)"/><g transform="translate(-472.024 262.248)"><circle class="c" cx="4.998" cy="4.998" r="4.998" transform="translate(11.782 0)"/><path class="c" d="M162.551,734.4a5.37,5.37,0,0,0-3.588-4.578,5.5,5.5,0,0,0-6.5,2.555l-4.008,6.944a5.274,5.274,0,0,0-.335.706h-4.935a1.937,1.937,0,0,0-1.891,1.379,1.9,1.9,0,0,0,1.824,2.407H162.04a.883.883,0,0,0,.888-.9C162.869,740.583,162.647,735.815,162.551,734.4Z" transform="translate(-135.953 -718.67)"/><path class="d" d="M138.9,740.1l-3.617-5.331,8.62-3.617,4.633,7.042" transform="translate(-135.285 -718.852)"/><line class="d" y1="3.298" x2="1.999" transform="translate(7.092 18.003)"/></g></g></svg>

+ 0 - 1
images/menu/icon/forum.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="48.491" viewBox="0 0 40 48.491"><defs><style>.a,.b,.c{fill:none;stroke-miterlimit:10;}.a{stroke:#dc5d00;stroke-width:2px;}.a,.c{stroke-linecap:round;}.b,.c{stroke:#4c4c4c;stroke-width:1.5px;}.d{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(544.526 -266.509)"><path class="a" d="M442.421,659.288h17.012" transform="translate(-974.66 -386.665)"/><path class="a" d="M442.421,663.267h17.012" transform="translate(-974.66 -386.877)"/><path class="a" d="M442.421,667.246h17.012" transform="translate(-974.66 -387.089)"/><path class="b" d="M461.505,670.714a2.2,2.2,0,0,0,2.2-2.2v-13.1a2.2,2.2,0,0,0-2.2-2.2H440.472a2.2,2.2,0,0,0-2.2,2.2v13.1a2.2,2.2,0,0,0,2.2,2.2h5.484v3.759a.237.237,0,0,0,.372.2l5.168-3.933S458.091,670.714,461.505,670.714Z" transform="translate(-974.514 -385.956)"/><g transform="translate(-531.831 271.986)"><path class="c" d="M442.932,658.208h17.012" transform="translate(-442.932 -658.208)"/><path class="c" d="M442.932,662.187h17.012" transform="translate(-442.932 -658.421)"/><path class="c" d="M442.932,666.166h17.012" transform="translate(-442.932 -658.633)"/></g><text class="d" transform="translate(-524.526 311)"><tspan x="-19.5" y="0">討論區</tspan></text></g></svg>

+ 0 - 1
images/menu/icon/mueble.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="52" height="52.839" viewBox="0 0 52 52.839"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}</style></defs><g transform="translate(342.524 -262.156)"><text class="a" transform="translate(-316.524 310.995)"><tspan x="-26" y="0">居家商品</tspan></text><path class="b" d="M3.411,0H15.827a3.411,3.411,0,0,1,3.411,3.411v8.582a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V3.411A3.411,3.411,0,0,1,3.411,0Z" transform="translate(-328.137 263.525)"/><path class="c" d="M293.484,730.776V733h17.8v-2.219a2.633,2.633,0,0,1,1.233-2.228v-4.439a3.851,3.851,0,0,0-3.851-3.852H296.1a3.852,3.852,0,0,0-3.852,3.852v4.439A2.634,2.634,0,0,1,293.484,730.776Z" transform="translate(-619.337 -457.351)"/><path class="c" d="M313.832,728.312a2.641,2.641,0,0,0-2.642,2.641v2.219h-17.8v-2.219a2.642,2.642,0,0,0-5.283,0v4.438a2.642,2.642,0,0,0,2.642,2.641h23.081a2.641,2.641,0,0,0,2.641-2.641v-4.438A2.641,2.641,0,0,0,313.832,728.312Z" transform="translate(-619.246 -457.529)"/><g transform="translate(-327.087 280.504)"><path class="c" d="M292.25,738.252V744a.482.482,0,0,0,.482.482h.852a.481.481,0,0,0,.462-.342l2.075-5.886Z" transform="translate(-292.25 -738.252)"/><path class="c" d="M312.884,738.252V744a.482.482,0,0,1-.482.482h-.852a.482.482,0,0,1-.462-.342l-2.075-5.886Z" transform="translate(-292.619 -738.252)"/></g></g></svg>

+ 0 - 1
images/menu/icon/newcase.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="40" height="55.644" viewBox="0 0 40 55.644"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;stroke:#ee7800;}.b,.c{stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:none;stroke:#4c4c4c;}</style></defs><g transform="translate(266.524 -259.351)"><text class="a" transform="translate(-246.524 310.995)"><tspan x="-19.5" y="0">新建案</tspan></text><path class="b" d="M.5,0H2.8a.5.5,0,0,1,.5.5V6.831a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(-248.491 280.778)"/><g transform="translate(-255.991 260.101)"><path class="c" d="M385.225,745.463V717.92a.947.947,0,0,0-.947-.947H367.237a.945.945,0,0,0-.945.945v27.545a.947.947,0,0,0,.947.947h17.04A.947.947,0,0,0,385.225,745.463Z" transform="translate(-366.292 -716.973)"/><g transform="translate(3.386 4.13)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 8.399)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 12.667)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><g transform="translate(3.386 16.936)"><line class="c" x2="2.665"/><line class="c" x2="2.665" transform="translate(4.748)"/><line class="c" x2="2.665" transform="translate(9.495)"/></g><path class="c" d="M.5,0H3.3a.5.5,0,0,1,.5.5V7.858a0,0,0,0,1,0,0H0a0,0,0,0,1,0,0V.5A.5.5,0,0,1,.5,0Z" transform="translate(7.568 21.579)"/></g></g></svg>

+ 0 - 1
images/menu/icon/portfolio.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="27.482" height="50.567" viewBox="0 0 27.482 50.567"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}</style></defs><g transform="translate(817.5 -264)"><g transform="translate(-847 -186.369)"><rect class="a" width="9.826" height="9.826" rx="1" transform="translate(47.156 450.369)"/><g transform="translate(32 452.266)"><rect class="b" width="9.826" height="9.826" rx="1"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(12.377)"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(0 12.713)"/><rect class="b" width="9.826" height="9.826" rx="1" transform="translate(12.377 12.713)"/></g></g><text class="c" transform="translate(-804.5 310.567)"><tspan x="-13" y="0">圖輯</tspan></text></g></svg>

+ 0 - 1
images/menu/icon/price.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="52" height="51.243" viewBox="0 0 52 51.243"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-width:1.5px;}.c{stroke-miterlimit:10;}.d{stroke-linecap:round;stroke-linejoin:round;}</style></defs><g transform="translate(202.55 -263.751)"><text class="a" transform="translate(-176.55 310.995)"><tspan x="-26" y="0">實價登錄</tspan></text><path class="b" d="M0,0H25.714a0,0,0,0,1,0,0V3.9A1.524,1.524,0,0,1,24.19,5.428H1.524A1.524,1.524,0,0,1,0,3.9V0A0,0,0,0,1,0,0Z" transform="translate(-188.573 279.652)"/><g transform="translate(-190.276 264.501)"><path class="c" d="M463.086,739.875a2.324,2.324,0,0,0,2.317-2.317V722.922a2.324,2.324,0,0,0-2.317-2.317h-22.82a2.324,2.324,0,0,0-2.317,2.317v14.637a2.324,2.324,0,0,0,2.317,2.317Z" transform="translate(-437.949 -720.605)"/><path class="d" d="M446.936,745.435h9.589" transform="translate(-438.003 -720.754)"/><line class="c" x1="27" transform="translate(0.454 13.571)"/><line class="c" y2="4.22" transform="translate(13.727 20.028)"/></g></g></svg>

+ 0 - 1
images/menu/icon/soft.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="52" height="55.995" viewBox="0 0 52 55.995"><defs><style>.a{fill:#4c4c4c;font-size:13px;font-family:PingFangTC-Semibold, PingFang TC;font-weight:600;}.b{fill:#ee7800;}.c,.d{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.d{stroke-linecap:round;}</style></defs><g transform="translate(412.524 -259)"><text class="a" transform="translate(-386.524 310.995)"><tspan x="-26" y="0">軟裝佈置</tspan></text><path class="b" d="M237.465,730.155l-3.136-11.418a.473.473,0,0,0-.456-.347H224.9a.472.472,0,0,0-.456.347l-3.137,11.417a.476.476,0,0,0,.459.6h15.239A.475.475,0,0,0,237.465,730.155Z" transform="translate(-613.126 -459.39)"/><g transform="translate(-393.836 261.051)"><path class="c" d="M235.6,728.8l-3.137-11.418a.472.472,0,0,0-.456-.347h-8.97a.474.474,0,0,0-.457.347L219.442,728.8a.476.476,0,0,0,.459.6h15.239A.476.476,0,0,0,235.6,728.8Z" transform="translate(-219.425 -717.031)"/><line class="d" x2="13.182" transform="translate(1.619 28.132)"/><line class="c" y2="15.765" transform="translate(8.096 12.367)"/><line class="d" y2="6.795" transform="translate(11.132 12.367)"/></g></g></svg>

+ 0 - 1
images/menu/icon/video.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="36" height="48.317" viewBox="0 0 36 48.317"><defs><style>.a{fill:#ee7800;}.b{fill:none;stroke:#4c4c4c;stroke-miterlimit:10;stroke-width:1.5px;}.c{fill:#4c4c4c;font-size:13px;font-family:Helvetica-Bold, Helvetica;font-weight:700;}</style></defs><g transform="translate(612.5 -265.25)"><path class="a" d="M373.8,661.656v7.138a.532.532,0,0,0,.777.472l6.855-3.544a.533.533,0,0,0,0-.945l-6.856-3.593A.532.532,0,0,0,373.8,661.656Z" transform="translate(-972.144 -388.334)"/><path class="b" d="M375.436,654.408c-3.4,0-6.822.106-10.171.318a3.516,3.516,0,0,0-3.279,3.3,56.7,56.7,0,0,0,0,11.914,3.49,3.49,0,0,0,3.275,3.3c3.891.21,7.583.316,10.972.316s6.589-.106,9.526-.316a3.527,3.527,0,0,0,3.285-3.3,56.694,56.694,0,0,0,0-11.914,3.522,3.522,0,0,0-3.279-3.3C382.311,654.515,378.835,654.408,375.436,654.408Z" transform="translate(-969.897 -388.408)"/><path class="b" d="M372.674,660.531v7.138a.533.533,0,0,0,.777.473l6.855-3.545a.532.532,0,0,0,0-.944l-6.855-3.594A.533.533,0,0,0,372.674,660.531Z" transform="translate(-970.484 -388.706)"/><text class="c" transform="translate(-594.5 310.567)"><tspan x="-17.583" y="0">Video</tspan></text></g></svg>

+ 0 - 1691
index_designerList.html

@@ -1,1691 +0,0 @@
-<!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" type="text/css" href="css/slick.css" />
-      <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
-
-    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-    <link rel="stylesheet" href="css/list-style.css">
-</head>
-<body>
-    <div style="overflow-x:hidden;">
-        <section class="sec-00 w-100">
-            <button class="text-center sec-00__close">
-              <i class="fas fa-chevron-up" style="transform:translateY(-2px);"></i>
-              <p>隱藏</p>
-            </button>
-            <div class="container-fluid" style="padding:0;margin:0;">
-                <div class="sec-00__slider">
-                    
-                </div>
-            </div>
-        </section>
-        <nav class="navbar navbar-expand-lg navbar-light navbar-main">
-            <div class="container-fluid" style="margin:0;">
-                <a href="https://hhh.com.tw/" class="navbar-brand navbar-logo"><img src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" alt="" width="110"></a>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <ul class="navbar-nav mx-auto mb-2 mb-lg-0">
-                      <li class="nav-item">
-                        <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/about/calculator/">估預算</a>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="https://m.hhh.com.tw/photos/index/">找風格</a>
-                        <div class="dropbox">
-                          <div class="container stylebox" style="max-width: 650px;">
-                            <div class="row g-0 px-5">
-                              <div class="col-5">
-                                <ul class="mx-auto mb-lg-0">
-                                  <li class="dropbox-item mb-3">
-                                    <a class="dropbox-link dropbox-btn" target="_blank" href="https://m.hhh.com.tw/about/calculator/">估預算</a>
-                                  </li>
-                                  <li class="dropbox-item mb-0">
-                                    <a class="dropbox-link dropbox-btn" target="_blank" href="https://hhh.com.tw/about/request/">找諮詢</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/photos/lists/nordic-style/" >北歐風</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/photos/lists/modern-style/">現代風</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link"href="https://m.hhh.com.tw/photos/lists/industry-style/">工業風</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/">小坪數</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/">風水</a>
-                                  </li>
-                                  
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/search/lists/video/%E8%8E%8E%E8%8E%8E-keyword/">莎莎看房去</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/topic/detail/402/">小坪數大空間</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/videos/lists/">發燒影音</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="">居家防疫動起來</a>
-                                  </li>
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" href="https://m.hhh.com.tw/columns/lists/all-columntypea/">專欄文章</a>
-                        <div class="dropbox">
-                          <div class="container">
-                            <div class="row g-0">
-                              <div class="col">
-                                <ul class="mx-auto mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/">編輯精選</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/">居家趨勢</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/">人氣排行</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/">建築設計</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/">風格選店</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/">公益活動</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/">展演資訊</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/">居家設計</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/">小宅規劃</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/">老屋翻新</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/">風格營造</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/">配色佈置</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/">好宅特輯</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/">設計提案</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/">裝修前線</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/">裝修最前線</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/">預算配置</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/">施工流程</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/">建材知識</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/">生活PLUS</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/">居家風水</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/">家事清潔</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/">收納技巧</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/">改造修繕</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/">品牌好物</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/">傢俱家飾</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/">美型家電</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/">推薦廚衛</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/">居家好物</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/">優質建材</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/">房市焦點</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/">房市新聞</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/">建案特蒐</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/">買屋賣屋</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/">房貸稅務</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/">主題企劃</a>
-                                  </li>
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/designers/lists/">設計師</a>
-                        <div class="dropbox">
-                          <div class="container designerbox" style="max-width: 680px;">
-                            <div class="row g-0 px-5">
-                              <div class="col-5">
-                                <ul class="mx-auto mb-lg-0">
-                                  <li class="dropbox-item mb-4">
-                                    <a class="dropbox-link dropbox-btn" target="_blank" href="https://m.hhh.com.tw/decoquery/lists/address/">查證照</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/designers/lists/">室內設計師</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" target="_blank" href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php">觀眾最愛設計師</a>
-                                  </li>
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" target="_blank" href="https://event.hhh.com.tw/topglory/">GLORY 國際大賞</a>
-                                  </li>
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" target="_blank" href="https://hhh.com.tw/event170427/">老屋翻新居家改造</a>
-                                  </li>
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item lg">
-                        <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/products/lists/">居家商品</a>
-                        <div class="dropbox">
-                          <div class="container">
-                            <div class="row g-0">
-                              <div class="col-2">
-                                <ul class="mx-auto mb-lg-0">
-                                  <li class="dropbox-item mb-4">
-                                    <a class="dropbox-link dropbox-btn" target="_blank" href="https://shop.hhh.com.tw/"><img src="images/menu/cart.svg" width="15" alt=""><p>+好物</p></a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-3">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/">建材</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/wooden-pcategoryb/1-page/new-sort/">木地板</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/sheetmetal-pcategoryb/1-page/new-sort/">板材</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/tile-pcategoryb/1-page/new-sort/">磁磚</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/stone-pcategoryb/1-page/new-sort/">石材</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/cement-pcategoryb/1-page/new-sort/">水泥</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/glass-pcategoryb/1-page/new-sort/">玻璃、隔熱膜</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/wallcovering-pcategoryb/1-page/new-sort/">壁紙、壁布</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/building-pcategorya/doorswindows-pcategoryb/1-page/new-sort/">門窗</a>
-                                  </li>
-                                </ul>
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/coating-pcategorya/1-page/new-sort/">塗料</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/coating-pcategorya/paint-pcategoryb/1-page/new-sort/">油漆</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/coating-pcategorya/coatings-pcategoryb/1-page/new-sort/">塗料</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto mb-3">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort/">傢俱</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/living-pcategoryb/1-page/new-sort/">客廳</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/bedroom-pcategoryb/1-page/new-sort/">臥室</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/restaurant-pcategoryb/1-page/new-sort/">餐廳</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/study-pcategoryb/1-page/new-sort/">書房/辦公室</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/furniture-pcategorya/storage-pcategoryb/1-page/new-sort/">收納</a>
-                                  </li>
-                                </ul>
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/1-page/new-sort/">寢具裝飾</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/bedding-pcategoryb/1-page/new-sort/">寢飾</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/curtains-pcategoryb/1-page/new-sort/">窗簾、葉窗</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/carpet-pcategoryb/1-page/new-sort/">地毯、地墊</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/artdecoration-pcategoryb/1-page/new-sort/">藝術、擺飾</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/home-pcategorya/mirror-pcategoryb/1-page/new-sort/">鏡子</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/">家電</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/refrigerator-pcategoryb/1-page/new-sort/">冰箱</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/airconditioning-pcategoryb/1-page/new-sort/">冷氣、空調</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/tv-pcategoryb/1-page/new-sort/">電視</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/projector-pcategoryb/1-page/new-sort/">投影機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/sound-pcategoryb/1-page/new-sort/">音響</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/aircleaner-pcategoryb/1-page/new-sort/">空氣清淨機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/vacuumcleaner-pcategoryb/1-page/new-sort/">吸塵器</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/efan-pcategoryb/1-page/new-sort/">電風扇</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/eheater-pcategoryb/1-page/new-sort/">電暖器機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/dehumidifier-pcategoryb/1-page/new-sort/">除濕機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/massage-pcategoryb/1-page/new-sort/">按摩家電</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/household-pcategorya/coffee-pcategoryb/1-page/new-sort/">咖啡機</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/1-page/new-sort/">廚房</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/electromagnetic-pcategoryb/1-page/new-sort/">電磁、電子爐</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/dryingmachine-pcategoryb/1-page/new-sort/">洗、烘碗機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/ventilator-pcategoryb/1-page/new-sort/">排油煙機</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/steamoven-pcategoryb/1-page/new-sort/">烤箱、蒸爐</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/kithardware-pcategoryb/1-page/new-sort/">廚房五金</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/kitchen-pcategorya/potsandutensils-pcategoryb/1-page/new-sort/">鍋具、器皿</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/1-page/new-sort/">衛浴</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathtub-pcategoryb/1-page/new-sort/">浴缸</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/waterheater-pcategoryb/1-page/new-sort/">電熱水器</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathaircondition-pcategoryb/1-page/new-sort/">浴室空調</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathfittings-pcategoryb/1-page/new-sort/">衛浴五金</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/showerdoor-pcategoryb/1-page/new-sort/">淋浴拉門</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/bathroom-pcategorya/bathm-pcategoryb/1-page/new-sort/">衛浴設備</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/1-page/new-sort/" >照明</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/ceiling-pcategoryb/1-page/new-sort/">吸頂燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/spotlight-pcategoryb/1-page/new-sort/">投射燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/chandelier-pcategoryb/1-page/new-sort/">吊燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/walllamp-pcategoryb/1-page/new-sort/">壁燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/tablelamp-pcategoryb/1-page/new-sort/">檯燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/standing-pcategoryb/1-page/new-sort/">立燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/recessed-pcategoryb/1-page/new-sort/">嵌燈</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/lighting-pcategorya/lightbulbs-pcategoryb/1-page/new-sort/">燈泡、燈具</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col">
-                                <ul class="mx-auto">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/1-page/new-sort/">其他</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/fire-pcategoryb/1-page/new-sort/">消防設備</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/smartdevice-pcategoryb/1-page/new-sort/">智能設備</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/lifegroceries-pcategoryb/1-page/new-sort/">生活雜貨</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/cleaningsupplies-pcategoryb/1-page/new-sort/">清潔用品</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/photography-pcategoryb/1-page/new-sort/">攝影</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/other-pcategorya/otherservice-pcategoryb/1-page/new-sort/">其他服務</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col-2">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" target="_blank" href="https://event.hhh.com.tw/2020-Top-Brands/">消費者最愛品牌</a>
-                                  </li>
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/products/lists/1-page/new-sort/">所有商品</a>
-                                  </li>
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/brands/lists/">所有品牌</a>
-                                  </li>
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/builder/lists/">新建案</a>
-                        <div class="dropbox">
-                          <div class="container newbox" style="max-width: 650px;">
-                            <div class="row g-0 px-5">
-                              <div class="col-6">
-                                <ul class="mx-auto mb-lg-0">
-                                  <li class="dropbox-item mb-4">
-                                    <a class="dropbox-link dropbox-btn" target="_blank" href="https://www.leju.com.tw/page_search_result">實價登錄</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col-3">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/1-page/">依地區</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/100-citys/1-page/">臺北市</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/101-citys/1-page/">新北市</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/103-citys/1-page/">桃園市</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/104-citys/1-page/">新竹縣</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/105-citys/1-page/">新竹市</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/107-citys/1-page/">臺中市</a>
-                                  </li>
-                                </ul>
-                              </div>
-                              <div class="col-3">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item first">
-                                    <a class="dropbox-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/">新建案</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/mrt-types/1-page/">捷運宅</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/function-types/1-page/">機能宅</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/builder/lists/king-types/1-page/">帝王宅</a>
-                                  </li>
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" target="_blank" href="https://m.hhh.com.tw/forum/category/">討論區</a>
-                        <div class="dropbox">
-                          <div class="container forumbox" style="max-width: 450px;">
-                            <div class="row g-0 px-5">
-                              <div class="col-6">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" href="https://hhh.com.tw/forum/lists?category=1" target="_blank">居家綜合</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" target="_blank" href="https://hhh.com.tw/forum/lists?category=2">室內設計與佈置</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" target="_blank" href="https://hhh.com.tw/forum/lists?category=3">房屋修繕</a>
-                                  </li>
-                                  
-                                </ul>
-                              </div>
-                              <div class="col-6">
-                                <ul class="mx-auto mb-2 mb-lg-0">
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" target="_blank" href="https://hhh.com.tw/forum/lists?category=4">房產房產經驗宅</a>
-                                  </li>
-                                  <li class="dropbox-item">
-                                    <a class="dropbox-link" target="_blank" href="https://hhh.com.tw/forum/lists?category=5">家店開箱與討論</a>
-                                  </li>
-                        
-                                </ul>
-                              </div>
-                            </div>
-                          </div>
-                        </div>
-                      </li>
-                      <li class="nav-item">
-                        <a class="nav-link" onclick="todayTV();">TV節目表</a>
-                      </li>
-                    </ul>
-                </div>
-                <div class="navbar-brand navbar-search me-2 d-flex align-items-center">
-                    <img width="25" class="navbar-search-magnify" src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC4wMDMiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMC4wMDMgMjAiPgogIDxnIGlkPSJzZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjA1KSI+CiAgICA8cGF0aCBpZD0iUGF0aF8yMjcyIiBkYXRhLW5hbWU9IlBhdGggMjI3MiIgZD0iTTE5Ljg4LDE4Ljk4bC00Ljg2Mi00Ljg2YTguNTM5LDguNTM5LDAsMSwwLS44NDMuODQzbDQuODYyLDQuODZhLjYuNiwwLDAsMCwuNDIxLjE3Ny41ODQuNTg0LDAsMCwwLC40MjEtLjE3N0EuNi42LDAsMCwwLDE5Ljg4LDE4Ljk4Wk0xLjI0Myw4LjUyOGE3LjMzMyw3LjMzMywwLDEsMSw3LjMzMyw3LjMzNUE3LjM0LDcuMzQsMCwwLDEsMS4yNDMsOC41MjhaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwKSIgZmlsbD0iI2VlNzgwMCIvPgogIDwvZz4KPC9zdmc+Cg==" alt="">
-                    <div class="dropbox">
-                      <div class="container">
-                        <div class="w-100 text-center dropbox__searchBar mb-3">
-                          <input type="text" class="dropbox__searchBar__input" placeholder="請輸入關鍵字">
-                          <button class="dropbox__searchBar__submit">搜尋</button>
-                        </div>
-                        <div class="dropbox__searchtab">
-                          <div class="dropbox__tab dropbox__tabdiv">
-                            <ul class="nav row nav-pills gx-2 justify-content-around">
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-img-tab">圖片</button>
-                              </li>
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-article-tab">專欄文章</button>
-                              </li>
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-case-tab">設計案例</button>
-                              </li>
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-designer-tab">設計師</button>
-                              </li>
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-home-tab">居家商品</button>
-                              </li>
-                              <li class="nav-item col text-center">
-                                <button class="nav-item-link bg-transparent" id="pills-news-tab">新建案</button>
-                              </li>
-                            </ul>
-                          </div>
-                          <div class="tab-content dropbox-tab-content" id="pills-tab-2">
-                            <div class="" id="pills-img-tab">
-                                <div class="tabpar tabpar__1">
-                                  <select name="image-style" id="image-style" class="col select">
-                                    <option value="" selected="selected" disabled>風格</option>
-                                    <option value="all-style">不拘</option>
-                                    <option value="modern-style">現代風</option>
-                                    <option value="nordic-style">北歐風</option>
-                                    <option value="industry-style">工業風</option>
-                                    <option value="american-style">美式風</option>
-                                    <option value="leisure-style">休閒多元風</option>
-                                  </select>
-                                  <select name="image-space" id="image-space" class="col select">
-                                    <option value="" selected="selected" disabled>空間</option>
-                                    <option value="all-space">不拘</option>
-                                    <option value="living-space">客廳</option>
-                                    <option value="kitchen-space">廚房</option>
-                                    <option value="children-space">兒童房</option>
-                                    <option value="study-space">書房</option>
-                                    <option value="restaurant-space">餐廳</option>
-                                  </select>
-                                  <select name="image-area" id="image-area" class="col select">
-                                    <option value="" selected="selected" disabled>坪數</option>
-                                    <option value="all-area">不拘</option>
-                                    <option value="c20-area">20坪以下</option>
-                                    <option value="c21-area">21-30坪</option>
-                                    <option value="c31-area">31-50坪</option>
-                                    <option value="c51-area">51坪以上</option>
-                                  </select>
-                                  <button class="col image-search">送出</button>
-                                </div>
-                            </div>
-                            <div class="" id="pills-article-tab">
-                                <div class="tabpar tabpar__2">
-                                  <button class="col article-btn" onclick="window.open(`https://hhh.com.tw/columns/lists/editorchoose-columntypea/`);">編輯精選</button>
-                                  <button class="col article-btn" onclick="window.open(`https://m.hhh.com.tw/columns/lists/housedesign-columntypea/`);">居家設計</button>
-                                  <button class="col article-btn" onclick="window.open(`https://m.hhh.com.tw/columns/lists/decoration-columntypea/`);">裝修前線</button>
-                                </div>
-                            </div>
-                            <div class="" id="pills-case-tab">
-                                <div class="tabpar tabpar__3">
-                                  <select name="cases-type" id="cases-type" class="col select">
-                                    <option value="small-ctype">小坪數</option>
-                                    <option value="all-ctype">不拘</option>
-                                    <option value="standard-ctype">標準格局</option>
-                                    <option value="big-ctype">大坪數</option>
-                                    <option value="villa-ctype">別墅</option>
-                                    <option value="raisehigh-ctype">挑高樓層</option>
-                                    <option value="middle-ctype">樓中樓</option>
-                                    <option value="sample-ctype">實品/樣品屋</option>
-                                    <option value="workspace-ctype">工作空間</option>
-                                    <option value="commercial-ctype">商業空間</option>
-                                    <option value="homestay-ctype">民宿旅館</option>
-                                    <option value="dining-ctype">餐飲空間</option>
-                                    <option value="public-ctype">公共空間</option>
-                                  </select>
-                                  <select name="cases-condition" id="cases-condition" class="col select">
-                                    <option value="renovation-condition">老屋翻新</option>
-                                    <option value="all-condition">不拘</option>
-                                    <option value="new-condition">新成屋</option>
-                                    <option value="blanks-condition">毛胚屋</option>
-                                    <option value="selfbuilt-condition">自地自建</option>
-                                  </select>
-                                  <select name="case-shui" id="case-shui" class="col select">
-                                    <option value="" selected="selected" disabled>風水</option>
-                                    <option value="風水">風水</option>
-                                  </select>
-                                  <button class="col case-search">送出</button>
-                                </div>
-                          </div>
-                          <div class="" id="pills-designer-tab">
-                            <div class="tabpar tabpar__4">
-                              <select name="designer-city" id="designer-city" class="col select">
-                                <option value="" selected="selected" disabled>所在縣市</option>
-                                
-                              </select>
-                              <select name="designer-country" id="designer-country" class="col select">
-                                <option value="" selected="selected" disabled>所在地區</option>
-                                
-                              </select>
-                              <select name="designer-region" id="designer-region" class="col select">
-                                <option value="坪數" selected="selected" disabled>接案地區</option>
-                                <option value="all-region">不拘</option>
-                                <option value="north-region">北區</option>
-                                <option value="central-region">中區</option>
-                                <option value="south-region">南區</option>
-                                <option value="east-region">宜蘭花東</option>
-                                <option value="outlying-region">離島地區</option>
-                                <option value="overseas-region">海外地區</option>
-                              </select>
-                              <button class="col designer-search">送出</button>
-                            </div>
-                          </div>
-                          <div class="" id="pills-home-tab">
-                            <div class="tabpar tabpar__5">
-                              <button class="col home-btn" onclick="window.open(`https://hhh.com.tw/products/lists/furniture-pcategorya/1-page/new-sort`);">傢俱</button>
-                              <button class="col home-btn" onclick="window.open(`https://hhh.com.tw/products/lists/household-pcategorya/1-page/new-sort/`);">家電</button>
-                              <button class="col home-btn" onclick="window.open(`https://hhh.com.tw/products/lists/building-pcategorya/1-page/new-sort/`);">建材</button>
-                            </div>
-                          </div>
-                          <div class="" id="pills-news-tab">
-                            <div class="tabpar tabpar__6">
-                              <select name="news-city" id="news-city" class="col select">
-                                <option value="風格" selected="selected" disabled>所在縣市</option>
-                                <option value="100-citys">台北市</option>
-                                <option value="101-citys">新北市</option>
-                                <option value="102-citys">基隆市</option>
-                                <option value="103-citys">桃園市</option>
-                                <option value="104-citys">新竹縣</option>
-                                <option value="105-citys">新竹市</option>
-                                <option value="107-citys">台中市</option>
-                              </select>
-                              <select name="news-types" id="news-types" class="col select">
-                                <option value="空間" selected="selected" disabled>類型</option>
-                                <option value="mrt-types">捷運宅</option>
-                                <option value="function-types">機能宅</option>
-                                <option value="king-types">帝王宅</option>
-                              </select>
-                              <button class="col news-search">送出</button>
-                            </div>
-                          </div>
-                          </div> 
-                        </div>
-                        <div class="text-center dropbox__hots"> 
-                          <strong class="dropbox__hots__title">熱搜關鍵字:</strong>
-                          <a class="dropbox__hots__link">小坪數</a>
-                          <a class="dropbox__hots__link">收納</a>
-                          <a class="dropbox__hots__link">軟裝佈置</a>
-                          <a class="dropbox__hots__link">幸福經紀人</a>
-                          <a class="dropbox__hots__link">承炫設計</a>
-                          <a class="dropbox__hots__link">風水</a>
-                          <a class="dropbox__hots__link">北歐風</a>
-                          <a class="dropbox__hots__link">周石設計</a>
-                        </div>
-                      </div>
-                    </div>
-                </div>
-                <div class="navbar-brand navbar-login ms-2 d-flex align-items-center">
-                    <a href="https://hhh.com.tw/login/index" class="navbar-login">登入 / 註冊</a>
-                </div>
-            </div>
-        </nav>
-        <section class="w-100 hero">
-            <div  style="padding:0;margin:0;">
-              <img class="img-fluid w-100" src="https://cloud.hhh.com.tw/upload/_hdesigner/background_769_20211122142507.jpg" alt="">
-            </div>
-        </section>
-        <section class="content">
-          <div class="row justify-content-around">
-            <div class="col-12 col-md-3">
-              <div class="infoCard">
-                <div class="infoCard__avatar mx-auto mb-3" style="background-image: url(https://cloud.hhh.com.tw/gs/designer/designer494_00.jpg);">
-                </div>
-                <h2>蔡岳儒</h2>
-                <span class="mb-3 d-inline-block">設計師</span>
-                <h4 class="mb-3">恆岳空間設計</h4>
-                <strong class="mb-3 infoCard__seo">恆岳空間設計|蔡岳儒 室內設計師,為台北老屋翻新好評推薦的室內設計師,
-                  將老屋妙手回春成現代風小豪宅,亦擅長置入日式精闢手工藝術融入室內空間設計中。</strong>
-                <div class="infoCard__approve mb-3">
-                  ★老屋翻新‧住宅改造
-                </div>
-                <div class="infoCard__detail">
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>免費專線:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <a href="tel:0809000123,19499" class="text-hhh">0809-000-123#18890</a>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>諮詢專線:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>0809-000-123#18890</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>諮詢專線:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>0937-070-794</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>公司傳真:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>02-2562-7002</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>公司地址:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>台北市中山區林森北路50號4樓之一</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>電子信箱:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>hengyuehdesign@gmail.com,gakuju@gmail.com</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="infoCard__detail__l">
-                      <div>公司網址:</div>
-                    </div>
-                    <div class="infoCard__detail__r">
-                      <div>
-                        http://www.hengyueh.com.tw/</div>
-                    </div>
-                  </aside>
-                  <div class="infoCard__detail other">
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>分公司地址:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>台北市中山區林森北路50號4樓之一</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>分公司電話:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>02-2562-7755</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>分公司傳真:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>02-2562-7002</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>分公司地址:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>上海市闵行区东川路2688号</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l title mt-5 mb-3">
-                        <div>接案條件</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div></div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>接案預算:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>接案坪數:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>特殊接案:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>收費方式:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>請來電洽詢 / 【丈量費】NT$5,000元(透天別墅另計) *此費用含實地丈量、需求訪談、
-                          初步平面配置與風格提案 *以上費用於簽設計合約時,可全額折抵</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>付費方式:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>簽約付30%、依工程進度分兩次,各付30%、完工驗收收10%</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>付費方式:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>簽約付30%、依工程進度分兩次,各付30%、完工驗收收10%</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>接案區域:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>北區,中區,南區,大陸</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>接案類型:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,工作空間,餐飲空間,民宿旅館,公共空間</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="infoCard__detail__l">
-                        <div>接案風格:</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div>現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風</div>
-                      </div>
-                    </aside>
-                  </div>
-                  <section class="scMedia">
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/fb.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/line.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/wechat.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/share.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/like-o.svg" alt="">
-                    </a>
-                  </section>
-                </div>
-              </div>
-            </div>
-            <div class="col-12 col-md-9">
-              <div class="infoContent">
-                <div class="d-flex justify-content-between">
-                  <ul class="nav d-flex nav-pills flex-wrap" id="pills-tab" role="tablist">
-                    <li class="nav-item active p-0" role="presentation">
-                      <a class="nav-item-link nav-item-active bg-transparent active" id="pills-intro-tab"
-                      data-bs-toggle="pill" data-bs-target="#pills-intro" type="button" role="tab"
-                      aria-controls="pills-intro" aria-selected="true" data-link="https://hhh.com.tw/cases/lists/">設計師作品</a>
-                    </li>
-                    <li class="nav-item p-0" role="presentation">
-                      <a 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" data-link="https://hhh.com.tw/videos/lists/">設計師影音</a>
-                    </li>
-                    <li class="nav-item p-0" role="presentation">
-                      <a class="nav-item-link nav-item-active bg-transparent" id="pills-columns-tab"
-                      data-bs-toggle="pill" data-bs-target="#pills-columns" type="button" role="tab"
-                      aria-controls="pills-columns" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">設計師專欄</a>
-                    </li>
-                    <li class="nav-item p-0" role="presentation">
-                      <a class="nav-item-link nav-item-active bg-transparent" id="pills-company-tab"
-                      data-bs-toggle="pill" data-bs-target="#pills-company" type="button" role="tab"
-                      aria-controls="pills-company" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">設計師公司簡介</a>
-                    </li>
-                  </ul>
-                  <div class="likeSee" hidden>
-                    <a href="">人氣</a>
-                    <span class="likeSee__divider"></span>
-                    <a href="">最新</a>
-                  </div>
-                  <aside class="nav-collapse-fixed" id="nav-collapse">
-                    <ul class="nav d-flex nav-collpase flex-wrap" id="pills-tab" role="tablist">
-                      <li class="nav-item active p-0" role="presentation">
-                        <a class="nav-item-link nav-item-active bg-transparent active" id="pills-intro-tab"
-                        data-bs-toggle="pill" data-bs-target="#pills-intro" type="button" role="tab"
-                        aria-controls="pills-intro" aria-selected="true" data-link="https://hhh.com.tw/cases/lists/">設計師作品</a>
-                      </li>
-                      <li class="nav-item p-0" role="presentation">
-                        <a 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" data-link="https://hhh.com.tw/videos/lists/">設計師影音</a>
-                      </li>
-                      <li class="nav-item p-0" role="presentation">
-                        <a class="nav-item-link nav-item-active bg-transparent" id="pills-columns-tab"
-                        data-bs-toggle="pill" data-bs-target="#pills-columns" type="button" role="tab"
-                        aria-controls="pills-columns" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">設計師專欄</a>
-                      </li>
-                      <li class="nav-item p-0" role="presentation">
-                        <a class="nav-item-link nav-item-active bg-transparent" id="pills-company-tab"
-                        data-bs-toggle="pill" data-bs-target="#pills-company" type="button" role="tab"
-                        aria-controls="pills-company" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">設計師公司簡介</a>
-                      </li>
-                    </ul>
-                  </aside>
-                </div>
-                <div class="tab-content mt-5" id="pills-tabContent">
-                  <div class="tab-pane fade active show" id="pills-intro" role="tabpanel"
-                      aria-labelledby="pills-intro-tab">
-                    <div class="row">
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="tab-pane fade" id="pills-video" role="tabpanel"
-                      aria-labelledby="pills-video-tab">
-                      <div class="row">
-                        <div class="col-md-4">
-                          <a href="" target="_blank">
-                            <div class="card">
-                              <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                                <img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">
-                              </div>
-                              <div class="card-body">
-                                <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                                <p class="card-text mb-0">
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                </p>
-                              </div>
-                            </div>
-                          </a>
-                        </div>
-                        <div class="col-md-4">
-                          <a href="" target="_blank">
-                            <div class="card">
-                              <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                                <img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">
-                              </div>
-                              <div class="card-body">
-                                <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                                <p class="card-text mb-0">
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                  <a href="" class="card__tag" target="_blank">混搭風</a>
-                                </p>
-                              </div>
-                            </div>
-                          </a>
-                        </div>
-                        
-                      </div>
-                  </div>
-                  <div class="tab-pane fade" id="pills-columns" role="tabpanel"
-                    aria-labelledby="pills-columns-tab">
-                    <div class="row">
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                      <div class="col-md-4">
-                        <a href="" target="_blank">
-                          <div class="card">
-                            <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            </div>
-                            <div class="card-body">
-                              <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                              <p class="card-text mb-0">
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                                <a href="" class="card__tag" target="_blank">混搭風</a>
-                              </p>
-                            </div>
-                          </div>
-                        </a>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="tab-pane fade" id="pills-company" role="tabpanel"
-                    aria-labelledby="pills-company-tab">
-                    <div class="row justfy-content-between">
-                      <div class="col-md-8">
-                        <article>
-                          <div class="company__block">
-                            <h4 class="company__title">設計理念</h4>
-                            <div class="company__text">
-                              空間設計的美學藝術,蔡岳儒總監更能將日式精闢的手工藝術融入台灣的設計與工程,更將留日所學發揚光大明確的把結構、
-                              動線、收納、光線與品味融入建築、景觀與室內三大空間之中,藉由點線面展現出空間的獨特性,並賦予空間延續的生命活力。
-                              <br>
-                              Design director Yueh-Ju Tsai is good at applying Japanese handmade fine art to the design
-                               and construction in Taiwan. Mr. Tsai has developed what he learned in Japan, and applied 
-                               structure, flow, storage, light and taste to the area of architecture, landscape and 
-                               interior. Mr. Tsai utilizes dots, lines, surface to show the unique character of space and 
-                               put vivid life into the space.
-                            </div>
-                          </div>
-                          <div class="company__block">
-                            <h4 class="company__title">公司統編</h4>
-                            <div class="company__text">
-                              經濟部/財政部登記有案:54656779
-                            </div>
-                          </div>
-                          <div class="company__block">
-                            <h4 class="company__title">相關經歷</h4>
-                            <div class="company__text">
-                              <p>蔡岳儒
-                                <br>◆現任/恆岳空間設計 主持設計師
-                                <br>◆學歷/東京デザイナー学院卒業
-                                <br>◆經歷/十餘年設計、工程經歷。
-                                <br><br>1999年日本國色彩士 
-                                <br>2000年東京デザイナ-学院卒業 
-                                <br>2009年一級室內裝飾設計師 
-                                <br>2012年環保署整潔綠美化管理人員 
-                                <br>2013年內政部建築物室內裝修登記立案
-                                <br>2014年無障礙設施設備勘檢人員培訓</p>
-                            </div>
-                          </div>
-                          <div class="company__block">
-                            <h4 class="company__title">專業證照</h4>
-                            <div class="company__text">
-                              建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號
-                              <br>建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號
-                            </div>
-                          </div>
-                        </article>
-                      </div>
-                      <div class="col-md-4"></div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </section>
-
-        <footer class="footer">
-            <div class="container" style="margin:0 auto;">
-                <div class="row">
-                    <div class="col footer__block">
-                        <h4 class="footer__block-title">相關連結</h4>
-                        <ul class="footer__block-list">
-                            <li><a class="footer__list-item" href="http://gstv.com.tw/" target="_blank">
-                                <div class="footer__list-icon"><img src="images/menu/tv.svg" alt=""></div>
-                                <p>幸福空間居家台</p>
-                            </a></li>
-                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/contest/2018/" target="_blank">
-                                <div class="footer__list-icon"><img src="images/menu/prize.svg" alt=""></div>
-                                <p>ADA 亞洲設計獎</p>
-                            </a></li>
-                            <li><a class="footer__list-item" href="https://event.hhh.com.tw/2019global-award/" target="_blank">
-                                <div class="footer__list-icon"><img src="images/menu/champion.svg" alt=""></div>
-                                <p>國際設計大獎代辦</p>
-                            </a></li>
-                            <li><a class="footer__list-item" href="https://www.leju.com.tw/" target="_blank">
-                                <div class="footer__list-icon"><img data-src="images/menu/Image 1@2x.png" alt="" width="20" class="lazyload"></div>
-                                <p>樂居網</p>
-                            </a></li>
-                            <li><a class="footer__list-item" href="https://shop.hhh.com.tw/" target="_blank">
-                                <div class="footer__list-icon"><img src="images/menu/cart.svg" alt=""></div>
-                                <p>+好物</p>
-                            </a></li>
-                        </ul>
-                    </div>
-                    <div class="col footer__block">
-                        <h4 class="footer__block-title">相關社群</h4>
-                        <div class="d-flex flex-column justify-content-center">
-                            <ul class="footer__block-socials">
-                                <li><a href="https://www.facebook.com/hhhfb"><img src="images/menu/fb.svg" alt="" class="d-inline-block"></a></li>
-                                <li><a href="https://line.me/ti/p/%40ovs4341s"><img src="images/menu/line.svg" alt="" class="d-inline-block"></a></li>
-                                <li><a href="https://www.youtube.com/user/gorgeousspace"><img src="images/menu/youtube.svg" alt="" class="d-inline-block"></a></li>
-                                <li><a href="https://www.instagram.com/gorgeous_space/"><img data-src="images/menu/instagram@2x.png" width="43" alt="" class="d-inline-block lazyload"></a></li>
-                                <li><a href=""><img src="images/menu/pinterest.svg" alt="" class="d-inline-block"></a></li>
-                            </ul>
-                            <div class="py-4 text-center d-flex justify-content-center">
-                                <a href="https://www.facebook.com/agent.hhh.com.tw" class="follows-fp me-2"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2"><p>幸福經紀人</p></a>
-                                <a href="https://www.facebook.com/retire.tw/" class="follows-fp ms-2"><img src="images/menu/fb.svg" alt="" width="20" class="d-inline-block me-2"><p>退休好幸福</p></a>
-                            </div>
-                        </div>
-                    </div>
-                    <div class="col footer__block d-flex flex-column justify-content-center align-items-center">
-                        <div class="footer__block-phone">
-                            <p>幸福經紀人免付費諮詢電話</p><span class="ms-2"><a class="text-phone" href="tel:0800-366-086">0800-366-086</a></span></a>
-                        </div>
-                        <div class="footer__block-links">
-                            <div class="footer__block-links-grp">
-                                <a href="https://m.hhh.com.tw/about/contact/">關於我們</a>
-                                <a href="https://m.hhh.com.tw/about/timeline/">公司歷程</a>
-                            </div>
-                            <div class="footer__block-links-grp">
-                                <a href="https://m.hhh.com.tw/about/privacy_policy/">隱私保護</a>
-                                <a href="https://www.104.com.tw/company/d6hr8sg">企業徵才</a>
-                            </div>
-                            <div class="footer__block-links-grp">
-                                <a href="https://m.hhh.com.tw/about/contact/">聯絡我們</a>
-                                <a href="https://m.hhh.com.tw/about/sitemap/">網站地圖</a>
-                            </div>
-                        </div>
-                        <!-- <div class="footer__block-subscribe">
-                            <input type="text" name="searchQuery" class="subscribeBar p-2" placeholder="訂閱電子報,請輸入您的Email">
-                            <button type="button" class="subscribeBtn">訂閱</button>
-                        </div> -->
-                    </div>
-                </div>
-            </div>
-            <div class="container-fluid bottom-box">
-
-            </div>
-        </footer>
-          <div class="fixed-btn">
-            <!-- <div class="btn-favor mb-2" data-bs-toggle="modal" data-bs-target="#favorModal">
-              <img src="images/gotop.png" width="28" alt="">
-            </div>
-            <div class="btn-login mb-2" data-bs-toggle="modal" data-bs-target="#loginModal">
-              <img src="images/gotop.png" width="28" alt="">
-            </div> -->
-            <div class="btn-gotop">
-              <img data-src="images/gotop.webp" width="28" alt="" class="lazyload">
-            </div>
-          </div>
-          <div class="modal fade" id="loginModal" tabindex="-1" aria-labelledby="loginModalLabel" aria-hidden="true">
-            <div class="modal-dialog modal-dialog-centered">
-              <div class="modal-content">
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                  <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>
-          </div>
-          <div class="modal fade" id="favorModal" tabindex="-1" aria-labelledby="favorModalLabel" aria-hidden="true">
-            <div class="modal-dialog modal-dialog-centered">
-              <div class="modal-content">
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-                <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="5d" />
-                            <label class="mr fs-label-chbox radio" for="5d">老屋翻新</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>
-          </div>
-    </div>
-    <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 type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
-    <script async defer src="js/index.js"></script>
-    <script async defer src="js/index-list.js"></script>
-    <script src="js/lazy-load.js" async></script>
-</body>
-
-</html>

+ 0 - 1310
index_designerList_mb.html

@@ -1,1310 +0,0 @@
-<!DOCTYPE html>
-<html lang="zh_TW">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"">
-    <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" type="text/css" href="css/slick.css" />
-    <link rel="stylesheet" type="text/css" href="css/slick-theme.css" />
-
-    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-    <link rel="stylesheet" href="css/list-style-mb.css">
-</head>
-<body>
-  <div style="overflow-x:hidden;" class="wholeBody">
-    <nav class="navbar navbar-expand-lg navbar-light bg-light navbar-main fixed-top">
-        <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">
-            </div>
-        </div>
-    </nav>
-
-    <section class="w-100 mb__hero">
-      <div class="mb__hero__bgImg" style="background-image: url(https://cloud.hhh.com.tw/upload/_hdesigner/background_mobile_447_20210128104517.jpg);">
-      </div>
-    </section>
-    <section class="mb__content container-fluid">
-      <div class="row">
-        <div class="col-12 col-md-3 position-relative">
-          <div class="mb__infoCard">
-            <div class="mb__infoCard__avatar mx-auto mb-3" style="background-image: url(https://cloud.hhh.com.tw/gs/designer/designer494_00.jpg);">
-            </div>
-            <h2 class="mt-3 mb__infoCard__name">蔡岳儒</h2>
-            <span class="mb-3 d-inline-block mb__infoCard__span">設計師</span>
-            <h4 class="mb-3 mb__infoCard__cmy">恆岳空間設計</h4>
-            <strong class="mb-3 mb__infoCard__seo">恆岳空間設計|蔡岳儒 室內設計師,為台北老屋翻新好評推薦的室內設計師,
-                將老屋妙手回春成現代風小豪宅,亦擅長置入日式精闢手工藝術融入室內空間設計中。</strong>
-            <div class="mb__infoCard__approve mb-3">
-              ★老屋翻新‧住宅改造
-            </div>
-            <div class="mb__infoCard__detail">
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>免費專線:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <a href="tel:0809000123,19499" class="text-hhh">0809-000-123#18890</a>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>諮詢專線:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>0809-000-123#18890</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>諮詢專線:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>0937-070-794</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>公司傳真:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>02-2562-7002</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>公司地址:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>台北市中山區林森北路50號4樓之一</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>電子信箱:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>hengyuehdesign@gmail.com,gakuju@gmail.com</div>
-                    </div>
-                  </aside>
-                  <aside class="d-flex">
-                    <div class="mb__infoCard__detail__l">
-                      <div>公司網址:</div>
-                    </div>
-                    <div class="mb__infoCard__detail__r">
-                      <div>
-                        http://www.hengyueh.com.tw/</div>
-                    </div>
-                  </aside>
-                  <div class="mb__infoCard__more my-3">
-                    <i class="fa fa-chevron-down" aria-hidden="true"></i>
-                  </div>
-                  <div class="mb__infoCard__detail other">
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>分公司地址:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>台北市中山區林森北路50號4樓之一</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>分公司電話:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>02-2562-7755</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>分公司傳真:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>02-2562-7002</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>分公司地址:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>上海市闵行区东川路2688号</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l title mt-5 mb-3">
-                        <div>接案條件</div>
-                      </div>
-                      <div class="infoCard__detail__r">
-                        <div></div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>接案預算:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>接案坪數:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>特殊接案:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>不限</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>收費方式:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>請來電洽詢 / 【丈量費】NT$5,000元(透天別墅另計) *此費用含實地丈量、需求訪談、
-                          初步平面配置與風格提案 *以上費用於簽設計合約時,可全額折抵</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>付費方式:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>簽約付30%、依工程進度分兩次,各付30%、完工驗收收10%</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>付費方式:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>簽約付30%、依工程進度分兩次,各付30%、完工驗收收10%</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>接案區域:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>北區,中區,南區,大陸</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>接案類型:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>小坪數,標準格局,別墅,大坪數,樓中樓,商業空間,工作空間,餐飲空間,民宿旅館,公共空間</div>
-                      </div>
-                    </aside>
-                    <aside class="d-flex">
-                      <div class="mb__infoCard__detail__l">
-                        <div>接案風格:</div>
-                      </div>
-                      <div class="mb__infoCard__detail__r">
-                        <div>現代風,鄉村風,古典風,休閒多元,美式風,奢華風,新古典,日式禪風,東方風,混搭風,前衛風,北歐風,工業風,異國風</div>
-                      </div>
-                    </aside>
-                  </div>
-                  <section class="scMedia">
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/fb.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/line.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/wechat.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/share.svg" alt="">
-                    </a>
-                    <a href="">
-                      <img src="https://hhh.com.tw/assets/images/rv_web/like-o.svg" alt="">
-                    </a>
-                  </section>
-            </div>
-          </div>
-        </div>
-        <div class="col-12 col-md-9 px-0">
-          <div class="infoContent">
-            <div class="bg-white infoContent__navBlock">
-              <ul class="nav d-flex nav-pills flex-wrap justify-content-around" id="pills-tab" role="tablist">
-                <li class="nav-item active p-0" role="presentation">
-                  <a class="nav-item-link nav-item-active bg-transparent active" id="pills-intro-tab"
-                  data-bs-toggle="pill" data-bs-target="#pills-intro" type="button" role="tab"
-                  aria-controls="pills-intro" aria-selected="true" data-link="https://hhh.com.tw/cases/lists/">作品</a>
-                </li>
-                <li class="nav-item p-0" role="presentation">
-                  <a 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" data-link="https://hhh.com.tw/videos/lists/">影音</a>
-                </li>
-                <li class="nav-item p-0" role="presentation">
-                  <a class="nav-item-link nav-item-active bg-transparent" id="pills-columns-tab"
-                  data-bs-toggle="pill" data-bs-target="#pills-columns" type="button" role="tab"
-                  aria-controls="pills-columns" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">專欄</a>
-                </li>
-                <li class="nav-item p-0" role="presentation">
-                  <a class="nav-item-link nav-item-active bg-transparent" id="pills-company-tab"
-                  data-bs-toggle="pill" data-bs-target="#pills-company" type="button" role="tab"
-                  aria-controls="pills-company" aria-selected="false" data-link="https://hhh.com.tw/columns/lists/">公司簡介</a>
-                </li>
-              </ul>
-              <!-- <div class="likeSee" hidden>
-                <a href="">人氣</a>
-                <span class="likeSee__divider"></span>
-                <a href="">最新</a>
-              </div> -->
-            </div>
-            <div class="tab-content mt-5" id="pills-tabContent">
-              <div class="tab-pane fade active show" id="pills-intro" role="tabpanel"
-                  aria-labelledby="pills-intro-tab">
-                <div class="row">
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="tab-pane fade" id="pills-video" role="tabpanel"
-                  aria-labelledby="pills-video-tab">
-                  <div class="row">
-                    <div class="col-6 col-md-4">
-                      <a href="" target="_blank">
-                        <div class="card">
-                          <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            <img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">
-                          </div>
-                          <div class="card-body">
-                            <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                            <p class="card-text mb-0">
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                            </p>
-                          </div>
-                        </div>
-                      </a>
-                    </div>
-                    <div class="col-6 col-md-4">
-                      <a href="" target="_blank">
-                        <div class="card">
-                          <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                            <img src="https://hhh.com.tw/assets/images/rv_web/play.svg" alt="" width="50" height="50">
-                          </div>
-                          <div class="card-body">
-                            <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                            <p class="card-text mb-0">
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                              <a href="" class="card__tag" target="_blank">混搭風</a>
-                            </p>
-                          </div>
-                        </div>
-                      </a>
-                    </div>
-                    
-                  </div>
-              </div>
-              <div class="tab-pane fade" id="pills-columns" role="tabpanel"
-                aria-labelledby="pills-columns-tab">
-                <div class="row">
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                  <div class="col-6 col-md-4">
-                    <a href="" target="_blank">
-                      <div class="card">
-                        <div class="card__bgImg" style="background-image: url(https://images.hhh.com.tw/uploads/_hcase_orig/designer494_39_05.jpg);">
-                        </div>
-                        <div class="card-body">
-                          <h5 class="card-title card__title mt-0">藏岳│混搭風│26坪</h5>
-                          <p class="card-text mb-0">
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                            <a href="" class="card__tag" target="_blank">混搭風</a>
-                          </p>
-                        </div>
-                      </div>
-                    </a>
-                  </div>
-                </div>
-              </div>
-              <div class="tab-pane fade" id="pills-company" role="tabpanel"
-                aria-labelledby="pills-company-tab">
-                <div class="row justfy-content-between">
-                  <div class="col-md-8">
-                    <article>
-                      <div class="company__block">
-                        <h4 class="company__title">設計理念</h4>
-                        <div class="company__text">
-                          空間設計的美學藝術,蔡岳儒總監更能將日式精闢的手工藝術融入台灣的設計與工程,更將留日所學發揚光大明確的把結構、
-                          動線、收納、光線與品味融入建築、景觀與室內三大空間之中,藉由點線面展現出空間的獨特性,並賦予空間延續的生命活力。
-                          <br>
-                          Design director Yueh-Ju Tsai is good at applying Japanese handmade fine art to the design
-                           and construction in Taiwan. Mr. Tsai has developed what he learned in Japan, and applied 
-                           structure, flow, storage, light and taste to the area of architecture, landscape and 
-                           interior. Mr. Tsai utilizes dots, lines, surface to show the unique character of space and 
-                           put vivid life into the space.
-                        </div>
-                      </div>
-                      <div class="company__block">
-                        <h4 class="company__title">公司統編</h4>
-                        <div class="company__text">
-                          經濟部/財政部登記有案:54656779
-                        </div>
-                      </div>
-                      <div class="company__block">
-                        <h4 class="company__title">相關經歷</h4>
-                        <div class="company__text">
-                          <p>蔡岳儒
-                            <br>◆現任/恆岳空間設計 主持設計師
-                            <br>◆學歷/東京デザイナー学院卒業
-                            <br>◆經歷/十餘年設計、工程經歷。
-                            <br><br>1999年日本國色彩士 
-                            <br>2000年東京デザイナ-学院卒業 
-                            <br>2009年一級室內裝飾設計師 
-                            <br>2012年環保署整潔綠美化管理人員 
-                            <br>2013年內政部建築物室內裝修登記立案
-                            <br>2014年無障礙設施設備勘檢人員培訓</p>
-                        </div>
-                      </div>
-                      <div class="company__block">
-                        <h4 class="company__title">專業證照</h4>
-                        <div class="company__text">
-                          建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號
-                          <br>建築物室內裝修專業技術人員登記證 高恒悌 第40EC116787號
-                        </div>
-                      </div>
-                    </article>
-                  </div>
-                  <div class="col-md-4"></div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-    <!-- <section class="sec-guessLike">
-      <h3 class="px-3 pb-1">猜你喜歡</h3>
-      <div class="container-fluid" style="padding: 0 15px;margin:0;">
-        <h4 class="sec-guessLike__title">影音</h4>
-        <div class="row">
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</p>
-          </div>
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</p>
-          </div>
-        </div>
-        <h4 class="sec-guessLike__title">個案</h4>
-        <div class="row">
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</p>
-          </div>
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</p>
-          </div>
-        </div>
-        <h4 class="sec-guessLike__title">專欄</h4>
-        <div class="row">
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</p>
-          </div>
-          <div class="col mb-3">
-            <div class="sec-guessLike__img mb-2">
-            </div>
-            <p class="sec-guessLike__txt">會議室、教室開關、巡查、空調開關及溫度設</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.webp" width="28" alt="">
-      </div>
-    </div>
-    <div class="freeCall py-3">
-      <button class="btn freeCall__btn" >
-        <i class="fa fa-phone" aria-hidden="true"></i>免付費電話
-      </button>
-    </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>
-      </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.location.href=`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/">北歐風</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/modern-style/">現代風</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/industry-style/">工業風</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.location.href=`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/">小坪數</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/">風水</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.location.href=`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/">發燒影音</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/video-list-5945tw.php">呼叫師傅</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.location.href=`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/">設計師總覽</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.location.href=`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/"><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/">居家趨勢</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/">人氣排行</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/">建築設計</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/">風格選店</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/">公益活動</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/">展演資訊</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/"><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/">小宅規劃</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/">老屋翻新</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/">風格營造</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/">配色佈置</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/">好宅特輯</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/">設計提案</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/"><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/">新聞最前線</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/">預算分配</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/">施工流程</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/">建材知識</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/">裝潢撇步</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/"><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/">居家風水</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/">家事清潔</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/">收納技巧</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/">改造修繕</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/">退休好幸福</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/"><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/">家具家飾</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/">美型家電</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/">推薦廚衛</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/">居家好物</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/">優質建材</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/">品牌快訊</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/"><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/">房市新聞</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/">建案特搜</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/">買屋賣屋</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/">房貸税務</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/">租房須知</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/">主題企劃</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.location.href=`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/">商品總覽</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/furniture-pcategorya/">傢俱</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/household-pcategorya/">家電</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/kitchen-pcategorya/">廚房</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/bathroom-pcategorya/">衛浴</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/lighting-pcategorya/">照明</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brands/lists/">品牌總覽</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">軟裝佈置</a></li>
-                  <hr>
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Top-Brands/index.php">消費者愛用品牌</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/">
-                  <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/">關於我們</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>
-      </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>
-    <!-- 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="js/lazy-load.js" async></script>
-    <script async defer src="js/index-list-mb.js"></script>
-</body>
-</html>

+ 0 - 153
js/index-list-mb.js

@@ -1,153 +0,0 @@
-let userAgent;
-let isSafari = false;
-let browserName;
-window.onload = function(){
-  //window.scrollBy(0, 1);
-  if(screen.width >= 901){
-      window.location.href = "../index_designerList.html";   
-  }
-  userAgent = navigator.userAgent;
-  detectBrowser(userAgent);
-  detectDirection ();
-  let result; 
-}
-let over = document.querySelector('.infoContent__navBlock').offsetTop;
-
-function detectBrowser(agent){
-  if(userAgent.match(/chrome|chromium|crios/i)){
-    browserName = "chrome";
-  }else if(userAgent.match(/firefox|fxios/i)){
-    browserName = "firefox";
-  }  else if(userAgent.match(/safari/i)){
-    browserName = "safari";
-  }else if(userAgent.match(/opr\//i)){
-    browserName = "opera";
-  } else if(userAgent.match(/edg/i)){
-    browserName = "edge";
-  }else{
-    browserName="No browser detection";
-  }
-
-  if(browserName === 'safari'){
-    isSafari = true;
-  }
-  console.log(isSafari);
-}
-
-
-
-function detectDirection () {
-  let height = (window.screen.width * 2) / 3;
-  
-  $('.sec-02 .slide-item').css('height', `${height}px`);
-  let topHeight = (window.screen.width * 30) / 131;
-  
-  $('.sec-00 .slide-item').css('height', `${topHeight}px`);
-  $('.sec-00 .container-fluid').css('height', `${topHeight}px`);
-}
-
-
-    window.addEventListener('scroll', fixedOnScroll);
-    const navBlock = document.querySelector('.infoContent__navBlock');
-    function fixedOnScroll() {
-      if(window.innerHeight < window.innerWidth){
-      } else {
-        detectDirection ();
-      }
-      
-        if(window.pageYOffset >= over){
-          navBlock.classList.add('tab_sticky');
-        } else if(window.pageYOffset < over) {
-          navBlock.classList.remove('tab_sticky');
-        }
-    }
-    
-    $('.navbar-toggler').click(function(){
-        $(".sec-menu").css('display', 'block');
-        $(".wholeBody").css('overflow-y', 'hidden');
-        $('.sec-menu-block').addClass('slidein');
-        $('.sec-menu-block').removeClass('slideout');
-    });
-    
-    $('.navbar-back').click(function(){
-        $(".sec-menu").css('display', 'none');
-        $(".wholeBody").css('overflow-y', 'scroll');
-        $('.sec-menu-block').removeClass('slidein');
-        $('.sec-menu-block').addClass('slideout');
-    });
-    
-    $('.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');
-    })
-
-      $('.btn-gotop').click(function () {
-        $('html, body').animate({
-            scrollTop: 0
-        }, 500)
-    });
-
-    $(window).scroll(function() {
-		if ( $(this).scrollTop() > 500 ){
-        $('.fixed-btn').fadeIn(222);
-        $('.freeCall').fadeIn(222);
-		} else {
-      $('.fixed-btn').stop().fadeOut(222);
-      $('.freeCall').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() {
-  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/`;
-  }
-}
-
-function pressSearch(e) {
-  if (e.keyCode === 13) {
-    e.preventDefault();
-    search();
-  }
-}
-
-searchHotLink.forEach((item, i) => {
-  item.addEventListener('click', function() {
-    window.location.href = `https://m.hhh.com.tw/search/lists/case/${this.textContent}-keyword/`;
-  })
-})
-
-document.addEventListener('lazybeforeunveil', function(e){
-  var bg = e.target.getAttribute('data-bg');
-  if(bg){
-      e.target.style.backgroundImage = 'url(' + bg + ')';
-  }
-});
-
-$('.mb__infoCard__more').click(function() {
-  $(this).hide();
-  $('.other').css('display', 'block');
-  over = document.querySelector('.infoContent__navBlock').offsetTop;
-})
-

+ 0 - 24
js/index-list.js

@@ -1,24 +0,0 @@
-let over = document.querySelector('.infoContent .tab-content').offsetHeight+100;
-window.addEventListener('scroll', fixedOnOver);
-    
-const navCollapse = document.querySelector('#nav-collapse');
-    
-function fixedOnOver() {
-    if(window.pageYOffset >= over){
-      navCollapse.classList.add('sticky');
-    } else {
-      navCollapse.classList.remove('sticky');
-    }
-}
-
-checkTab()
-$('.infoContent .nav-item-link').click(checkTab);
-
-function checkTab() {
-  if($('#pills-intro-tab').hasClass('active')) {
-    $('.likeSee').attr('hidden', false)
-  } else {
-    $('.likeSee').attr('hidden', true)
-  }
-}
-

+ 1 - 1
js/index.js

@@ -3,7 +3,7 @@ let isSafari = false;
 let browserName;
 window.onload = function(){
     if(screen.width < 900){
-        window.location.href = "../index_designerList_mb.html";   
+        window.location.href = "https://m3.hhh.com.tw/";   
     }
     userAgent = navigator.userAgent;
     detectBrowser(userAgent);

+ 390 - 0
json/data.json

@@ -0,0 +1,390 @@
+[
+    {
+        "_comment": "頂部輪播區",
+        "id": 0,
+        "block": "topCarousel",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15662_1607045683.webp",
+                "link": "https://hhh.com.tw/designers/cases/447/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15673_1603855335.webp",
+                "link": "https://hhh.com.tw/designers/cases/31/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16107_1628644163.webp",
+                "link": "https://hhh.com.tw/deco/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16051_1623141203.png",
+                "link": "https://hhh.com.tw/designers/cases/33/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
+                "link": "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16115_1629356240.webp",
+                "link": "https://hhh.com.tw/designers/cases/438/1-page/new-sort/"
+            }
+        ]
+    }, 
+    {
+        "_comment": "主要輪播區",
+        "id": 1,
+        "block": "sec02",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://hhh.com.tw/columns/detail/2963/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://hhh.com.tw/designers/cases/28/1-page/new-sort/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://event.hhh.com.tw/topglory/designer_523.html"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://hhh.com.tw/softouch"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://v.hhh.com.tw/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16132_1631179513.webp",
+                "link": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809"
+            }
+        ]
+    },
+    {
+        "_comment": "tab區塊-最夯設計, 影音實錄, 專欄文章",
+        "id": 2,
+        "block": "sec03",
+        "data": [
+            {
+                "tab":"最夯設計",
+                "data": [
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13738_20210915115457.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13680/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "北歐風小確幸|48坪|透天"
+                    },
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13738_20210915115457.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13680/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "北歐風小確幸|48坪|透天"
+                    },
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13738_20210915115457.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13680/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "北歐風小確幸|48坪|透天"
+                    },
+                    {
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img_orig/name_13738_20210915115457.jpg",
+                        "link": "https://m.hhh.com.tw/cases/detail/13680/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "北歐風小確幸|48坪|透天"
+                    }
+                ] 
+            },
+            {
+                "tab":"影音實錄",
+                "data": [
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/LLPdsC718LY/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=4159",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "把渡假飯店搬回家 八里左岸美景盡收眼底!"
+                    },
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/bRfzayE3OH0/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=4160",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "為女友改造!美式低奢風現代宅【Softouch Home】"
+                    },
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/KBcBa0-qKBU/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=3892",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "挑戰1萬5!雜亂工作室升級工業風臥房【Softouch Home】"
+                    },
+                    {
+                        "imgUrl": "https://img.youtube.com/vi/LLPdsC718LY/hqdefault.jpg",
+                        "link": "https://m.hhh.com.tw/video-post.php?id=4159",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "把渡假飯店搬回家 八里左岸美景盡收眼底!"
+                    }
+                ] 
+            },
+            {
+                "tab":"專欄文章",
+                "data": [
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point01_349_05.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6007/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "「咖啡輪船」今日開航!星巴克特色門市再+1"
+                    },
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point04_449_11.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6006/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "穿堂煞、樑壓床了怎麼辦?用設計破解20個常見室內風水迷思"
+                    },
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index02_263.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6005/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "【好宅專輯】112萬搞定!三代同堂現代風收納機能宅"
+                    },
+                    {
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point01_349_05.jpg",
+                        "link": "https://m.hhh.com.tw/columns/detail/6007/",
+                        "title": "北歐風小確幸|48坪|透天",
+                        "description": "「咖啡輪船」今日開航!星巴克特色門市再+1"
+                    }
+                ] 
+            }
+        ]
+    },
+    {
+        "_comment": "主題企劃區",
+        "id": 3,
+        "block": "sec06",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer546_81_07.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13320/",
+                "title": "不是寵物是家人 毛小孩專屬智能宅"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer546_81_07.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13320/",
+                "title": "不是寵物是家人 毛小孩專屬智能宅"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer546_81_07.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13320/",
+                "title": "不是寵物是家人 毛小孩專屬智能宅"
+            }
+        ]
+    },
+    {
+        "_comment": "編輯精選",
+        "id": 4,
+        "block": "sec07",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index05_249.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5649/",
+                "title": "北歐風小確幸|48坪|透天",
+                "description": "就要給你好看!三星8K量子電視首用Mini LED技術,顏值功能再進化"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_244_01.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5626/",
+                "title": "北歐風小確幸|48坪|透天",
+                "description": "沒有設計師也能擁有個性小宅?裝潢套餐讓你講究不將就"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcolumn/clogo_5345_20210127183205.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5345/",
+                "title": "北歐風小確幸|48坪|透天",
+                "description": "告別舊日陰霾 用寢具為居家生活注入安穩力量"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index05_249.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5649/",
+                "title": "北歐風小確幸|48坪|透天",
+                "description": "就要給你好看!三星8K量子電視首用Mini LED技術,顏值功能再進化"
+            }
+        ]
+    },
+    {
+        "_comment": "活動頁banners區",
+        "id": 5,
+        "block": "sec08",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg",
+                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg",
+                "link": "https://hhh.com.tw/topic/detail/402/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16106_1628489482.jpg",
+                "link": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15356_1588832058.jpg",
+                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/?utm_source=INDEX_BANNER&adid=15356"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_15927_1627805018.jpg",
+                "link": "https://hhh.com.tw/topic/detail/402/"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16106_1628489482.jpg",
+                "link": "https://c.hhh.com.tw/?utm_source=homepage&utm_medium=banner&utm_campaign=0809"
+            }
+        ]
+    },
+    {
+        "_comment": "來選好物區",
+        "id": 6,
+        "block": "sec09",
+        "data": [
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2273",
+                "description": "LEAF 320i 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2272_20201014114308.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2272",
+                "description": "LEAF 120 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2271_20201014113209.png ",
+                "link": "https://hhh.com.tw/product-post.php?id=2271",
+                "description": "MP-C20U 小空間空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2273_20201014114713.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2273",
+                "description": "LEAF 320i 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2272_20201014114308.png",
+                "link": "https://hhh.com.tw/product-post.php?id=2272",
+                "description": "LEAF 120 空氣清淨機"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2271_20201014113209.png ",
+                "link": "https://hhh.com.tw/product-post.php?id=2271",
+                "description": "MP-C20U 小空間空氣清淨機"
+            }
+        ]
+    },
+    {
+        "_comment": "本週推薦",
+        "id": 7,
+        "block": "sec10",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer355_14_02.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13369/",
+                "description": "被落羽松環繞 都市裡的日式步調",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12994_20210202192001.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12994/",
+                "description": "奔跑吧親子宅 我家比公園好玩",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "true"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13584_20210816172801.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13584/",
+                "description": "又見單寧!歲月沉澱後的退休生活",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer432_42_03.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12999/",
+                "description": "混搭風│極簡無印",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point02_134_01.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5436/",
+                "description": "憂慮「醛」消失!拭除疲憊的馨暖和風",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point02_134_01.jpg",
+                "link": "https://m.hhh.com.tw/columns/detail/5436/",
+                "description": "憂慮「醛」消失!拭除疲憊的馨暖和風",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            }
+        ]
+    },
+    {
+        "_comment": "粉絲推薦",
+        "id": 8,
+        "block": "sec11",
+        "data": [
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/designer738_04_03.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13071/",
+                "description": "木質系灰藍曲調|英式混搭寓所|小坪數",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/name_11746_20191015155016.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/11746/",
+                "description": "跳脫傳統設計 斜角開創通透大空間",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_13125_20210319112543.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/13125/",
+                "description": "馨暖木韻蔓延 藝術家的舒心逸境|現代風|3房、2廳、2衛|25坪",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "true"
+            },
+            {
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase_orig/name_12523_20200717134716.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12523/",
+                "description": "變形與組合──複合式的空間設計(中)",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12835_20201204092123.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12835/",
+                "description": "風華英倫、意境品味",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            },
+            {
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img_orig/name_12835_20201204092123.jpg",
+                "link": "https://m.hhh.com.tw/cases/detail/12835/",
+                "description": "風華英倫、意境品味",
+                "title": "北歐風小確幸|48坪|透天",
+                "video": "false"
+            }
+        ]
+    },
+    {
+        "_comment": "video最新影音區",
+        "id": 9,
+        "block": "video",
+        "title": "不是寵物是家人 毛小孩專屬智能宅",
+        "yt": "IIV2ZvIojc4"
+    },
+    {
+        "_comment": "熱搜關鍵字",
+        "id": 10,
+        "block": "trending",
+        "data": ["小坪數", "收納", "軟裝佈置", "幸福經紀人", "承炫設計", "風水", "北歐風", "周石設計"]
+    }
+]

File diff suppressed because it is too large
+ 0 - 0
json/index.json


+ 1618 - 0
json/taiwan_districts.json

@@ -0,0 +1,1618 @@
+[
+    {
+        "districts": [
+            {
+                "zip": "100",
+                "name": "中正區"
+            },
+            {
+                "zip": "103",
+                "name": "大同區"
+            },
+            {
+                "zip": "104",
+                "name": "中山區"
+            },
+            {
+                "zip": "105",
+                "name": "松山區"
+            },
+            {
+                "zip": "106",
+                "name": "大安區"
+            },
+            {
+                "zip": "108",
+                "name": "萬華區"
+            },
+            {
+                "zip": "110",
+                "name": "信義區"
+            },
+            {
+                "zip": "111",
+                "name": "士林區"
+            },
+            {
+                "zip": "112",
+                "name": "北投區"
+            },
+            {
+                "zip": "114",
+                "name": "內湖區"
+            },
+            {
+                "zip": "115",
+                "name": "南港區"
+            },
+            {
+                "zip": "116",
+                "name": "文山區"
+            }
+        ],
+        "name": "臺北市",
+        "zip": "100"
+    },
+    {
+        "districts": [
+            {
+                "zip": "207",
+                "name": "萬里區"
+            },
+            {
+                "zip": "208",
+                "name": "金山區"
+            },
+            {
+                "zip": "220",
+                "name": "板橋區"
+            },
+            {
+                "zip": "221",
+                "name": "汐止區"
+            },
+            {
+                "zip": "222",
+                "name": "深坑區"
+            },
+            {
+                "zip": "223",
+                "name": "石碇區"
+            },
+            {
+                "zip": "224",
+                "name": "瑞芳區"
+            },
+            {
+                "zip": "226",
+                "name": "平溪區"
+            },
+            {
+                "zip": "227",
+                "name": "雙溪區"
+            },
+            {
+                "zip": "228",
+                "name": "貢寮區"
+            },
+            {
+                "zip": "231",
+                "name": "新店區"
+            },
+            {
+                "zip": "232",
+                "name": "坪林區"
+            },
+            {
+                "zip": "233",
+                "name": "烏來區"
+            },
+            {
+                "zip": "234",
+                "name": "永和區"
+            },
+            {
+                "zip": "235",
+                "name": "中和區"
+            },
+            {
+                "zip": "236",
+                "name": "土城區"
+            },
+            {
+                "zip": "237",
+                "name": "三峽區"
+            },
+            {
+                "zip": "238",
+                "name": "樹林區"
+            },
+            {
+                "zip": "239",
+                "name": "鶯歌區"
+            },
+            {
+                "zip": "241",
+                "name": "三重區"
+            },
+            {
+                "zip": "242",
+                "name": "新莊區"
+            },
+            {
+                "zip": "243",
+                "name": "泰山區"
+            },
+            {
+                "zip": "244",
+                "name": "林口區"
+            },
+            {
+                "zip": "247",
+                "name": "蘆洲區"
+            },
+            {
+                "zip": "248",
+                "name": "五股區"
+            },
+            {
+                "zip": "249",
+                "name": "八里區"
+            },
+            {
+                "zip": "251",
+                "name": "淡水區"
+            },
+            {
+                "zip": "252",
+                "name": "三芝區"
+            },
+            {
+                "zip": "253",
+                "name": "石門區"
+            }
+        ],
+        "name": "新北市",
+        "zip": "101"
+    },
+    {
+        "districts": [
+            {
+                "zip": "200",
+                "name": "仁愛區"
+            },
+            {
+                "zip": "201",
+                "name": "信義區"
+            },
+            {
+                "zip": "202",
+                "name": "中正區"
+            },
+            {
+                "zip": "203",
+                "name": "中山區"
+            },
+            {
+                "zip": "204",
+                "name": "安樂區"
+            },
+            {
+                "zip": "205",
+                "name": "暖暖區"
+            },
+            {
+                "zip": "206",
+                "name": "七堵區"
+            }
+        ],
+        "name": "基隆市",
+        "zip": "102"
+    },
+    {
+        "districts": [
+            {
+                "zip": "320",
+                "name": "中壢區"
+            },
+            {
+                "zip": "324",
+                "name": "平鎮區"
+            },
+            {
+                "zip": "325",
+                "name": "龍潭區"
+            },
+            {
+                "zip": "326",
+                "name": "楊梅區"
+            },
+            {
+                "zip": "327",
+                "name": "新屋區"
+            },
+            {
+                "zip": "328",
+                "name": "觀音區"
+            },
+            {
+                "zip": "330",
+                "name": "桃園區"
+            },
+            {
+                "zip": "333",
+                "name": "龜山區"
+            },
+            {
+                "zip": "334",
+                "name": "八德區"
+            },
+            {
+                "zip": "335",
+                "name": "大溪區"
+            },
+            {
+                "zip": "336",
+                "name": "復興區"
+            },
+            {
+                "zip": "337",
+                "name": "大園區"
+            },
+            {
+                "zip": "338",
+                "name": "蘆竹區"
+            }
+        ],
+        "name": "桃園市",
+        "zip": "103"
+    },
+    {
+        "districts": [
+            {
+                "zip": "302",
+                "name": "竹北市"
+            },
+            {
+                "zip": "303",
+                "name": "湖口鄉"
+            },
+            {
+                "zip": "304",
+                "name": "新豐鄉"
+            },
+            {
+                "zip": "305",
+                "name": "新埔鎮"
+            },
+            {
+                "zip": "306",
+                "name": "關西鎮"
+            },
+            {
+                "zip": "307",
+                "name": "芎林鄉"
+            },
+            {
+                "zip": "308",
+                "name": "寶山鄉"
+            },
+            {
+                "zip": "310",
+                "name": "竹東鎮"
+            },
+            {
+                "zip": "311",
+                "name": "五峰鄉"
+            },
+            {
+                "zip": "312",
+                "name": "橫山鄉"
+            },
+            {
+                "zip": "313",
+                "name": "尖石鄉"
+            },
+            {
+                "zip": "314",
+                "name": "北埔鄉"
+            },
+            {
+                "zip": "315",
+                "name": "峨眉鄉"
+            }
+        ],
+        "name": "新竹縣",
+        "zip": "104"
+    },
+    {
+        "districts": [
+            {
+                "zip": "3001",
+                "name": "東區"
+            },
+            {
+                "zip": "3002",
+                "name": "北區"
+            },
+            {
+                "zip": "3003",
+                "name": "香山區"
+            }
+        ],
+        "name": "新竹市",
+        "zip": "105"
+    },
+    {
+        "districts": [
+            {
+                "zip": "350",
+                "name": "竹南鎮"
+            },
+            {
+                "zip": "351",
+                "name": "頭份市"
+            },
+            {
+                "zip": "352",
+                "name": "三灣鄉"
+            },
+            {
+                "zip": "353",
+                "name": "南庄鄉"
+            },
+            {
+                "zip": "354",
+                "name": "獅潭鄉"
+            },
+            {
+                "zip": "356",
+                "name": "後龍鎮"
+            },
+            {
+                "zip": "357",
+                "name": "通霄鎮"
+            },
+            {
+                "zip": "358",
+                "name": "苑裡鎮"
+            },
+            {
+                "zip": "360",
+                "name": "苗栗市"
+            },
+            {
+                "zip": "361",
+                "name": "造橋鄉"
+            },
+            {
+                "zip": "362",
+                "name": "頭屋鄉"
+            },
+            {
+                "zip": "363",
+                "name": "公館鄉"
+            },
+            {
+                "zip": "364",
+                "name": "大湖鄉"
+            },
+            {
+                "zip": "365",
+                "name": "泰安鄉"
+            },
+            {
+                "zip": "366",
+                "name": "銅鑼鄉"
+            },
+            {
+                "zip": "367",
+                "name": "三義鄉"
+            },
+            {
+                "zip": "368",
+                "name": "西湖鄉"
+            },
+            {
+                "zip": "369",
+                "name": "卓蘭鎮"
+            }
+        ],
+        "name": "苗栗縣",
+        "zip": "106"
+    },
+    {
+        "districts": [
+            {
+                "zip": "400",
+                "name": "中區"
+            },
+            {
+                "zip": "401",
+                "name": "東區"
+            },
+            {
+                "zip": "402",
+                "name": "南區"
+            },
+            {
+                "zip": "403",
+                "name": "西區"
+            },
+            {
+                "zip": "404",
+                "name": "北區"
+            },
+            {
+                "zip": "406",
+                "name": "北屯區"
+            },
+            {
+                "zip": "407",
+                "name": "西屯區"
+            },
+            {
+                "zip": "408",
+                "name": "南屯區"
+            },
+            {
+                "zip": "411",
+                "name": "太平區"
+            },
+            {
+                "zip": "412",
+                "name": "大里區"
+            },
+            {
+                "zip": "413",
+                "name": "霧峰區"
+            },
+            {
+                "zip": "414",
+                "name": "烏日區"
+            },
+            {
+                "zip": "420",
+                "name": "豐原區"
+            },
+            {
+                "zip": "421",
+                "name": "后里區"
+            },
+            {
+                "zip": "422",
+                "name": "石岡區"
+            },
+            {
+                "zip": "423",
+                "name": "東勢區"
+            },
+            {
+                "zip": "424",
+                "name": "和平區"
+            },
+            {
+                "zip": "426",
+                "name": "新社區"
+            },
+            {
+                "zip": "427",
+                "name": "潭子區"
+            },
+            {
+                "zip": "428",
+                "name": "大雅區"
+            },
+            {
+                "zip": "429",
+                "name": "神岡區"
+            },
+            {
+                "zip": "432",
+                "name": "大肚區"
+            },
+            {
+                "zip": "433",
+                "name": "沙鹿區"
+            },
+            {
+                "zip": "434",
+                "name": "龍井區"
+            },
+            {
+                "zip": "435",
+                "name": "梧棲區"
+            },
+            {
+                "zip": "436",
+                "name": "清水區"
+            },
+            {
+                "zip": "437",
+                "name": "大甲區"
+            },
+            {
+                "zip": "438",
+                "name": "外埔區"
+            },
+            {
+                "zip": "439",
+                "name": "大安區"
+            }
+        ],
+        "name": "臺中市",
+        "zip": "107"
+    },
+    {
+        "districts": [
+            {
+                "zip": "540",
+                "name": "南投市"
+            },
+            {
+                "zip": "541",
+                "name": "中寮鄉"
+            },
+            {
+                "zip": "542",
+                "name": "草屯鎮"
+            },
+            {
+                "zip": "544",
+                "name": "國姓鄉"
+            },
+            {
+                "zip": "545",
+                "name": "埔里鎮"
+            },
+            {
+                "zip": "546",
+                "name": "仁愛鄉"
+            },
+            {
+                "zip": "551",
+                "name": "名間鄉"
+            },
+            {
+                "zip": "552",
+                "name": "集集鎮"
+            },
+            {
+                "zip": "553",
+                "name": "水里鄉"
+            },
+            {
+                "zip": "555",
+                "name": "魚池鄉"
+            },
+            {
+                "zip": "556",
+                "name": "信義鄉"
+            },
+            {
+                "zip": "557",
+                "name": "竹山鎮"
+            },
+            {
+                "zip": "558",
+                "name": "鹿谷鄉"
+            }
+        ],
+        "name": "南投縣",
+        "zip": "108"
+    },
+    {
+        "districts": [
+            {
+                "zip": "500",
+                "name": "彰化市"
+            },
+            {
+                "zip": "502",
+                "name": "芬園鄉"
+            },
+            {
+                "zip": "503",
+                "name": "花壇鄉"
+            },
+            {
+                "zip": "504",
+                "name": "秀水鄉"
+            },
+            {
+                "zip": "505",
+                "name": "鹿港鎮"
+            },
+            {
+                "zip": "506",
+                "name": "福興鄉"
+            },
+            {
+                "zip": "507",
+                "name": "線西鄉"
+            },
+            {
+                "zip": "508",
+                "name": "和美鎮"
+            },
+            {
+                "zip": "509",
+                "name": "伸港鄉"
+            },
+            {
+                "zip": "510",
+                "name": "員林市"
+            },
+            {
+                "zip": "511",
+                "name": "社頭鄉"
+            },
+            {
+                "zip": "512",
+                "name": "永靖鄉"
+            },
+            {
+                "zip": "513",
+                "name": "埔心鄉"
+            },
+            {
+                "zip": "514",
+                "name": "溪湖鎮"
+            },
+            {
+                "zip": "515",
+                "name": "大村鄉"
+            },
+            {
+                "zip": "516",
+                "name": "埔鹽鄉"
+            },
+            {
+                "zip": "520",
+                "name": "田中鎮"
+            },
+            {
+                "zip": "521",
+                "name": "北斗鎮"
+            },
+            {
+                "zip": "522",
+                "name": "田尾鄉"
+            },
+            {
+                "zip": "523",
+                "name": "埤頭鄉"
+            },
+            {
+                "zip": "524",
+                "name": "溪州鄉"
+            },
+            {
+                "zip": "525",
+                "name": "竹塘鄉"
+            },
+            {
+                "zip": "526",
+                "name": "二林鎮"
+            },
+            {
+                "zip": "527",
+                "name": "大城鄉"
+            },
+            {
+                "zip": "528",
+                "name": "芳苑鄉"
+            },
+            {
+                "zip": "530",
+                "name": "二水鄉"
+            }
+        ],
+        "name": "彰化縣",
+        "zip": "109"
+    },
+    {
+        "districts": [
+            {
+                "zip": "630",
+                "name": "斗南鎮"
+            },
+            {
+                "zip": "631",
+                "name": "大埤鄉"
+            },
+            {
+                "zip": "632",
+                "name": "虎尾鎮"
+            },
+            {
+                "zip": "633",
+                "name": "土庫鎮"
+            },
+            {
+                "zip": "634",
+                "name": "褒忠鄉"
+            },
+            {
+                "zip": "635",
+                "name": "東勢鄉"
+            },
+            {
+                "zip": "636",
+                "name": "臺西鄉"
+            },
+            {
+                "zip": "637",
+                "name": "崙背鄉"
+            },
+            {
+                "zip": "638",
+                "name": "麥寮鄉"
+            },
+            {
+                "zip": "640",
+                "name": "斗六市"
+            },
+            {
+                "zip": "643",
+                "name": "林內鄉"
+            },
+            {
+                "zip": "646",
+                "name": "古坑鄉"
+            },
+            {
+                "zip": "647",
+                "name": "莿桐鄉"
+            },
+            {
+                "zip": "648",
+                "name": "西螺鎮"
+            },
+            {
+                "zip": "649",
+                "name": "二崙鄉"
+            },
+            {
+                "zip": "651",
+                "name": "北港鎮"
+            },
+            {
+                "zip": "652",
+                "name": "水林鄉"
+            },
+            {
+                "zip": "653",
+                "name": "口湖鄉"
+            },
+            {
+                "zip": "654",
+                "name": "四湖鄉"
+            },
+            {
+                "zip": "655",
+                "name": "元長鄉"
+            }
+        ],
+        "name": "雲林縣",
+        "zip": "110"
+    },
+    {
+        "districts": [
+            {
+                "zip": "602",
+                "name": "番路鄉"
+            },
+            {
+                "zip": "603",
+                "name": "梅山鄉"
+            },
+            {
+                "zip": "604",
+                "name": "竹崎鄉"
+            },
+            {
+                "zip": "605",
+                "name": "阿里山鄉"
+            },
+            {
+                "zip": "606",
+                "name": "中埔鄉"
+            },
+            {
+                "zip": "607",
+                "name": "大埔鄉"
+            },
+            {
+                "zip": "608",
+                "name": "水上鄉"
+            },
+            {
+                "zip": "611",
+                "name": "鹿草鄉"
+            },
+            {
+                "zip": "612",
+                "name": "太保市"
+            },
+            {
+                "zip": "613",
+                "name": "朴子市"
+            },
+            {
+                "zip": "614",
+                "name": "東石鄉"
+            },
+            {
+                "zip": "615",
+                "name": "六腳鄉"
+            },
+            {
+                "zip": "616",
+                "name": "新港鄉"
+            },
+            {
+                "zip": "621",
+                "name": "民雄鄉"
+            },
+            {
+                "zip": "622",
+                "name": "大林鎮"
+            },
+            {
+                "zip": "623",
+                "name": "溪口鄉"
+            },
+            {
+                "zip": "624",
+                "name": "義竹鄉"
+            },
+            {
+                "zip": "625",
+                "name": "布袋鎮"
+            }
+        ],
+        "name": "嘉義縣",
+        "zip": "111"
+    },
+    {
+        "districts": [
+            {
+                "zip": "6001",
+                "name": "西區"
+            },
+            {
+                "zip": "6002",
+                "name": "東區"
+            }
+        ],
+        "name": "嘉義市",
+        "zip": "112"
+    },
+    {
+        "districts": [
+            {
+                "zip": "700",
+                "name": "中西區"
+            },
+            {
+                "zip": "701",
+                "name": "東區"
+            },
+            {
+                "zip": "702",
+                "name": "南區"
+            },
+            {
+                "zip": "704",
+                "name": "北區"
+            },
+            {
+                "zip": "708",
+                "name": "安平區"
+            },
+            {
+                "zip": "709",
+                "name": "安南區"
+            },
+            {
+                "zip": "710",
+                "name": "永康區"
+            },
+            {
+                "zip": "711",
+                "name": "歸仁區"
+            },
+            {
+                "zip": "712",
+                "name": "新化區"
+            },
+            {
+                "zip": "713",
+                "name": "左鎮區"
+            },
+            {
+                "zip": "714",
+                "name": "玉井區"
+            },
+            {
+                "zip": "715",
+                "name": "楠西區"
+            },
+            {
+                "zip": "716",
+                "name": "南化區"
+            },
+            {
+                "zip": "717",
+                "name": "仁德區"
+            },
+            {
+                "zip": "718",
+                "name": "關廟區"
+            },
+            {
+                "zip": "719",
+                "name": "龍崎區"
+            },
+            {
+                "zip": "720",
+                "name": "官田區"
+            },
+            {
+                "zip": "721",
+                "name": "麻豆區"
+            },
+            {
+                "zip": "722",
+                "name": "佳里區"
+            },
+            {
+                "zip": "723",
+                "name": "西港區"
+            },
+            {
+                "zip": "724",
+                "name": "七股區"
+            },
+            {
+                "zip": "725",
+                "name": "將軍區"
+            },
+            {
+                "zip": "726",
+                "name": "學甲區"
+            },
+            {
+                "zip": "727",
+                "name": "北門區"
+            },
+            {
+                "zip": "730",
+                "name": "新營區"
+            },
+            {
+                "zip": "731",
+                "name": "後壁區"
+            },
+            {
+                "zip": "732",
+                "name": "白河區"
+            },
+            {
+                "zip": "733",
+                "name": "東山區"
+            },
+            {
+                "zip": "734",
+                "name": "六甲區"
+            },
+            {
+                "zip": "735",
+                "name": "下營區"
+            },
+            {
+                "zip": "736",
+                "name": "柳營區"
+            },
+            {
+                "zip": "737",
+                "name": "鹽水區"
+            },
+            {
+                "zip": "741",
+                "name": "善化區"
+            },
+            {
+                "zip": "744",
+                "name": "新市區"
+            },
+            {
+                "zip": "742",
+                "name": "大內區"
+            },
+            {
+                "zip": "743",
+                "name": "山上區"
+            },
+            {
+                "zip": "745",
+                "name": "安定區"
+            }
+        ],
+        "name": "臺南市",
+        "zip": "113"
+    },
+    {
+        "districts": [
+            {
+                "zip": "800",
+                "name": "新興區"
+            },
+            {
+                "zip": "801",
+                "name": "前金區"
+            },
+            {
+                "zip": "802",
+                "name": "苓雅區"
+            },
+            {
+                "zip": "803",
+                "name": "鹽埕區"
+            },
+            {
+                "zip": "804",
+                "name": "鼓山區"
+            },
+            {
+                "zip": "805",
+                "name": "旗津區"
+            },
+            {
+                "zip": "806",
+                "name": "前鎮區"
+            },
+            {
+                "zip": "807",
+                "name": "三民區"
+            },
+            {
+                "zip": "811",
+                "name": "楠梓區"
+            },
+            {
+                "zip": "812",
+                "name": "小港區"
+            },
+            {
+                "zip": "813",
+                "name": "左營區"
+            },
+            {
+                "zip": "814",
+                "name": "仁武區"
+            },
+            {
+                "zip": "815",
+                "name": "大社區"
+            },
+            {
+                "zip": "817",
+                "name": "東沙群島"
+            },
+            {
+                "zip": "819",
+                "name": "南沙群島"
+            },
+            {
+                "zip": "820",
+                "name": "岡山區"
+            },
+            {
+                "zip": "821",
+                "name": "路竹區"
+            },
+            {
+                "zip": "822",
+                "name": "阿蓮區"
+            },
+            {
+                "zip": "823",
+                "name": "田寮區"
+            },
+            {
+                "zip": "824",
+                "name": "燕巢區"
+            },
+            {
+                "zip": "825",
+                "name": "橋頭區"
+            },
+            {
+                "zip": "826",
+                "name": "梓官區"
+            },
+            {
+                "zip": "827",
+                "name": "彌陀區"
+            },
+            {
+                "zip": "828",
+                "name": "永安區"
+            },
+            {
+                "zip": "829",
+                "name": "湖內區"
+            },
+            {
+                "zip": "830",
+                "name": "鳳山區"
+            },
+            {
+                "zip": "831",
+                "name": "大寮區"
+            },
+            {
+                "zip": "832",
+                "name": "林園區"
+            },
+            {
+                "zip": "833",
+                "name": "鳥松區"
+            },
+            {
+                "zip": "840",
+                "name": "大樹區"
+            },
+            {
+                "zip": "842",
+                "name": "旗山區"
+            },
+            {
+                "zip": "843",
+                "name": "美濃區"
+            },
+            {
+                "zip": "844",
+                "name": "六龜區"
+            },
+            {
+                "zip": "845",
+                "name": "內門區"
+            },
+            {
+                "zip": "846",
+                "name": "杉林區"
+            },
+            {
+                "zip": "847",
+                "name": "甲仙區"
+            },
+            {
+                "zip": "848",
+                "name": "桃源區"
+            },
+            {
+                "zip": "849",
+                "name": "那瑪夏區"
+            },
+            {
+                "zip": "851",
+                "name": "茂林區"
+            },
+            {
+                "zip": "852",
+                "name": "茄萣區"
+            }
+        ],
+        "name": "高雄市",
+        "zip": "114"
+    },
+    {
+        "districts": [
+            {
+                "zip": "900",
+                "name": "屏東市"
+            },
+            {
+                "zip": "901",
+                "name": "三地門鄉"
+            },
+            {
+                "zip": "902",
+                "name": "霧臺鄉"
+            },
+            {
+                "zip": "903",
+                "name": "瑪家鄉"
+            },
+            {
+                "zip": "904",
+                "name": "九如鄉"
+            },
+            {
+                "zip": "905",
+                "name": "里港鄉"
+            },
+            {
+                "zip": "906",
+                "name": "高樹鄉"
+            },
+            {
+                "zip": "907",
+                "name": "鹽埔鄉"
+            },
+            {
+                "zip": "908",
+                "name": "長治鄉"
+            },
+            {
+                "zip": "909",
+                "name": "麟洛鄉"
+            },
+            {
+                "zip": "911",
+                "name": "竹田鄉"
+            },
+            {
+                "zip": "912",
+                "name": "內埔鄉"
+            },
+            {
+                "zip": "913",
+                "name": "萬丹鄉"
+            },
+            {
+                "zip": "920",
+                "name": "潮州鎮"
+            },
+            {
+                "zip": "921",
+                "name": "泰武鄉"
+            },
+            {
+                "zip": "922",
+                "name": "來義鄉"
+            },
+            {
+                "zip": "923",
+                "name": "萬巒鄉"
+            },
+            {
+                "zip": "924",
+                "name": "崁頂鄉"
+            },
+            {
+                "zip": "925",
+                "name": "新埤鄉"
+            },
+            {
+                "zip": "926",
+                "name": "南州鄉"
+            },
+            {
+                "zip": "927",
+                "name": "林邊鄉"
+            },
+            {
+                "zip": "928",
+                "name": "東港鎮"
+            },
+            {
+                "zip": "929",
+                "name": "琉球鄉"
+            },
+            {
+                "zip": "931",
+                "name": "佳冬鄉"
+            },
+            {
+                "zip": "932",
+                "name": "新園鄉"
+            },
+            {
+                "zip": "940",
+                "name": "枋寮鄉"
+            },
+            {
+                "zip": "941",
+                "name": "枋山鄉"
+            },
+            {
+                "zip": "942",
+                "name": "春日鄉"
+            },
+            {
+                "zip": "943",
+                "name": "獅子鄉"
+            },
+            {
+                "zip": "944",
+                "name": "車城鄉"
+            },
+            {
+                "zip": "945",
+                "name": "牡丹鄉"
+            },
+            {
+                "zip": "946",
+                "name": "恆春鎮"
+            },
+            {
+                "zip": "947",
+                "name": "滿州鄉"
+            }
+        ],
+        "name": "屏東縣",
+        "zip": "115"
+    },
+    {
+        "districts": [
+            {
+                "zip": "260",
+                "name": "宜蘭市"
+            },
+            {
+                "zip": "263",
+                "name": "壯圍鄉"
+            },
+            {
+                "zip": "261",
+                "name": "頭城鎮"
+            },
+            {
+                "zip": "262",
+                "name": "礁溪鄉"
+            },
+            {
+                "zip": "264",
+                "name": "員山鄉"
+            },
+            {
+                "zip": "265",
+                "name": "羅東鎮"
+            },
+            {
+                "zip": "266",
+                "name": "三星鄉"
+            },
+            {
+                "zip": "267",
+                "name": "大同鄉"
+            },
+            {
+                "zip": "268",
+                "name": "五結鄉"
+            },
+            {
+                "zip": "269",
+                "name": "冬山鄉"
+            },
+            {
+                "zip": "270",
+                "name": "蘇澳鎮"
+            },
+            {
+                "zip": "272",
+                "name": "南澳鄉"
+            },
+            {
+                "zip": "290",
+                "name": "釣魚臺"
+            }
+        ],
+        "name": "宜蘭縣",
+        "zip": "116"
+    },
+    {
+        "districts": [
+            {
+                "zip": "970",
+                "name": "花蓮市"
+            },
+            {
+                "zip": "971",
+                "name": "新城鄉"
+            },
+            {
+                "zip": "972",
+                "name": "秀林鄉"
+            },
+            {
+                "zip": "973",
+                "name": "吉安鄉"
+            },
+            {
+                "zip": "974",
+                "name": "壽豐鄉"
+            },
+            {
+                "zip": "975",
+                "name": "鳳林鎮"
+            },
+            {
+                "zip": "976",
+                "name": "光復鄉"
+            },
+            {
+                "zip": "977",
+                "name": "豐濱鄉"
+            },
+            {
+                "zip": "978",
+                "name": "瑞穗鄉"
+            },
+            {
+                "zip": "979",
+                "name": "萬榮鄉"
+            },
+            {
+                "zip": "981",
+                "name": "玉里鎮"
+            },
+            {
+                "zip": "982",
+                "name": "卓溪鄉"
+            },
+            {
+                "zip": "983",
+                "name": "富里鄉"
+            }
+        ],
+        "name": "花蓮縣",
+        "zip": "117"
+    },
+    {
+        "districts": [
+            {
+                "zip": "950",
+                "name": "臺東市"
+            },
+            {
+                "zip": "951",
+                "name": "綠島鄉"
+            },
+            {
+                "zip": "952",
+                "name": "蘭嶼鄉"
+            },
+            {
+                "zip": "953",
+                "name": "延平鄉"
+            },
+            {
+                "zip": "954",
+                "name": "卑南鄉"
+            },
+            {
+                "zip": "955",
+                "name": "鹿野鄉"
+            },
+            {
+                "zip": "956",
+                "name": "關山鎮"
+            },
+            {
+                "zip": "957",
+                "name": "海端鄉"
+            },
+            {
+                "zip": "958",
+                "name": "池上鄉"
+            },
+            {
+                "zip": "959",
+                "name": "東河鄉"
+            },
+            {
+                "zip": "961",
+                "name": "成功鎮"
+            },
+            {
+                "zip": "962",
+                "name": "長濱鄉"
+            },
+            {
+                "zip": "963",
+                "name": "太麻里鄉"
+            },
+            {
+                "zip": "964",
+                "name": "金峰鄉"
+            },
+            {
+                "zip": "965",
+                "name": "大武鄉"
+            },
+            {
+                "zip": "966",
+                "name": "達仁鄉"
+            }
+        ],
+        "name": "臺東縣",
+        "zip": "118"
+    },
+    {
+        "districts": [
+            {
+                "zip": "880",
+                "name": "馬公市"
+            },
+            {
+                "zip": "881",
+                "name": "西嶼鄉"
+            },
+            {
+                "zip": "882",
+                "name": "望安鄉"
+            },
+            {
+                "zip": "883",
+                "name": "七美鄉"
+            },
+            {
+                "zip": "884",
+                "name": "白沙鄉"
+            },
+            {
+                "zip": "885",
+                "name": "湖西鄉"
+            }
+        ],
+        "name": "澎湖縣",
+        "zip": "119"
+    },
+    {
+        "districts": [
+            {
+                "zip": "890",
+                "name": "金沙鎮"
+            },
+            {
+                "zip": "891",
+                "name": "金湖鎮"
+            },
+            {
+                "zip": "892",
+                "name": "金寧鄉"
+            },
+            {
+                "zip": "893",
+                "name": "金城鎮"
+            },
+            {
+                "zip": "894",
+                "name": "烈嶼鄉"
+            },
+            {
+                "zip": "896",
+                "name": "烏坵鄉"
+            }
+        ],
+        "name": "金門縣",
+        "zip": "120"
+    },
+    {
+        "districts": [
+            {
+                "zip": "209",
+                "name": "南竿鄉"
+            },
+            {
+                "zip": "210",
+                "name": "北竿鄉"
+            },
+            {
+                "zip": "211",
+                "name": "莒光鄉"
+            },
+            {
+                "zip": "212",
+                "name": "東引鄉"
+            }
+        ],
+        "name": "連江縣",
+        "zip": "121"
+    }
+]

Some files were not shown because too many files changed in this diff