update

content/furniture_design_list/cabinet/3.回家電視櫃/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/cabinet/go_home_tv_cabinet"
 image: "/furniture_design/cabinet/go_home_tv_cabinet/1.webp"
 description: "回家電視櫃  / 系統板材（塑合板） / 回家，大家下班回到家，聚在電視前面吃飯、看八點檔、聊隔壁阿花的相親對象！對我來說就是最幸福的時光"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/cabinet/4.樂天電視吊櫃/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/cabinet/optimism_tv_cabinet"
 image: "/furniture_design/cabinet/optimism_tv_cabinet/1.webp"
 description: "樂天電視吊櫃  / 系統板材（塑合板） / 雙層的隔板設計，就是為了收納我一台又一台的電玩主機，讓我快樂每一天"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-      });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/cabinet/5.海天視聽櫃/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/cabinet/see_and_sky_cabinet"
 image: "/furniture_design/cabinet/see_and_sky_cabinet/1.webp"
 description: "海天視聽櫃  / 系統板材（塑合板） / 海天一線，讓視廳飄揚隨著海闊天空，人生如戲，知足矣"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/cabinet/good_friends_cabinet/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/cabinet/good_friends_cabinet"
 image: "/furniture_design/cabinet/good_friends_cabinet/1.webp"
 description: "友直視廳櫃 - 客廳 / 梣木 / 人生路深長不見盡頭， 不論多長總有些面孔熟悉著、陪伴著， 一通電話相聚交心，人生路上有橫有豎， 朋友， 想我就來我家看電視"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/cabinet/sleek_cabinet/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/cabinet/sleek_cabinet"
 image: "/furniture_design/cabinet/sleek_cabinet/1.webp"
 description: "圓滑處事電視櫃 - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/desk/18.隨心工作桌/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/desk/follow_your_heart_desk"
 image: "/furniture_design/desk/follow_your_heart_desk/1.webp"
 description: "隨心工作桌  / 系統板材（塑合板）/ 工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/desk/19.靜思書桌/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/desk/calm_desk"
 image: "/furniture_design/desk/calm_desk/1.webp"
 description: "靜思書桌  / 系統板材（塑合板）/ 每天的腳步總是飛快，多久沒有好好靜下心來，聽聽自己內在聲音，或是靜下心來好好讀一本好書呢！靜思書桌，是你閱讀與思考的小書僮"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/desk/40.裊裊文書桌/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/desk/curly_desk"
 image: "/furniture_design/desk/curly_desk/1.webp"
 description: "裊裊文書桌 - 書房 / 梣木 / 麻雀雖小， 萬事俱全，收納你的文書， 充滿你的電力！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -34,24 +16,24 @@ description: "裊裊文書桌 - 書房 / 梣木 / 麻雀雖小， 萬事俱全
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 隨心工作桌">
+                <img src="1.webp" alt="小寶優居 | 裊裊文書桌">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 隨心工作桌">
+                <img src="2.webp" alt="小寶優居 | 裊裊文書桌">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 隨心工作桌">
+                <img src="1.webp" alt="小寶優居 | 裊裊文書桌">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 隨心工作桌">
+                <img src="2.webp" alt="小寶優居 | 裊裊文書桌">
               </div>
             </div>
           </div>
             <div class="ms-2 fw-bold">
-            <h3 class="mt-4">隨心工作桌 </h3>
-            <p class="mb-5">工作總是充滿挑戰，我們也要充滿彈性應對，隨心工作桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！</p>
+            <h3 class="mt-4">裊裊文書桌 </h3>
+            <p class="mb-5">工作總是充滿挑戰，我們也要充滿彈性應對，裊裊文書桌隨你心情、隨你順手，任意搭配，這就是我工作時的好夥伴啊！</p>
             <div style="display:none">
               <span class="me-3">定價</span>
               <span> </span>
@@ -77,9 +59,9 @@ description: "裊裊文書桌 - 書房 / 梣木 / 麻雀雖小， 萬事俱全
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <!-- <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 隨心工作桌"> -->
+            alt="小寶優居 | 裊裊文書桌"> -->
            <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 隨心工作桌"> -->
+            alt="小寶優居 | 裊裊文書桌"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/desk/41.工業時代大桌/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/desk/industrial_desk"
 image: "/furniture_design/desk/industrial_desk/1.webp"
 description: "工業時代大桌 - 書房 / 山毛櫸 / 人人依舊懷抱著工業夢，期待在黑色烤漆水管中， 找到自己的個性"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/desk/42.當個文青桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/desk/hipster_desk"
 image: "/furniture_design/desk/hipster_desk/1.webp"
 description: "當個文青桌 - 書房 / 山毛櫸 / 獨立電影、唱片音樂、單眼相機、抑鬱因子，我們一起當個微文青吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/26.幸福餐椅/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/dining_chair/happy_dining_chair"
 image: "/furniture_design/dining_chair/happy_dining_chair/1.webp"
 description: "幸福餐椅 - 餐廳 / 梣木 / 靠背的仰角設計，定位出用餐的「最適」角度，使坐姿既可放鬆又能挺立，幸福的相聚時光沒有拘謹的限制，只有自在的舒適！"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">

content/furniture_design_list/dining_chair/27.無憂餐椅/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/worry_free_dining_chair"
 image: "/furniture_design/dining_chair/worry_free_dining_chair/1.webp"
 description: "無憂餐椅 - 餐廳 / 梣木 / 細木工匠的榫接技法，讓結構更加穩實，不使用五金作釘合，讓每一塊原木的優雅完整體現"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/28.無慮餐椅/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/worry_free_dining_chair_2"
 image: "/furniture_design/dining_chair/worry_free_dining_chair_2/1.webp"
 description: "無慮餐椅 - 餐廳 / 梣木 / 無憂無慮， 夫復何求"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/29.樂天餐椅/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/optimism_dining_chair"
 image: "/furniture_design/dining_chair/optimism_dining_chair/1.webp"
 description: "樂天餐椅 - 餐廳 / 山毛櫸 / 特殊的高背式餐椅，能紓解乘坐時「腰椎」所承受的壓力，讓坐感與撐護力，都擁有全新的體驗"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/30.幸福中島椅/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/happy_island_chair"
 image: "/furniture_design/dining_chair/happy_island_chair/1.webp"
 description: "幸福中島椅 - 餐廳 / 梣木 / 能和相愛的人，彼間而坐，喝杯咖啡，就是最幸福的事情了"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/31.無憂中島椅/index.md

@@ -7,26 +7,6 @@ url: "/furniture_design/dining_chair/worry_free_island_chair"
 image: "/furniture_design/dining_chair/worry_free_island_chair/1.webp"
 description: "無憂中島椅 - 餐廳 / 梣木 / 深夜喝上一杯，cheers！把今天的憂愁都忘掉吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">

content/furniture_design_list/dining_chair/32.幸福長凳/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/dining_chair/happy_bench"
 image: "/furniture_design/dining_chair/happy_bench/1.webp"
 description: "幸福長凳(雙人) - 餐廳 / 梣木 / 兩個人的幸福， 你儂我儂，讓顏色隨心情， 盡情奔放"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "幸福長凳(雙人) - 餐廳 / 梣木 / 兩個人的幸福， 你
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 幸福長凳(雙人)">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -50,9 +29,6 @@ description: "幸福長凳(雙人) - 餐廳 / 梣木 / 兩個人的幸福， 你
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 幸福長凳(雙人)">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 幸福長凳(雙人)">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/dining_chair/33.一期一會長凳/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/once_in_a_lifetime_bench"
 image: "/furniture_design/dining_chair/once_in_a_lifetime_bench/1.webp"
 description: "一期一會長凳(雙人) - 餐廳 / 梣木 / Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "一期一會長凳(雙人) - 餐廳 / 梣木 / Hi，朋友！在
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 一期一會長凳(雙人)">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "一期一會長凳(雙人) - 餐廳 / 梣木 / Hi，朋友！在
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 一期一會長凳(雙人)">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 一期一會長凳(雙人)">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/dining_chair/43.小寶心情凳/index.md

@@ -7,26 +7,6 @@ url: "/furniture_design/dining_chair/bhouse_stool"
 image: "/furniture_design/dining_chair/bhouse_stool/1.webp"
 description: "小寶心情凳， 帶給你每日的好心情，布套可拆洗，還能讓屁股香香的。"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -52,7 +32,7 @@ description: "小寶心情凳， 帶給你每日的好心情，布套可拆洗
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 小寶心情凳">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 小寶心情凳">
               </div>
             </div>

content/furniture_design_list/dining_chair/a_small_stool_for_a_while/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/a_small_stool_for_a_while"
 image: "/furniture_design/dining_chair/a_small_stool_for_a_while/1.webp"
 description: "一期一會小凳 - 餐廳 / 梣木 / Hi，朋友！在此生有幸認識你，於我而言是不容錯過的一期一會，讓我們時常聯絡、把酒言歡、共享歡聚時光！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "一期一會小凳 - 餐廳 / 梣木 / Hi，朋友！在此生有
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 一期一會小凳">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 一期一會小凳">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "一期一會小凳 - 餐廳 / 梣木 / Hi，朋友！在此生有
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 一期一會小凳">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 一期一會小凳">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/dining_chair/good_seat_dining_chair/index.md

@@ -9,26 +9,6 @@ description: "好座餐椅 - 餐廳 / 梣木+墊裝 / 坐與臥是居家生活
 a:
 b:
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -54,7 +34,7 @@ b:
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 好座餐椅">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 好座餐椅">
               </div>
             </div>

content/furniture_design_list/dining_chair/happiness_stool/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_chair/happiness_stool"
 image: "/furniture_design/dining_chair/happiness_stool/1.webp"
 description: "幸福小凳 - 餐廳 / 梣木+墊裝 / 一個人， 也可以很幸福，讓顏色隨心情， 隨心所欲"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "幸福小凳 - 餐廳 / 梣木+墊裝 / 一個人， 也可以很
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 幸福小凳">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 幸福小凳">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "幸福小凳 - 餐廳 / 梣木+墊裝 / 一個人， 也可以很
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 幸福小凳">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 幸福小凳">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/dining_chair/sif_dining_chair/index.md

@@ -7,26 +7,6 @@ url: "/dining_chair/happiness_stool/sif_dining_chair"
 image: "/dining_chair/happiness_stool/sif_dining_chair/1.webp"
 description: "希芙餐椅 - 餐廳 / 梣梣木+墊裝木 / 希芙是北歐神話的女神，雷神索爾的妻子，代表土地和五穀，也象徵麥穗與黃金，105度的神祕傾斜角度，不只乘坐更舒適，也期盼我們的生活，總是豐盛而有餘裕。"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -52,7 +32,7 @@ description: "希芙餐椅 - 餐廳 / 梣梣木+墊裝木 / 希芙是北歐神
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 希芙餐椅">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 希芙餐椅">
               </div>
             </div>

content/furniture_design_list/dining_table/22.友直餐桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_table/good_friends_dining_table"
 image: "/furniture_design/dining_table/good_friends_dining_table/1.webp"
 description: "友直餐桌 - 餐廳 / 梣木 / 桌腳以橫、豎交叉排列，巧妙打造屬於每個人的用餐空間，找到彼此最剛好的吃飯黃金距離"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -51,7 +32,7 @@ description: "友直餐桌 - 餐廳 / 梣木 / 桌腳以橫、豎交叉排列，
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 友直餐桌">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 友直餐桌">
               </div>
             </div>

