新增廣告區塊

css/request.css

@@ -1201,6 +1201,11 @@
 #rightSidebar {
   position: sticky;
 }
+@media (max-width: 767px) {
+  #rightSidebar {
+    padding: 0;
+  }
+}
 
 .text-primary {
   color: #ee751b !important;
@@ -1208,7 +1213,7 @@
 
 .main-title {
   padding: 20px 40px;
-  margin: 40px 22px 0;
+  margin: 25px auto;
   background-image: url("../img/banner-05.png");
   background-color: rgba(0, 0, 0, 0.6);
   background-blend-mode: multiply;
@@ -1218,7 +1223,7 @@
 }
 @media (max-width: 767px) {
   .main-title {
-    margin: 5px 30px 0;
+    margin: 5px auto 25px;
   }
 }
 .main-title h2,

css/request.scss

@@ -1370,6 +1370,10 @@
 
 #rightSidebar {
   position: sticky;
+
+  @media (max-width: 767px) {
+    padding: 0;
+  }
 }
 
 .text-primary {
@@ -1378,7 +1382,7 @@
 
 .main-title {
   padding: 20px 40px;
-  margin: 40px 22px 0;
+  margin: 25px auto;
   background-image: url("../img/banner-05.png");
   background-color: rgba(0, 0, 0, 0.6);
   background-blend-mode: multiply;
@@ -1387,7 +1391,7 @@
   color: #fff;
 
   @media (max-width: 767px) {
-    margin: 5px 30px 0;
+    margin: 5px auto 25px;
   }
 
   h2,

index.html

@@ -252,19 +252,37 @@
     </div>
 
     <div class="row flex-column-reverse flex-md-row">
-      <div class="col-md-7 col-lg-8">
-        <div class="d-none d-md-block main-title">
-          <h2>
-            您有裝修設計需求？ <br> 想了解裝修預算方案？
-          </h2>
-          <h3>
-            填寫您的裝修需求，立即獲得裝修計算方案與幸福經紀人專人服務
-          </h3>
+      <div class="col-md-7 col-lg-8 px-4">
+        <div class="row">
+          <div class="col-12">
+            <div class="d-none d-md-block main-title">
+              <h2>
+                您有裝修設計需求？ <br> 想了解裝修預算方案？
+              </h2>
+              <h3>
+                填寫您的裝修需求，立即獲得裝修計算方案與幸福經紀人專人服務
+              </h3>
+            </div>
+          </div>
+
+          <div class="col-12 col-lg-6 d-none d-md-block">
+            <a href="https://hhh.com.tw/deco/" target="_blank">
+              <img class="w-100" src="./img/p1.jpg" alt="">
+            </a>
+          </div>
+
+          <div class="col-12 col-lg-6 d-none d-md-block mt-4 mt-lg-0">
+            <a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
+              target="_blank">
+              <img class="w-100" src="./img/樂居.jpg" alt="">
+            </a>
+          </div>
         </div>
 
         <!-- 文章列表 -->
-        <div class="main px-3 py-3 py-md-5">
+        <div class="main py-3 py-md-4">
           <div class="d-flex justify-content-center">
+            <!-- 讀取圖示 -->
             <div class="spinner-border text-primary my-5 column-spinner" role="status">
               <span class="visually-hidden">Loading...</span>
             </div>
@@ -277,7 +295,7 @@
 
       </div>
 
-      <div class="col-md-5 col-lg-4">
+      <div class="col-md-5 col-lg-4 px-4 px-md-0">
         <div class="d-block d-md-none main-title">
           <h2>
             您有裝修設計需求？ <br> 想了解裝修預算方案？
@@ -287,13 +305,13 @@
           </h3>
         </div>
 
-        <div id="rightSidebar" class="card form-block px-md-0">
+        <div id="rightSidebar" class="card form-block">
           <card-title class="d-none d-md-block">
             <a href="https://hhh.com.tw/" class="logo">
               <img alt="logo" src="https://m.hhh.com.tw/_nuxt/img/def1b0a.svg" />
             </a>
           </card-title>
-          <div class="card-body px-md-0 px-xl-3">
+          <div class="card-body px-0 px-xl-3">
             <form>
               <div class="mb-3">
                 <label for="name" class="form-label">姓名*</label>
@@ -1893,21 +1911,17 @@
               </div> -->
               <!-- 兩張廣告圖 -->
               <div class="img-item">
-
                 <a href="https://hhh.com.tw/deco/" target="_blank" class="d-block w-100">
                   <img src="./img/p1.jpg?a=2" alt="">
                 </a>
                 <!-- 暫時隱藏 因為心動活動 到 12/30-->
-
                 <!-- <a href="https://promote.hhh.com.tw/hueiyeh-28403?utm_source=FB&utm_medium=GS&utm_campaign=hueiyeh#%E7%BF%BB%E7%89%8C%E9%81%8A%E6%88%B2"
                   target="_blank" class="d-block w-100">
                   <img src="./img/231229_輝葉第三波活動製作_664x180.jpg" alt="">
                 </a> -->
-
                 <!-- <a href="https://event.hhh.com.tw/agent/index.html" target="_blank" class="d-block w-100">
                   <img src="./img/p2.jpg" alt="">
                 </a> -->
-
                 <a href="https://homeinspection.leju.com.tw/?utm_source=Google&utm_medium=Keywords&utm_campaign=homeinspection&gad_source=1&gclid=CjwKCAjww_iwBhApEiwAuG6ccOw8p8Bj3fcBK_LLSEsXZzXZwdytgpDI_Tb4BQqUi-Go_NVWQS_1shoCKWgQAvD_BwE"
                   target="_blank" class="d-block w-100">
                   <img src="./img/樂居.jpg" alt="">
@@ -2337,7 +2351,7 @@
             resultHtml +=
               `<div class="col-12 col-sm-6 col-md-12 col-lg-6 col-xl-4 pb-4">
                 <button data-item='${itemStr}'
-                  class="modal-button h-100" data-bs-toggle="modal" data-bs-target="#columnModal">
+                  class="modal-button h-100 px-0" data-bs-toggle="modal" data-bs-target="#columnModal">
                   <div class="card overflow-hidden h-100">
                     <img class="bg-img" alt="cover-img" src="${item.image}" />
                     <div class="card-body">