Home Explore Help
Register Sign In
choozmo
/
hhh-home-mb
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

fix links

huaisianhuang 3 years ago
parent
9a05569f81
commit
7911e18bf2
6 changed files with 471 additions and 207 deletions
Unified View Show Diff Stats
  1. 75 75
      index.html
  2. 66 12
      js/index.js
  3. 129 114
      json/realtime.json
  4. 125 3
      sass/main.css
  5. 0 0
      sass/main.css.map
  6. 76 3
      sass/main.scss

+ 75 - 75
index.html
View File 

@@ -43,7 +43,7 @@
 
 <body>
 
 <body>
 
   <div style="overflow-x:hidden;" class="wholeBody">
 
   <div style="overflow-x:hidden;" class="wholeBody">
 
     <section class="sec-00 w-100">
 
     <section class="sec-00 w-100">
 
-        <div class="container-fluid" style="padding:0;margin:0;height: 110px;">
 
+        <div class="container-fluid" style="padding:0;margin:0;">
 
             <div class="sec-00__slider">
 
             <div class="sec-00__slider">
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
@@ -68,16 +68,16 @@
 
             <div class="sec-01__slider-1">
 
             <div class="sec-01__slider-1">
 
               <div class="row">
 
               <div class="row">
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href=""><img src="images/icon/portfolio.svg" alt=""></a>
 
+                  <a href="https://hhh.com.tw/photos/lists/new-sort/1-page/"><img src="images/icon/portfolio.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/cases/lists/" target="_blank"><img src="images/icon/designcases.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/cases/lists/"><img src="images/icon/designcases.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/columns/lists/all-columntypea/" target="_blank"><img src="images/icon/blogs.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/columns/lists/all-columntypea/"><img src="images/icon/blogs.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/videos/lists/" target="_blank"><img src="images/icon/video.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/videos/lists/"><img src="images/icon/video.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
                   <a href="https://m.hhh.com.tw/forum/category/" target="_blank"><img src="images/icon/forum.svg" alt=""></a>
 
                   <a href="https://m.hhh.com.tw/forum/category/" target="_blank"><img src="images/icon/forum.svg" alt=""></a>
 
@@ -87,16 +87,16 @@
 
             <div class="sec-01__slider-2">
 
             <div class="sec-01__slider-2">
 
               <div class="row">
 
               <div class="row">
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/designers/lists/" target="_blank"><img src="images/icon/designer.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/designers/lists/"><img src="images/icon/designer.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank"><img src="images/icon/soft.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/brand-index.php?brand_id=194"><img src="images/icon/soft.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/products/lists/" target="_blank"><img src="images/icon/mueble.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/products/lists/"><img src="images/icon/mueble.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col">
 
                 <div class="col">
 
-                  <a href="https://m.hhh.com.tw/builder/lists/" target="_blank"><img src="images/icon/newcase.svg" alt=""></a>
 
+                  <a href="https://m.hhh.com.tw/builder/lists/"><img src="images/icon/newcase.svg" alt=""></a>
 
                 </div>
 
                 </div>
 
                 <div class="col special">
 
                 <div class="col special">
 
                   <a href="https://www.leju.com.tw/" target="_blank"><img src="images/icon/price.svg" alt=""></a>
 
                   <a href="https://www.leju.com.tw/" target="_blank"><img src="images/icon/price.svg" alt=""></a>
 
@@ -162,7 +162,7 @@
 
       
       
     </section>
 
     </section>
 
     <section class="sec-04">
 
     <section class="sec-04">
 
-      <div class="container" style="margin:0;">
 
+      <div class="container">
 
         <div class="row gx-2 gy-2 mb-2">
 
         <div class="row gx-2 gy-2 mb-2">
 
           <a href="https://hhh.com.tw/event170427/" class="col card p-2 text-center me-2">
 
           <a href="https://hhh.com.tw/event170427/" class="col card p-2 text-center me-2">
 
             <h5 class="card-title">老屋翻新<br>住宅改造</h5>
 
             <h5 class="card-title">老屋翻新<br>住宅改造</h5>
 
@@ -382,55 +382,55 @@
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link text-main d-flex align-items-center" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link text-main d-flex align-items-center" id="navbarDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/style.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/photos/index/`);"><p>找風格</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/style.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/photos/index/`;"><p>找風格</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="position: static;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown" style="position: static;">
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/nordic-style/" target="_blank">北歐風</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/nordic-style/">北歐風</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/modern-style/" target="_blank">現代風</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/modern-style/">現代風</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/industry-style/" target="_blank">工業風</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/photos/lists/industry-style/">工業風</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown2" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/designs.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/cases/lists/`);"><p>挑設計</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/designs.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/cases/lists/`;"><p>挑設計</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown2" style="position: static;transform: none;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown2" style="position: static;transform: none;">
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/" target="_blank">小坪數</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/small-ctype/">小坪數</a></li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/renovation-condition/" target="_blank">老屋翻新</a></li>
 
                   <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/cases/lists/renovation-condition/" target="_blank">老屋翻新</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/" target="_blank">風水</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/search/lists/case/%E9%A2%A8%E6%B0%B4-keyword/">風水</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown3" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown3" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/videos.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/videos/lists/`);"><p>看影音</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/videos.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/videos/lists/`;"><p>看影音</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown3" style="position: static;transform: none;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown3" style="position: static;transform: none;">
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/videos/lists/" target="_blank">發燒影音</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/videos/lists/">發燒影音</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/video-list-5945tw.php" target="_blank">呼叫師傅</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/video-list-5945tw.php">呼叫師傅</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown4" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/person.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/designers/lists/`);"><p>設計師</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/person.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/designers/lists/`;"><p>設計師</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown4" style="position: static;transform: none;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown4" style="position: static;transform: none;">
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/designers/lists/" target="_blank">設計師總覽</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/designers/lists/">設計師總覽</a></li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" target="_blank">觀眾最愛設計師</a></li>
 
                   <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Most-Favorite-Designers/index.php" target="_blank">觀眾最愛設計師</a></li>
 
                   <hr>
 
                   <hr>
 
@@ -444,164 +444,164 @@
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown5" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown5" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/pen.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/columns/lists/all-columntypea/`);"><p>專欄文章</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/pen.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/columns/lists/all-columntypea/`;"><p>專欄文章</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown5" style="position: static;transform: none;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown5" style="position: static;transform: none;">
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item dropdown">
 
                   <li class="nav-item dropdown">
 
                     <span class="dropdown-item nav-link sub-link" id="subDropdown1">
 
                     <span class="dropdown-item nav-link sub-link" id="subDropdown1">
 
-                      <a href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/" target="_blank"><p>編輯精選</p></a>
 
+                      <a href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/"><p>編輯精選</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/" target="_blank">居家趨勢</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hometrends-columntypeb/">居家趨勢</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/" target="_blank">人氣排行</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/hotrank-columntypeb/">人氣排行</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/" target="_blank">建築設計</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/archdesign-columntypeb/">建築設計</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/" target="_blank">風格選店</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/styleselection-columntypeb/">風格選店</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/" target="_blank">公益活動</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/charitable-columntypeb/>公益活動</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/" target="_blank">展演資訊</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/editorchoose-columntypea/exhibition-columntypeb/">展演資訊</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item">
 
                   <li class="nav-item">
 
                     <span class="dropdown-item nav-link sub-link">
 
                     <span class="dropdown-item nav-link sub-link">
 
-                      <a href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/" target="_blank"><p>居家設計</p></a>
 
+                      <a href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/"><p>居家設計</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/" target="_blank">小宅規劃</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/smallhouse-columntypeb/">小宅規劃</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/" target="_blank">老屋翻新</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/oldhouse-columntypeb/">老屋翻新</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/" target="_blank">風格營造</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/stylebuild-columntypeb/">風格營造</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/" target="_blank">配色佈置</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/color-columntypeb/">配色佈置</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/" target="_blank">好宅特輯</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/goodhouse-columntypeb/">好宅特輯</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/" target="_blank">設計提案</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/housedesign-columntypea/proposal-columntypeb/">設計提案</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item">
 
                   <li class="nav-item">
 
                     <span class="dropdown-item nav-link sub-link">
 
                     <span class="dropdown-item nav-link sub-link">
 