content/furniture_design_list/dining_table/23.森命餐桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_table/forest_life_dining_table"
 image: "/furniture_design/dining_table/forest_life_dining_table/1.webp"
 description: "森命餐桌 - 餐廳 / 梣木 / 森林的生命，伴隨晚宴走進家裡"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "森命餐桌 - 餐廳 / 梣木 / 森林的生命，伴隨晚宴走
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 森命餐桌">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 森命餐桌">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/dining_table/24.裊裊餐桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_table/curly_dining_table"
 image: "/furniture_design/dining_table/curly_dining_table/1.webp"
 description: "裊裊餐桌 - 餐廳 / 梣木 / 裊裊炊煙，呼喚遠方的遊子回家吃飯，裊裊餐桌，乘載我們家團聚的美好記憶。"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "裊裊餐桌 - 餐廳 / 梣木 / 裊裊炊煙，呼喚遠方的遊
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 裊裊餐桌">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 裊裊餐桌">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/dining_table/25.舉杯餐桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_table/toast_dining_table"
 image: "/furniture_design/dining_table/toast_dining_table/1.webp"
 description: "舉杯餐桌 - 餐廳 / 梣木 / 精心挑選這個季節的花束，擺上燭火讓光在桌前化開來，等著在意的人一一入座，今天不是什麼特別的日子，只是想舉杯，慶祝每個平凡的日子裡， 有你有我"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "舉杯餐桌 - 餐廳 / 梣木 / 精心挑選這個季節的花束
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 舉杯餐桌">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 舉杯餐桌">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/dining_table/46.喆翔餐桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/dining_table/zhe_xiang_dining_table"
 image: "/furniture_design/dining_table/zhe_xiang_dining_table/1.webp"
 description: "喆翔餐桌 - 餐廳 / 梣木 / 「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓喆翔餐桌帶領你的情緒，優雅飛翔吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "喆翔餐桌 - 餐廳 / 梣木 / 「餐桌」乘載著生活中的
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 喆翔餐桌">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 喆翔餐桌">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/dining_table/light_rhyme_dining_table/index.md

@@ -7,26 +7,6 @@ url: "/furniture_design/dining_table/light_rhyme_dining_table"
 image: "/furniture_design/dining_table/light_rhyme_dining_table/1.webp"
 description: "輕韻餐桌 - 餐廳 / 梣木 / 外型輕巧，平易近人，簡單，卻不簡單，生活中各種時令的美好，與家中四季的笑聲，都被帶入了輕韻餐桌"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -36,30 +16,30 @@ description: "輕韻餐桌 - 餐廳 / 梣木 / 外型輕巧，平易近人，簡
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 喆翔餐桌">
+                <img src="1.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 喆翔餐桌">
+                <img src="2.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
               <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 喆翔餐桌">
+                <img src="3.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 喆翔餐桌">
+                <img src="1.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 喆翔餐桌">
+                <img src="2.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
-                <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 喆翔餐桌">
+              <div class="middle-item">
+                <img src="3.webp" alt="小寶優居 | 輕韻餐桌">
               </div>
             </div>
           </div>
           <div class="ms-2 fw-bold">
-            <h3 class="mt-4">喆翔餐桌 </h3>
-            <p class="mb-5">「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓喆翔餐桌帶領你的情緒，優雅飛翔吧！</p>
+            <h3 class="mt-4">輕韻餐桌 </h3>
+            <p class="mb-5">「餐桌」乘載著生活中的喜怒哀樂，開心歡樂時，大口吃肉，生氣悲傷時，大口喝酒，讓輕韻餐桌帶領你的情緒，優雅飛翔吧！</p>
             <div style="display:none">
               <span class="me-3">定價</span>
               <span>   $32,500</span>
@@ -85,7 +65,7 @@ description: "輕韻餐桌 - 餐廳 / 梣木 / 外型輕巧，平易近人，簡
         <div class="b-bottom pb-3 mb-5">
           <!-- <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 喆翔餐桌"> -->
+            alt="小寶優居 | 輕韻餐桌"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/mattress/35.条条團圓/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/mattress/stripe_circle_bed"
 image: "/furniture_design/mattress/stripe_circle_bed/1.webp"
 description: "条条團圓 - 臥室 / 雲杉實木骨架 / 工匠手縫條條的紋理，包上整片泡棉，不怕孩子碰撞，彷彿是媽媽的環抱，安心、溫柔"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "条条團圓 - 臥室 / 雲杉實木骨架 / 工匠手縫條條的
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 条条團圓">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 条条團圓">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -50,9 +29,6 @@ description: "条条團圓 - 臥室 / 雲杉實木骨架 / 工匠手縫條條的
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 条条團圓">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 条条團圓">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/mattress/36.雙人枕頭/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/mattress/two_pillow_bed"
 image: "/furniture_design/mattress/two_pillow_bed/1.webp"
 description: "雙人枕頭 - 臥室 / 雲杉實木骨架 / 專超大防蹣羽絨枕心，頭靠、背靠 都有得靠，雙人枕頭，真正靠得住"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -37,23 +18,11 @@ description: "雙人枕頭 - 臥室 / 雲杉實木骨架 / 專超大防蹣羽絨
               <div class="design-img">
                 <img src="1.webp" alt="小寶優居 | 雙人枕頭">
               </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 雙人枕頭">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 雙人枕頭">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
                 <img src="1.webp" alt="小寶優居 | 雙人枕頭">
               </div>
-              <!-- <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 雙人枕頭">
-              </div> -->
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 雙人枕頭">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/mattress/37.玩色格格/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/mattress/color_grid_bed"
 image: "/furniture_design/mattress/color_grid_bed/1.webp"
 description: "玩色格格 - 臥室 / 雲杉實木骨架 / 軟綿的色彩格子，可以設計專屬配色，延伸做成床頭牆面，睡也要睡出自己的風格！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "玩色格格 - 臥室 / 雲杉實木骨架 / 軟綿的色彩格子
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 玩色格格">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 玩色格格">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "玩色格格 - 臥室 / 雲杉實木骨架 / 軟綿的色彩格子
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 玩色格格">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 玩色格格">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/mattress/38.步步高昇/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/mattress/rising_bed"
 image: "/furniture_design/mattress/rising_bed/1.webp"
 description: "步步高昇 - 臥室 / 雲杉實木骨架 / 學業高升、事業高升、健康高升、步步高昇，一款伴隨你成長的床架"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "步步高昇 - 臥室 / 雲杉實木骨架 / 學業高升、事業
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 步步高昇">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 步步高昇">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "步步高昇 - 臥室 / 雲杉實木骨架 / 學業高升、事業
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 步步高昇">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 步步高昇">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/mattress/39.圓滿床架/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/mattress/perfect_bed"
 image: "/furniture_design/mattress/perfect_bed/1.webp"
 description: "圓滿床架 - 臥室 / 松木 / 你都吃圓了，都滿出床了，而我還是愛你，這就是所謂的圓滿吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "圓滿床架 - 臥室 / 松木 / 你都吃圓了，都滿出床了
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 圓滿床架">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 圓滿床架">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "圓滿床架 - 臥室 / 松木 / 你都吃圓了，都滿出床了
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 圓滿床架">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 圓滿床架">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/mattress/44.酣然相擁/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/mattress/hug_to_sleep"
 image: "/furniture_design/mattress/hug_to_sleep/1.webp"
 description: "酣然相擁 - 臥室 / 山雲杉實木骨架 / 對稱的翅膀，就像包覆你的港灣，彎彎的臂彎，環抱著你入睡，被抱著入睡，做一場美夢吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "酣然相擁 - 臥室 / 山雲杉實木骨架 / 對稱的翅膀，
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 酣然相擁">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 酣然相擁">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "酣然相擁 - 臥室 / 山雲杉實木骨架 / 對稱的翅膀，
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 酣然相擁">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 酣然相擁">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/other_furniture/12.老王方塊櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/other_furniture/wang_cube_cabinet"
 image: "/furniture_design/other_furniture/wang_cube_cabinet/1.webp"
 description: "老王方塊櫃  / 系統板材（塑合板） / 一格一格四四方方的格子，就像樂高積木一樣，任我堆疊"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "老王方塊櫃  / 系統板材（塑合板） / 一格一格四
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "老王方塊櫃  / 系統板材（塑合板） / 一格一格四
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 老王方塊櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/other_furniture/34.圓滑處事化妝桌/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/other_furniture/sleek_vanity"
 image: "/furniture_design/other_furniture/sleek_vanity/1.webp"
 description: "圓滑處事化妝桌 - 臥室 / 山毛櫸 / 專為台灣偉大的女性們，化妝與收納習慣創造的化妝桌。從設計到製作都來自台灣，更是體現匠師手工的工藝品！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -35,29 +16,23 @@ description: "圓滑處事化妝桌 - 臥室 / 山毛櫸 / 專為台灣偉大的
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 老王方塊櫃">
+                <img src="1.webp" alt="小寶優居 | 圓滑處事化妝桌">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 老王方塊櫃">
+                <img src="2.webp" alt="小寶優居 | 圓滑處事化妝桌">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 老王方塊櫃">
+                <img src="1.webp" alt="小寶優居 | 圓滑處事化妝桌">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 老王方塊櫃">
+                <img src="2.webp" alt="小寶優居 | 圓滑處事化妝桌">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 老王方塊櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">
-            <h3 class="mt-4">老王方塊櫃 </h3>
+            <h3 class="mt-4">圓滑處事化妝桌 </h3>
             <p class="mb-5"> 一格一格四四方方的格子，就像樂高積木一樣，任我堆疊</p>
             <div style="display:none">
               <span class="me-3">定價</span>
@@ -84,9 +59,9 @@ description: "圓滑處事化妝桌 - 臥室 / 山毛櫸 / 專為台灣偉大的
         <div class="b-bottom pb-3 mb-5">
           <!-- <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 老王方塊櫃"> -->
+            alt="小寶優居 | 圓滑處事化妝桌"> -->
            <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 老王方塊櫃"> -->
+            alt="小寶優居 | 圓滑處事化妝桌"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/side_cabinet/16.圓滑處事套几（小）/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/side_cabinet/sleek_small_chair"
 image: "/furniture_design/side_cabinet/sleek_small_chair/1.webp"
 description: "圓滑處事套几(小) - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "圓滑處事套几(小) - 客廳 / 山毛櫸 /  人生中，在無
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "圓滑處事套几(小) - 客廳 / 山毛櫸 /  人生中，在無
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 圓滑處事套几(小)">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/side_cabinet/21.圓滑處事邊櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/side_cabinet/sleek_side_cabinet"
 image: "/furniture_design/side_cabinet/sleek_side_cabinet/1.webp"
 description: "圓滑處事邊櫃 - 臥室 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "圓滑處事邊櫃 - 臥室 / 山毛櫸 /  人生中，在無數
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 圓滑處事邊櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 圓滑處事邊櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "圓滑處事邊櫃 - 臥室 / 山毛櫸 /  人生中，在無數
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 圓滑處事邊櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 圓滑處事邊櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/side_cabinet/53.幸運邊几/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/side_cabinet/lucky_side_table"
 image: "/furniture_design/side_cabinet/lucky_side_table/1.webp"
 description: "幸運邊几 - 客廳 / 梣木+鐵件 / 擷取一瓣幸運草葉，他可以是希望、是付出或是愛，輕巧外型，是各種隨手愜意的擺放，讓你創造家中的無限彈性可能。"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -51,7 +32,7 @@ description: "幸運邊几 - 客廳 / 梣木+鐵件 / 擷取一瓣幸運草葉
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 幸運邊几">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 幸運邊几">
               </div>
             </div>

content/furniture_design_list/side_table/1.漂浮茶几/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/side_table/floating_coffee_table"
 image: "/furniture_design/side_table/floating_coffee_table/1.webp"
 description: "漂浮茶几  / 系統板材（塑合板） / 飄浮，讓世界跟著輕快；起飛，乘載著客廳所有生活"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "漂浮茶几  / 系統板材（塑合板） / 飄浮，讓世界
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 漂浮茶几">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 漂浮茶几">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/side_table/2.金磚茶几/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/side_table/golden_brick_coffee_table"
 image: "/furniture_design/side_table/golden_brick_coffee_table/1.webp"
 description: "金磚茶几  / 系統板材（塑合板） / 金磚象徵著大富大貴，也象徵著無瑕的單純金磚生活無暇設計"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "金磚茶几  / 系統板材（塑合板） / 金磚象徵著大
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 金磚茶几">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 金磚茶几">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/side_table/four_seasons_big_chair/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/side_table/four_seasons_big_chair"
 image: "/furniture_design/side_table/four_seasons_big_chair/1.webp"
 description: "四時不惑大几 - 客廳 / 梣木 / 40不惑，不再疑惑"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "四時不惑大几 - 客廳 / 梣木 / 40不惑，不再疑惑"
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 四時不惑大几">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 四時不惑大几">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/side_table/good_friends_chair/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/side_table/good_friends_chair"
 image: "/furniture_design/side_table/good_friends_chair/1.webp"
 description: "友直茶几 - 客廳 / 梣木 / 人生路深長不見盡頭， 不論多長總，有些面孔熟悉著、陪伴著， 一通電話相聚交心；人生路上有橫有豎， 朋友， 這兒永遠有你的位置"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "友直茶几 - 客廳 / 梣木 / 人生路深長不見盡頭，
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 友直茶几">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 友直茶几">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/side_table/lucky_coffee_table/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/side_table/lucky_coffee_table"
 image: "/furniture_design/side_table/lucky_coffee_table/1.webp"
 description: "幸運茶几 - 客廳 / 梣木+鐵件 / 希望、付出和愛代表了幸運草的三片葉子，是一個家的組成必備三元素，無條件的付出，而我們的未來，就在愛裡延續著。"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -51,7 +32,7 @@ description: "幸運茶几 - 客廳 / 梣木+鐵件 / 希望、付出和愛代
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 幸運茶几">
               </div>
