調整字型

content/collection/17_taiwanese_ping_tile_porch_muji_industrial_mixed_style_house_in_taichung/index.md

@@ -18,9 +18,9 @@ weight:
     }
     changeHeight();
     $(window).resize(function () {
-      setTimeout(()=>{
+      setTimeout(() => {
         changeHeight();
-      },500)
+      }, 500)
     });
     $('.slide_img').each(function () { // jquery.each() 循環讀取所有圖片
       var height = $(this).height();
@@ -141,9 +141,7 @@ weight:
             <h2 class="style_house_subtitle">小標題NotoJPBold18級字</h2>
             <p>內文NotoJPMedium14級字行距28pt </p>
             <p>
-              都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情 整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑
-              選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染， 就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過 程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超
-              貼心紳士暖男呢!
+              都極度熱情，而且紳士般的協助拍攝團隊的黃先生，是個熱情整個家裡，除了充滿精緻的氛圍，就像每一個家電，都被精心挑選、設計、尺寸、擺放之外，地板、置物櫃更是乾淨得一塵不染，就像是飯店的客房服務剛離開一樣，在拍攝團隊進行拍攝的過程，更是熱切的協助我們調整燈光、道具等，黃先生真是一位超貼心紳士暖男呢！
             </p>
           </div>
         </div>
@@ -152,7 +150,7 @@ weight:
   </div>
   <hr class="style_house_line">
   <div class="style_house_sec02">
-    <h1 class="style_house_title">內部圖解|經過精密計算的生活模式</h1>
+    <h1 class="style_house_title">內部圖解｜經過精密計算的生活模式</h1>
     <div class="content">
       <div class="slider slider-for style_house_sec02_slide">
         <div>
@@ -172,8 +170,7 @@ weight:
         </div>
         <div>
           <!-- 直式圖片 className 需加上 "vertical-img" 避免跑版 -->
-          <img class="img-fluid vertical-img"
-            style="width: 100%; object-fit: contain;" src="/img/b6.webp" alt="">
+          <img class="img-fluid vertical-img" style="width: 100%; object-fit: contain;" src="/img/b6.webp" alt="">
         </div>
         <div>
           <img class="img-fluid"
@@ -223,8 +220,8 @@ weight:
           <th scope="row">預算說明</th>
           <td>
             <p>三房兩廳總預算：85.7 萬</p>
-            <P>家具與模組系統櫃：60.9 萬；裝修預算：24.8 萬</P>
-            <P>*為提供更精準的預算說明，本案預算依照現時裝修價格調整</P>
+            <p>家具與模組系統櫃：60.9 萬；裝修預算：24.8 萬</p>
+            <p class="m-0">*為提供更精準的預算說明，本案預算依照現時裝修價格調整</p>
           </td>
         </tr>
       </tbody>
@@ -336,200 +333,24 @@ weight:
   </div>
   <hr class="style_house_line d-md-none d-block">
   <a href="/index.html">
-    <p class="article__readMore text-center"> <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到成家故事案例
+    <p class="article_readMore text-center">
+      <span class="fw-normal me-2">＜</span>
+      回到成家故事案例
     </p>
   </a>
 </div>
 <hr class="style_house_line d-none d-md-block">
-<div class="style_house_content d-none d-md-block">
-  <div class="style_house_sec06">
-    <div class="row px-0 mx-0">
-      <div class="col-6 col-md-6">
+<div class="container-fluid qa-navs">
+  <div class="row g-3 home-content">
+    <div class="col-6 m-0">
+      <a href="/room_planner/">
         <img class="img-fluid" src="/img/service planner.png" alt="">
-      </div>
-      <div class="col-6 col-md-6">
+      </a>
+    </div>
+    <div class="col-6 m-0">
+      <a href="/frequently_asked_questions/">
         <img class="img-fluid" src="/img/qa.png" alt="">
-      </div>
+      </a>
     </div>
   </div>
-</div>
-
-<!-- <footer class="footer w-100">
-    <div class="container-fluid">
-      <div class="row list">
-        <div class="col">
-          <div class="d-flex flex-column">
-            <h5 class="title">
-              <a href="">關於小寶優居</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">我們的理念</a>
-              </li>
-              <li>
-                <a href="">最新消息公告</a>
-              </li>
-              <li>
-                <a href="">媒體聯繫</a>
-              </li>
-              <li>
-                <a href="">人才招募</a>
-              </li>
-            </ul>
-
-            <h5 class="title">
-              <a href="">社群平台</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">Facebook</a>
-              </li>
-              <li>
-                <a href="">Youtube</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="col">
-          <div class="d-flex flex-column">
-            <h5 class="title">
-              <a href="">成家設計服務</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">成家設計服務流程</a>
-              </li>
-              <li>
-                <a href="">服務常見QA</a>
-              </li>
-            </ul>
-
-            <h5 class="title">
-              <a href="">小寶優居門市</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">服務範圍</a>
-              </li>
-              <li>
-                <a href="">新北門市</a>
-              </li>
-              <li>
-                <a href="">桃園門市</a>
-              </li>
-              <li>
-                <a href="">台中門市</a>
-              </li>
-              <li>
-                <a href="">台南門市</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="col">
-          <div class="d-flex flex-column">
-            <h5 class="title">
-              <a href="">成家故事作品集</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">透天設計</a>
-              </li>
-              <li>
-                <a href="">大樓設計</a>
-              </li>
-            </ul>
-
-            <h5 class="title">
-              <a href="">小寶設計單品</a>
-            </h5>
-            <ul>
-              <li>
-                <a href="">所有設計單品</a>
-              </li>
-              <li>
-                <a href="">關於系統櫃</a>
-              </li>
-              <li>
-                <a href="">關於實木家具</a>
-              </li>
-              <li>
-                <a href="">關於床墊</a>
-              </li>
-            </ul>
-          </div>
-        </div>
-
-        <div class="col">
-          <h5 class="title">
-            <a href="">成家知識專欄</a>
-          </h5>
-          <ul>
-            <li>
-              <a href="">預售屋客變</a>
-            </li>
-            <li>
-              <a href="">驗屋交屋</a>
-            </li>
-            <li>
-              <a href="">預算準備</a>
-            </li>
-            <li>
-              <a href="">認識裝修裝潢</a>
-            </li>
-            <li>
-              <a href="">空間計劃</a>
-            </li>
-            <li>
-              <a href="">居家風格</a>
-            </li>
-            <li>
-              <a href="">家具家電</a>
-            </li>
-            <li>
-              <a href="">驗收入住</a>
-            </li>
-          </ul>
-        </div>
-      </div>
-
-      <div>
-        <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
-        <ul class="mobile-list">
-          <li>
-            <a href="">成家設計服務</a>
-          </li>
-          <li>
-            <a href="">成家知識專欄</a>
-          </li>
-          <li>
-            <a href="">成家故事作品集</a>
-          </li>
-          <li>
-            <a href="">小寶優居門市</a>
-          </li>
-          <li>
-            <a href="">小寶設計單品</a>
-          </li>
-          <li>
-            <a href="">關於小寶優居</a>
-          </li>
-          <li>
-            <a href="">社群平台</a>
-          </li>
-        </ul>
-      </div>
-
-      <div
-        class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
-        <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
-        <div>
-          <a href="">隱私權政策</a> <span> | </span>
-          <a href="">使用條款</a> <span> | </span>
-          <a href="">法律聲明</a>
-        </div>
-      </div>
-    </div>
-  </footer> -->
+</div>

content/furniture_design_list/mattress/bed/index.md

@@ -35,7 +35,7 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
         <div class="row pb-5 align-items-center b-bottom" style="margin-top: 100px;">
           <div class="col-12 col-md-8">
             <h3 class="text-center text-lg-start">吾居床墊系列（標準版）</h3>
-            <p class="fw-bold m-0 text-center text-lg-start">
+            <p class="m-0 text-center text-lg-start">
               不論支撐度、軟硬度、材料密度、舒適層厚度釋壓度、彈性度皆為
               最適中狀態。各方面皆為最佳平衡，為舒適及耐用的選擇。
             </p>
@@ -83,7 +83,7 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
         <div class="row py-5 align-items-center b-bottom">
           <div class="col-12 col-md-8">
             <h3 class="text-center text-lg-start">吾居床墊系列（釋壓加強版）</h3>
-            <p class="fw-bold m-0 text-center text-lg-start">
+            <p class="m-0 text-center text-lg-start">
               在吾居床墊的基礎上，在第二層加入高釋壓慢回彈記憶棉，針對
               釋壓度作升級，能更服貼身形，達到背部肌肉壓力釋放的效果。<br>
               特別適合肌肉易緊繃、手腳易麻、站姿常彎腰駝背者。
@@ -127,7 +127,7 @@ custom_title_value: "（標準版/釋壓加強版/彈力加強版）"
         <div class="mb-5">
           <a href="/furniture_design/mattress">
             <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到床組
+              <span style="font-size: 14px;" class="fw-normal me-2">＜</span>回到床組
             </p>
           </a>
         </div>

content/furniture_design_list/sofa/mi_si_ti_sofa/index.md

@@ -87,7 +87,7 @@ image: "/furniture_design/sofa/mi_si_ti_sofa/1.webp"
         <div class="mb-5">
           <a href="/furniture_design/sofa/">
             <p class="readMore text-center">
-              <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+              <span style="font-size: 14px;" class="fw-normal me-2">＜</span>回到沙發
             </p>
           </a>
         </div>

content/furniture_design_list/sofa/morihara_sofa/index.md

@@ -86,7 +86,7 @@ image: "/furniture_design/sofa/morihara_sofa/1.webp"
           <div class="mb-5">
             <a href="/furniture_design/sofa/">
               <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                <span style="font-size: 14px;" class="fw-normal me-2">＜</span>回到沙發
               </p>
             </a>
           </div>

content/furniture_design_list/sofa/sakamoto_sofa/index.md

@@ -85,7 +85,7 @@ image: "/furniture_design/sofa/sakamoto_sofa/1.webp"
           <div class="mb-5">
             <a href="/furniture_design/sofa/">
               <p class="readMore text-center">
-                <span style="font-size: 18px;" class="fw-normal me-2">&lt;</span>回到沙發
+                <span style="font-size: 14px;" class="fw-normal me-2">＜</span>回到沙發
               </p>
             </a>
           </div>

content/maincategories/example-article1/index.md

@@ -79,7 +79,7 @@ categories: ["認識裝修裝潢"]
       <ul>
         <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
         <li>
-          <span>• 退訂</span>
+          <span><b>• 退訂</b></span>
           <p>
             是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
             這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
@@ -89,7 +89,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 修改新增</span>
+          <span><b>• 修改新增</b></span>
           <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
             修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
         </li>
@@ -134,7 +134,7 @@ categories: ["認識裝修裝潢"]
       <h4>常見的客變需求與建議</h4>
       <ul>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變建議以減法
             為主，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
@@ -142,7 +142,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，完工後再調整插座位置，在費
             用上並沒有太大差距，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用

content/maincategories/example-article2/index.md

@@ -79,7 +79,7 @@ categories: ["認識裝修裝潢"]
       <ul>
         <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
         <li>
-          <span>• 退訂</span>
+          <span><b>• 退訂</b></span>
           <p>
             是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
             這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
@@ -89,7 +89,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 修改新增</span>
+          <span><b>• 修改新增</b></span>
           <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
             修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
         </li>
@@ -134,7 +134,7 @@ categories: ["認識裝修裝潢"]
       <h4>常見的客變需求與建議</h4>
       <ul>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變建議以減法
             為主，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
@@ -142,7 +142,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，完工後再調整插座位置，在費
             用上並沒有太大差距，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用

content/maincategories/pre-sale_tenants_become_lazy_packs/index.md

@@ -79,7 +79,7 @@ categories: ["認識裝修裝潢"]
       <ul>
         <li>一般來說，客變分成「退訂」、「修改新增」兩個方向：</li>
         <li>
-          <span>• 退訂</span>
+          <span><b>• 退訂</b></span>
           <p>
             是針對原先施作的項目與設備做取消，像是不要鋪石英磚、不要門片、不要瓦斯爐、不要浴缸…。
             這類的退訂，通常可以退回該項目建材與設備費用（退料不退工），但因為建設公司所附的建材與設備大多是
@@ -89,7 +89,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 修改新增</span>
+          <span><b>• 修改新增</b></span>
           <p>指的是針對建設公司原先的規劃進行修改，像是增加或修改插座位置、調整隔間位置…這類的
             修改可能伴隨的是費用的增加，決定客變時也需要透過圖面與建設公司溝通，避免客變成果與期待有落差。</p>
         </li>
@@ -134,7 +134,7 @@ categories: ["認識裝修裝潢"]
       <h4>常見的客變需求與建議</h4>
       <ul>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             拆除次臥房的隔間、移動隔間牆的位置改變房間大小…這類的更動就屬於更改格局，格局的更變<b>建議以減法
             為主</b>，如果是增加隔間，小寶優居會協助屋主評估常見的家具尺寸後再進行格局更變，避免未來格局不合用、
@@ -142,7 +142,7 @@ categories: ["認識裝修裝潢"]
           </p>
         </li>
         <li>
-          <span>• 改格局、調整隔間</span>
+          <span><b>• 改格局、調整隔間</b></span>
           <p>
             插座的位移、新增其實不一定要在客變時進行，根據小寶優居過往的實際經驗，<b>完工後再調整插座位置，在費用上並沒有太大差距</b>，而且完工後依照櫃體、家具的尺寸進行規劃，也會比較精準、實用，所以插座的規劃不用
             急於在客變階段完成。<br>

content/news_page/news_page.md

@@ -0,0 +1,42 @@
+---
+title: "news_page"
+id: "news_page"
+url: "/news/news_page"
+---
+<section class="bhouseweb_loc_banner">
+  <div class="card bg-transparent text-white border-0 rounded-0">
+    <div class="news-page-banner"></div>
+  </div>
+</section>
+<div class="bhouseweb_loc_content mb-80">
+  <section class="bhouseweb_loc_sec mt-80">
+    <div class="bhouse_news mt-80">
+      <h1 class="bhouse_title">【門市公告】新北門市移點，營業時間調整說明</h1>
+      <div class="likeSee__state pl-md-0 pr-md-0 p-3">
+        <div class="likeSee__state">
+          <p class="mb-0">November 23, 2021</p>
+        </div>
+        <div class="likeSee__state__filter">
+          <a href="" class="likeSee__state__filter--item">
+            <span><img src="./img/icon_fb@2x.png" alt=""></span>
+          </a>
+          <a href="" class="likeSee__state__filter--item">
+            <span><img src="./img/icon_line@2x.png" alt=""></span>
+          </a>
+        </div>
+      </div>
+      <hr class="bhouseweb_loc_line">
+      <div class="bhouseWeb_news_content my-50">
+        <p class="subtitle">小標題NotoJPBlack14級字置左</p>
+        <p>內文NotoJPMedium14級字行距28pt置左 內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內
+          內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內
+          內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內</p>
+      </div>
+      <hr class="bhouseweb_loc_line">
+    </div>
+  </section>
+  <a href="/news/">
+    <p class="article_readMore text-center fw-bold"> <span style="font-size: 14px;"
+        class="fw-normal me-2">＜</span>回到最新消息公告</p>
+  </a>
+</div>

layouts/about_bhouse/about_bhouse.html

@@ -55,7 +55,7 @@
           <br>這是我們會一直做的事，讓每個想成家的人，都可以美好成家。
         </p>
       </div>
-      <div class="bhouse_subtitle mb-4 text-center" style="font-size: 1.3rem;"><b>～美好未來，從陪伴開始～</b></div>
+      <div class="bhouse_subtitle mb-4 text-center"><b style="font-size: 1.3rem;">～美好未來，從陪伴開始～</b></div>
     </section>
   </div>
   {{ partial "footer.html" . }}

layouts/about_mattress/about_mattress.html

@@ -33,7 +33,7 @@
         <h5>小寶優居 zzsleeper吾居床墊</h5>
         <img class="my-4" src="/img/system_furniture/bn_product_bed_01@2x.png" alt="">
         <h5 class="my-4">找到適合自己的房子，你也該有一張適合自己的床</h5>
-        <p class="fw-bold mb-5">一輩子的家，交給最貼心的小寶優居。<br>
+        <p class="mb-5">一輩子的家，交給最貼心的小寶優居。<br>
           三分之一的人生，就交給由專業治療師團隊組成的 ZZ 你的睡眠顧問。</p>
         <img src="/img/system_furniture/bn_product_bed_02@2x.png" alt="">
       </div>
@@ -41,7 +41,7 @@
     <div class="row pb-5 b-bottom align-items-center">
       <div class="col-12 col-lg-6">
         <h5 class="text-center text-lg-start">我們想要，給你一場無拘無束的睡眠體驗</h5>
-        <p class="fw-bold m-0 text-center text-lg-start">
+        <p class="m-0 text-center text-lg-start">
           ZZ 五年以來，<br>
           我們治療師親自服務了近 6000 人，<br>
           客製了 1832 床後，<br>
@@ -63,7 +63,7 @@
     <div class="row pb-5 align-items-center">
       <div class="col-12 col-lg-6">
         <h5 class="text-center text-lg-start">超越獨立筒的極限抗干擾功能</h5>
-        <p class="fw-bold m-0 text-center text-lg-start">
+        <p class="m-0 text-center text-lg-start">
           不管你的另一半睡姿如何，<br>
           他怎麼翻身，你依然安穩。
         </p>

layouts/frequently_asked_questions/frequently_asked_questions.html

@@ -53,7 +53,10 @@
                 <span>
                   <img src="/img/icon_qa@2x.png" alt="">
                 </span>
-                Q1 問題NotoJPMedium14級字置左上限50字元
+                <div class="d-flex">
+                  <p class="m-0 pe-2">Q1</p>
+                  <p class="m-0">問題NotoJPMedium14級字置左上限50字元</p>
+                </div>
               </button>
             </h2>
             <div id="question-1" class="accordion-collapse collapse" aria-labelledby="panelsStayOpen-1">

layouts/maincategories/list.html

@@ -110,7 +110,7 @@
         </div>
       </div> -->
 
-      <a class="nav-link" href="#">＜回到成家知識庫</a>
+      <a class="nav-link article_readMore" href="#">＜ 回到成家知識庫</a>
     </div>
   </div>
 

layouts/news/list.html

@@ -19,7 +19,7 @@
       <div class="bhouse_news my-50">
         <div class="likeSee__state pl-md-0 pr-md-0">
           <div class="likeSee__state">
-            <a href="/news_page.html">
+            <a href="/news/news_page">
               <h1 class="bhouse_title">【門市公告】新北門市移點，營業時間調整說明</h1>
             </a>
           </div>
@@ -28,8 +28,7 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
       <hr class="bhouseweb_loc_line mt-30">
@@ -43,8 +42,7 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
       <hr class="bhouseweb_loc_line mt-30">
@@ -58,8 +56,7 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
       <hr class="bhouseweb_loc_line mt-30">
@@ -73,8 +70,7 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
       <hr class="bhouseweb_loc_line mt-30">
@@ -88,8 +84,7 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
       <hr class="bhouseweb_loc_line mt-30">
@@ -103,12 +98,11 @@
           </div>
         </div>
         <div class="bhouseweb_loc_sec mt-15">
-          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你【們家
-            的風格。</p>
+          <p>從你與家人的生活出發，透過你們的生活習慣，打造實用面的設計與喜歡的風格，完成獨一無二，屬於你們家的風格。</p>
         </div>
       </div>
     </section>
-    <p class="article__readMore text-center fw-bold">看更多消息 <span style="font-size: 16px;" class="fw-normal me-2">
+    <p class="article_readMore text-center fw-bold">看更多消息 <span style="font-size: 14px;" class="fw-normal me-2">
         &or;</span></p>
   </div>
   {{ partial "footer.html" . }}

layouts/solid_wood_furniture/solid_wood_furniture.html

@@ -34,7 +34,7 @@
           </div>
           <div class="col-12 col-lg-6">
             <h5 class="text-center text-lg-start">因你而設計</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心，用人因工程的設計概念，<br>
+            <p class="m-0 text-center text-lg-start">我們以「人」為中心，用人因工程的設計概念，<br>
               設計讓你最順手、最符合需求的系統櫃。</p>
           </div>
         </div>
@@ -45,17 +45,17 @@
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_02_2@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">尺寸客製</h5>
-            <p class="fw-bold text-center text-md-start">不管三人座還五人座<br>只要有人坐，都不是問題</p>
+            <p class="text-center text-md-start">不管三人座還五人座<br>只要有人坐，都不是問題</p>
           </div>
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_02_3@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">顏色客製</h5>
-            <p class="fw-bold text-center text-md-start">130 種布料配色<br>自己配或我們幫你配都好配</p>
+            <p class="text-center text-md-start">130 種布料配色<br>自己配或我們幫你配都好配</p>
           </div>
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_02_4@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">材質客製</h5>
-            <p class="fw-bold text-center text-md-start">7 種表布材質<br>各有各的風格跟個性</p>
+            <p class="text-center text-md-start">7 種表布材質<br>各有各的風格跟個性</p>
           </div>
         </div>
         <div class="row g-2 mb-5 pb-5 b-bottom">
@@ -65,17 +65,17 @@
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_03_2@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">架高床底｜<br>最常見的選擇</h5>
-            <p class="fw-bold">實木床腳，架高12公分，容易清潔，床箱採「前後分割」受力更平均。</p>
+            <p>實木床腳，架高12公分，容易清潔，床箱採「前後分割」受力更平均。</p>
           </div>
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_03_3@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">抽屜床底｜<br>單抽、雙抽更彈性</h5>
-            <p class="fw-bold">安裝工業級滑輪，承重200公斤側邊採用實木滑軌，不怕銹蝕更耐久。</p>
+            <p>安裝工業級滑輪，承重200公斤側邊採用實木滑軌，不怕銹蝕更耐久。</p>
           </div>
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_03_4@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">掀床床底｜<br>小坪數創造大收納</h5>
-            <p class="fw-bold">採用「自動安全扣」 與「MIT專利油氣壓桿」安全省力，讓女生能夠輕鬆開闔，拿取物品時也能更安心。</p>
+            <p>採用「自動安全扣」 與「MIT專利油氣壓桿」安全省力，讓女生能夠輕鬆開闔，拿取物品時也能更安心。</p>
           </div>
         </div>
         <div class="row g-2 mb-5 pb-5 b-bottom">
@@ -85,17 +85,17 @@
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_04_2@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">梣木</h5>
-            <p class="fw-bold text-center text-md-start">硬度密度高，穩定、堅固、耐衝擊<br>適合製作大型家具</p>
+            <p class="text-center text-md-start">硬度密度高，穩定、堅固、耐衝擊<br>適合製作大型家具</p>
           </div>
           <div class="col-12 col-md-4 text-center text-md-start">
             <img src="/img/bn_product_furniture_04_3@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">山毛櫸</h5>
-            <p class="fw-bold text-center text-md-start">材質重、抗壓能力強，不易分裂<br>細密紋理易於加工染色</p>
+            <p class="text-center text-md-start">材質重、抗壓能力強，不易分裂<br>細密紋理易於加工染色</p>
           </div>
           <div class="col-12 col-md-4">
             <img src="/img/bn_product_furniture_04_4@2x.png" alt="">
             <h5 class="mt-4 mb-3 text-center text-md-start">雲杉實木</h5>
-            <p class="fw-bold text-center text-md-start">紋理通直，富有彈性容易乾燥<br>而且具有耐磨性</p>
+            <p class="text-center text-md-start">紋理通直，富有彈性容易乾燥<br>而且具有耐磨性</p>
           </div>
         </div>
         <div class="row mb-5 pb-5 b-bottom">

layouts/store/store.html

@@ -47,7 +47,7 @@
             可服務地區
           </div>
           <div class="store_cta_text mt-15">
-            <p>立即 <a href="">預約諮詢</a></p>
+            <p>立即<a href="">預約諮詢</a></p>
           </div>
         </div>
         <div class="d-flex justify-content-end">
@@ -86,7 +86,7 @@
         </li>
       </ul>
   </div>
-  <hr class="bhouse_line">
+  <hr class="bhouse_line mt-0">
   <div class="brand_content">
     <div class="tab-content mt-5" id="pills-tabContent">
       <div class="tab-pane fade active show" id="pills-north" role="tabpanel" aria-labelledby="pills-north-tab">
@@ -123,7 +123,7 @@
               </div>
               <div class="mt-4">
                 <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫&gt;</a>
+                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
@@ -160,7 +160,7 @@
               </div>
               <div class="mt-4">
                 <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫&gt;</a>
+                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
@@ -199,7 +199,7 @@
               </div>
               <div class="mt-4">
                 <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫&gt;</a>
+                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>
@@ -237,7 +237,7 @@
               </div>
               <div class="mt-4">
                 <a class="reservation-link" href="https://lihi1.com/uoYTg"
-                  data-vars-event="accuhit">立即預約，將有專人與你聯繫&gt;</a>
+                  data-vars-event="accuhit">立即預約，將有專人與你聯繫 &gt;</a>
                 <p class="mt-2">成家設計師是一對一的客製化服務，前往門市諮詢前，請務必「提早預約」喔！</p>
               </div>
             </div>

layouts/system_furniture/system_furniture.html

@@ -34,7 +34,7 @@
           </div>
           <div class="col-12 col-lg-6">
             <h5 class="text-center text-lg-start">因你而設計</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">我們以「人」為中心，用人因工程的設計概念，<br>
+            <p class="m-0 text-center text-lg-start">我們以「人」為中心，用人因工程的設計概念，<br>
               設計讓你最順手、最符合需求的系統櫃。</p>
           </div>
           <div class="col-12 col-lg-6">
@@ -42,7 +42,7 @@
           </div>
           <div class="col-12 col-lg-6">
             <h5 class="text-center text-lg-start">模組系統板材</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">
+            <p class="m-0 text-center text-lg-start">
               EGGER、KAINDL<br>
               KASTAMONU<br>
               MAURO SAVIOLA<br>
@@ -54,7 +54,7 @@
           <div class="col-12 col-lg-6 cabinet-03">
             <img src="/img/system_furniture/bn_product_cabinet_03@2x.png" alt="">
             <h5 class="text-center">最低甲醛 F1/E1 等級</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">甲醛釋出量經認證檢驗<br>
+            <p class="m-0 text-center text-lg-start">甲醛釋出量經認證檢驗<br>
               符合『國家經濟部標準檢驗局』F1等級<br>
               (最低甲醛釋出量，且無添加甲醛物質)<br><br>
               符合『歐盟 』E1等級<br>
@@ -63,7 +63,7 @@
           <div class="col-12 col-lg-6 cabinet-03">
             <img src="/img/system_furniture/bn_product_cabinet_04@2x.png" alt="">
             <h5 class="text-center">防潮 V313 最高級數抗潮</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">防潮檢驗<br>
+            <p class="m-0 text-center text-lg-start">防潮檢驗<br>
               經『國家經濟部標準檢驗局 CNS2215』<br>
               吸水膨脹率檢測數值為6%以下，符合V313<br>
               最高防潮等級。<br><br>
@@ -78,7 +78,7 @@
           </div>
           <div class="col-12 col-lg-6">
             <h5 class="text-center text-lg-start">五金品牌</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">
+            <p class="m-0 text-center text-lg-start">
               奧地利 BLUM 五金<br>
               台灣 KING SLIDE 滑軌
             </p>
@@ -88,7 +88,7 @@
           </div>
           <div class="col-12 col-lg-6">
             <h5 class="text-center text-lg-start">五金等級</h5>
-            <p class="fw-bold m-0 text-center text-lg-start">
+            <p class="m-0 text-center text-lg-start">
               內政部綠建築SGS標章<br>
               INTERTEK全球耐用度認證
             </p>

themes/hugo-universal-theme-master/layouts/partials/features.html

@@ -74,8 +74,8 @@
         <a href="">
           <img src="/img/collection/e2d47efb4ccbc07e386d54a6da3a62e6.webp" style="max-width: 100%;">
           <div>
-            <p>標題｜副標NotoJPBold20級字置右</p>
-            <p>屋主名｜房型｜坪數ＮotoJPBold16級字置右</p>
+            <p>山與水｜心曠神怡</p>
+            <p>新北王醫師｜三房兩廳｜35坪</p>
           </div>
         </a>
       </div>

themes/hugo-universal-theme-master/layouts/partials/news_page.html

@@ -2,330 +2,83 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>小寶優居-首購族首選 安心成家 室內設計品牌</title>
-
-
-
-
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
-        integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
-        integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
-    <!-- Add the slick-theme.css if you want default styling -->
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
-    <!-- Add the slick-theme.css if you want default styling -->
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
-    <!-- <link rel="stylesheet" href="css/jquery-ui.css"> -->
-    <!-- <link rel="stylesheet" href="/assets/css/swiper.min.css"> -->
-    <!-- <link rel="stylesheet" type="text/css" href="css/slick.css" />
-<link rel="stylesheet" type="text/css" href="css/slick-theme.css" /> -->
-
-    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
-    <link rel="stylesheet" href="/css//style.css">
-    <!-- <link rel="stylesheet" href="/css/brand.css"> -->
-
-    <!-- <link rel="stylesheet" href="css/style_hous.css"> -->
-
-
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>小寶優居-首購族首選 安心成家 室內設計品牌</title>
+
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
+    integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">
+  <!-- Add the slick-theme.css if you want default styling -->
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css" />
+  <!-- Add the slick-theme.css if you want default styling -->
+  <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css" />
+  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+  <link rel="stylesheet" href="/css//style.css">
 </head>
 
 <body>
-    <div class="header-template"></div>
-    <!-- <header>
-        <nav class="navbar navbar-expand-lg navbar-dark p-0">
-            <div class="container-fluid p-0">
-                <div class="mx-auto">
-                    <a class="navbar-brand m-0" href="#">
-                        <img src="img/bt_index@2x.png" height="70px" alt="" style="margin-left: 30px;">
-                    </a>
-                </div>
-                <button onclick="changeIcon(this)" class="navbar-toggler" type="button" data-bs-toggle="collapse"
-                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
-                    aria-expanded="false" aria-label="Toggle navigation">
-                    <span data-toggle-class="icon" class="navbar-toggler-icon"></span>
-                </button>
-                <div class="collapse navbar-collapse" id="navbarSupportedContent">
-                    <ul class="navbar-nav align-items-lg-center mx-auto mb-2 mb-lg-0">
-                        <li class="navbar-logo">
-                            <a href="#">
-                                <img src="img/bt_index@2x.png" height="50px" alt=""
-                                    style="image-rendering: -webkit-optimize-contrast;">
-                            </a>
-                        </li>
-                        <li class="">
-                            <a class="navbar-link" href="#">成家故事作品集</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="navbar-link" href="#">成家設計服務</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="navbar-link" href="#">服務常見QA</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="navbar-link" href="#">成家知識專欄</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="navbar-link" href="#">小寶設計單品</a>
-                        </li>
-                        <li class="nav-item">
-                            <a class="navbar-link" href="#">小寶優居門市</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </nav>
-    </header> -->
-    <section class="bhouseweb_loc_banner">
-        <div class="card bg-transparent text-white border-0 rounded-0">
-            <img src="/img/bn_news@2x (1).png" class="banner-img card-img rounded-0" alt="...">
-
-            <div class="d-flex justify-content-end">
-                <div class="bt_slogan text-center">
-                    <!-- <img src="./img/chevron-double-down (1).svg" alt=""> -->
-                    <!-- <i class="far fa-chevron-double-down"></i> -->
-                </div>
-            </div>
-            <!-- <img class="bt_slogan_portfolio" src="./img/bt_slogan_portfolio_h@2x.png" alt=""> -->
+  <div class="header-template"></div>
+  <section class="bhouseweb_loc_banner">
+    <div class="card bg-transparent text-white border-0 rounded-0">
+      <img src="/img/bn_news@2x (1).png" class="banner-img card-img rounded-0" alt="...">
 
+      <div class="d-flex justify-content-end">
+        <div class="bt_slogan text-center">
         </div>
-    </section>
-
-   
-    <!-- <hr class="bhouseweb_loc_line"> -->
-
-    <div class="bhouseweb_loc_content mb-80">
-        <section class="bhouseweb_loc_sec mt-80">
-            <div class="bhouse_news mt-80">
-                <h1 class="bhouse_title ">【門市公告】新北門市移點，營業時間調整說明</h1>
-                <div class="likeSee__state pl-md-0 pr-md-0 p-3">
-                    <div class="likeSee__state">
-                       <p class="mb-0">November 23, 2021</p>
-                    </div>
-                    <div class="likeSee__state__filter">
-                        <a href="" class="likeSee__state__filter--item">
-                            <span><img src="./img/icon_fb@2x.png" alt="" ></span>
-                        </a>
-                        <a href="" class="likeSee__state__filter--item">
-                            <span><img src="./img/icon_line@2x.png" alt="" ></span>
-                        </a>
-                    </div>
-                </div>
-                    <hr class="bhouseweb_loc_line">
-                    <div class="bhouseWeb_News_content my-50">
-                        <p class="fw-bold">小標題NotoJPBlack14級字置左</p>
-                        <p>內文NotoJPMedium14級字行距28pt置左 內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內</p>
-
-                    </div>
-                    <hr class="bhouseweb_loc_line">
-
-            </div>
-          
-
-        </section>
-        <a href="/news.html">
-            <p class="article__readMore text-center fw-bold"> <span style="font-size: 18px;"
-                    class="fw-normal me-2">&lt;</span>回到最新消息公告</p>
-        </a>
+      </div>
     </div>
-
-
-    <div class="footer-template"></div>
-    <!-- <footer class="footer w-100">
-        <div class="container-fluid">
-            <div class="row list">
-                <div class="col">
-                    <div class="d-flex flex-column">
-                        <h5 class="title">
-                            <a href="">關於小寶優居</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">我們的理念</a>
-                            </li>
-                            <li>
-                                <a href="">最新消息公告</a>
-                            </li>
-                            <li>
-                                <a href="">媒體聯繫</a>
-                            </li>
-                            <li>
-                                <a href="">人才招募</a>
-                            </li>
-                        </ul>
-
-                        <h5 class="title">
-                            <a href="">社群平台</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">Facebook</a>
-                            </li>
-                            <li>
-                                <a href="">Youtube</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div class="col">
-                    <div class="d-flex flex-column">
-                        <h5 class="title">
-                            <a href="">成家設計服務</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">成家設計服務流程</a>
-                            </li>
-                            <li>
-                                <a href="">服務常見QA</a>
-                            </li>
-                        </ul>
-
-                        <h5 class="title">
-                            <a href="">小寶優居門市</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">服務範圍</a>
-                            </li>
-                            <li>
-                                <a href="">新北門市</a>
-                            </li>
-                            <li>
-                                <a href="">桃園門市</a>
-                            </li>
-                            <li>
-                                <a href="">台中門市</a>
-                            </li>
-                            <li>
-                                <a href="">台南門市</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div class="col">
-                    <div class="d-flex flex-column">
-                        <h5 class="title">
-                            <a href="">成家故事作品集</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">透天設計</a>
-                            </li>
-                            <li>
-                                <a href="">大樓設計</a>
-                            </li>
-                        </ul>
-
-                        <h5 class="title">
-                            <a href="">小寶設計單品</a>
-                        </h5>
-                        <ul>
-                            <li>
-                                <a href="">所有設計單品</a>
-                            </li>
-                            <li>
-                                <a href="">關於系統櫃</a>
-                            </li>
-                            <li>
-                                <a href="">關於實木家具</a>
-                            </li>
-                            <li>
-                                <a href="">關於床墊</a>
-                            </li>
-                        </ul>
-                    </div>
-                </div>
-
-                <div class="col">
-                    <h5 class="title">
-                        <a href="">成家知識專欄</a>
-                    </h5>
-                    <ul>
-                        <li>
-                            <a href="">預售屋客變</a>
-                        </li>
-                        <li>
-                            <a href="">驗屋交屋</a>
-                        </li>
-                        <li>
-                            <a href="">預算準備</a>
-                        </li>
-                        <li>
-                            <a href="">認識裝修裝潢</a>
-                        </li>
-                        <li>
-                            <a href="">空間計劃</a>
-                        </li>
-                        <li>
-                            <a href="">居家風格</a>
-                        </li>
-                        <li>
-                            <a href="">家具家電</a>
-                        </li>
-                        <li>
-                            <a href="">驗收入住</a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-
-            <div>
-                <img src="img/logo.png" height="45px" alt="" style="image-rendering: -webkit-optimize-contrast;">
-                <ul class="mobile-list">
-                    <li>
-                        <a href="">成家設計服務</a>
-                    </li>
-                    <li>
-                        <a href="">成家知識專欄</a>
-                    </li>
-                    <li>
-                        <a href="">成家故事作品集</a>
-                    </li>
-                    <li>
-                        <a href="">小寶優居門市</a>
-                    </li>
-                    <li>
-                        <a href="">小寶設計單品</a>
-                    </li>
-                    <li>
-                        <a href="">關於小寶優居</a>
-                    </li>
-                    <li>
-                        <a href="">社群平台</a>
-                    </li>
-                </ul>
-            </div>
-
-            <div
-                class="d-flex flex-column flex-md-row align-items-center align-items-md-start justify-content-md-between copyright">
-                <p class="m-0">copyright ©2022 小寶股份有限公司 保留一切權利</p>
-                <div>
-                    <a href="">隱私權政策</a> <span> | </span>
-                    <a href="">使用條款</a> <span> | </span>
-                    <a href="">法律聲明</a>
-                </div>
-            </div>
+  </section>
+
+  <div class="bhouseweb_loc_content mb-80">
+    <section class="bhouseweb_loc_sec mt-80">
+      <div class="bhouse_news mt-80">
+        <h1 class="bhouse_title ">【門市公告】新北門市移點，營業時間調整說明</h1>
+        <div class="likeSee__state pl-md-0 pr-md-0 p-3">
+          <div class="likeSee__state">
+            <p class="mb-0">November 23, 2021</p>
+          </div>
+          <div class="likeSee__state__filter">
+            <a href="" class="likeSee__state__filter--item">
+              <span><img src="./img/icon_fb@2x.png" alt=""></span>
+            </a>
+            <a href="" class="likeSee__state__filter--item">
+              <span><img src="./img/icon_line@2x.png" alt=""></span>
+            </a>
+          </div>
+        </div>
+        <hr class="bhouseweb_loc_line">
+        <div class="bhouseWeb_News_content my-50">
+          <p class="fw-bold">小標題NotoJPBlack14級字置左</p>
+          <p>內文NotoJPMedium14級字行距28pt置左 內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內
+            內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內 內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內
+            內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內文內</p>
         </div>
-    </footer> -->
+        <hr class="bhouseweb_loc_line">
+      </div>
+    </section>
+    <a href="/news.html">
+      <p class="article__readMore text-center fw-bold"> <span style="font-size: 18px;"
+          class="fw-normal me-2">&lt;</span>回到最新消息公告</p>
+    </a>
+  </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
-        integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
-        crossorigin="anonymous"></script>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
-        integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
-        crossorigin="anonymous"></script>
-    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+  <div class="footer-template"></div>
 
-    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js"
+    integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p"
+    crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js"
+    integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT"
+    crossorigin="anonymous"></script>
+  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
 
-    <script async defer src="js/simple_korean_style_house.js"></script>
-    <script async defer src="js/index.js"></script>
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
 
-</body>
+  <script async defer src="js/simple_korean_style_house.js"></script>
+  <script async defer src="js/index.js"></script>
 
+</body>
 </html>

themes/hugo-universal-theme-master/layouts/partials/simple_korean_style_hous.html

@@ -176,8 +176,8 @@
             <th scope="row">預算說明</th>
             <td>
               <p>三房兩廳總預算:85.7萬</p>
-              <P>家具與模組系統櫃:60.9萬 ; 裝修預算:24.8萬</P>
-              <P>*為提供更精準的預算說明，本案預算依照現時裝修價格調整</P>
+              <p>家具與模組系統櫃:60.9萬 ; 裝修預算:24.8萬</p>
+              <p class="m-0">*為提供更精準的預算說明，本案預算依照現時裝修價格調整</p>
             </td>
           </tr>
         </tbody>

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

@@ -14,6 +14,37 @@
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  font-family: NSJP-300;
+}
+
+@font-face {
+  font-family: NSJP-100;
+  src: url(../font/NotoSansJP-Thin.otf);
+}
+
+@font-face {
+  font-family: NSJP-300;
+  src: url(../font/NotoSansJP-Light.otf);
+}
+
+@font-face {
+  font-family: NSJP-400;
+  src: url(../font/NotoSansJP-Regular.otf);
+}
+
+@font-face {
+  font-family: NSJP-500;
+  src: url(../font/NotoSansJP-Medium.otf);
+}
+
+@font-face {
+  font-family: NSJP-700;
+  src: url(../font/NotoSansJP-Bold.otf);
+}
+
+@font-face {
+  font-family: NSJP-900;
+  src: url(../font/NotoSansJP-Black.otf);
 }
 
 /* 共通樣式 start */
@@ -61,12 +92,13 @@ img {
   }
 }
 