-                      <a href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/" target="_blank"><p>裝修前線</p></a>
 
+                      <a href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/"><p>裝修前線</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/" target="_blank">新聞最前線</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/news-columntypeb/">新聞最前線</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/" target="_blank">預算分配</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/allocation-columntypeb/">預算分配</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/" target="_blank">施工流程</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/process-columntypeb/">施工流程</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/" target="_blank">建材知識</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/knowledge-columntypeb/">建材知識</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/decorating-columntypeb/" target="_blank">裝潢撇步</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/decoration-columntypea/decorating-columntypeb/">裝潢撇步</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item">
 
                   <li class="nav-item">
 
                     <span class="dropdown-item nav-link sub-link">
 
                     <span class="dropdown-item nav-link sub-link">
 
-                      <a href="https://m.hhh.com.tw/columns/lists/plus-columntypea/" target="_blank"><p>生活PLUS</p></a>
 
+                      <a href="https://m.hhh.com.tw/columns/lists/plus-columntypea/"><p>生活PLUS</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/" target="_blank">居家風水</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/fengshui-columntypeb/">居家風水</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/" target="_blank">家事清潔</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/housekeeping-columntypeb/">家事清潔</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/" target="_blank">收納技巧</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/storageskills-columntypeb/">收納技巧</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/" target="_blank">改造修繕</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/renovation-columntypeb/">改造修繕</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/retire-columntypeb/" target="_blank">退休好幸福</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/plus-columntypea/retire-columntypeb/">退休好幸福</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item">
 
                   <li class="nav-item">
 
                     <span class="dropdown-item nav-link sub-link">
 
                     <span class="dropdown-item nav-link sub-link">
 
-                      <a href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/" target="_blank"><p>品牌好物</p></a>
 
+                      <a href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/"><p>品牌好物</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/" target="_blank">家具家飾</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/furnishings-columntypeb/">家具家飾</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/" target="_blank">美型家電</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/appliances-columntypeb/">美型家電</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/" target="_blank">推薦廚衛</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/recommend-columntypeb/">推薦廚衛</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/" target="_blank">居家好物</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/homegoods-columntypeb/">居家好物</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/" target="_blank">優質建材</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/quality-columntypeb/">優質建材</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/brandnews-columntypeb/" target="_blank">品牌快訊</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/gooditem-columntypea/brandnews-columntypeb/">品牌快訊</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
                   <li class="nav-item">
 
                   <li class="nav-item">
 
-                    <span class="dropdown-item nav-link sub-link" >
 
-                      <a href="https://m.hhh.com.tw/columns/lists/focus-columntypea/" target="_blank"><p>房市焦點</p></a>
 
+                    <span class="dropdown-item nav-link sub-link">
 
+                      <a href="https://m.hhh.com.tw/columns/lists/focus-columntypea/"><p>房市焦點</p></a>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                       <div class="expand subexpand"><i class="fas fa-chevron-down"></i></div>
 
                     </span>
 
                     </span>
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                     <ul class="sub-menu ps-0" style="position: static;transform: none;">
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/" target="_blank">房市新聞</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/housingnews-columntypeb/">房市新聞</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/" target="_blank">建案特搜</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/specsearch-columntypeb/">建案特搜</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/" target="_blank">買屋賣屋</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/buyandsell-columntypeb/">買屋賣屋</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/" target="_blank">房貸税務</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/mortgage-columntypeb/">房貸税務</a></li>
 
                       <hr>
 
                       <hr>
 
-                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/renting-columntypeb/" target="_blank">租房須知</a></li>
 
+                      <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/columns/lists/focus-columntypea/renting-columntypeb/">租房須知</a></li>
 
                     </ul>
 
                     </ul>
 
                   </li>
 
                   </li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/" target="_blank">主題企劃</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/topic/lists/1-page/new-sort/">主題企劃</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
               <hr>
 
               <hr>
 
               <li class="nav-item dropdown">
 
               <li class="nav-item dropdown">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown6" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
                 <span class="nav-link d-flex align-items-center" id="navbarDropdown6" role="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="false">
 
-                  <div class="d-inline-block link_div me-2"><img src="images/menu/sofa.svg" alt=""></div><a onclick="window.open(`https://m.hhh.com.tw/products/lists/`);"><p>居家商品</p></a>
 
+                  <div class="d-inline-block link_div me-2"><img src="images/menu/sofa.svg" alt=""></div><a onclick="window.location.href=`https://m.hhh.com.tw/products/lists/`;"><p>居家商品</p></a>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                   <div class="expand"><i class="fas fa-chevron-down"></i></div>
 
                 </span>
 
                 </span>
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown6" style="position: static;transform: none;">
 
                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown6" style="position: static;transform: none;">
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/" target="_blank">商品總覽</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/">商品總覽</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/furniture-pcategorya/" target="_blank">傢俱</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/furniture-pcategorya/">傢俱</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/household-pcategorya/" target="_blank">家電</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/household-pcategorya/">家電</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/kitchen-pcategorya/" target="_blank">廚房</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/kitchen-pcategorya/">廚房</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/bathroom-pcategorya/" target="_blank">衛浴</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/bathroom-pcategorya/">衛浴</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/lighting-pcategorya/" target="_blank">照明</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/products/lists/lighting-pcategorya/">照明</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brands/lists/" target="_blank">品牌總覽</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brands/lists/">品牌總覽</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brand-index.php?brand_id=194" target="_blank">軟裝佈置</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://m.hhh.com.tw/brand-index.php?brand_id=194">軟裝佈置</a></li>
 
                   <hr>
 
                   <hr>
 
-                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Top-Brands/index.php" target="_blank">消費者愛用品牌</a></li>
 
+                  <li class="nav-item"><a class="dropdown-item nav-link" href="https://event.hhh.com.tw/2021-Top-Brands/index.php">消費者愛用品牌</a></li>
 
                 </ul>
 
                 </ul>
 
               </li>
 
               </li>
 
               <hr>
 
               <hr>
 
               <li class="nav-item">
 
               <li class="nav-item">
 
-                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/builder/lists/" target="_blank">
 
+                <a class="nav-link d-flex align-items-center" href="https://m.hhh.com.tw/builder/lists/">
 
                   <div class="d-inline-block link_div me-2"><img src="images/menu/building.svg" alt=""></div>
 
                   <div class="d-inline-block link_div me-2"><img src="images/menu/building.svg" alt=""></div>
 
                   <p>新建案</p>
 
                   <p>新建案</p>
 
                 </a>
 
                 </a>

+ 66 - 12
js/index.js
View File 