-                  <div class="middle-item">
+              <div class="middle-item">
                 <img src="3.webp" alt="小寶優居 | 幸運茶几">
               </div>
             </div>

content/furniture_design_list/side_table/matured_toast/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/side_table/matured_toast"
 image: "/furniture_design/side_table/matured_toast/1.webp"
 description: "熟成吐司 - 客廳 / 梣木、樺木積層板 / 熟成你的家庭，讓客廳井然有序"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "熟成吐司 - 客廳 / 梣木、樺木積層板 / 熟成你的家
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 熟成吐司">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 熟成吐司">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">

content/furniture_design_list/side_table/round_table/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/side_table/round_table"
 image: "/furniture_design/side_table/round_table/1.webp"
 description: "緣圓大几 - 客廳 / 梣木 / 人生有三圓，家圓情圓友團圓，三角圓圓，闔家緣圓"
 ---
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -39,9 +21,6 @@ description: "緣圓大几 - 客廳 / 梣木 / 人生有三圓，家圓情圓友
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 緣圓大几">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 緣圓大几">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -97,4 +76,4 @@ description: "緣圓大几 - 客廳 / 梣木 / 人生有三圓，家圓情圓友
       </div>
   </div>
 </div>
-  </div>
+</div>

content/furniture_design_list/side_table/sleek_big_coffee_chair/index.md

@@ -7,85 +7,65 @@ url: "/furniture_design/side_table/sleek_big_coffee_chair"
 image: "/furniture_design/side_table/sleek_big_coffee_chair/1.webp"
 description: "圓滑處事大茶几 - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
 ---
-
-<section class="section44 mb-5">
-    <div class="container">
-      <div class="mb-5">
-        <a href="/solid_wood_furniture">關於設計家具</a> > <a href="/living_room">客廳</a> > <a href="/furniture_design/side_cabinet/sleek_big_coffee_chair">圓滑處事大茶几</a>
-      </div>
-      <div class="row">
-        <div class="col-md-5 col-sm-12">
-          <div class="block">
-            <div class="section-title text-center">
-              <amp-carousel
-                id="carousel-with-preview"
-                width="300"
-                height="300"
-                layout="responsive"
-                type="slides"
-                autoplay
-                delay="2500"
-                role="region"
-                aria-label="小寶優居 | 圓滑處事大茶几"
-              >
-<amp-img
-  alt="小寶優居 | 圓滑處事大茶几"
-  src="1.webp"
-  height="300"
-  width="300"
-  layout="responsive">
-</amp-img><amp-img
-  alt="小寶優居 | 圓滑處事大茶几"
-  src="2.webp"
-  height="300"
-  width="300"
-  layout="responsive">
-</amp-img>
-              </amp-carousel>
-              <div class="mt-3 carousel-preview">
-<button on="tap:carousel-with-preview.goToSlide(index=0)">
-            <amp-img
-              src="1.webp"
-              width="40"
-              height="40"
-              alt="小寶優居 | 圓滑處事大茶几|小寶優居・設計家具"
-            ></amp-img>
-          </button>
-<button on="tap:carousel-with-preview.goToSlide(index=1)">
-            <amp-img
-              src="2.webp"
-              width="40"
-              height="40"
-              alt="小寶優居 | 圓滑處事大茶几|小寶優居・設計家具"
-            ></amp-img>
-          </button>
+<div class="furniture-design">
+{{< furniture_design >}}
+<div class="furniture_design_content">
+  <div class="sub-tab-content" id="pills-tabContent">
+      <div class="container px-0 design-container">
+        <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+          <div class="slider-box">
+            <div class="slider slider-for slider-design">
+              <div class="design-img">
+                <img src="1.webp" alt="小寶優居 | 圓滑處事大茶几">
+              </div>
+              <div class="design-img">
+                <img src="2.webp" alt="小寶優居 | 圓滑處事大茶几">
+              </div>
+            </div>
+            <div class="slider slider-nav mt-2">
+              <div class="middle-item">
+                <img src="1.webp" alt="小寶優居 | 圓滑處事大茶几">
+              </div>
+              <div class="middle-item">
+                <img src="2.webp" alt="小寶優居 | 圓滑處事大茶几">
               </div>
             </div>
           </div>
-        </div>
-        <div class="col-md-7 col-sm-12">
-          <div class="block ms-md-5 mb-5">
-            <div class="title mb-4"><b>圓滑處事大茶几</b></div>
-            <div class="description">
-<b>人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</b>
+            <div class="ms-2 fw-bold">
+            <h3 class="mt-4">圓滑處事大茶几 </h3>
+            <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
+            <div style="display:none">
+              <span class="me-3">定價</span>
+              <span> $22,500</span>
+            </div>
+            <div class="my-2 d-flex">
+                <div class="tw-15">顏色</div>
+                <div style="tw-85">自然色、謐白色</div>
+            </div>
+              <div class="my-2 d-flex">
+                <div class="tw-15">尺寸</div>
+                <div class="tw-85">寬1200 X 深600 X 高450(mm)</div>
             </div>
-            <hr>
-            <div class="detail">
-<div>定價 ： $22,500</div>
-<div>顏色 ： 自然色、謐白色</div>
-<div>尺寸(mm) ： 寬1200 X 深600 X 高450</div>
-<div>材質 ： 山毛櫸</div>
-<span></span>
+            <div class="my-2 d-flex">
+                <div class="tw-15">材質</div>
+              <div class="tw-85">山毛櫸</div>
             </div>
           </div>
         </div>
-      </div>
-      <div class="card">
-        <div class="card-body text-center">
-          <div class="mb-2">1.商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主</div>
-          <div>2.部分商品因應空間大小，保有客製尺寸服務，詳細客製尺寸，請預約門市諮詢訂購</div>
+        <div class="b-bottom pb-3 mb-5">
+          <ul>
+            <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+            <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+          </ul>
+        </div>
+        <div class="mb-5">
+          <a href="/furniture_design/side_table/">
+            <p class="readMore text-center">
+              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+            </p>
+          </a>
         </div>
       </div>
-
+  </div>
 </div>
-  </section>
+</div>

content/furniture_design_list/side_table/sleek_small_chair/index.md

@@ -5,87 +5,67 @@ draft: false
 type: "side_table"
 url: "/furniture_design/side_table/sleek_small_chair"
 image: "/furniture_design/side_table/sleek_small_chair/1.webp"
-description: "圓滑處事套几(小) - 客廳 / 山毛櫸 /  人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
+description: "圓滑處事套几(小) - 客廳 / 山毛櫸 / 人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事"
 ---
-
-<section class="section44 mb-5">
-    <div class="container">
-      <div class="mb-5">
-        <a href="/solid_wood_furniture">關於設計家具</a> > <a href="/living_room">客廳</a> > <a href="/furniture_design/side_cabinet/sleek_small_chair">圓滑處事套几(小)</a>
-      </div>
-      <div class="row">
-        <div class="col-md-5 col-sm-12">
-          <div class="block">
-            <div class="section-title text-center">
-              <amp-carousel
-                id="carousel-with-preview"
-                width="300"
-                height="300"
-                layout="responsive"
-                type="slides"
-                autoplay
-                delay="2500"
-                role="region"
-                aria-label="小寶優居 | 圓滑處事套几(小)"
-              >
-<amp-img
-  alt="小寶優居 | 圓滑處事套几(小)"
-  src="1.webp"
-  height="300"
-  width="300"
-  layout="responsive">
-</amp-img><amp-img
-  alt="小寶優居 | 圓滑處事套几(小)"
-  src="2.webp"
-  height="300"
-  width="300"
-  layout="responsive">
-</amp-img>
-              </amp-carousel>
-              <div class="mt-3 carousel-preview">
-<button on="tap:carousel-with-preview.goToSlide(index=0)">
-            <amp-img
-              src="1.webp"
-              width="40"
-              height="40"
-              alt="小寶優居 | 圓滑處事套几(小)|小寶優居・設計家具"
-            ></amp-img>
-          </button>
-<button on="tap:carousel-with-preview.goToSlide(index=1)">
-            <amp-img
-              src="2.webp"
-              width="40"
-              height="40"
-              alt="小寶優居 | 圓滑處事套几(小)|小寶優居・設計家具"
-            ></amp-img>
-          </button>
+<div class="furniture-design">
+  {{< furniture_design>}}
+    <div class="furniture_design_content">
+      <div class="sub-tab-content" id="pills-tabContent">
+        <div class="container px-0 design-container">
+          <div class="d-flex flex-column flex-md-row align-items-md-start align-items-center b-bottom pb-3 mb-5">
+            <div class="slider-box">
+              <div class="slider slider-for slider-design">
+                <div class="design-img">
+                  <img src="1.webp" alt="小寶優居 | 圓滑處事套几(小)">
+                </div>
+                <div class="design-img">
+                  <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
+                </div>
+              </div>
+              <div class="slider slider-nav mt-2">
+                <div class="middle-item">
+                  <img src="1.webp" alt="小寶優居 | 圓滑處事套几(小)">
+                </div>
+                <div class="middle-item">
+                  <img src="2.webp" alt="小寶優居 | 圓滑處事套几(小)">
+                </div>
               </div>
             </div>
-          </div>
-        </div>
-        <div class="col-md-7 col-sm-12">
-          <div class="block ms-md-5 mb-5">
-            <div class="title mb-4"><b>圓滑處事套几(小)</b></div>
-            <div class="description">
-<b>人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</b>
-            </div>
-            <hr>
-            <div class="detail">
-<div>定價 ： $5,500</div>
-<div>顏色 ： 自然色、胡桃色、謐白色</div>
-<div>尺寸(mm) ： 寬450 X 深300 X 高490</div>
-<div>材質 ： 山毛櫸</div>
-<span></span>
+            <div class="ms-2 fw-bold">
+              <h3 class="mt-4">圓滑處事套几(小) </h3>
+              <p class="mb-5">人生中，在無數的挫折裡學會堅強，在高壓的社會大學中磨練成長而茁壯，時間磨去了我們的稜角，於是我們學會圓滑處事</p>
+              <div style="display:none">
+                <span class="me-3">定價</span>
+                <span> $22,500</span>
+              </div>
+              <div class="my-2 d-flex">
+                <div class="tw-15">顏色</div>
+                <div style="tw-85">自然色、胡桃色、謐白色</div>
+              </div>
+              <div class="my-2 d-flex">
+                <div class="tw-15">尺寸</div>
+                <div class="tw-85">寬450 X 深300 X 高490(mm)</div>
+              </div>
+              <div class="my-2 d-flex">
+                <div class="tw-15">材質</div>
+                <div class="tw-85">山毛櫸</div>
+              </div>
             </div>
           </div>
+          <div class="b-bottom pb-3 mb-5">
+            <ul>
+              <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>
+              <li>2. 部分商品因應空間大小，保有客製尺寸服務。詳細尺寸資訊，請預約門市諮詢訂購。</li>
+            </ul>
+          </div>
+          <div class="mb-5">
+            <a href="/furniture_design/side_table/">
+              <p class="readMore text-center">
+                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到茶几
+              </p>
+            </a>
+          </div>
         </div>
       </div>
-      <div class="card">
-        <div class="card-body text-center">
-          <div class="mb-2">1.商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主</div>
-          <div>2.部分商品因應空間大小，保有客製尺寸服務，詳細客製尺寸，請預約門市諮詢訂購</div>
-        </div>
-      </div>
-
-</div>
-  </section>
+    </div>
+</div>

content/furniture_design_list/sofa/calm_sofa/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/sofa/calm_sofa"
 image: "/furniture_design/sofa/calm_sofa/1.webp"
 description: "靜寧沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靜聽，客廳在說話，話出一曲人生；線條，在空間跳舞，舞出一道靜寧"
 ---
- <script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -34,21 +16,18 @@ description: "靜寧沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靜聽，
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 靜寧沙發">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 靜寧沙發">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 靜寧沙發">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 靜寧沙發">
               </div>
             </div>
           </div>