-.bhouse_subtitle {
+.bhouse_subtitle,
+.bhouse_subtitle b {
   color: #4c660b;
   font-size: 1.2rem;
-  font-weight: 600;
   letter-spacing: 3px;
   margin-bottom: 1rem;
+  font-family: NSJP-700;
 }
 
 .likeSee__state {
@@ -79,6 +111,7 @@ img {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  letter-spacing: 2px;
 }
 
 .likeSee__state img {
@@ -121,6 +154,7 @@ img {
   font-weight: bold;
   color: #656565;
   cursor: pointer;
+  letter-spacing: 1px;
 }
 
 .readMore:hover,
@@ -166,7 +200,7 @@ img {
 .navbar .navbar-link {
   padding: 0 20px;
   color: var(--main-color);
-  font-weight: bold;
+  font-family: NSJP-500;
 }
 
 .navbar .navbar-link:hover {
@@ -311,8 +345,9 @@ img {
 .slider-item p {
   margin: 0;
   color: #ffffff;
-  font-weight: bold;
   font-size: 22px;
+  font-family: NSJP-500;
+  letter-spacing: 2px;
 }
 
 @media (max-width: 575px) {
@@ -373,8 +408,10 @@ img {
 
 .footer .title a {
   font-size: 15px;
-  font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-400;
+  font-weight: bold;
+  letter-spacing: 1px;
 }
 
 .footer .list li a,
@@ -382,6 +419,8 @@ img {
 .footer .copyright a {
   color: #68686b;
   font-weight: bold;
+  font-family: NSJP-300;
+  letter-spacing: 1px;
 }
 
 .footer .mobile-list {
@@ -476,6 +515,8 @@ img {
   margin: auto;
   text-align: right;
   color: #fff;
+  font-family: NSJP-700;
+  letter-spacing: 2px;
 }
 
 .home-content .bottom-box p:first-child {
@@ -495,7 +536,7 @@ img {
 
 @media (max-width: 767px) {
   .home-container {
-    padding: 130px 0 330px;
+    padding: 80px 0 200px;
   }
   .home-content {
     width: 98.5%;
@@ -596,8 +637,11 @@ img {
   border-color: var(--second-color);
 }
 
-.accordion .accordion-button {
+.accordion .accordion-button,
+.accordion .accordion-button p {
   font-size: 14px;
+  font-family: NSJP-500;
+  letter-spacing: 1px;
   background: transparent !important;
 }
 
@@ -640,14 +684,19 @@ img {
 .accordion .accordion-body {
   font-size: 14px;
   line-height: 28px;
-  font-weight: bold;
+  font-family: NSJP-900;
+  letter-spacing: 1px;
 }
 
 .accordion .botder-item {
-  padding: 25px;
   margin-bottom: 10px;
   border-radius: 0;
   border: 2px solid var(--second-color);
+  line-height: 28px;
+}
+
+.botder-item::after {
+  margin-right: 20px;
 }
 
 .accordion .subtitle {
@@ -656,7 +705,7 @@ img {
   font-size: 14px;
   text-align: center;
   font-weight: bold;
-  color: var(--dark-gray);
+  color: var(--dark-color);
 }
 
 @media (max-width: 1200px) {
@@ -670,7 +719,10 @@ img {
     padding: 140px 5% 40px;
   }
   .accordion .botder-item {
-    padding: 15px;
+    padding: 0;
+  }
+  .accordion .botder-item p {
+    padding: 20px;
     margin: 5px 0;
     font-size: 16px;
   }
@@ -679,6 +731,7 @@ img {
   }
   .accordion .mobile-body,
   .accordion .accordion-body {
+    font-size: 16px;
     line-height: 30px;
   }
   .accordion .accordion-item {
@@ -1090,9 +1143,9 @@ img {
 .style_house_title {
   color: #4c660b;
   font-size: 1.4rem;
-  font-weight: 600;
   letter-spacing: 3px;
   margin-bottom: 50px;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -1106,6 +1159,7 @@ img {
   font-size: 1.2rem;
   font-weight: 600;
   letter-spacing: 3px;
+  font-family: NSJP-700;
 }
 
 .style_house_content {
@@ -1133,6 +1187,7 @@ img {
 
 .style_house_sec01 h3 {
   font-size: 1.5rem;
+  font-family: NSJP-700;
   letter-spacing: 2px;
 }
 
@@ -1143,8 +1198,8 @@ img {
 }
 
 .style_house_sec01 p {
-  font-weight: 900;
   color: #808e4c;
+  font-family: NSJP-500;
   letter-spacing: 2px;
 }
 
@@ -1192,14 +1247,7 @@ img {
   background: rgba(76, 102, 11, 0.5);
   padding: 15px;
   -webkit-transform: translateY(-72px);
-  transform: translateY(-72px);
-}
-
-@media screen and (max-width: 767px) {
-  .style_house_sec02 .style_house_sec02_slide .slide_item_text {
-    -webkit-transform: translateY(-65px);
-    transform: translateY(-65px);
-  }
+  transform: translateY(-86px);
 }
 
 .style_house_sec02 .style_house_sec02_slide .slide_item_text p {
@@ -1208,10 +1256,11 @@ img {
 }
 
 .style_house_sec02 p {
-  font-weight: 600;
-  letter-spacing: 2px;
   margin-bottom: 0;
-  font-size: 0.9rem;
+  font-size: 14px;
+  line-height: 28px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -1232,6 +1281,10 @@ img {
   display: none !important;
 }
 
+.style_house_sec03 {
+  letter-spacing: 1px;
+}
+
 .style_house_sec03 .table1 {
   margin-top: 30px;
   margin-bottom: 50px;
@@ -1625,20 +1678,16 @@ img {
 }
 
 .blog-categories .article .article-item h4 {
-  font-size: 22px;
+  font-size: 24px;
   line-height: 32px;
   color: #4c660b;
+  font-family: NSJP-700;
 }
 
 .blog-categories .article .article-item h4:hover {
   opacity: 0.8;
 }
 
-.blog-categories .article .article-item h4,
-.blog-categories .article .article-item p {
-  font-weight: bold;
-}
-
 .blog-categories .article .article-item img {
   width: 240px;
   height: auto;
@@ -1652,7 +1701,7 @@ img {
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 1px;
-  color: var(--dark-gray);
+  color: var(--dark-color);
 }
 
 @media (max-width: 991px) {
@@ -1690,10 +1739,12 @@ img {
 .blog_article h3 {
   color: #4c660b;
   font-weight: bold;
+  font-family: NSJP-900;
 }
 
 .blog_article span {
   font-weight: bold;
+  letter-spacing: 2px;
 }
 
 .blog_article ul {
@@ -1705,6 +1756,7 @@ img {
 .blog_article p {
   line-height: 32px;
   letter-spacing: 1px;
+  font-family: NSJP-400;
 }
 
 .blog_article .content {
@@ -1761,6 +1813,7 @@ img {
 
 .blog_article .question-box ul li:first-child {
   font-size: 20px;
+  font-family: NSJP-700;
 }
 
 .blog_article .question-box ul a {
@@ -1793,15 +1846,27 @@ img {
   color: #ffffff;
   font-size: 14px;
   line-height: 28px;
+  font-family: NSJP-500;
+  letter-spacing: 2px;
 }
 
 .blog_article section h4 {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
+  font-family: NSJP-700;
   color: var(--main-color);
 }
 
+.blog_article b {
+  font-family: NSJP-700;
+}
+
+.blog_article li,
+.blog_article table td {
+  font-family: NSJP-400;
+}
+
 .blog_article .section-01 {
   margin-bottom: 40px;
   padding-bottom: 20px;
@@ -1818,6 +1883,7 @@ img {
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: bold;
+  font-family: NSJP-700;
 }
 
 .blog_article .section-03 {
@@ -1893,6 +1959,8 @@ img {
 .blog_article .read-more-list {
   padding-top: 60px;
   border-top: 1px solid var(--dark-gray);
+  font-size: 18px;
+  letter-spacing: 2px;
 }
 
 .blog_article .read-more-list li {
@@ -1910,9 +1978,24 @@ img {
   background-image: url(/img/banner/bn_news@2x.png);
 }
 
+.bhouseweb_loc_content .subtitle {
+  font-family: NSJP-900;
+}
+
+.bhouseweb_loc_content .bhouseWeb_news_content {
+  letter-spacing: 1px;
+  line-height: 28px;
+}
+
 .likeSee__state__filter p {
-  width: 100px;
+  width: 110px;
   margin-left: 50px;
+  font-family: NSJP-500;
+  letter-spacing: 1px;
+}
+
+.bhouseweb_loc_sec p {
+  font-family: NSJP-400;
 }
 
 /* 最新消息公告-news end */
@@ -1920,11 +2003,13 @@ img {
 .furniture-design p {
   padding-right: 20px;
   text-align: justify;
+  font-family: NSJP-400;
 }
 
 .furniture-design h5 {
   font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-700;
 }
 
 .furniture-design p,
@@ -1939,6 +2024,7 @@ img {
 
 .furniture-design .nav-link {
   font-weight: bold;
+  font-size: 14px;
   color: var(--dark-color);
 }
 
@@ -1960,6 +2046,16 @@ img {
   list-style: none;
 }
 
+.furniture-design ul li {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+      flex-wrap: wrap;
+  list-style: none;
+  font-family: NSJP-400;
+}
+
 .furniture-design .design-list {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -1981,9 +2077,10 @@ img {
   -webkit-transition: all 0.3s;
   transition: all 0.3s;
   font-size: 1.3rem;
-  font-weight: bold;
   white-space: nowrap;
   text-align: center;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 .furniture-design .sub-tab-content img {
@@ -2051,6 +2148,12 @@ img {
 
 .furniture-design .mattress-price p {
   text-align: center;
+  margin-bottom: 5px;
+}
+
+.furniture-design .mattress-price .price-item {
+  font-size: 18px;
+  font-family: NSJP-500;
 }
 
 .furniture-design .nav-pills .nav-link.active {
@@ -2126,10 +2229,11 @@ img {
   margin: 0;
   padding: 70px 0;
   font-size: 24px;
-  font-weight: bold;
   text-align: center;
   line-height: 50px;
   color: #fff;
+  font-family: NSJP-700;
+  letter-spacing: 2px;
 }
 
 /* 小寶設計單品-furniture_design end */
@@ -2151,12 +2255,17 @@ img {
 .design-container h6 {
   font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-700;
 }
 
 .design-container h6 {
   font-size: 20px;
 }
 
+.design-container div {
+  font-family: NSJP-400;
+}
+
 .design-container ul {
   padding: 0;
   list-style: none;
@@ -2164,7 +2273,6 @@ img {
 
 .design-container ul li {
   line-height: 32px;
-  font-weight: bold;
 }
 
 .design-container .slider-box {
@@ -2250,11 +2358,11 @@ img {
 }
 
 .bhouse_title {
-  font-weight: 600;
   font-size: 1.3rem;
   letter-spacing: 2px;
   text-align: justify;
   color: #4c660b;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -2277,7 +2385,7 @@ img {
 .brand_sec02_content p {
   letter-spacing: 2px;
   line-height: 28px;
-  font-weight: 600;
+  font-family: NSJP-400;
 }
 
 .brand-banner {
@@ -2348,7 +2456,8 @@ img {
 
 .article__readMore {
   color: #656565;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
+  font-family: NSJP-500;
   cursor: pointer;
 }
 
@@ -2389,6 +2498,9 @@ img {
   color: #fff;
   border-radius: 15px;
   text-align: center;
+  font-size: 18px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -2404,6 +2516,11 @@ img {
   color: #68686b;
   font-weight: bold;
   letter-spacing: 2px;
+  font-size: 14px;
+}
+
+.store_cta_box_reserve p a {
+  font-family: NSJP-400;
 }
 
 @media screen and (max-width: 767px) {
@@ -2437,13 +2554,15 @@ img {
 
 .store_cta_box_form .store_cta {
   background-color: var(--dark-gray);
-  width: 150px;
+  width: 160px;
   padding: 15px 5px;
   color: #fff;
   border-radius: 15px;
   text-align: center;
-  font-weight: bold;
   margin: 0 auto;
+  font-size: 18px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -2458,7 +2577,12 @@ img {
   text-align: center;
   color: #68686b;
   font-weight: bold;
-  letter-spacing: 1px;
+  letter-spacing: 2px;
+  font-size: 14px;
+}
+
+.store_cta_box_form p a {
+  font-family: NSJP-400;
 }
 
 @media screen and (max-width: 767px) {
@@ -2489,8 +2613,8 @@ img {
 #pills-tab a {
   color: #68686b;
   text-decoration: none;
-  font-weight: bold;
   font-size: 1.2rem;
+  font-family: NSJP-400;
 }
 
 #pills-tab .nav-item {
@@ -2510,6 +2634,7 @@ img {
   transition: all 0.3s;
   -webkit-appearance: none !important;
   border-bottom: 2px solid #fff;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 1200px) {
@@ -2547,7 +2672,7 @@ img {
 .store_title {
   color: #4c660b;
   font-size: 1.8rem;
-  font-weight: bold;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -2557,7 +2682,6 @@ img {
 }
 
 .store_content {
-  color: #68686b;
   font-weight: 600;
   letter-spacing: 2px;
 }
@@ -2571,6 +2695,7 @@ img {
   margin-top: 15px;
   color: #4c660b;
   font-weight: 600;
+  font-size: 17px;
 }
 
 .store_content .store_content_item {

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

@@ -15,6 +15,37 @@
   padding: 0;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
+  font-family: NSJP-300;
+}
+
+@font-face {
+  font-family: NSJP-100;
+  src: url(../font/NotoSansJP-Thin.otf);
+}
+
+@font-face {
+  font-family: NSJP-300;
+  src: url(../font/NotoSansJP-Light.otf);
+}
+
+@font-face {
+  font-family: NSJP-400;
+  src: url(../font/NotoSansJP-Regular.otf);
+}
+
+@font-face {
+  font-family: NSJP-500;
+  src: url(../font/NotoSansJP-Medium.otf);
+}
+
+@font-face {
+  font-family: NSJP-700;
+  src: url(../font/NotoSansJP-Bold.otf);
+}
+
+@font-face {
+  font-family: NSJP-900;
+  src: url(../font/NotoSansJP-Black.otf);
 }
 
 /* 共通樣式 start */
@@ -63,12 +94,13 @@ img {
   }
 }
 
-.bhouse_subtitle {
+.bhouse_subtitle,
+.bhouse_subtitle b {
   color: #4c660b;
   font-size: 1.2rem;
-  font-weight: 600;
   letter-spacing: 3px;
   margin-bottom: 1rem;
+  font-family: NSJP-700;
 }
 
 .likeSee__state {
@@ -81,6 +113,7 @@ img {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
+  letter-spacing: 2px;
 }
 
 .likeSee__state img {
@@ -123,6 +156,7 @@ img {
   font-weight: bold;
   color: #656565;
   cursor: pointer;
+  letter-spacing: 1px;
 }
 
 .readMore:hover,
@@ -168,7 +202,7 @@ img {
 .navbar .navbar-link {
   padding: 0 20px;
   color: var(--main-color);
-  font-weight: bold;
+  font-family: NSJP-500;
 }
 
 .navbar .navbar-link:hover {
@@ -314,8 +348,9 @@ img {
 .slider-item p {
   margin: 0;
   color: #ffffff;
-  font-weight: bold;
   font-size: 22px;
+  font-family: NSJP-500;
+  letter-spacing: 2px;
   @media (max-width: 575px) {
     font-size: 18px;
   }
@@ -370,8 +405,10 @@ img {
 
 .footer .title a {
   font-size: 15px;
-  font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-400;
+  font-weight: bold;
+  letter-spacing: 1px;
 }
 
 .footer .list li a,
@@ -379,6 +416,8 @@ img {
 .footer .copyright a {
   color: #68686b;
   font-weight: bold;
+  font-family: NSJP-300;
+  letter-spacing: 1px;
 }
 
 .footer .mobile-list {
@@ -476,6 +515,8 @@ img {
   margin: auto;
   text-align: right;
   color: #fff;
+  font-family: NSJP-700;
+  letter-spacing: 2px;
 }
 
 .home-content .bottom-box p:first-child {
@@ -495,7 +536,7 @@ img {
 
 @media (max-width: 767px) {
   .home-container {
-    padding: 130px 0 330px;
+    padding: 80px 0 200px;
   }
 
   .home-content {
@@ -616,17 +657,17 @@ img {
   }
   @media (max-width: 767px) {
     .bg-portfolio .bg-img {
-        background-image: url(/img/bt_linkto_portfolio_mobile@2x.png);
-      }
-    
+      background-image: url(/img/bt_linkto_portfolio_mobile@2x.png);
+    }
+
     .bg-serve .bg-img {
-        background-image: url(/img/bt_linkto_serve_mobile@2x.png);
-      }
-    
+      background-image: url(/img/bt_linkto_serve_mobile@2x.png);
+    }
+
     .bg-qa .bg-img {
-        background-image: url(/img/bt_linkto_qa_mobile@2x.png);
-      }
-    
+      background-image: url(/img/bt_linkto_qa_mobile@2x.png);
+    }
+
     .bg-store .bg-img {
       background-image: url(/img/bt_linkto_store_mobile@2x.png);
     }
@@ -660,8 +701,11 @@ img {
   border-color: var(--second-color);
 }
 
-.accordion .accordion-button {
+.accordion .accordion-button,
+.accordion .accordion-button p {
   font-size: 14px;
+  font-family: NSJP-500;
+  letter-spacing: 1px;
   background: transparent !important;
 }
 
@@ -704,14 +748,19 @@ img {
 .accordion .accordion-body {
   font-size: 14px;
   line-height: 28px;
-  font-weight: bold;
+  font-family: NSJP-900;
+  letter-spacing: 1px;
 }
 
 .accordion .botder-item {
-  padding: 25px;
   margin-bottom: 10px;
   border-radius: 0;
   border: 2px solid var(--second-color);
+  line-height: 28px;
+}
+
+.botder-item::after {
+  margin-right: 20px;
 }
 
 .accordion .subtitle {
@@ -720,7 +769,7 @@ img {
   font-size: 14px;
   text-align: center;
   font-weight: bold;
-  color: var(--dark-gray);
+  color: var(--dark-color);
 }
 
 @media (max-width: 1200px) {
@@ -735,7 +784,11 @@ img {
   }
 
   .accordion .botder-item {
-    padding: 15px;
+    padding: 0;
+  }
+
+  .accordion .botder-item p {
+    padding: 20px;
     margin: 5px 0;
     font-size: 16px;
   }
@@ -746,6 +799,7 @@ img {
 
   .accordion .mobile-body,
   .accordion .accordion-body {
+    font-size: 16px;
     line-height: 30px;
   }
 
@@ -1155,9 +1209,9 @@ img {
 .style_house_title {
   color: #4c660b;
   font-size: 1.4rem;
-  font-weight: 600;
   letter-spacing: 3px;
   margin-bottom: 50px;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -1171,6 +1225,7 @@ img {
   font-size: 1.2rem;
   font-weight: 600;
   letter-spacing: 3px;
+  font-family: NSJP-700;
 }
 
 .style_house_content {
@@ -1198,6 +1253,7 @@ img {
 
 .style_house_sec01 h3 {
   font-size: 1.5rem;
+  font-family: NSJP-700;
   letter-spacing: 2px;
 }
 
@@ -1208,8 +1264,8 @@ img {
 }
 
 .style_house_sec01 p {
-  font-weight: 900;
   color: #808e4c;
+  font-family: NSJP-500;
   letter-spacing: 2px;
 }
 
@@ -1257,15 +1313,15 @@ img {
   background: rgba(76, 102, 11, 0.5);
   padding: 15px;
   -webkit-transform: translateY(-72px);
-  transform: translateY(-72px);
+  transform: translateY(-86px);
 }
 
-@media screen and (max-width: 767px) {
-  .style_house_sec02 .style_house_sec02_slide .slide_item_text {
-    -webkit-transform: translateY(-65px);
-    transform: translateY(-65px);
-  }
-}
+// @media screen and (max-width: 767px) {
+//   .style_house_sec02 .style_house_sec02_slide .slide_item_text {
+//     -webkit-transform: translateY(-65px);
+//     transform: translateY(-65px);
+//   }
+// }
 
 .style_house_sec02 .style_house_sec02_slide .slide_item_text p {
   color: #fff;
@@ -1273,10 +1329,11 @@ img {
 }
 
 .style_house_sec02 p {
-  font-weight: 600;
-  letter-spacing: 2px;
   margin-bottom: 0;
-  font-size: 0.9rem;
+  font-size: 14px;
+  line-height: 28px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -1297,6 +1354,10 @@ img {
   display: none !important;
 }
 
+.style_house_sec03 {
+  letter-spacing: 1px;
+}
+
 .style_house_sec03 .table1 {
   margin-top: 30px;
   margin-bottom: 50px;
@@ -1693,19 +1754,20 @@ img {
 }
 
 .blog-categories .article .article-item h4 {
-  font-size: 22px;
+  font-size: 24px;
   line-height: 32px;
   color: #4c660b;
+  font-family: NSJP-700;
 }
 
 .blog-categories .article .article-item h4:hover {
   opacity: 0.8;
 }
 
-.blog-categories .article .article-item h4,
-.blog-categories .article .article-item p {
-  font-weight: bold;
-}
+// .blog-categories .article .article-item h4,
+// .blog-categories .article .article-item p {
+//   font-weight: bold;
+// }
 
 .blog-categories .article .article-item img {
   width: 240px;
@@ -1720,7 +1782,7 @@ img {
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 1px;
-  color: var(--dark-gray);
+  color: var(--dark-color);
 }
 
 @media (max-width: 991px) {
@@ -1761,10 +1823,12 @@ img {
 .blog_article h3 {
   color: #4c660b;
   font-weight: bold;
+  font-family: NSJP-900;
 }
 
 .blog_article span {
   font-weight: bold;
+  letter-spacing: 2px;
 }
 
 .blog_article ul {
@@ -1776,6 +1840,7 @@ img {
 .blog_article p {
   line-height: 32px;
   letter-spacing: 1px;
+  font-family: NSJP-400;
 }
 
 .blog_article .content {
@@ -1832,6 +1897,7 @@ img {
 
 .blog_article .question-box ul li:first-child {
   font-size: 20px;
+  font-family: NSJP-700;
 }
 
 .blog_article .question-box ul a {
@@ -1864,15 +1930,27 @@ img {
   color: #ffffff;
   font-size: 14px;
   line-height: 28px;
+  font-family: NSJP-500;
+  letter-spacing: 2px;
 }
 
 .blog_article section h4 {
   margin-bottom: 30px;
   font-size: 20px;
   font-weight: bold;
+  font-family: NSJP-700;
   color: var(--main-color);
 }
 
+.blog_article b {
+  font-family: NSJP-700;
+}
+
+.blog_article li,
+.blog_article table td {
+  font-family: NSJP-400;
+}
+
 .blog_article .section-01 {
   margin-bottom: 40px;
   padding-bottom: 20px;
@@ -1889,6 +1967,7 @@ img {
   margin-bottom: 20px;
   font-size: 20px;
   font-weight: bold;
+  font-family: NSJP-700;
 }
 
 .blog_article .section-03 {
@@ -1964,6 +2043,8 @@ img {
 .blog_article .read-more-list {
   padding-top: 60px;
   border-top: 1px solid var(--dark-gray);
+  font-size: 18px;
+  letter-spacing: 2px;
 }
 
 .blog_article .read-more-list li {
@@ -1981,9 +2062,25 @@ img {
   background-image: url(/img/banner/bn_news@2x.png);
 }
 
+.bhouseweb_loc_content {
+  .subtitle {
+    font-family: NSJP-900;
+  }
+  .bhouseWeb_news_content {
+    letter-spacing: 1px;
+    line-height: 28px;
+  }
+}
+
 .likeSee__state__filter p {
-  width: 100px;
+  width: 110px;
   margin-left: 50px;
+  font-family: NSJP-500;
+  letter-spacing: 1px;
+}
+
+.bhouseweb_loc_sec p {
+  font-family: NSJP-400;
 }
 
 /* 最新消息公告-news end */
@@ -1991,11 +2088,13 @@ img {
 .furniture-design p {
   padding-right: 20px;
   text-align: justify;
+  font-family: NSJP-400;
 }
 
 .furniture-design h5 {
   font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-700;
 }
 
 .furniture-design p,
@@ -2010,6 +2109,7 @@ img {
 
 .furniture-design .nav-link {
   font-weight: bold;
+  font-size: 14px;
   color: var(--dark-color);
 }
 
@@ -2028,6 +2128,13 @@ img {
   list-style: none;
 }
 
+.furniture-design ul li {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  font-family: NSJP-400;
+}
+
 .furniture-design .design-list {
   display: flex;
   flex-wrap: wrap;
@@ -2045,9 +2152,10 @@ img {
   padding: 10px 20px;
   transition: all 0.3s;
   font-size: 1.3rem;
-  font-weight: bold;
   white-space: nowrap;
   text-align: center;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 .furniture-design .sub-tab-content img {
@@ -2116,6 +2224,11 @@ img {
 .furniture-design .mattress-price {
   p {
     text-align: center;
+    margin-bottom: 5px;
+  }
+  .price-item {
+    font-size: 18px;
+    font-family: NSJP-500;
   }
 }
 
@@ -2192,10 +2305,11 @@ img {
   margin: 0;
   padding: 70px 0;
   font-size: 24px;
-  font-weight: bold;
   text-align: center;
   line-height: 50px;
   color: #fff;
+  font-family: NSJP-700;
+  letter-spacing: 2px;
 }
 
 /* 小寶設計單品-furniture_design end */
@@ -2218,12 +2332,17 @@ img {
 .design-container h6 {
   font-weight: bold;
   color: var(--main-color);
+  font-family: NSJP-700;
 }
 
 .design-container h6 {
   font-size: 20px;
 }
 
+.design-container div {
+  font-family: NSJP-400;
+}
+
 .design-container ul {
   padding: 0;
   list-style: none;
@@ -2231,7 +2350,6 @@ img {
 
 .design-container ul li {
   line-height: 32px;
-  font-weight: bold;
 }
 
 .design-container .slider-box {
@@ -2318,11 +2436,11 @@ img {
 }
 
 .bhouse_title {
-  font-weight: 600;
   font-size: 1.3rem;
   letter-spacing: 2px;
   text-align: justify;
   color: #4c660b;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -2345,7 +2463,7 @@ img {
 .brand_sec02_content p {
   letter-spacing: 2px;
   line-height: 28px;
-  font-weight: 600;
+  font-family: NSJP-400;
 }
 
 .brand-banner {
@@ -2416,7 +2534,8 @@ img {
 
 .article__readMore {
   color: #656565;
-  font-size: 0.8rem;
+  font-size: 0.9rem;
+  font-family: NSJP-500;
   cursor: pointer;
 }
 
@@ -2457,6 +2576,9 @@ img {
   color: #fff;
   border-radius: 15px;
   text-align: center;
+  font-size: 18px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -2472,6 +2594,10 @@ img {
   color: #68686b;
   font-weight: bold;
   letter-spacing: 2px;
+  font-size: 14px;
+  a {
+    font-family: NSJP-400;
+  }
 }
 
 @media screen and (max-width: 767px) {
@@ -2505,13 +2631,15 @@ img {
 
 .store_cta_box_form .store_cta {
   background-color: var(--dark-gray);
-  width: 150px;
+  width: 160px;
   padding: 15px 5px;
   color: #fff;
   border-radius: 15px;
   text-align: center;
-  font-weight: bold;
   margin: 0 auto;
+  font-size: 18px;
+  letter-spacing: 2px;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 767px) {
@@ -2526,7 +2654,11 @@ img {
   text-align: center;
   color: #68686b;
   font-weight: bold;
-  letter-spacing: 1px;
+  letter-spacing: 2px;
+  font-size: 14px;
+  a {
+    font-family: NSJP-400;
+  }
 }
 
 @media screen and (max-width: 767px) {
@@ -2556,8 +2688,8 @@ img {
 #pills-tab a {
   color: #68686b;
   text-decoration: none;
-  font-weight: bold;
   font-size: 1.2rem;
+  font-family: NSJP-400;
 }
 
 #pills-tab .nav-item {
@@ -2577,6 +2709,7 @@ img {
   transition: all 0.3s;
   -webkit-appearance: none !important;
   border-bottom: 2px solid #fff;
+  font-family: NSJP-500;
 }
 
 @media screen and (max-width: 1200px) {
@@ -2615,7 +2748,7 @@ img {
 .store_title {
   color: #4c660b;
   font-size: 1.8rem;
-  font-weight: bold;
+  font-family: NSJP-700;
 }
 
 @media screen and (max-width: 767px) {
@@ -2625,7 +2758,6 @@ img {
 }
 
 .store_content {
-  color: #68686b;
   font-weight: 600;
   letter-spacing: 2px;
 }
@@ -2639,6 +2771,7 @@ img {
   margin-top: 15px;
   color: #4c660b;
   font-weight: 600;
+  font-size: 17px;
 }
 
 .store_content .store_content_item {