@@ -135,18 +135,31 @@ $(".sec-01__slider").slick({
 
           for(let i = 0; i < temp.length; i++){
 
           for(let i = 0; i < temp.length; i++){
 
               str+= `
 
               str+= `
 
               <div class="sec-07__slider-${i+1} sec-07__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
 
               <div class="sec-07__slider-${i+1} sec-07__card col-12 mx-1" onclick="window.open('${temp[i]['link']}');">
 
-                <div class="sec-07__imgfr mb-2"><img data-src="${temp[i]['imgUrl']}" alt="" class="lazyload"></div>
 
+                <div class="sec-07__imgfr mb-2" style="background-image: url('${temp[i]['imgUrl']}');"></div>
 
                 <p class="sec-07__cardtxt">${temp[i]['description']}</p>
 
                 <p class="sec-07__cardtxt">${temp[i]['description']}</p>
 
               </div>`
 
               </div>`
 
           }
 
           }
 
           $('.sec-07__slider').html(str);
 
           $('.sec-07__slider').html(str);
 
           $(".sec-07__slider").slick({
 
           $(".sec-07__slider").slick({
 
             arrows: false,
 
             arrows: false,
 
-            slidesToShow: 1,
 
+            slidesToShow: 3,
 
             centerMode: true,
 
             centerMode: true,
 
             infinite: false,
 
             infinite: false,
 
-            dots: true,
 
-            centerPadding: '12px'
 
+            dots: false,
 
+            centerPadding: '12px',
 
+            responsive: [
 
+              {
 
+                breakpoint: 480,
 
+                settings: {
 
+                  arrows: false,
 
+                  slidesToShow: 1,
 
+                  centerMode: true,
 
+                  infinite: false,
 
+                  dots: true,
 
+                  centerPadding: '12px',
 
+                }
 
+              }
 
+            ],
 
         });
 
         });
 
         const cardText = document.querySelectorAll('.sec-07__cardtxt');
 
         const cardText = document.querySelectorAll('.sec-07__cardtxt');
 
           cardText.forEach((item, i) => {
 
           cardText.forEach((item, i) => {
 
@@ -168,11 +181,26 @@ $(".sec-01__slider").slick({
 
             autoplay: true,
 
             autoplay: true,
 
             autoplaySpeed: 8000,
 
             autoplaySpeed: 8000,
 
             arrows: false,
 
             arrows: false,
 
-            slidesToShow: 1,
 
+            slidesToShow: 3,
 
             centerMode: true,
 
             centerMode: true,
 
             infinite: true,
 
             infinite: true,
 
             dots: false,
 
             dots: false,
 
-            centerPadding: '12px'
 
+            centerPadding: '6px',
 
+            responsive: [
 
+              {
 
+                breakpoint: 480,
 
+                settings: {
 
+                  autoplay: true,
 
+                  autoplaySpeed: 8000,
 
+                  arrows: false,
 
+                  slidesToShow: 1,
 
+                  centerMode: true,
 
+                  infinite: true,
 
+                  dots: false,
 
+                  centerPadding: '12px',
 
+                }
 
+              }
 
+            ],
 
           });
 
           });
 
       }
 
       }
 
       function renderSec09(data) {
 
       function renderSec09(data) {
 
@@ -194,11 +222,24 @@ $(".sec-01__slider").slick({
 
           $('.sec-09__cardgrp').html(str);
 
           $('.sec-09__cardgrp').html(str);
 
           $(".sec-09__cardgrp").slick({
 
           $(".sec-09__cardgrp").slick({
 
             arrows: false,
 
             arrows: false,
 
-            slidesToShow: 2,
 
+            slidesToShow: 3,
 
             slidesToScroll: 1,
 
             slidesToScroll: 1,
 
             infinite: true,
 
             infinite: true,
 
             dots: false,
 
             dots: false,
 
-            centerPadding: '10px'
 
+            centerPadding: '10px',
 
+            responsive: [
 
+              {
 
+                breakpoint: 480,
 
+                settings: {
 
+                  arrows: false,
 
+                  slidesToShow: 2,
 
+                  slidesToScroll: 1,
 
+                  infinite: true,
 
+                  dots: false,
 
+                  centerPadding: '10px',
 
+                }
 
+              }
 
+            ],
 
           });
 
           });
 
       }
 
       }
 
       function renderSec10(data) {
 
       function renderSec10(data) {
 
@@ -228,11 +269,24 @@ $(".sec-01__slider").slick({
 
           $(`.${sec}__slider`).html(str);
 
           $(`.${sec}__slider`).html(str);
 
           $(`.${sec}__slider`).slick({
 
           $(`.${sec}__slider`).slick({
 
             arrows: false,
 
             arrows: false,
 
-            slidesToShow: 1,
 
-            centerMode: true,
 
+            slidesToShow: 3,
 
+            centerMode: false,
 
             infinite: false,
 
             infinite: false,
 
             dots: false,
 
             dots: false,
 
-            centerPadding: '12px'
 
+            centerPadding: '12px',
 
+            responsive: [
 
+              {
 
+                breakpoint: 480,
 
+                settings: {
 
+                  arrows: false,
 
+                  slidesToShow: 1,
 
+                  centerMode: true,
 
+                  infinite: false,
 
+                  dots: false,
 
+                  centerPadding: '12px',
 
+                }
 
+              }
 
+            ],
 
           });
 
           });
 
       }
 
       }
 
       function renderVideo(data) {
 
       function renderVideo(data) {
 
@@ -252,7 +306,7 @@ $(".sec-01__slider").slick({
 
     const navbar = document.querySelector('.navbar-main');
 
     const navbar = document.querySelector('.navbar-main');
 
     
     
     function fixedOnScroll() {
 
     function fixedOnScroll() {
 
-        const sticky = 110;
 
+      const sticky = document.querySelector('.sec-00 .container-fluid').offsetHeight;
 
         if(window.pageYOffset >= sticky){
 
         if(window.pageYOffset >= sticky){
 
             navbar.classList.add('sticky');
 
             navbar.classList.add('sticky');
 
         } else {
 
         } else {

+ 129 - 114
json/realtime.json
View File 

@@ -70,12 +70,6 @@
 
                 "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16154_1632756366.jpg",
 
                 "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16154_1632756366.jpg",
 
                 "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16154_1632756407.webp"
 
                 "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16154_1632756407.webp"
 
             },
 
             },
 
-            {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16146_1632293528.jpg",
 
-                "link": "https://hhh.com.tw/designers/cases/101/1-page/new-sort/",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16146_1632293518.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16146_1632293542.webp"
 
-            },
 
             {
 
             {
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16139_1631597917.jpg",
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16139_1631597917.jpg",
 
                 "link": "https://hhh.com.tw/columns/detail/6072/",
 
                 "link": "https://hhh.com.tw/columns/detail/6072/",
 
@@ -108,10 +102,10 @@
 
                 "webp": ""
 
                 "webp": ""
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1632719032.jpg",
 
-                "link": "https://hhh.com.tw/columns/detail/3433/",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1632719014.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1632719046.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1633330481.jpg",
 
+                "link": "https://hhh.com.tw/columns/detail/3670/",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1633330459.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16057_1633330492.webp"
 
             },
 
             },
 
             {
 
             {
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944189.jpg",
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944189.jpg",
 
@@ -120,46 +114,46 @@
 
                 "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944200.webp"
 
                 "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16093_1629944200.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804898.jpg",
 
-                "link": "https://hhh.com.tw/topic/detail/402/",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804906.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1627804929.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1633429312.jpg",
 
+                "link": "https://hhh.com.tw/topic/detail/404/",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1633429296.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16082_1633429327.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16150_1632396275.jpg",
 
-                "link": "https://event.hhh.com.tw/2021-Top-Brands/page.php?id=31",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16150_1632396251.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16150_1632396290.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16158_1632983670.jpg",
 
+                "link": "https://event.hhh.com.tw/2021-Top-Brands/page.php?id=182",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16158_1632983635.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16158_1632983709.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16151_1632396108.jpg",
 
-                "link": "https://event.hhh.com.tw/topglory/case_24.html",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16151_1632396102.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16151_1632396203.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16159_1632983439.jpg",
 
+                "link": "https://event.hhh.com.tw/topglory/case_172.html",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16159_1632983434.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16159_1632983540.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16148_1632396144.jpg",
 
-                "link": "https://event.hhh.com.tw/topglory/designer_358.html",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16148_1632396137.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16148_1632396172.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16156_1632983466.jpg",
 
+                "link": "https://event.hhh.com.tw/topglory/designer_98.html",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16156_1632983460.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16156_1632983484.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16149_1632396126.jpg",
 
-                "link": "https://hhh.com.tw/designers/cases/447/1-page/new-sort/",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16149_1632396119.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16149_1632396188.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16157_1632983452.jpg",
 
+                "link": "https://hhh.com.tw/designers/cases/685/1-page/new-sort/",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16157_1632983446.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16157_1632983499.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16152_1632396094.jpg",
 
-                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=418",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16152_1632396087.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16152_1632396225.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16160_1632983415.jpg",
 
+                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=79",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16160_1632983409.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16160_1632983556.webp"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16153_1632396080.jpg",
 
-                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=491",
 
-                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16153_1632396059.jpg",
 
-                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16153_1632396240.webp"
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16161_1632983400.jpg",
 
+                "link": "https://event.hhh.com.tw/2021-Most-Favorite-Designers/case.php?id=705",
 
+                "DimgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16161_1632983380.jpg",
 
+                "webp": "https://images.hhh.com.tw/uploads/_had/adlogo_16161_1632983568.webp"
 
             },
 
             },
 
             {
 
             {
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623476.jpg",
 
                 "imgUrl": "https://images.hhh.com.tw/uploads/_had/adlogo_16099_1627623476.jpg",
 
@@ -184,21 +178,21 @@
 
                 "tab": "最夯設計",
 
                 "tab": "最夯設計",
 
                 "data": [
 
                 "data": [
 
                     {
 
                     {
 
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13807_20210930094838.jpg",
 
-                        "link": "https://hhh.com.tw/cases/detail/13807/",
 
-                        "title": "車藝｜現代風｜15坪",
 
-                        "description": "我們以太空艙為概念去設計車藝烤漆廠的交車中心。"
 
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13838_20211006195507.jpg",
 
+                        "link": "https://hhh.com.tw/cases/detail/13838/",
 
+                        "title": "HC Design｜焦糖楓林口旗艦店│現代風│30坪",
 
+                        "description": "《焦糖楓餐飲集團的 林口旗艦店》一個品牌要從夜市餐車進化為整棟店面，是要付出了多少心血才能達成呢？我們在此案設計有別於以往傳統串燒店的制式型態，運用了現代的設計語彙及建材，以及俐落的線條，貫穿著楓葉形體的企業識別為主軸，並以招牌的漢方調味料為主題，設計了灑粉罐做為打卡主題牆結合等候區的座椅。二樓的座位區域也結合了紙雕藝術的概念，做出弧度曲線與牆面的線性吧檯桌作為勻稱的協調比例。時尚的空間，舒適的燈光，讓吃串烤也可以在優質的環境裡內用邊暢快地喝著啤酒，是非常時髦的一件事情！"
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13806_20210929180443.jpg",
 
-                        "link": "https://hhh.com.tw/cases/detail/13806/",
 
-                        "title": "樸址｜混搭風｜60坪",
 
-                        "description": "本案基地是位於一樓的商業空間，以簡樸設計當作規劃主軸，活現空間內的幾何線條和泥質紋理，也讓人能靜心於腦海中，構繪一幅幅的虛像畫面。"
 
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13836_20211006120242.jpg",
 
+                        "link": "https://hhh.com.tw/cases/detail/13836/",
 
+                        "title": "20坪3+1房 小資家的輕時尚",
 
+                        "description": ""
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13805_20210929175129.jpg",
 
-                        "link": "https://hhh.com.tw/cases/detail/13805/",
 
-                        "title": "香緹花戀-異國風情｜英國鄉村風｜60坪",
 
+                        "imgUrl": "https://m.hhh.com.tw/upload/_hcase_img/name_13832_20211005161138.jpg",
 
+                        "link": "https://hhh.com.tw/cases/detail/13832/",
 
+                        "title": "琢白.自然｜北歐風｜25坪",
 
                         "description": ""
 
                         "description": ""
 
                     }
 
                     }
 
                 ]
 
                 ]
 
@@ -207,22 +201,22 @@
 
                 "tab": "影音實錄",
 
                 "tab": "影音實錄",
 
                 "data": [
 
                 "data": [
 
                     {
 
                     {
 
-                        "imgUrl": "https://img.youtube.com/vi/A1PxOrGk8Gk/hqdefault.jpg",
 
-                        "link": "https://hhh.com.tw/video-post.php?id=4190",
 
-                        "title": "三星X露營_V5",
 
-                        "description": "超短焦投影 輕鬆觀賞不受限"
 
+                        "imgUrl": "https://img.youtube.com/vi/tUN_ExeJ5lQ/hqdefault.jpg",
 
+                        "link": "https://hhh.com.tw/video-post.php?id=4196",
 
+                        "title": "帝鼎&方源 FINAL WEB LOGO版",
 
+                        "description": "內斂沉穩行動力 設計師兄弟技術本位 齊心付出"
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://img.youtube.com/vi/3naXa-dsD1o/hqdefault.jpg",
 
-                        "link": "https://hhh.com.tw/video-post.php?id=4189",
 
-                        "title": "揚古百科_V3",
 
-                        "description": "把大「匠」的專業請回家 滿足飲水溫度的各種需求設計"
 
+                        "imgUrl": "https://img.youtube.com/vi/vocetpHApZg/hqdefault.jpg",
 
+                        "link": "https://hhh.com.tw/video-post.php?id=4195",
 
+                        "title": "",
 
+                        "description": "小坪數寵物宅 2人2貓共融空間"
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://img.youtube.com/vi/PrWdfscthiI/hqdefault.jpg",
 
-                        "link": "https://hhh.com.tw/video-post.php?id=4188",
 
-                        "title": "豐聚室內設計 WEB FINAL (1)",
 
-                        "description": "轉動鑰匙打開家的期待 雙設計師詮釋景觀新豪奢"
 
+                        "imgUrl": "https://img.youtube.com/vi/hMLyxIUVuNY/hqdefault.jpg",
 
+                        "link": "https://hhh.com.tw/video-post.php?id=4194",
 
+                        "title": "0804 達人_奧立佛_給二審",
 
+                        "description": "兄妹設計師打造四感案場 日式留白打開色香味體驗"
 
                     }
 
                     }
 
                 ]
 
                 ]
 
             },
 
             },
 
@@ -230,22 +224,22 @@
 
                 "tab": "專欄文章",
 
                 "tab": "專欄文章",
 
                 "data": [
 
                 "data": [
 
                     {
 
                     {
 
-                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_484.jpg",
 
-                        "link": "https://hhh.com.tw/column/detail/6106/",
 
-                        "title": "測量你的幸福感：千萬別把快樂也斷捨離了！",
 
-                        "description": "假如你只讀本書的一章，我們希望是這一章。我們可以找到各種理由解釋為什麼人們會需要各種東西，但最好的理由只有一個，就是它能讓你感到快樂。或者借用日本收納教主近藤麻理惠的說法，它能激發「喜悅之情」。確實，因為小孩、工作或生活的需要，我們買了很多東西—但能夠擁有只要看到就足以讓你感到開心的東西，是多麼幸運的事！"
 
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point06_306_03.jpg",
 
+                        "link": "https://hhh.com.tw/column/detail/6128/",
 
+                        "title": "提前為退休生活做好準備！四大基本住宅要點不可少",
 
+                        "description": "台灣早已進入高齡社會，再過幾年就會進入到超高齡社會，65歲以上的老人將會超過400萬人，越來越多的老人，住的問題跟年輕時的考量點已經不一樣了，所以當你老了，你會選擇什麼樣的房子住呢？你會想換什麼的房子住呢？"
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_483.jpg",
 
-                        "link": "https://hhh.com.tw/column/detail/6105/",
 
-                        "title": "週年慶囤貨收納這樣做！不用再擔心自己買太多用不完",
 
-                        "description": "週年慶一到，總是會不小心買了很多商品囤貨，以便日後使用，而每到整理居家空間的時候，卻發現有許多當時購買的物品不小心放到過期，或者忘記穿感到心疼。以下就分享如何處理這些穿不到的衣服、用不完的保養品，還有今年週年慶的物品囤貨收納技巧，讓愛漂亮的你不再擔心自己買太多用不完，也不必到最後才心疼不捨這些閒置過期的物品。"
 
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point05_292_08.jpg",
 
+                        "link": "https://hhh.com.tw/column/detail/6127/",
 
+                        "title": "一擺出來居家質感立刻升級！B&B Italia 推出驚艷百搭新品",
 
+                        "description": "為迎接每年國際性的設計家具盛事到來，Design Holding  於2021 年 9 月 4 日至14日之間，在米蘭市中心開設一個創新的設計零售空間D Studio Milano，展示旗下的指標性品牌，包括有設計家具龍頭品牌B&B Italia；優雅細緻風格的Maxalto；奠定義式美學的Azucena；前瞻思維廚具品牌Arclinea；充滿實驗創新精神的Flos與Louis Poulsen；不只讓其經典作品在同一個屋簷下跨界互動，更讓全球專業人士、客戶和設計愛好者可以在這裡一窺來自義大利和斯堪地納維亞的頂尖設計。"
 
                     },
 
                     },
 
                     {
 
                     {
 
-                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point-index04_482.jpg",
 
-                        "link": "https://hhh.com.tw/column/detail/6104/",
 
-                        "title": "線材不斷增生超煩！日本收納顧問教你實用「整線」訣竅",
 
-                        "description": "有相當多人反映「電源線和傳輸線之類的線材實在太多了，很煩！」。應該有很多人都因為幫電腦、螢幕供電的電源線變多了，而不知該如何管理是好吧？"
 
+                        "imgUrl": "https://images.hhh.com.tw/uploads/_hcolumn_orig/point02_299_01.jpg",
 
+                        "link": "https://hhh.com.tw/column/detail/6126/",
 
+                        "title": "四大美型風格廚房 許你幸福家常食光！",
 
+                        "description": "隨著人們減少外食，待在室內的時間拉長，自煮需求日益增加，使廚房在居家的地位抬升，變得更為講究。不僅要順手、好用、易清潔，還必須揉合喜愛的風格元素，注入獨一無二個性。你已經想好怎麼打造心目中的理想廚房了嗎？如果還沒，快參考以下四大美型風格廚房，從中汲取鍾愛的部分，訂做專屬於你的舒心迷人空間吧！"
 
                     }
 
                     }
 
                 ]
 
                 ]
 
             }
 
             }
 
@@ -257,25 +251,25 @@
 
         "block": "sec06",
 
         "block": "sec06",
 
         "data": [
 
         "data": [
 
             {
 
             {
 
-                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_402_20210730172236.jpg",
 
-                "link": "https://hhh.com.tw/topic/detail/402/",
 
+                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_404_20211005171824.jpg",
 
+                "link": "https://hhh.com.tw/topic/detail/404/",
 
                 "video": "false",
 
                 "video": "false",
 
-                "description": "透過聰明巧思，小坪數房子也能溫馨又好用！除了而熟能詳的「樓中樓」設計，究竟設計師們還能運用那些手法讓小宅擁有豪邸的生活品質呢？一起從配色、家具挑選、風格等不同角度著手，讓你家也有魔術大視覺！（圖片提供／知域設計×一己空間制作）",
 
-                "title": "解壓縮小宅！享受豪宅級空間感"
 
+                "description": "在順手、美觀的環境烹飪是每個家庭煮夫／婦的夢想！想打造理想廚房，不僅須考量使用者身形，更要顧慮到使用動線、水電線路以及設備配置，牽涉層面廣泛也相對複雜。本期就一起瞧瞧設計師們的幸福廚房提案，然後汲取你喜愛的部分，建構屬於自己的「食」尚廚房吧！",
 
+                "title": "幸福廚房提案 讓你輕鬆做「煮」"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_401_20210709222636.jpg",
 
-                "link": "https://hhh.com.tw/topic/detail/401/",
 
+                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_403_20211004193204.jpg",
 
+                "link": "https://hhh.com.tw/topic/detail/403/",
 
                 "video": "false",
 
                 "video": "false",
 
-                "description": "雖然現代社會多為小資家庭，在都會中獨立門戶，但仍有許多家庭是採三代同堂的模式為主要居住習慣。面對上有老、下有小的居宅空間，設計師該如何因應家庭成員眾多的生活需求，打造出讓彼此生活舒適自在的好空間呢？",
 
-                "title": "混齡共居時代！老屋翻新生活提案"
 
+                "description": "⼤家都在講豪宅，但是，什麼樣的居宅才是豪宅呢？有⼈說，真正的豪宅產品是將有形價值組成部分都演繹到極致，獨棟獨院、名⼈聚落、地段優越，量⾝打造建築設計，或擁有娛樂廳、游泳池、酒窖或⾼爾夫練習室；滿⾜這些條件，就是⼼⽬中豪宅的樣⼦了嗎？回歸專屬的⽣活態度，豪宅設計講求展現空間質感與美學概念，在整體建築設計與周邊環境產⽣共鳴，架構互動和諧的居所饗宴。掌握其中關鍵美學概念，就算家裡⾮百坪尺度，也能從格局規劃，⽣活需求的機能設計及陳設藝術的品味擺飾等，學習在⼀般住宅畫⿓點睛地打造豪宅尺度的⽣活空間。",
 
+                "title": "訂製豪宅！層峰品味質感生活"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_400_20210527165623.jpg",
 
-                "link": "https://hhh.com.tw/topic/detail/400/",
 
+                "imgUrl": "https://m.hhh.com.tw/upload/_htopic/logo_402_20210730172236.jpg",
 
+                "link": "https://hhh.com.tw/topic/detail/402/",
 
                 "video": "false",
 
                 "video": "false",
 
-                "description": "揮揮手、拍拍手或連上手機APP就能操控空調、大門、窗簾及燈光等物件，想做什麼都不用起身，也不用聲控任何人就能做到！可以盡情讓人發懶得智慧宅，已經不僅僅只存在電影場景中啦！快看看設計師如何將這些尖端科技隱匿於室內設計中，創造美好未來生活。（圖片提供／優尼客空間設計有限公司）",
 
-                "title": "人性化智慧E宅 擺平生活大小事"
 
+                "description": "透過聰明巧思，小坪數房子也能溫馨又好用！除了而熟能詳的「樓中樓」設計，究竟設計師們還能運用那些手法讓小宅擁有豪邸的生活品質呢？一起從配色、家具挑選、風格等不同角度著手，讓你家也有魔術大視覺！（圖片提供／知域設計×一己空間制作）",
 
+                "title": "解壓縮小宅！享受豪宅級空間感"
 
             }
 
             }
 
         ]
 
         ]
 
     },
 
     },
 
@@ -340,11 +334,11 @@
 
         "block": "sec09",
 
         "block": "sec09",
 
         "data": [
 
         "data": [
 
             {
 
             {
 
-                "imgUrl": "https://img.youtube.com/vi/wiG0h7wofnw/hqdefault.jpg",
 
-                "link": "https://hhh.com.tw/video-post.php?id=4191",
 
-                "title": "煮在家 吃在家 愛在家 都市山居精緻生活 絕配首選",
 
-                "description": "",
 
-                "video": "wiG0h7wofnw"
 
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2292_20201123115222.png",
 
+                "link": "https://hhh.com.tw/product-post.php?id=2292",
 
+                "title": "天網S",
 
+                "description": "天網S為48網目，孔洞小能有效減少室內落塵; <br>\r\n透視度為市場上最佳，使窗外景致不再被紗網阻隔，並能有效阻擋小黑蚊、趨光性蟲子！<br>\r\n全球獨創紗網表面的Nafitec專利奈米塗層使灰塵難以附著，省去3-5倍清潔次數外也常保通風。",
 
+                "video": "false"
 
             },
 
             },
 
             {
 
             {
 
                 "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2384_20210803162337.png",
 
                 "imgUrl": "https://cloud.hhh.com.tw/upload/_hproduct_img/name_2384_20210803162337.png",
 
@@ -388,6 +382,20 @@
 
         "id": 7,
 
         "id": 7,
 
         "block": "sec10",
 
         "block": "sec10",
 
         "data": [
 
         "data": [
 
+            {
 
+                "imgUrl": "https://img.youtube.com/vi/3naXa-dsD1o/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=4189",
 
+                "title": "把大「匠」的專業請回家 滿足飲水溫度的各種需求設計",
 
+                "description": "",
 
+                "video": "3naXa-dsD1o"
 
+            },
 
+            {
 
+                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13713_20210911135747.jpg",
 
+                "link": "https://hhh.com.tw/cases/detail/d/13713",
 
+                "title": "藏風聚氣悠然退休宅 質樸自然全方位精品別墅（二）",
 
+                "description": "本案業主傾心於現代風格+飯店風格，在總體需求上，因為除了是退休宅也是招待親朋好友及生意夥伴的據點，所以希望在達到基本的舒適、收納與起居等需求之外，也能夠展現不凡品味及細膩質感，設計節點上需要設計師多多用心創造出與眾不同的獨特設計。",
 
+                "video": "false"
 
+            },
 
             {
 
             {
 
                 "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13592_20210818153547.jpg",
 
                 "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13592_20210818153547.jpg",
 
                 "link": "https://hhh.com.tw/cases/detail/d/13592",
 
                 "link": "https://hhh.com.tw/cases/detail/d/13592",
 
@@ -396,39 +404,46 @@
 
                 "video": "false"
 
                 "video": "false"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_12994_20210202192001.jpg",
 
-                "link": "https://hhh.com.tw/cases/detail/d/12994",
 
-                "title": "奔跑吧親子宅 我家比公園好玩",
 
-                "description": "擺盪的鞦韆、專屬遊戲間與書牆，是重視孩子成長環境的屋主夫妻所希冀，允庭室內裝修設計團隊以輕淺色調搭配柔和雅致線條，規劃出明亮、清新、適合年幼孩子能盡情探索的居家空間，並協助打造女屋主嚮往的鄉村風廚房，定義出家的生活重心，微小而確切的幸福由此蔓延。",
 
+                "imgUrl": "https://images.hhh.com.tw/uploads/_hcase/designer102_66_05.jpg",
 
+                "link": "https://hhh.com.tw/cases/detail/d/13153",
 
+                "title": "老屋翻新達人出手 缺點變優勢",
 
+                "description": "屋主5年前賣掉舊家，匆促搬入現今的房屋，沒想到卻是惡夢的開始！老舊的空間除了存在漏水、滲水、蟲害、噪音、漏風等問題，格局上亦過於狹長，加上配置不良，使得採光、通風不良，動線也不流暢。為了改善居住品質，屋主找上擅長老屋翻新的理揚室內設計吳函霖設計師，除了著手進行防水、防蟲的基礎補強外，更大膽將公、私領域佈局完全調換，使側面與後方的充足日光得以恣意穿梭，家的每個角落都沐浴於光影之中。",
 
                 "video": "false"
 
                 "video": "false"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13388_20210621161017.jpg",
 
-                "link": "https://hhh.com.tw/cases/detail/d/13388",
 
-                "title": "指定時尚酒吧 年輕家庭的科技宅（上）",
 
-                "description": "買下新居後的屋主，積極上網尋找適合的裝修公司，進而發現自家樓下由金岱設計，覺得陳美貴、王慧婷設計師的設計風格剛巧符合自己喜好，又相對熟悉建築配置，便決定與她們合作。有鑑於屋主從事科技業，且偏好現代風，因而全室以灰階色調為基底，輔以石材、鐵件刻劃立體感，再添入壁紙、木皮等暖調性材質平衡冷暖質韻，營造舒適療癒的時尚居所。",
 
-                "video": "false"
 
+                "imgUrl": "https://img.youtube.com/vi/fy_7OQT_X0I/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=3995",
 
+                "title": "解構格局融合關係  兩代共融優雅宅",
 
+                "description": "",
 
+                "video": "fy_7OQT_X0I"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://cloud.hhh.com.tw/upload/_hcase_img/name_13613_20210825184412.jpg",
 
-                "link": "https://hhh.com.tw/cases/detail/d/13613",
 
-                "title": "In Between│現代北歐風",
 
-                "description": "原屋況爲四房的毛胚屋，將一房隔間拆除，並利用活動式萬向軌道門區隔出單人床臥榻間，滿足屋主媽媽偶爾會來住宿的需求，同時定義出支援客廳收納機能和工作空間需求的開放式書房，利用最少的量體將收納整合，賦予現代家庭的平面式住宅Living&Dinning的可變動性，試圖在設計溝通內想像更多可能的生活場景。",
 
-                "video": "false"
 
+                "imgUrl": "https://img.youtube.com/vi/efb8uPrY9wo/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=4192",
 
+                "title": "以人為本 賦予老宅新生命",
 
+                "description": "",
 
+                "video": "efb8uPrY9wo"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://img.youtube.com/vi/3naXa-dsD1o/hqdefault.jpg",
 
-                "link": "https://hhh.com.tw/video-post.php?id=4189",
 
-                "title": "把大「匠」的專業請回家 滿足飲水溫度的各種需求設計",
 
+                "imgUrl": "https://img.youtube.com/vi/hMLyxIUVuNY/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=4194",
 
+                "title": "兄妹設計師打造四感案場 日式留白打開色香味體驗",
 
                 "description": "",
 
                 "description": "",
 
-                "video": "3naXa-dsD1o"
 
+                "video": "hMLyxIUVuNY"
 
+            },
 
+            {
 
+                "imgUrl": "https://img.youtube.com/vi/tUN_ExeJ5lQ/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=4196",
 
+                "title": "內斂沉穩行動力 設計師兄弟技術本位 齊心付出",
 
+                "description": "「給客戶最好的設計」，對帝鼎&方源室內設計的兄弟檔設計師來說，在承接每一個設計案時，即抱持著將心比心、親力親為的理念宗旨，憑藉精湛工藝技術與卓越美學涵養，全神貫注於細微末節，對於業主的生活企盼亦是傾力以赴，用心刻劃出專屬每個人的心之歸宿。",
 
+                "video": "tUN_ExeJ5lQ"
 
             },
 
             },
 
             {
 
             {
 
-                "imgUrl": "https://img.youtube.com/vi/A1PxOrGk8Gk/hqdefault.jpg",
 
-                "link": "https://hhh.com.tw/video-post.php?id=4190",
 
-                "title": "超短焦投影 輕鬆觀賞不受限",
 
+                "imgUrl": "https://img.youtube.com/vi/vocetpHApZg/hqdefault.jpg",
 
+                "link": "https://hhh.com.tw/video-post.php?id=4195",
 
+                "title": "小坪數寵物宅 2人2貓共融空間",
 
                 "description": "",
 
                 "description": "",
 
-                "video": "A1PxOrGk8Gk"
 
+                "video": "vocetpHApZg"
 
             }
 
             }
 
         ]
 
         ]
 
     },
 
     },
 
@@ -485,8 +500,8 @@
 
         "_comment": "video最新影音區",
 
         "_comment": "video最新影音區",
 
         "id": 9,
 
         "id": 9,
 
         "block": "video",
 
         "block": "video",
 
-        "title": "煮在家 吃在家 愛在家 都市山居精緻生活 絕配首選",
 
-        "yt": "wiG0h7wofnw"
 
+        "title": "寶輝世紀 - Michelle's House",
 
+        "yt": "Vew541b-Zq4"
 
     },
 
     },
 
     {
 
     {
 
         "_comment": "熱搜關鍵字",
 
         "_comment": "熱搜關鍵字",

+ 125 - 3
sass/main.css
View File 

@@ -2,6 +2,16 @@ body {
 
   font-family: 'Helvetica Neue';
 
   font-family: 'Helvetica Neue';
 
 }
 
 }
 
 
 
+.sec-00 .container-fluid {
 
+  height: 110px;
 
+}
 
+
 
+@media (min-width: 480px) {
 
+  .sec-00 .container-fluid {
 
+    height: 200px;
 
+  }
 
+}
 
+
 
 .sec-00__slider {
 
 .sec-00__slider {
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
@@ -14,6 +24,13 @@ body {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-00 .slide-item {
 
+    height: 200px;
 
+    background-size: contain;
 
+  }
 
+}
 
+
 
 .navbar {
 
 .navbar {
 
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 
   box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 
   -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 
   -webkit-box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
 
@@ -160,6 +177,12 @@ body {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-02__slider .slide-item {
 
+    height: 130vh;
 
+  }
 
+}
 
+
 
 .sec-03 {
 
 .sec-03 {
 
   margin-bottom: .8rem;
 
   margin-bottom: .8rem;
 
 }
 
 }
 
@@ -282,6 +305,12 @@ body {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-03 .tabpar__card__imgfr {
 
+    height: 55vh;
 
+  }
 
+}
 
+
 
 .sec-03 .tabpar__card__play {
 
 .sec-03 .tabpar__card__play {
 
   position: absolute;
 
   position: absolute;
 
   right: 1.2rem;
 
   right: 1.2rem;
 
@@ -294,6 +323,10 @@ body {
 
   padding: 1.5rem 1rem;
 
   padding: 1.5rem 1rem;
 
 }
 
 }
 
 
 
+.sec-04 .container {
 
+  margin: 0 auto;
 
+}
 
+
 
 .sec-04 .card {
 
 .sec-04 .card {
 
   -webkit-box-shadow: 1px 2px 8px 1px #d6d6d6;
 
   -webkit-box-shadow: 1px 2px 8px 1px #d6d6d6;
 
           box-shadow: 1px 2px 8px 1px #d6d6d6;
 
           box-shadow: 1px 2px 8px 1px #d6d6d6;
 
@@ -322,6 +355,12 @@ body {
 
   position: relative;
 
   position: relative;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-05__video {
 
+    height: 100vh;
 
+  }
 
+}
 
+
 
 .sec-05__video__play {
 
 .sec-05__video__play {
 
   position: absolute;
 
   position: absolute;
 
   left: 50%;
 
   left: 50%;
 
@@ -340,6 +379,12 @@ body {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-05__video__imgfr {
 
+    height: 100vh;
 
+  }
 
+}
 
+
 
 .sec-05 p {
 
 .sec-05 p {
 
   font-size: 14px;
 
   font-size: 14px;
 
   text-align: center;
 
   text-align: center;
 
@@ -349,6 +394,12 @@ body {
 
   height: 32vh;
 
   height: 32vh;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-06 .carousel {
 
+    height: 100vh;
 
+  }
 
+}
 
+
 
 .sec-06 .carousel-inner {
 
 .sec-06 .carousel-inner {
 
   height: 100%;
 
   height: 100%;
 
   overflow: hidden;
 
   overflow: hidden;
 
@@ -362,11 +413,22 @@ body {
 
   background-position: center;
 
   background-position: center;
 
 }
 
 }
 
 
 
+.sec-06 .carousel-control-next, .sec-06 .carousel-control-prev {
 
+  height: 2.5rem;
 
+  top: calc(50% - 1.25rem);
 
+}
 
+
 
 .sec-06 .carousel-control-next-icon, .sec-06 .carousel-control-prev-icon {
 
 .sec-06 .carousel-control-next-icon, .sec-06 .carousel-control-prev-icon {
 
   width: 2.5rem;
 
   width: 2.5rem;
 
   height: 2.5rem;
 
   height: 2.5rem;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-07 {
 
+    margin-bottom: 1.5rem;
 
+  }
 
+}
 
+
 
 .sec-07__slider {
 
 .sec-07__slider {
 
   width: 100%;
 
   width: 100%;
 
 }
 
 }
 
@@ -374,11 +436,15 @@ body {
 
 .sec-07__imgfr {
 
 .sec-07__imgfr {
 
   width: 100%;
 
   width: 100%;
 
   height: 28vh;
 
   height: 28vh;
 
-  overflow: hidden;
 
+  background-position: center center;
 
+  background-size: cover;
 
+  background-repeat: no-repeat;
 
 }
 
 }
 
 
 
-.sec-07__imgfr img {
 
-  width: 100%;
 
+@media (min-width: 480px) {
 
+  .sec-07__imgfr {
 
+    height: 43vh;
 
+  }
 
 }
 
 }
 
 
 
 .sec-07__cardtxt {
 
 .sec-07__cardtxt {
 
@@ -454,6 +520,12 @@ body {
 
   display: none;
 
   display: none;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-09__cardgrp {
 
+    height: 52vh;
 
+  }
 
+}
 
+
 
 .sec-09__card {
 
 .sec-09__card {
 
   margin: 5px;
 
   margin: 5px;
 
   text-align: center;
 
   text-align: center;
 
@@ -468,6 +540,12 @@ body {
 
   background-repeat: no-repeat;
 
   background-repeat: no-repeat;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-09__card__imgfr {
 
+    height: 42vh;
 
+  }
 
+}
 
+
 
 .sec-09__card__play {
 
 .sec-09__card__play {
 
   position: absolute;
 
   position: absolute;
 
   right: .8rem;
 
   right: .8rem;
 
@@ -503,6 +581,12 @@ body {
 
   position: relative;
 
   position: relative;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-10__slider .slide-item {
 
+    height: 43vh;
 
+  }
 
+}
 
+
 
 .sec-10__card__play {
 
 .sec-10__card__play {
 
   position: absolute;
 
   position: absolute;
 
   right: 1rem;
 
   right: 1rem;
 
@@ -527,6 +611,12 @@ body {
 
   position: relative;
 
   position: relative;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .sec-11__slider .slide-item {
 
+    height: 43vh;
 
+  }
 
+}
 
+
 
 .sec-11__imgfr {
 
 .sec-11__imgfr {
 
   width: 100%;
 
   width: 100%;
 
   height: 100%;
 
   height: 100%;
 
@@ -605,6 +695,32 @@ body {
 
   -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
   -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .fixed_menu {
 
+    height: 50px;
 
+  }
 
+}
 
+
 
+@media (min-width: 480px) {
 
+  .fixed_menu .row {
 
+    height: 50px;
 
+  }
 
+}
 
+
 
+@media (min-width: 480px) {
 
+  .fixed_menu__box {
 
+    width: 100%;
 
+    height: 100%;
 
+  }
 
+}
 
+
 
+@media (min-width: 480px) {
 
+  .fixed_menu__box img {
 
+    width: 100%;
 
+    height: 100%;
 
+  }
 
+}
 
+
 
 .sec-menu {
 
 .sec-menu {
 
   display: none;
 
   display: none;
 
   z-index: 105;
 
   z-index: 105;
 
@@ -1208,6 +1324,12 @@ body {
 
   bottom: 8rem;
 
   bottom: 8rem;
 
 }
 
 }
 
 
 
+@media (min-width: 480px) {
 
+  .fixed-btn {
 
+    bottom: 5rem;
 
+  }
 
+}
 
+
 
 .fixed-btn .btn-gotop {
 
 .fixed-btn .btn-gotop {
 
   padding: 1.2rem .8rem;
 
   padding: 1.2rem .8rem;
 
   background-color: rgba(255, 255, 255, 0.897);
 
   background-color: rgba(255, 255, 255, 0.897);

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


+ 76 - 3
sass/main.scss
View File 

@@ -1,7 +1,14 @@
 
+$horizontal: 480px;
 
 body {
 
 body {
 
     font-family: 'Helvetica Neue';
 
     font-family: 'Helvetica Neue';
 
 }
 
 }
 
 .sec-00 {
 
 .sec-00 {
 
+    .container-fluid {
 
+        height: 110px;
 
+        @media (min-width: $horizontal) {
 
+            height: 200px;
 
+        }
 
+    }
 
     &__slider {
 
     &__slider {
 
         width: 100%;
 
         width: 100%;
 
         height: 100%;
 
         height: 100%;
 
@@ -11,6 +18,10 @@ body {
 
         background-position: center center;
 
         background-position: center center;
 
         background-size: cover;
 
         background-size: cover;
 
         background-repeat: no-repeat;
 
         background-repeat: no-repeat;
 
+        @media (min-width: $horizontal) {
 
+            height: 200px;
 
+            background-size: contain;
 
+        }
 
     }
 
     }
 
 }
 
 }
 
 
 
@@ -130,6 +141,9 @@ body {
 
             background-position: center center;
 
             background-position: center center;
 
             background-size: cover;
 
             background-size: cover;
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
+            @media (min-width: $horizontal) {
 
+                height: 130vh;
 
+            }
 
         }
 
         }
 
         
         
     }
 
     }
 
@@ -228,6 +242,9 @@ body {
 
                 background-position: center center;
 
                 background-position: center center;
 
                 background-size: cover;
 
                 background-size: cover;
 
                 background-repeat: no-repeat;
 
                 background-repeat: no-repeat;
 
+                @media (min-width: $horizontal) {
 
+                    height: 55vh;
 
+                }
 
             }
 
             }
 
             &__play {
 
             &__play {
 
                 position: absolute;
 
                 position: absolute;
 
@@ -242,6 +259,9 @@ body {
 
 .sec-04 {
 
 .sec-04 {
 
     background-color: #F4F4F4;
 
     background-color: #F4F4F4;
 
     padding: 1.5rem 1rem;
 
     padding: 1.5rem 1rem;
 
+    .container {
 
+        margin: 0 auto;
 
+    }
 
     .card {
 
     .card {
 
         box-shadow: 1px 2px 8px 1px rgb(214, 214, 214);
 
         box-shadow: 1px 2px 8px 1px rgb(214, 214, 214);
 
         text-decoration: none;
 
         text-decoration: none;
 
@@ -266,6 +286,9 @@ body {
 
         width: 100%;
 
         width: 100%;
 
         height: 30vh;
 
         height: 30vh;
 
         position: relative;
 
         position: relative;
 
+        @media (min-width: $horizontal) {
 
+            height: 100vh;
 
+        }
 
         &__play {
 
         &__play {
 
             position: absolute;
 
             position: absolute;
 
             left: 50%;
 
             left: 50%;
 
@@ -280,6 +303,9 @@ body {
 
             background-position: center center;
 
             background-position: center center;
 
             background-size: cover;
 
             background-size: cover;
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
+            @media (min-width: $horizontal) {
 
+                height: 100vh;
 
+            }
 
         }
 
         }
 
         
         
     }
 
     }
 
@@ -292,6 +318,9 @@ body {
 
 .sec-06 {
 
 .sec-06 {
 
     .carousel {
 
     .carousel {
 
         height: 32vh;
 
         height: 32vh;
 
+        @media (min-width: $horizontal) {
 
+            height: 100vh;
 
+        }
 
         &-inner {
 
         &-inner {
 
             height: 100%;
 
             height: 100%;
 
             overflow: hidden;
 
             overflow: hidden;
 
@@ -303,6 +332,10 @@ body {
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
             background-position: center;
 
             background-position: center;
 
         }
 
         }
 
+        &-control-next, &-control-prev {
 
+            height: 2.5rem;
 
+            top: calc(50% - 1.25rem);
 
+        }
 
         &-control-next-icon, &-control-prev-icon {
 
         &-control-next-icon, &-control-prev-icon {
 
             width: 2.5rem;
 
             width: 2.5rem;
 
             height: 2.5rem;
 
             height: 2.5rem;
 
@@ -311,15 +344,20 @@ body {
 
 }
 
 }
 
 
 
 .sec-07 {
 
 .sec-07 {
 
+    @media (min-width: $horizontal) {
 
+        margin-bottom: 1.5rem;
 
+    }
 
     &__slider {
 
     &__slider {
 
         width: 100%; 
         width: 100%; 
     }
 
     }
 
     &__imgfr {
 
     &__imgfr {
 
         width: 100%;
 
         width: 100%;
 
         height: 28vh;
 
         height: 28vh;
 
-        overflow: hidden;
 
-        img{ 
-            width: 100%;
 
+        background-position: center center;
 
+        background-size: cover;
 
+        background-repeat: no-repeat;
 
+        @media (min-width: $horizontal) {
 
+            height: 43vh;
 
         }
 
         }
 
     }
 
     }
 
     &__cardtxt {
 
     &__cardtxt {
 
@@ -384,6 +422,9 @@ body {
 
         &::-webkit-scrollbar {
 
         &::-webkit-scrollbar {
 
             display: none;
 
             display: none;
 
         }
 
         }
 
+        @media (min-width: $horizontal) {
 
+            height: 52vh;
 
+        }
 
     }
 
     }
 
     &__card {
 
     &__card {
 
         margin: 5px;
 
         margin: 5px;
 
@@ -395,6 +436,9 @@ body {
 
                 background-position: center center;
 
                 background-position: center center;
 
                 background-size: cover;
 
                 background-size: cover;
 
                 background-repeat: no-repeat;
 
                 background-repeat: no-repeat;
 
+                @media (min-width: $horizontal) {
 
+                    height: 42vh;
 
+                }
 
             }
 
             }
 
             &__play {
 
             &__play {
 
                 position: absolute;
 
                 position: absolute;
 
@@ -419,6 +463,9 @@ body {
 
             background-size: cover;
 
             background-size: cover;
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
             position: relative;
 
             position: relative;
 
+            @media (min-width: $horizontal) {
 
+                height: 43vh;
 
+            }
 
         }
 
         }
 
     }
 
     }
 
     /* &__imgfr {
 
     /* &__imgfr {
 
@@ -449,6 +496,9 @@ body {
 
             background-size: cover;
 
             background-size: cover;
 
             background-repeat: no-repeat;
 
             background-repeat: no-repeat;
 
             position: relative;
 
             position: relative;
 
+            @media (min-width: $horizontal) {
 
+                height: 43vh;
 
+            }
 
         }
 
         }
 
     }
 
     }
 
     &__imgfr {
 
     &__imgfr {
 
@@ -524,6 +574,26 @@ body {
 
     -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
     -webkit-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
     -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
     -moz-box-shadow: 0 3px 14px 2px rgba(0, 0, 0, 0.12);
 
     //padding-bottom: 16px;
 
     //padding-bottom: 16px;
 
+    @media (min-width: $horizontal) {
 
+        height: 50px;
 
+    }
 
+    .row {
 
+        @media (min-width: $horizontal) {
 
+            height: 50px;
 
+        } 
+    }
 
+    &__box {
 
+        @media (min-width: $horizontal) {
 
+            width: 100%;
 
+            height: 100%;
 
+        } 
+        img {
 
+            @media (min-width: $horizontal) {
 
+                width: 100%;
 
+                height: 100%;
 
+            } 
+        }
 
+    }
 
 }
 
 }
 
 
 
 .sec-menu {
 
 .sec-menu {
 
@@ -1029,6 +1099,9 @@ body {
 
     position: fixed;
 
     position: fixed;
 
     right: 15px;
 
     right: 15px;
 
     bottom: 8rem;
 
     bottom: 8rem;
 
+    @media (min-width: $horizontal) {
 
+        bottom: 5rem;
 
+    } 
     .btn-gotop {
 
     .btn-gotop {
 
         padding: 1.2rem .8rem;
 
         padding: 1.2rem .8rem;
 
         background-color: rgba(255, 255, 255, 0.897);
 
         background-color: rgba(255, 255, 255, 0.897);

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