@@ -72,7 +51,7 @@ description: "靜寧沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靜聽，
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 蜜絲媞沙發">
+            alt="小寶優居 | 靜寧沙發">
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/daze_sofa/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/sofa/daze_sofa"
 image: "/furniture_design/sofa/daze_sofa/1.webp"
 description: "發呆沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 發呆，是為了走更長的路"
 ---
- <script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -34,21 +16,18 @@ description: "發呆沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 發呆，
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 發呆沙發">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 發呆沙發">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 發呆沙發">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 發呆沙發">
               </div>
             </div>
           </div>
@@ -72,7 +51,7 @@ description: "發呆沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 發呆，
         <div class="b-bottom pb-3 mb-5">
           <!-- <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 蜜絲媞沙發">
+            alt="小寶優居 | 發呆沙發">
           <h6 class="mt-4">說明</h6> -->
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/generous_cornerless_sofa/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/sofa/generous_cornerless_sofa"
 image: "/furniture_design/sofa/generous_cornerless_sofa/1.webp"
 description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
 ---
- <script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 4,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -35,27 +16,24 @@ description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
               <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="3.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="1.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="2.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
               <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 蜜絲媞沙發">
-              </div>
-               <div class="middle-item">
-                <img src="4.webp" alt="小寶優居 | 蜜絲媞沙發">
+                <img src="3.webp" alt="小寶優居 | 大方無隅沙發">
               </div>
             </div>
           </div>
@@ -79,7 +57,7 @@ description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 蜜絲媞沙發">
+            alt="小寶優居 | 大方無隅沙發">
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/mi_si_ti_sofa/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/sofa/mi_si_ti_sofa"
 image: "/furniture_design/sofa/mi_si_ti_sofa/1.webp"
 description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">

content/furniture_design_list/sofa/morihara_sofa/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/sofa/morihara_sofa"
 image: "/furniture_design/sofa/morihara_sofa/1.webp"
 description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -45,13 +26,13 @@ description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
+                <div class="middle-item">
                   <img src="1.webp" alt="小寶優居 | 森原沙發">
                 </div>
                 <div class="middle-item">
                   <img src="2.webp" alt="小寶優居 | 森原沙發">
                 </div>
-                <div>
+                <div class="middle-item">
                   <img src="3.webp" alt="小寶優居 | 森原沙發">
                 </div>
               </div>

content/furniture_design_list/sofa/sakamoto_sofa/index.md

@@ -6,25 +6,6 @@ url: "/furniture_design/sofa/sakamoto_sofa"
 image: "/furniture_design/sofa/sakamoto_sofa/1.webp"
 description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大方無隅沙發就像一塊塊拼圖， 實現你想要拼湊出的模樣， 創造家裡任何可能格局"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -44,13 +25,13 @@ description: "大方無隅沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 大
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
+                <div class="middle-item">
                   <img src="1.webp" alt="小寶優居 | 坂本沙發">
                 </div>
                 <div class="middle-item">
                   <img src="2.webp" alt="小寶優居 | 坂本沙發">
                 </div>
-                <div>
+                <div class="middle-item">
                   <img src="3.webp" alt="小寶優居 | 坂本沙發">
                 </div>
               </div>

content/furniture_design_list/sofa/secret_sofa/index.md

@@ -7,24 +7,6 @@ url: "/furniture_design/sofa/secret_sofa"
 image: "/furniture_design/sofa/secret_sofa/1.webp"
 description: "秘密沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 世界這麼大，這個角落是屬於你，從小孩到大人的心事，讓秘密開始於沙發也結束於沙發！"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -34,25 +16,19 @@ description: "秘密沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 世界這
             <div class="slider-box">
               <div class="slider slider-for slider-design">
                 <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="1.webp" alt="小寶優居 | 秘密沙發">
                 </div>
                 <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
-                </div>
-                <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 秘密沙發">
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="1.webp" alt="小寶優居 | 秘密沙發">
                 </div>
                 <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 秘密沙發">
                 </div>
-                <!-- <div>
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
-                </div> -->
               </div>
             </div>
             <div class="ms-2 fw-bold">
@@ -74,7 +50,7 @@ description: "秘密沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 世界這
           </div>
           <div class="b-bottom pb-3 mb-5">
             <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 坂本沙發">
+            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 秘密沙發">
             <h6 class="mt-4">說明</h6>
             <ul>
               <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/serene_sofa/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/sofa/serene_sofa"
 image: "/furniture_design/sofa/serene_sofa/1.webp"
 description: "沉謐沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靠得住的兩翼，讓杜辜永不低頭，包得住的羽絨，讓腰圍永不回頭，讓你儘管內心焦躁不安，靠著靠著也能安心小憩"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -35,24 +16,24 @@ description: "沉謐沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靠得住
             <div class="slider-box">
               <div class="slider slider-for slider-design">
                 <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="1.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
                 <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
                 <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="3.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="1.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
                 <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
-                <div>
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="3.webp" alt="小寶優居 | 沉謐沙發">
                 </div>
               </div>
             </div>
@@ -75,7 +56,7 @@ description: "沉謐沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 靠得住
           </div>
           <div class="b-bottom pb-3 mb-5">
             <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 坂本沙發">
+            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 沉謐沙發">
             <h6 class="mt-4">說明</h6>
             <ul>
               <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/star_sofa/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/sofa/star_sofa"
 image: "/furniture_design/sofa/star_sofa/1.webp"
 description: "星巒沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 寬闊如同星空海闊天空，依靠如同山巒山堡地巒"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -35,24 +16,24 @@ description: "星巒沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 寬闊如
             <div class="slider-box">
               <div class="slider slider-for slider-design">
                 <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="1.webp" alt="小寶優居 | 星巒沙發">
                 </div>
                 <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 星巒沙發">
                 </div>
                 <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="3.webp" alt="小寶優居 | 星巒沙發">
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="1.webp" alt="小寶優居 | 星巒沙發">
                 </div>
                 <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 星巒沙發">
                 </div>
-                <div>
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="3.webp" alt="小寶優居 | 星巒沙發">
                 </div>
               </div>
             </div>
@@ -75,7 +56,7 @@ description: "星巒沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 寬闊如
           </div>
           <div class="b-bottom pb-3 mb-5">
             <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 坂本沙發">
+            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 星巒沙發">
             <h6 class="mt-4">說明</h6>
             <ul>
               <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/sofa/tolerant_sofa/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/sofa/tolerant_sofa"
 image: "/furniture_design/sofa/tolerant_sofa/1.webp"
 description: "有容沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 有容沙發在你需要時總能擁你入懷，大座位的設計適合從小孩到大人的身形，深深地讓你依靠同時沈醉其中"
 ---
-<script>
-  window.onload = () => {
-    $('.slider-for').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      arrows: false,
-      fade: true,
-      asNavFor: '.slider-nav'
-    });
-    $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-  };
-</script>
 <div class="furniture-design">
   {{< furniture_design>}}
     <div class="furniture_design_content">
@@ -35,24 +16,24 @@ description: "有容沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 有容沙
             <div class="slider-box">
               <div class="slider slider-for slider-design">
                 <div class="design-img">
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="1.webp" alt="小寶優居 | 有容沙發">
                 </div>
                 <div class="design-img">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 有容沙發">
                 </div>
                 <div class="design-img">
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="3.webp" alt="小寶優居 | 有容沙發">
                 </div>
               </div>
               <div class="slider slider-nav mt-2">
-                <div>
-                  <img src="1.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="1.webp" alt="小寶優居 | 有容沙發">
                 </div>
                 <div class="middle-item">
-                  <img src="2.webp" alt="小寶優居 | 坂本沙發">
+                  <img src="2.webp" alt="小寶優居 | 有容沙發">
                 </div>
-                <div>
-                  <img src="3.webp" alt="小寶優居 | 坂本沙發">
+                <div class="middle-item">
+                  <img src="3.webp" alt="小寶優居 | 有容沙發">
                 </div>
               </div>
             </div>
@@ -75,7 +56,7 @@ description: "有容沙發 - 客廳 / 雲杉實木骨架、山毛櫸 / 有容沙
           </div>
           <div class="b-bottom pb-3 mb-5">
             <h6>尺寸規格</h6>
-            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 坂本沙發">
+            <img class="w-100 h-100" src="s1.webp" alt="小寶優居 | 有容沙發">
             <h6 class="mt-4">說明</h6>
             <ul>
               <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/10.邂逅穿鞋椅/index.md

@@ -7,25 +7,6 @@ url: "/system_cabinet/met_my_family_shoes_trying_stool"
 image: "/system_cabinet/met_my_family_shoes_trying_stool/1.webp"
 description: "邂逅穿鞋椅  / 系統板材（塑合板） / 小時候，媽媽坐在門口的椅子教我穿鞋子。長大後，我坐在門口的椅子教我的孩子穿鞋子，門口的椅子，邂逅了我們家三代"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -35,29 +16,23 @@ description: "邂逅穿鞋椅  / 系統板材（塑合板） / 小時候，媽
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 邂逅穿鞋椅">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 邂逅穿鞋椅">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 邂逅穿鞋椅">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 邂逅穿鞋椅">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">
-            <h3 class="mt-4">把鞋子吊起來 </h3>
+            <h3 class="mt-4">邂逅穿鞋椅 </h3>
             <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
             <div style="display:none">
               <span class="me-3">定價</span>
@@ -84,9 +59,9 @@ description: "邂逅穿鞋椅  / 系統板材（塑合板） / 小時候，媽
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把鞋子吊起來">
+            alt="小寶優居 | 邂逅穿鞋椅">
                       <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把鞋子吊起來"> -->
+            alt="小寶優居 | 邂逅穿鞋椅"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/11.午後臥榻/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/afternoon_couch"
 image: "/furniture_design/wardrobe/afternoon_couch/1.webp"
 description: "午後臥榻  / 系統板材（塑合板） / 坐在午後臥榻，手拿著電腦與咖啡，也跟著踏上了旅程"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -35,29 +16,23 @@ description: "午後臥榻  / 系統板材（塑合板） / 坐在午後臥榻
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 午後臥榻">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 午後臥榻">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 午後臥榻">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 午後臥榻">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">
-            <h3 class="mt-4">把鞋子吊起來 </h3>
+            <h3 class="mt-4">午後臥榻 </h3>
             <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
             <div style="display:none">
               <span class="me-3">定價</span>
@@ -84,9 +59,9 @@ description: "午後臥榻  / 系統板材（塑合板） / 坐在午後臥榻
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把鞋子吊起來">
+            alt="小寶優居 | 午後臥榻">
                       <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把鞋子吊起來"> -->
+            alt="小寶優居 | 午後臥榻"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/13.今晚餐櫃/index.md

@@ -7,26 +7,6 @@ url: "/furniture_design/wardrobe/tonight_cabinet"
 image: "/furniture_design/wardrobe/tonight_cabinet/1.webp"
 description: "今晚餐櫃 / 系統板材（塑合板） / 今天晚上吃什麼？小時候看著廚房裡大家忙進忙出，我唯一能做的工作就是問「今晚吃什麼？」"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 1,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -36,29 +16,17 @@ description: "今晚餐櫃 / 系統板材（塑合板） / 今天晚上吃什麼
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 今晚餐櫃">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 今晚餐櫃">
               </div>
-              <!-- <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div> -->
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">
-            <h3 class="mt-4">把鞋子吊起來 </h3>
+            <h3 class="mt-4">今晚餐櫃 </h3>
             <p class="mb-5">媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！</p>
             <div style="display:none">
               <span class="me-3">定價</span>
@@ -85,9 +53,9 @@ description: "今晚餐櫃 / 系統板材（塑合板） / 今天晚上吃什麼
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把鞋子吊起來">
+            alt="小寶優居 | 今晚餐櫃">
                       <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把鞋子吊起來"> -->
+            alt="小寶優居 | 今晚餐櫃"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/14.愛中島系列/index.md

@@ -8,26 +8,6 @@ image: "/furniture_design/wardrobe/love_island/1.webp"
 description: "愛中島系列 (愛妻/愛家/愛料理/享生活中島) / 系統板材（塑合板） / 白天是廚房料理空間的延伸，晚上搖身一變，成為品酒的小吧檯，客製的規格，許你一個獨一無二的中島夢。單邊延伸檯面，相愛兩人窩一塊"
 custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-      slidesToShow: 3,
-      slidesToScroll: 1,
-      asNavFor: '.slider-for',
-      dots: true,
-      centerMode: true,
-      focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -37,24 +17,24 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
           <div class="slider-box">
             <div class="slider slider-for slider-design">
               <div class="design-img">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 愛中島系列">
               </div>
               <div class="design-img">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 愛中島系列">
               </div>
               <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="3.webp" alt="小寶優居 | 愛中島系列">
               </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
-                <img src="1.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="1.webp" alt="小寶優居 | 愛中島系列">
               </div>
               <div class="middle-item">
-                <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="2.webp" alt="小寶優居 | 愛中島系列">
               </div>
                   <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
+                <img src="3.webp" alt="小寶優居 | 愛中島系列">
               </div>
             </div>
           </div>
@@ -86,9 +66,9 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
         <div class="b-bottom pb-3 mb-5">
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
-            alt="小寶優居 | 把鞋子吊起來">
+            alt="小寶優居 | 愛中島系列">
                       <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 把鞋子吊起來"> -->
+            alt="小寶優居 | 愛中島系列"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/15.谷溜儲物櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/sleek_cabinet"
 image: "/furniture_design/wardrobe/sleek_cabinet/1.webp"
 description: "谷溜儲物櫃  / 系統板材（塑合板） / 谷溜谷溜，環境收的淨溜溜！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "谷溜儲物櫃  / 系統板材（塑合板） / 谷溜谷溜，
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 谷溜儲物櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "谷溜儲物櫃  / 系統板材（塑合板） / 谷溜谷溜，
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 谷溜儲物櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 谷溜儲物櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/16.我愛衣櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/love_wardrobe"
 image: "/furniture_design/wardrobe/love_wardrobe/1.webp"
 description: "我愛衣櫃  / 系統板材（塑合板） / 「八種」衣櫃身懷不同功能，找一款符合你的衣櫃吧！或組在一起，直接打造一間個人更衣室！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "我愛衣櫃  / 系統板材（塑合板） / 「八種」衣櫃
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 我愛衣櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 我愛衣櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "我愛衣櫃  / 系統板材（塑合板） / 「八種」衣櫃
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 我愛衣櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 我愛衣櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/17.海量_我愛_今晚斗櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/tonight_dresser"
 image: "/furniture_design/wardrobe/tonight_dresser/1.webp"
 description: "海量/我愛/今晚斗櫃  / 系統板材（塑合板）/ 一斗兩斗三斗櫃，四斗五抽六斗櫃，海量收納都看我！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "海量/我愛/今晚斗櫃  / 系統板材（塑合板）/ 一斗
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "海量/我愛/今晚斗櫃  / 系統板材（塑合板）/ 一斗
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 海量/我愛/今晚斗櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/6.有餘電器櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/surplus_cabinet"
 image: "/furniture_design/wardrobe/surplus_cabinet/1.webp"
 description: "有餘電器櫃  / 系統板材（塑合板） / 如果你剛好電器有餘，我也剛好設計一個有餘電器櫃，收納你的有餘 也祝福今年有餘"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "有餘電器櫃  / 系統板材（塑合板） / 如果你剛好
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 有餘電器櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 有餘電器櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "有餘電器櫃  / 系統板材（塑合板） / 如果你剛好
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 有餘電器櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 有餘電器櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">
@@ -85,8 +60,6 @@ description: "有餘電器櫃  / 系統板材（塑合板） / 如果你剛好
           <h6>尺寸規格</h6>
           <img class="w-100 h-100" src="s1.webp"
             alt="小寶優居 | 有餘電器櫃">
-                      <!-- <img class="w-100 h-100" src="s2.webp"
-            alt="小寶優居 | 有餘電器櫃"> -->
           <h6 class="mt-4">說明</h6>
           <ul>
             <li>1. 商品顏色因拍攝、螢幕差異略有不同，實際顏色請依照門市實際顏色為主。</li>

content/furniture_design_list/wardrobe/7.穿雲櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/through_the_clouds_cabinet"
 image: "/furniture_design/wardrobe/through_the_clouds_cabinet/1.webp"
 description: "穿雲櫃 / 梣木+墊裝 / 坐與臥是居家生活花費最多的時間，你的屁股與脊椎，值得好好座也好好坐，讓你好好吃飯、好好讀書、好好寫字。"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "穿雲櫃 / 梣木+墊裝 / 坐與臥是居家生活花費最多
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 穿雲櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 穿雲櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "穿雲櫃 / 梣木+墊裝 / 坐與臥是居家生活花費最多
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 穿雲櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 穿雲櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/8.平安喜樂團圞鞋櫃/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/safe_happiness_reunion_shoe_cabinet"
 image: "/furniture_design/wardrobe/safe_happiness_reunion_shoe_cabinet/1.webp"
 description: "平安/喜樂/團圞鞋櫃 / 系統板材（塑合板）/ 我此生最大的榮幸，就是被說：「我們家的鞋子都放這裡」"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "平安/喜樂/團圞鞋櫃 / 系統板材（塑合板）/ 我此
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "平安/喜樂/團圞鞋櫃 / 系統板材（塑合板）/ 我此
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 平安/喜樂/團圞鞋櫃">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/9.把鞋子吊起來/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/hang_your_shoe_cabinet"
 image: "/furniture_design/wardrobe/hang_your_shoe_cabinet/1.webp"
 description: "把鞋子吊起來 / 系統板材（塑合板） / 媽媽要掃地了，把腳抬起來，乾脆就把臭鞋子們騰空收納，以後就讓掃地機器人負責吧！"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "把鞋子吊起來 / 系統板材（塑合板） / 媽媽要掃地
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "把鞋子吊起來 / 系統板材（塑合板） / 媽媽要掃地
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 把鞋子吊起來">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把鞋子吊起來">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/furniture_design_list/wardrobe/hang_up_clothes/index.md

@@ -7,25 +7,6 @@ url: "/furniture_design/wardrobe/hang_up_clothes"
 image: "/furniture_design/wardrobe/hang_up_clothes/1.webp"
 description: "把衣服吊起來  / 系統板材（塑合板）/ 我是「把鞋子吊起來」鞋櫃的好朋友，專門解救家裡掛滿衣服的那張椅子，回到家，把明天還要穿的外套放進我肚子裡。"
 ---
-
-<script>
-      window.onload = () => {
-        $('.slider-for').slick({
-        slidesToShow: 1,
-        slidesToScroll: 1,
-        arrows: false,
-        fade: true,
-        asNavFor: '.slider-nav'
-      });
-      $('.slider-nav').slick({
-        slidesToShow: 3,
-        slidesToScroll: 1,
-        asNavFor: '.slider-for',
-        centerMode: true,
-        focusOnSelect: true
-    });
-    };
-  </script>
 <div class="furniture-design">
 {{< furniture_design >}}
 <div class="furniture_design_content">
@@ -40,9 +21,6 @@ description: "把衣服吊起來  / 系統板材（塑合板）/ 我是「把鞋
               <div class="design-img">
                 <img src="2.webp" alt="小寶優居 | 把衣服吊起來">
               </div>
-              <div class="design-img">
-                <img src="3.webp" alt="小寶優居 | 把衣服吊起來">
-              </div>
             </div>
             <div class="slider slider-nav mt-2">
               <div class="middle-item">
@@ -51,9 +29,6 @@ description: "把衣服吊起來  / 系統板材（塑合板）/ 我是「把鞋
               <div class="middle-item">
                 <img src="2.webp" alt="小寶優居 | 把衣服吊起來">
               </div>
-                  <!-- <div class="middle-item">
-                <img src="3.webp" alt="小寶優居 | 把衣服吊起來">
-              </div> -->
             </div>
           </div>
             <div class="ms-2 fw-bold">

content/maincategories/example-article1/index.md

@@ -2,188 +2,145 @@
 title: "【文章類別】 標題NotoJPBold22級字行距32pt置左1"
 date: 2021-06-04T11:52:23+08:00
 draft: false
-type: "blog"
+type: "maincategories"
 url: "/maincategories/example-article1"
 image: "/img/blog/boutique_hotel_slightly_drunk_chill_house_2.webp"
 categories: ["認識裝修裝潢"]
 description: "「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。"
 ---
-<div class="container-fluid blog_article p-0">
-  <div class="blog-banner"></div>
-  <div class="content">
-    <section>
-      <h3>【文章類別】 標題NotoJPBold22級字行距32pt置左1</h3>
-      <div class="d-flex justify-content-between align-items-center">
-        <span>2021-11-23</span>
-        <div class="icon-box">
-          <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-          <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-        </div>
-      </div>
-    </section>
-    <section>
-      <p>「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」</p>
-      <br>
-      <p>「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機
-        能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。</p>
-      <br>
-      <div class="question-box">
-        <ul>
-          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
-          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
-          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
-          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
-          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
-          <li>5. <a href="">設計師協助客變的流程？</a></li>
-        </ul>
-      </div>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
-    </section>
-    <section class="section-01">
-      <h4>客變是什麼？為什麼要客變？</h4>
-      <p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
-        設計，就是所謂的「客戶變更設計」簡稱客變。
-        預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
-        廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
-        作時依照你的規劃調整，降低之後拆掉重做的成本。
-        一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，在不影響建築結構安全，及管線通暢的情
-        況下，可以進行格局、建材上「有限度的變更」，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
-        部分品項取消，可以退回設備與建材的項目金額。
-        客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
-        一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
-    </section>
-    <section class="section-02">
-      <h4>客變可變更的內容有哪些？</h4>
-      <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
-        法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
-      <ul>
-        <li>常見可以進行客變的地方有以下：</li>
-        <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
-        <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
-        <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
-        <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
-      </ul>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說 <br> 圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說</p>
-    </section>
-    <section class="section-03">
-      <h4>客變到底是省錢還是花錢？會產生費用？</h4>
-      <p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
-        支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
-        下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
-        目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
-      <ul>
-        <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
-        <li>
-          <span><b>• 退訂</b></span>
-          <p>
-            是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
-            這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
-            大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
-            出，往往會有「能退回的少，重做花更多」的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
-            設公司提供的項目。
-          </p>
-        </li>
-        <li>
-          <span><b>• 修改新增</b></span>
-          <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
-            修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
-        </li>
-      </ul>
-    </section>
-    <section class="section-04">
-      <h4>裝修項目清單</h4>
-      <table>
-        <thead>
-          <tr>
-            <th>類別</th>
-            <th>裝修項目</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>木工</td>
-            <td>窗簾盒、冷氣包管</td>
-          </tr>
-          <tr>
-            <td>水電</td>
-            <td>電器專用插座與迴路設計</td>
-          </tr>
-          <tr>
-            <td>油漆</td>
-            <td>油漆跳色、特殊漆跳色</td>
-          </tr>
-          <tr>
-            <td>地板</td>
-            <td>全室地板、門片高度修改</td>
-          </tr>
-          <tr>
-            <td>泥作</td>
-            <td>玄關落塵區六角磚（使用台灣磚）</td>
-          </tr>
-          <tr>
-            <td>保護清潔</td>
-            <td>保護工程、細部清潔</td>
-          </tr>
-        </tbody>
-      </table>
-      <h4>常見的客變需求與建議</h4>
-      <ul>
-        <li>
-          <span><b>• 改格局、調整隔間</b></span>
-          <p>
-            拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變建議以減法
-            為主，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
-            甚至後悔的狀況。
-          </p>
-        </li>
-        <li>
-          <span><b>• 改格局、調整隔間</b></span>
-          <p>
-            插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，完工後再調整插座位置，在費
-            用上並沒有太大差距，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
-            急於在客變階段完成。<br>
-            但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
-            就需要在客變階段提出討論。
-          </p>
-        </li>
-      </ul>
-    </section>
-    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center link-box">
-      <div class="d-flex flex-column flex-sm-row link-list">
-        <span>
-          <a href="">客變</a>
-          <a href="">預售屋</a>
-          <a href="">格局</a>
-        </span>
-        <span class="ms-0 ms-sm-1 mt-3 mt-sm-0">
-          <a href="">裝修</a>
-          <a href="">中島式廚房</a>
-          <a href="">乾濕分離</a>
-        </span>
-      </div>
-      <div class="d-flex icon-box mt-2 mt-md-0">
-        <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-        <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-      </div>
-    </div>
-    <a class="nav-link" href="/maincategories">
-      <p class="readMore text-center">
-        <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
-      </p>
-    </a>
-    <ul class="read-more-list">
-      <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
-      <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
-      <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
-      <li><a href="">【認識裝潢裝修】 11-20坪 小坪數裝潢裝修，規劃師教你小宅打造大空間</a></li>
-      <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
-      <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
-    </ul>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>【文章類別】 標題NotoJPBold22級字行距32pt置左1</h2>
+<p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
+  設計，就是所謂的<b>「客戶變更設計」</b>簡稱客變。
+  預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
+  廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
+  作時依照你的規劃調整，降低之後拆掉重做的成本。
+  一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，<b>在不影響建築結構安全，及管線通暢的情
+    況下，可以進行格局、建材上「有限度的變更」</b>，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
+  部分品項取消，可以退回設備與建材的項目金額。
+  客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
+  一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
+<span class="line"></span>
+<section class="section-02">
+  <h2>客變可變更的內容有哪些？</h2>
+  <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
+    法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
+  <div class="list-title">
+    <p>常見可以進行客變的地方有以下：</p>
+  </div>
+  <ul>
+    <!-- <li>常見可以進行客變的地方有以下：</li> -->
+    <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
+    <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
+    <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
+    <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
+  </ul>
+</section>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>客變到底是省錢還是花錢？會產生費用？</h2>
+<p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
+  支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
+  下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
+  目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
+<div class="list-title">
+  <p>一般來說，客變分成「退訂」、「修改新增」兩個方向：</p>
+</div>
+<ul>
+  <!-- <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li> -->
+  <li>
+    <span><b>• 退訂</b></span>
+    <p>
+      是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
+      這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
+      大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
+      出，往往會有<b>「能退回的少，重做花更多」</b>的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
+      設公司提供的項目。
+    </p>
+  </li>
+  <li>
+    <span><b>• 修改新增</b></span>
+    <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
+      修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
+  </li>
+</ul>
+<span class="line"></span>
+<h2>裝修項目清單</h2>
+<table>
+  <thead>
+    <tr>
+      <th>類別</th>
+      <th>裝修項目</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>木工</td>
+      <td>窗簾盒、冷氣包管</td>
+    </tr>
+    <tr>
+      <td>水電</td>
+      <td>電器專用插座與迴路設計</td>
+    </tr>
+    <tr>
+      <td>油漆</td>
+      <td>油漆跳色、特殊漆跳色</td>
+    </tr>
+    <tr>
+      <td>地板</td>
+      <td>全室地板、門片高度修改</td>
+    </tr>
+    <tr>
+      <td>泥作</td>
+      <td>玄關落塵區六角磚（使用台灣磚）</td>
+    </tr>
+    <tr>
+      <td>保護清潔</td>
+      <td>保護工程、細部清潔</td>
+    </tr>
+  </tbody>
+</table>
+<h2>常見的客變需求與建議</h2>
+<ul>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變<b>建議以減法
+        為主</b>，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
+      甚至後悔的狀況。
+    </p>
+  </li>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，<b>完工後再調整插座位置，在費用上並沒有太大差距</b>，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
+      急於在客變階段完成。<br>
+      但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
+      就需要在客變階段提出討論。
+    </p>
+  </li>
+</ul>
+<span class="line"></span>
+<div class="d-flex justify-content-between align-items-md-center link-box">
+  <div class="d-flex flex-column flex-md-row link-list">
+    <span>
+      <button><a href="">客變</a></button>
+      <button><a href="">預售屋</a></button>
+      <button><a href="">格局</a></button>
+    </span>
+    <span class="ms-0 ms-md-1 mt-3 mt-md-0">
+      <button><a href="">裝修</a></button>
+      <button><a href="">中島式廚房</a></button>
+      <button><a href="">乾濕分離</a></button>
+    </span>
+  </div>
+  <div class="d-flex icon-box mt-2 mt-md-0">
+    <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
+    <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
   </div>
 </div>

content/maincategories/example-article2/index.md

@@ -2,190 +2,145 @@
 title: "【文章類別】 標題NotoJPBold22級字行距32pt置左2"
 date: 2021-06-04T11:52:23+08:00
 draft: false
-type: "blog"
+type: "maincategories"
 url: "/maincategories/example-article2"
 image: "/img/blog/boutique_hotel_slightly_drunk_chill_house_2.webp"
 categories: ["認識裝修裝潢"]
 description: "「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。"
-meta_description :
-meta_title :
 ---
-<div class="container-fluid blog_article p-0">
-  <div class="blog-banner"></div>
-  <div class="content">
-    <section>
-      <h3>【文章類別】 標題NotoJPBold22級字行距32pt置左2</h3>
-      <div class="d-flex justify-content-between align-items-center">
-        <span>2021-11-23</span>
-        <div class="icon-box">
-          <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-          <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-        </div>
-      </div>
-    </section>
-    <section>
-      <p>「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」</p>
-      <br>
-      <p>「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機
-        能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。</p>
-      <br>
-      <div class="question-box">
-        <ul>
-          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
-          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
-          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
-          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
-          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
-          <li>5. <a href="">設計師協助客變的流程？</a></li>
-        </ul>
-      </div>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
-    </section>
-    <section class="section-01">
-      <h4>客變是什麼？為什麼要客變？</h4>
-      <p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
-        設計，就是所謂的「客戶變更設計」簡稱客變。
-        預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
-        廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
-        作時依照你的規劃調整，降低之後拆掉重做的成本。
-        一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，在不影響建築結構安全，及管線通暢的情
-        況下，可以進行格局、建材上「有限度的變更」，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
-        部分品項取消，可以退回設備與建材的項目金額。
-        客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
-        一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
-    </section>
-    <section class="section-02">
-      <h4>客變可變更的內容有哪些？</h4>
-      <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
-        法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
-      <ul>
-        <li>常見可以進行客變的地方有以下：</li>
-        <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
-        <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
-        <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
-        <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
-      </ul>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說 <br> 圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說</p>
-    </section>
-    <section class="section-03">
-      <h4>客變到底是省錢還是花錢？會產生費用？</h4>
-      <p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
-        支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
-        下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
-        目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
-      <ul>
-        <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
-        <li>
-          <span><b>• 退訂</b></span>
-          <p>
-            是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
-            這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
-            大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
-            出，往往會有「能退回的少，重做花更多」的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
-            設公司提供的項目。
-          </p>
-        </li>
-        <li>
-          <span><b>• 修改新增</b></span>
-          <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
-            修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
-        </li>
-      </ul>
-    </section>
-    <section class="section-04">
-      <h4>裝修項目清單</h4>
-      <table>
-        <thead>
-          <tr>
-            <th>類別</th>
-            <th>裝修項目</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>木工</td>
-            <td>窗簾盒、冷氣包管</td>
-          </tr>
-          <tr>
-            <td>水電</td>
-            <td>電器專用插座與迴路設計</td>
-          </tr>
-          <tr>
-            <td>油漆</td>
-            <td>油漆跳色、特殊漆跳色</td>
-          </tr>
-          <tr>
-            <td>地板</td>
-            <td>全室地板、門片高度修改</td>
-          </tr>
-          <tr>
-            <td>泥作</td>
-            <td>玄關落塵區六角磚（使用台灣磚）</td>
-          </tr>
-          <tr>
-            <td>保護清潔</td>
-            <td>保護工程、細部清潔</td>
-          </tr>
-        </tbody>
-      </table>
-      <h4>常見的客變需求與建議</h4>
-      <ul>
-        <li>
-          <span><b>• 改格局、調整隔間</b></span>
-          <p>
-            拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變建議以減法
-            為主，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
-            甚至後悔的狀況。
-          </p>
-        </li>
-        <li>
-          <span><b>• 改格局、調整隔間</b></span>
-          <p>
-            插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，完工後再調整插座位置，在費
-            用上並沒有太大差距，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
-            急於在客變階段完成。<br>
-            但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
-            就需要在客變階段提出討論。
-          </p>
-        </li>
-      </ul>
-    </section>
-    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center link-box">
-      <div class="d-flex flex-column flex-sm-row link-list">
-        <span>
-          <a href="">客變</a>
-          <a href="">預售屋</a>
-          <a href="">格局</a>
-        </span>
-        <span class="ms-0 ms-sm-1 mt-3 mt-sm-0">
-          <a href="">裝修</a>
-          <a href="">中島式廚房</a>
-          <a href="">乾濕分離</a>
-        </span>
-      </div>
-      <div class="d-flex icon-box mt-2 mt-md-0">
-        <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-        <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-      </div>
-    </div>
-    <a class="nav-link" href="/maincategories">
-      <p class="readMore text-center">
-        <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
-      </p>
-    </a>
-    <ul class="read-more-list">
-      <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
-      <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
-      <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
-      <li><a href="">【認識裝潢裝修】 11-20坪 小坪數裝潢裝修，規劃師教你小宅打造大空間</a></li>
-      <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
-      <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
-    </ul>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>【文章類別】 標題NotoJPBold22級字行距32pt置左2</h2>
+<p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
+  設計，就是所謂的<b>「客戶變更設計」</b>簡稱客變。
+  預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
+  廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
+  作時依照你的規劃調整，降低之後拆掉重做的成本。
+  一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，<b>在不影響建築結構安全，及管線通暢的情
+    況下，可以進行格局、建材上「有限度的變更」</b>，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
+  部分品項取消，可以退回設備與建材的項目金額。
+  客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
+  一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
+<span class="line"></span>
+<section class="section-02">
+  <h2>客變可變更的內容有哪些？</h2>
+  <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
+    法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
+  <div class="list-title">
+    <p>常見可以進行客變的地方有以下：</p>
+  </div>
+  <ul>
+    <!-- <li>常見可以進行客變的地方有以下：</li> -->
+    <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
+    <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
+    <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
+    <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
+  </ul>
+</section>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>客變到底是省錢還是花錢？會產生費用？</h2>
+<p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
+  支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
+  下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
+  目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
+<div class="list-title">
+  <p>一般來說，客變分成「退訂」、「修改新增」兩個方向：</p>
+</div>
+<ul>
+  <!-- <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li> -->
+  <li>
+    <span><b>• 退訂</b></span>
+    <p>
+      是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
+      這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
+      大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
+      出，往往會有<b>「能退回的少，重做花更多」</b>的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
+      設公司提供的項目。
+    </p>
+  </li>
+  <li>
+    <span><b>• 修改新增</b></span>
+    <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
+      修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
+  </li>
+</ul>
+<span class="line"></span>
+<h2>裝修項目清單</h2>
+<table>
+  <thead>
+    <tr>
+      <th>類別</th>
+      <th>裝修項目</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>木工</td>
+      <td>窗簾盒、冷氣包管</td>
+    </tr>
+    <tr>
+      <td>水電</td>
+      <td>電器專用插座與迴路設計</td>
+    </tr>
+    <tr>
+      <td>油漆</td>
+      <td>油漆跳色、特殊漆跳色</td>
+    </tr>
+    <tr>
+      <td>地板</td>
+      <td>全室地板、門片高度修改</td>
+    </tr>
+    <tr>
+      <td>泥作</td>
+      <td>玄關落塵區六角磚（使用台灣磚）</td>
+    </tr>
+    <tr>
+      <td>保護清潔</td>
+      <td>保護工程、細部清潔</td>
+    </tr>
+  </tbody>
+</table>
+<h2>常見的客變需求與建議</h2>
+<ul>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變<b>建議以減法
+        為主</b>，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
+      甚至後悔的狀況。
+    </p>
+  </li>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，<b>完工後再調整插座位置，在費用上並沒有太大差距</b>，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
+      急於在客變階段完成。<br>
+      但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
+      就需要在客變階段提出討論。
+    </p>
+  </li>
+</ul>
+<span class="line"></span>
+<div class="d-flex justify-content-between align-items-md-center link-box">
+  <div class="d-flex flex-column flex-md-row link-list">
+    <span>
+      <button><a href="">客變</a></button>
+      <button><a href="">預售屋</a></button>
+      <button><a href="">格局</a></button>
+    </span>
+    <span class="ms-0 ms-md-1 mt-3 mt-md-0">
+      <button><a href="">裝修</a></button>
+      <button><a href="">中島式廚房</a></button>
+      <button><a href="">乾濕分離</a></button>
+    </span>
+  </div>
+  <div class="d-flex icon-box mt-2 mt-md-0">
+    <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
+    <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
   </div>
 </div>

content/maincategories/example-article3/index.md

@@ -2,7 +2,7 @@
 title: "【文章類別】 標題NotoJPBold22級字行距32pt置左3"
 date: 2021-06-04T11:52:23+08:00
 draft: false
-type: "blog"
+type: "maincategories"
 url: "/maincategories/example-article3"
 image: "/img/blog/boutique_hotel_slightly_drunk_chill_house_2.webp"
 categories: ["認識裝修裝潢"]
@@ -14,183 +14,4 @@ description: "一般說到工業風，大家腦海中都會浮現一個有點粗
 
 <b>工業風的歷史</b>
 
-工業風(Industrial Style)起源於19世紀的歐洲，並深受工業革命與二次世界大戰後的經濟型態影響。工業革命時期，工廠大量興起，人們開始利用當時工廠隨手可得的金屬及舊木材來製作家具；二戰後經濟不景氣，不少人開始直接搬進工廠，並將工廠改造成適合居住的住宅，或是將倒閉工廠內的物品拿去變賣，於是愈來愈多人開始使用工業時期所留下的各種工廠物件（金屬、燈、工作桌等）來製作或當成家具使用，久而久之也成了一種獨特的居家設計風格。
-<!-- <div class="container-fluid blog_article p-0">
-  <div class="blog-banner"></div>
-  <div class="content">
-    <section>
-      <h3>【文章類別】 標題NotoJPBold22級字行距32pt置左3</h3>
-      <div class="d-flex justify-content-between align-items-center">
-        <span>2021-11-23</span>
-        <div class="icon-box">
-          <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-          <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-        </div>
-      </div>
-    </section>
-    <section>
-      <p>「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」</p>
-      <br>
-      <p>「客變」是許多人在成家過程中遇到的第一個考題，對新手買房的屋主來說，要在短時間決定影響未來生活機
-        能的客變項目，甚至在對格局、生活需求沒有想像時，決定要做哪些更動，是有難度的。</p>
-      <br>
-      <div class="question-box">
-        <ul>
-          <li>小寶優居的客變懶人包將幫你解決以下客變問題：</li>
-          <li>1. <a href="">客變是什麼？為什麼要客變？</a></li>
-          <li>2. <a href="">客變可更變的內容有哪些？</a></li>
-          <li>3. <a href="">客變到底是省錢還是花錢？客變怎麼省錢？會產生哪些費用？</a></li>
-          <li>4. <a href="">常見的客變需求與建議？我想這樣客變好不好？</a></li>
-          <li>5. <a href="">設計師協助客變的流程？</a></li>
-        </ul>
-      </div>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
-    </section>
-    <section class="section-01">
-      <h4>客變是什麼？為什麼要客變？</h4>
-      <p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
-        設計，就是所謂的「客戶變更設計」簡稱客變。
-        預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
-        廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
-        作時依照你的規劃調整，降低之後拆掉重做的成本。
-        一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，在不影響建築結構安全，及管線通暢的情
-        況下，可以進行格局、建材上「有限度的變更」，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
-        部分品項取消，可以退回設備與建材的項目金額。
-        客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
-        一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
-    </section>
-    <section class="section-02">
-      <h4>客變可變更的內容有哪些？</h4>
-      <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
-        法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
-      <ul>
-        <li>常見可以進行客變的地方有以下：</li>
-        <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
-        <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
-        <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
-        <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
-      </ul>
-    </section>
-    <section class="img-box">
-      <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-      <p>圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說 <br> 圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說圖說</p>
-    </section>
-    <section class="section-03">
-      <h4>客變到底是省錢還是花錢？會產生費用？</h4>
-      <p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
-        支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
-        下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
-        目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
-      <ul>
-        <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
-        <li>
-          <span>• 退訂</span>
-          <p>
-            是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
-            這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
-            大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
-            出，往往會有「能退回的少，重做花更多」的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
-            設公司提供的項目。
-          </p>
-        </li>
-        <li>
-          <span>• 修改新增</span>
-          <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
-            修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
-        </li>
-      </ul>
-    </section>
-    <section class="section-04">
-      <h4>裝修項目清單</h4>
-      <table>
-        <thead>
-          <tr>
-            <th>類別</th>
-            <th>裝修項目</th>
-          </tr>
-        </thead>
-        <tbody>
-          <tr>
-            <td>木工</td>
-            <td>窗簾盒、冷氣包管</td>
-          </tr>
-          <tr>
-            <td>水電</td>
-            <td>電器專用插座與迴路設計</td>
-          </tr>
-          <tr>
-            <td>油漆</td>
-            <td>油漆跳色、特殊漆跳色</td>
-          </tr>
-          <tr>
-            <td>地板</td>
-            <td>全室地板、門片高度修改</td>
-          </tr>
-          <tr>
-            <td>泥作</td>
-            <td>玄關落塵區六角磚（使用台灣磚）</td>
-          </tr>
-          <tr>
-            <td>保護清潔</td>
-            <td>保護工程、細部清潔</td>
-          </tr>
-        </tbody>
-      </table>
-      <h4>常見的客變需求與建議</h4>
-      <ul>
-        <li>
-          <span>• 改格局、調整隔間</span>
-          <p>
-            拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變建議以減法
-            為主，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
-            甚至後悔的狀況。
-          </p>
-        </li>
-        <li>
-          <span>• 改格局、調整隔間</span>
-          <p>
-            插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，完工後再調整插座位置，在費
-            用上並沒有太大差距，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
-            急於在客變階段完成。<br>
-            但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
-            就需要在客變階段提出討論。
-          </p>
-        </li>
-      </ul>
-    </section>
-    <div class="d-flex flex-column flex-md-row justify-content-between align-items-md-center link-box">
-      <div class="d-flex flex-column flex-sm-row link-list">
-        <span>
-          <a href="">客變</a>
-          <a href="">預售屋</a>
-          <a href="">格局</a>
-        </span>
-        <span class="ms-0 ms-sm-1 mt-3 mt-sm-0">
-          <a href="">裝修</a>
-          <a href="">中島式廚房</a>
-          <a href="">乾濕分離</a>
-        </span>
-      </div>
-      <div class="d-flex icon-box mt-2 mt-md-0">
-        <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-        <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-      </div>
-    </div>
-    <a class="nav-link" href="/maincategories">
-      <p class="readMore text-center">
-        <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家知識庫
-      </p>
-    </a>
-    <ul class="read-more-list">
-      <li>你可能會喜歡的，延伸閱讀點擊標題，看更多設計專欄！</li>
-      <li><a href="">【居家風格】 60萬以下 ↓ 超有氛圍的成家夢想</a></li>
-      <li><a href="">【認識裝潢裝修】 模組系統櫃板材等級挑選5攻略</a></li>
-      <li><a href="">【認識裝潢裝修】 11-20坪 小坪數裝潢裝修，規劃師教你小宅打造大空間</a></li>
-      <li><a href="">【認識裝潢裝修】 什麼是輕裝修？輕裝修的定義是什麼？輕裝修包含什麼呢？</a></li>
-      <li><a href="">【規劃師服務】 什麼是規劃師？連室內設計師都推薦的「規劃師服務」</a></li>
-    </ul>
-  </div>
-</div> -->
+工業風(Industrial Style)起源於19世紀的歐洲，並深受工業革命與二次世界大戰後的經濟型態影響。工業革命時期，工廠大量興起，人們開始利用當時工廠隨手可得的金屬及舊木材來製作家具；二戰後經濟不景氣，不少人開始直接搬進工廠，並將工廠改造成適合居住的住宅，或是將倒閉工廠內的物品拿去變賣，於是愈來愈多人開始使用工業時期所留下的各種工廠物件（金屬、燈、工作桌等）來製作或當成家具使用，久而久之也成了一種獨特的居家設計風格。

content/maincategories/pre-sale_tenants_become_lazy_packs/index.md

@@ -8,141 +8,139 @@ image: "/img/blog/boutique_hotel_slightly_drunk_chill_house_2.webp"
 categories: ["認識裝修裝潢"]
 description: "「我買了預售屋，有很多客變的想法！建設公司通知我要客變了，但我不知道這樣做好不好？」"
 ---
-<div class="container-fluid blog_article p-0">
-  <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-  <div class="img-text">
-    <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
-  </div>
-  <h4>客變是什麼？為什麼要客變？</h4>
-  <p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
-    設計，就是所謂的<b>「客戶變更設計」</b>簡稱客變。
-    預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
-    廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
-    作時依照你的規劃調整，降低之後拆掉重做的成本。
-    一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，<b>在不影響建築結構安全，及管線通暢的情
-      況下，可以進行格局、建材上「有限度的變更」</b>，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
-    部分品項取消，可以退回設備與建材的項目金額。
-    客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
-    一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
-  <span class="line"></span>
-  <section class="section-02">
-    <h4>客變可變更的內容有哪些？</h4>
-    <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
-      法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
-    <div class="list-title">
-      <p>常見可以進行客變的地方有以下：</p>
-    </div>
-    <ul>
-      <!-- <li>常見可以進行客變的地方有以下：</li> -->
-      <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
-      <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
-      <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
-      <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
-    </ul>
-  </section>
-  <img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
-  <div class="img-text">
-    <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
-  </div>
-  <h4>客變到底是省錢還是花錢？會產生費用？</h4>
-  <p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
-    支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
-    下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
-    目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>客變是什麼？為什麼要客變？</h2>
+<p>「客變」是許多買預售屋的屋主期待的成家環節，在建設公司公告的客變期限內，屋主可以依照需求變更房屋
+  設計，就是所謂的<b>「客戶變更設計」</b>簡稱客變。
+  預售屋客變的最大優點就是可以讓房屋的格局與規劃更符合購屋者的需求，像是如果不想用建設公司提供的
+  廚具、不喜歡地板的款式，甚至有一道隔間牆不想施作或者移位，可以在客變階段提出變更，讓建設公司在施
+  作時依照你的規劃調整，降低之後拆掉重做的成本。
+  一般來說建設公司會有「客變規範資料」，讓客戶可以在客變期限前，<b>在不影響建築結構安全，及管線通暢的情
+    況下，可以進行格局、建材上「有限度的變更」</b>，針對可更動項目，建設公司會提出相對的施作報價，也可能因為
+  部分品項取消，可以退回設備與建材的項目金額。
+  客變是建設公司提供給客戶的服務之一，每個建案、建設公司可接受的客變都程度不同，並沒有規定建設公司
+  一定要讓客戶客變，所以小寶優居都會先建議想要客變的屋主「向建設公司先行詢問可客變範圍」。</p>
+<span class="line"></span>
+<section class="section-02">
+  <h2>客變可變更的內容有哪些？</h2>
+  <p>許多成家新手誤會客變可以隨心所欲地調整內容，但事實上房屋的共同外觀以及每一戶共用的管路位置是無
+    法變更的，也就是窗戶、大門、陽台、樑柱、承重牆、廚房跟廁所位置、管道間都是無法變更的項目。</p>
   <div class="list-title">
-    <p>一般來說，客變分成「退訂」、「修改新增」兩個方向：</p>
+    <p>常見可以進行客變的地方有以下：</p>
   </div>
   <ul>
-    <!-- <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li> -->
-    <li>
-      <span><b>• 退訂</b></span>
-      <p>
-        是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
-        這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
-        大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
-        出，往往會有<b>「能退回的少，重做花更多」</b>的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
-        設公司提供的項目。
-      </p>
-    </li>
-    <li>
-      <span><b>• 修改新增</b></span>
-      <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
-        修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
-    </li>
+    <!-- <li>常見可以進行客變的地方有以下：</li> -->
+    <li>1. 隔間：屋內的格局，像是不做隔間牆、改門的位置、增加隔間…。</li>
+    <li>2. 建材：地板（石英磚、木地板）、廚房衛浴磁磚、油漆…，通常是退料不退工。</li>
+    <li>3. 設備：建設公司提供的廚具與衛浴設備，如果不喜歡可以退訂。</li>
+    <li>4. 水電：插座、網路線、電話線、水龍頭與排水孔的位置…。</li>
   </ul>
-  <span class="line"></span>
-  <h4>裝修項目清單</h4>
-  <table>
-    <thead>
-      <tr>
-        <th>類別</th>
-        <th>裝修項目</th>
-      </tr>
-    </thead>
-    <tbody>
-      <tr>
-        <td>木工</td>
-        <td>窗簾盒、冷氣包管</td>
-      </tr>
-      <tr>
-        <td>水電</td>
-        <td>電器專用插座與迴路設計</td>
-      </tr>
-      <tr>
-        <td>油漆</td>
-        <td>油漆跳色、特殊漆跳色</td>
-      </tr>
-      <tr>
-        <td>地板</td>
-        <td>全室地板、門片高度修改</td>
-      </tr>
-      <tr>
-        <td>泥作</td>
-        <td>玄關落塵區六角磚（使用台灣磚）</td>
-      </tr>
-      <tr>
-        <td>保護清潔</td>
-        <td>保護工程、細部清潔</td>
-      </tr>
-    </tbody>
-  </table>
-  <h4>常見的客變需求與建議</h4>
-  <ul>
-    <li>
-      <span><b>• 改格局、調整隔間</b></span>
-      <p>
-        拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變<b>建議以減法
-          為主</b>，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
-        甚至後悔的狀況。
-      </p>
-    </li>
-    <li>
-      <span><b>• 改格局、調整隔間</b></span>
-      <p>
-        插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，<b>完工後再調整插座位置，在費用上並沒有太大差距</b>，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
-        急於在客變階段完成。<br>
-        但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
-        就需要在客變階段提出討論。
-      </p>
-    </li>
-  </ul>
-  <span class="line"></span>
-  <div class="d-flex justify-content-between align-items-md-center link-box">
-    <div class="d-flex flex-column flex-md-row link-list">
-      <span>
+</section>
+<img class="w-100" src="/img/collection/boutique_hotel_slightly_drunk_chill_house_2.webp" alt="">
+<div class="img-text">
+  <p>圖說NotoJPMedium14級字行距28pt <br> 圖說NotoJPMedium14級字行距28pt</p>
+</div>
+<h2>客變到底是省錢還是花錢？會產生費用？</h2>
+<p>常常可以聽見別人說客變可以節省裝修費用，事實上，客變可以幫你省下的是更動項目的拆除費用以及重複
+  支付的建材、設備費用，舉例來說，你想要把三房改成兩房，就可以在客變階段請建設公司少做一道牆，不僅省
+  下原先改兩房的拆除、清運費用，裝修時也可以更省時省力；但在客變階段，建設公司協助你修改與新增的項
+  目還是會有相應的費用產生，建設公司會就客變項目逐條列出費用與明細給屋主確認。</p>
+<div class="list-title">
+  <p>一般來說，客變分成「退訂」、「修改新增」兩個方向：</p>
+</div>
+<ul>
+  <!-- <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li> -->
+  <li>
+    <span><b>• 退訂</b></span>
+    <p>
+      是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
+      這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
+      大量採購，往往價格是低於市價，退回的費用並不是依照市價計算之外，重新施作對屋主也會是一筆額外的支
+      出，往往會有<b>「能退回的少，重做花更多」</b>的現象，因此如果沒有特別的堅持，小寶優居一般會建議屋主保留建
+      設公司提供的項目。
+    </p>
+  </li>
+  <li>
+    <span><b>• 修改新增</b></span>
+    <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
+      修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
+  </li>
+</ul>
+<span class="line"></span>
+<h2>裝修項目清單</h2>
+<table>
+  <thead>
+    <tr>
+      <th>類別</th>
+      <th>裝修項目</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr>
+      <td>木工</td>
+      <td>窗簾盒、冷氣包管</td>
+    </tr>
+    <tr>
+      <td>水電</td>
+      <td>電器專用插座與迴路設計</td>
+    </tr>
+    <tr>
+      <td>油漆</td>
+      <td>油漆跳色、特殊漆跳色</td>
+    </tr>
+    <tr>
+      <td>地板</td>
+      <td>全室地板、門片高度修改</td>
+    </tr>
+    <tr>
+      <td>泥作</td>
+      <td>玄關落塵區六角磚（使用台灣磚）</td>
+    </tr>
+    <tr>
+      <td>保護清潔</td>
+      <td>保護工程、細部清潔</td>
+    </tr>
+  </tbody>
+</table>
+<h2>常見的客變需求與建議</h2>
+<ul>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變<b>建議以減法
+        為主</b>，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
+      甚至後悔的狀況。
+    </p>
+  </li>
+  <li>
+    <span><b>• 改格局、調整隔間</b></span>
+    <p>
+      插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，<b>完工後再調整插座位置，在費用上並沒有太大差距</b>，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
+      急於在客變階段完成。<br>
+      但若是有特殊的用電需求，像是用電量超出一般家庭，或者使用專業音響、安裝全熱交換器…需要獨立的迴路
+      就需要在客變階段提出討論。
+    </p>
+  </li>
+</ul>
+<span class="line"></span>
+<div class="d-flex justify-content-between align-items-md-center link-box">
+  <div class="d-flex flex-column flex-md-row link-list">
+    <span>
       <button><a href="">客變</a></button>
       <button><a href="">預售屋</a></button>
       <button><a href="">格局</a></button>
-      </span>
-      <span class="ms-0 ms-md-1 mt-3 mt-md-0">
+    </span>
+    <span class="ms-0 ms-md-1 mt-3 mt-md-0">
       <button><a href="">裝修</a></button>
       <button><a href="">中島式廚房</a></button>
-        <button><a href="">乾濕分離</a></button>
-      </span>
-    </div>
-    <div class="d-flex icon-box mt-2 mt-md-0">
-      <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
-      <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
-    </div>
+      <button><a href="">乾濕分離</a></button>
+    </span>
+  </div>
+  <div class="d-flex icon-box mt-2 mt-md-0">
+    <a href=""><img src="/img/icon_fb@2x.png" alt=""></a>
+    <a href=""><img src="/img/icon_line@2x.png" alt=""></a>
   </div>
 </div>

themes/hugo-universal-theme-master/static/css/style.bhouse.css

@@ -1821,11 +1821,6 @@ img {
   font-weight: bold;
 }
 
-.blog_article .question-box ul li:first-child {
-  font-size: 20px;
-  font-family: NSJP-700;
-}
-
 .blog_article .question-box ul a {
   margin-left: 5px;
   color: #006e9a;
@@ -1861,7 +1856,7 @@ img {
   width: 35px;
 }
 
-.blog_article h4 {
+.blog_article h2 {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;

themes/hugo-universal-theme-master/static/css/style.bhouse.scss

@@ -1853,10 +1853,10 @@ img {
   font-weight: bold;
 }
 
-.blog_article .question-box ul li:first-child {
-  font-size: 20px;
-  font-family: NSJP-700;
-}
+// .blog_article .question-box ul li:first-child {
+//   font-size: 20px;
+//   font-family: NSJP-700;
+// }
 
 .blog_article .question-box ul a {
   margin-left: 5px;
@@ -1913,7 +1913,7 @@ img {
 //   letter-spacing: 2px;
 // }
 
-.blog_article h4 {
+.blog_article h2 {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;

themes/hugo-universal-theme-master/static/js/bhouse.js

@@ -6,106 +6,73 @@ $(".responsive").slick({
   autoplaySpeed: 3000,
   arrows: false,
 });
-// window.onload = () => {
-// $(".style_house_sec02_slide_list").slick({
-//   dots: false,
-//   slidesToShow: 5,
-//   slidesToScroll: 3,
-//   infinite: true,
-//   // centerMode: true,
-//   arrows: false,
-//   prevArrow: '<button type="button" class="slick-prev"><i class="fas fa-chevron-left" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>',
-//   nextArrow: '<button type="button" class="slick-next"><i class="fas fa-chevron-right" style="font-size: 32px;color: #CC7DB7;transform: translateY(-10px);"></i></button>'
-// });
-// function img_size() {
-//   $('.slide_img').each(function () { //jquery.each()循環讀取所有圖片
-//     var height = $(this).height();
-//     var width = $(this).width();
-//     console.log(height)
-//     if (height > 100) {
-//       $(this).css({
-//         'width': 100 + 'px',
-//         "margin": 'auto',
-//       });
-//     }
-//     else {
-//       $(this).css({
-//         "margin-top": '30px',
-//       });
-//     }
-//   });
-// }
-// img_size();
-// };
 
-// window.onload = () => {
-  // 直式輪播圖動態更改高度
-  function changeHeight() {
-    let firstImg = $('.style_house_sec02_slide div:first-child img');
-    let firstImgHeight = firstImg.css('height');
-    $('.style_house_sec02_slide .vertical-img').css("height", `${firstImgHeight}`)
+// 直式輪播圖動態更改高度
+function changeHeight() {
+  let firstImg = $('.style_house_sec02_slide div:first-child img');
+  let firstImgHeight = firstImg.css('height');
+  $('.style_house_sec02_slide .vertical-img').css("height", `${firstImgHeight}`)
+}
+changeHeight();
+$(window).resize(function () {
+  setTimeout(() => {
+    changeHeight();
+  }, 500)
+});
+
+$('.slide_single_img').each(function () { // jquery.each() 循環讀取所有圖片
+  var height = $(this).height();
+  var width = $(this).width();
+  console.log(height)
+  console.log(width)
+  let x = (height / width)
+  console.log(x)
+  if (x > 1) {
+    $(this).css({
+      'height': 500 + 'px',
+      "margin": 'auto',
+
+    });
+  } else {
   }
-  changeHeight();
-  $(window).resize(function () {
-    setTimeout(() => {
-      changeHeight();
-    }, 500)
-  });
+});
 
-  $('.slide_single_img').each(function () { // jquery.each() 循環讀取所有圖片
-    var height = $(this).height();
-    var width = $(this).width();
-    console.log(height)
-    console.log(width)
-    let x=(height/width)
-    console.log(x)
-    if (x > 1) {
-      $(this).css({
-        'height': 500 + 'px',
-        "margin": 'auto',
-     
-      });
-    }else {
-    }
-  });
+$('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
+  var height = $(this).height();
+  var width = $(this).width();
+  console.log(height)
+  console.log(width)
+  let x = (height / width)
+  console.log(x)
+  if (x > 1) {
+    $(this).css({
+      'width': 100 + 'px',
+      "margin": 'auto',
+      "padding": "0px",
+    });
+  } else {
+    $(this).css({
+      "margin-top": '30px',
+      "padding": "5px",
+    });
+  }
+});
+$('.style_house_sec02 .slider-for').slick({
+  slidesToShow: 1,
+  slidesToScroll: 1,
+  arrows: false,
+  fade: true,
+  asNavFor: '.slider-nav'
+});
+$('.style_house_sec02 .slider-nav').slick({
+  slidesToShow: 5,
+  slidesToScroll: 3,
+  asNavFor: '.slider-for',
+  dots: false,
+  // centerMode: true,
+  focusOnSelect: true
+});
 
-  $('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
-    var height = $(this).height();
-    var width = $(this).width();
-    console.log(height)
-    console.log(width)
-    let x=(height/width)
-    console.log(x)
-    if (x > 1) {
-      $(this).css({
-        'width': 100 + 'px',
-        "margin": 'auto',
-        "padding":"0px",
-      });
-    }else {
-      $(this).css({
-        "margin-top": '30px',
-        // "margin": 'auto',
-        "padding":"5px",
-      });
-    }
-  });
-  $('.slider-for').slick({
-    slidesToShow: 1,
-    slidesToScroll: 1,
-    arrows: false,
-    fade: true,
-    asNavFor: '.slider-nav'
-  });
-  $('.slider-nav').slick({
-    slidesToShow: 5,
-    slidesToScroll: 3,
-    asNavFor: '.slider-for',
-    dots: false,
-    // centerMode: true,
-    focusOnSelect: true
-  });
-// };
 $(document).on("click", ".article__readMore", function (event) {
   $('.bhouseweb_loc_sec02').css('height', 'auto');
   $('.article__readMore').hide();
@@ -134,8 +101,7 @@ function changeIcon(e) {
   item.className === "close-btn" ? item.className = "navbar-toggler-icon" : item.className = "close-btn";
 }
 
-window.onload = () => {
-  $('.furniture_design_content .slider-for').slick({
+$('.furniture_design_content .slider-for').slick({
   slidesToShow: 1,
   slidesToScroll: 1,
   arrows: false,
@@ -143,9 +109,8 @@ window.onload = () => {
   asNavFor: '.slider-nav'
 });
 $('.furniture_design_content .slider-nav').slick({
-slidesToShow: 3,
-slidesToScroll: 1,
-asNavFor: '.slider-for',
-focusOnSelect: true
-});
-};
+  slidesToShow: 3,
+  slidesToScroll: 1,
+  asNavFor: '.slider-for',
+  focusOnSelect: true
+});