修正

about/about.css

@@ -469,6 +469,14 @@ body .arrow:hover {
   }
 }
 
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover .play1 {
+  opacity: 1;
+}
+
+#banner #banner-container .tab-content .sec03 .col-lg-4:hover .play {
+  opacity: 0;
+}
+
 #banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec02-p-m, #banner #banner-container .tab-content .sec03 .col-lg-4:hover .sec03-p-m {
   opacity: 1;
 }
@@ -499,6 +507,35 @@ body .arrow:hover {
   transition: 0.3s ease-in-out;
 }
 
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m {
+  text-align: center;
+  width: 100%;
+  position: absolute;
+  top: 100px;
+}
+
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m .play {
+  width: 50px !important;
+  height: 50px !important;
+}
+
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m .play1 {
+  width: 50px !important;
+  height: 50px !important;
+}
+
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m1 {
+  text-align: center;
+  width: 100%;
+  position: absolute;
+  top: 50px;
+}
+
+#banner #banner-container .tab-content .sec03 .col-lg-4 .sec03-img-m1 .play1 {
+  width: 50px !important;
+  height: 50px !important;
+}
+
 #banner #banner-container .tab-content .sec03 .sec03-1 .sec05-row {
   background: rgba(0, 0, 0, 0.8);
   text-align: center;

about/about.scss

@@ -376,6 +376,7 @@ body {
                     }
 
                     .sec03-p-m{
+                        
                         @media screen and(min-width:$desktop) {
                             position: absolute;
                             top:50px;
@@ -385,6 +386,12 @@ body {
                         }
                     }          
                     &:hover{
+                        .play1{
+                            opacity: 1;
+                        }
+                        .play{
+                            opacity: 0;
+                        }
                         .sec02-p-m,.sec03-p-m{
                             opacity: 1;
                         }
@@ -407,7 +414,31 @@ body {
                         transition: 0.3s ease-in-out;
                        
                     }
-                }
+                    .sec03-img-m{
+                        text-align: center;
+                        width: 100%;
+                        position: absolute;
+                        top:100px;
+                        .play{
+                            width: 50px !important;
+                            height: 50px !important;
+                        }
+                        .play1{
+                            width: 50px !important;
+                            height: 50px !important;
+                        }
+                    }
+                    .sec03-img-m1{
+                        text-align: center;
+                        width: 100%;
+                        position: absolute;
+                        top:50px;
+                        .play1{
+                            width: 50px !important;
+                            height: 50px !important;
+                        }
+                    }
+                    }
                 .sec03-1{
 
                     .sec05-row{

about/goto2.js

@@ -193,9 +193,11 @@ $(document).ready(function () {
                                 aboutViedeo += ' \
                                 <div class="secimg col-lg-4 p-0">\
                                 <a target="_blank" href="'+ msg[i].workVideo[j].videoSrc + '"><img class="img-fluid" src="' + msg[i].workVideo[j].video + '" alt=""></a>\
-                                <div class="sec03-p-m p-1 mt-1 text-center">\
+                                    <div class="sec03-p-m p-1 mt-1 text-center">\
                                     <p>'+ msg[i].workVideo[j].videotext + '</p>\
+                                    <div class="sec03-img-m1"><img class="play1"  src="../img/play.png" alt=""></div>\
                                     </div>\
+                                    <div class="sec03-img-m"><img class="play"  src="../img/play.png" alt=""></div>\
                                 </div>';
                             }
                         }
@@ -246,7 +248,7 @@ $(document).ready(function () {
 $(".arrow").hide();
 $(window).scroll(function () {
     var y1 = window.scrollY;
-    if (y1> 500) {
+    if (y1> 100) {
         $(".arrow").show();
     } else {
         $(".arrow").hide();

about/index.html

@@ -40,6 +40,7 @@
         </div>
     </section>
     <div class="arrow">
+        <img src="" alt="">
         <img class="img-fluid"  data-gt-target="#top2" data-gt-duration="800" data-gt-offset="0" src="../img/gotop.png" alt="">
         <a target="_blank" class="icon" href="https://hhh.com.tw/about/request/"><img  class="img-fluid my-3" src="../img/nav-bottom/find.png" alt=""></a>
         <a target="_blank" class="icon" href="https://hhh.com.tw/about/calculator/"> <img  class="img-fluid" src="../img/nav-bottom/budget.png" alt=""></a>
@@ -47,19 +48,19 @@
     <section id="Navigation2" class="container-fluid" style="padding:0;margin: 0; ">
         <div id="nav" class="nav2">
             <div class="nav-1">
-                <a target="_blank" href="https://hhh.com.tw/"> <img src="../img/nav-bottom/find.png" alt=""></a>
+                <a target="_blank" href="https://hhh.com.tw/about/request/"> <img src="../img/nav-bottom/find.png" alt=""></a>
             </div>
             <div class="nav-1">
-                <a target="_blank" href="https://hhh.com.tw/"> <img src="../img/nav-bottom/budget.png" alt=""></a>
+                <a target="_blank" href="https://hhh.com.tw/about/calculator/"> <img src="../img/nav-bottom/budget.png" alt=""></a>
             </div>
             <div class="nav-1">
-                <a target="_blank" href="https://hhh.com.tw/"> <img src="../img/nav-bottom/line.png" alt=""></a>
+                <a target="_blank" href="https://line.me/ti/p/%40ovs4341s"> <img src="../img/nav-bottom/line.png" alt=""></a>
             </div>
             <div class="nav-1">
-                <a target="_blank" href="https://hhh.com.tw/"> <img src="../img/nav-bottom/facebook.png" alt=""></a>
+                <a target="_blank" href="https://www.facebook.com/hhhfb"> <img src="../img/nav-bottom/facebook.png" alt=""></a>
             </div>
             <div class="nav-1">
-                <a target="_blank" href="https://hhh.com.tw/"> <img src="../img/nav-bottom/Icon simple-wechat.png"
+                <a target="_blank" href="https://www.addtoany.com/ext/wechat/share/#url=https%3A%2F%2Fevent.hhh.com.tw%2F2021-Most-Favorite-Designers%2Findex.php&title="> <img src="../img/nav-bottom/Icon simple-wechat.png"
                         alt=""></a>
             </div>
             <div style="display: none;" class="col-0">
@@ -77,6 +78,7 @@
             <!-- 電腦版 -->
             <div class="banner-des-about row vertical align-items-end">
                 <div class="col-3 pe-0">
+             
                     <!-- <img class="img-fluid" src="../img/banner/28.png" alt=""> -->
                 </div>
                 <div class="banner-0 col-9 text-white">
@@ -85,6 +87,7 @@
                             <!-- <div style="font-weight: 900;" class="fs-2">張馨&瀚觀室內設計</div>
                             <p><span class="fs-5">張馨</span>設計師</p> -->
                         </div>
+                        <div></div>
                         <div class="banner-2 col-4">
                             <!-- <a href="../index.html"><img src="../img/about/banner/title.png" alt=""></a> -->
                         </div>

index.html

@@ -67,7 +67,7 @@
                             alt=""></a>
                 </div>
                 <div class="nav-1">
-                    <a target="_blank" href="https://hhh.com.tw/"> <img src="./img/nav-bottom/Icon simple-wechat.png"
+                    <a target="_blank" href="https://www.addtoany.com/ext/wechat/share/#url=https%3A%2F%2Fevent.hhh.com.tw%2F2021-Most-Favorite-Designers%2Findex.php&title="> <img src="./img/nav-bottom/Icon simple-wechat.png"
                             alt=""></a>
                 </div>
                 <div style="display: none;" class="col-0">
@@ -112,7 +112,7 @@
                 <div id="sec01" class="container-fluid px-0 mx-0">
                     <div class="sec01-designer row px-0 mx-0">
 
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="705" class="img-fluid"
+                        <div id="705" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/705.jpg?v12"
                                     alt="">
 
@@ -123,7 +123,7 @@
                             </a>
 
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="465" class="img-fluid"
+                        <div id="465" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/465.jpg?v12"
                                     alt="">
                             </a>
@@ -133,7 +133,7 @@
                                 <p>劉獻文</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="33" class="img-fluid"
+                        <div id="33" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/33.jpg?v12"
                                     alt="">
                             </a>
@@ -142,7 +142,7 @@
                                 <p>張靜峰</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="688" class="img-fluid"
+                        <div id="688" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/688.jpg?v12"
                                     alt="">
                             </a>
@@ -151,7 +151,7 @@
                                 <p>王誌霆</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="278" class="img-fluid"
+                        <div id="278" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/278.jpg?v12"
                                     alt="">
                             </a>
@@ -160,7 +160,7 @@
                                 <p>邱炫達</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="385" class="img-fluid"
+                        <div id="385" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/385.jpg?v12"
                                     alt="">
                             </a>
@@ -169,7 +169,7 @@
                                 <p>簡瑋琪</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="505" class="img-fluid"
+                        <div id="505" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/505.jpg?v12"
                                     alt="">
                             </a>
@@ -178,7 +178,7 @@
                                 <p>胡捷荏</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="555" class="img-fluid"
+                        <div id="555" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/555.jpg?v12"
                                     alt="">
                             </a>
@@ -187,7 +187,7 @@
                                 <p>曾智和</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="651" class="img-fluid"
+                        <div id="651" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/651.jpg?v12"
                                     alt="">
                             </a>
@@ -196,7 +196,7 @@
                                 <p>李柔瑩</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="291" class="img-fluid"
+                        <div id="291" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/291.jpg?v12"
                                     alt="">
                             </a>
@@ -205,7 +205,7 @@
                                 <p>張芷融</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="491" class="img-fluid"
+                        <div id="491" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/491.jpg?v12"
                                     alt="">
                             </a>
@@ -214,7 +214,7 @@
                                 <p>黃仲均</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="301" class="img-fluid"
+                        <div id="301" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/301.jpg?v12"
                                     alt="">
                             </a>
@@ -223,7 +223,7 @@
                                 <p>李宗育</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="347" class="img-fluid"
+                        <div id="347" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/347.jpg?v12"
                                     alt="">
                             </a>
@@ -232,7 +232,7 @@
                                 <p>李千惠</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="363" class="img-fluid"
+                        <div id="363" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/363.jpg?v12"
                                     alt="">
                             </a>
@@ -241,7 +241,7 @@
                                 <p>廖笠庭 周言叡</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="438" class="img-fluid"
+                        <div id="438" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/438.jpg?v12"
                                     alt="">
                             </a>
@@ -251,7 +251,7 @@
                                 <p>卜冠程&木博士設計團隊</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="65" class="img-fluid"
+                        <div  id="65" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/65.jpg?v12"
                                     alt="">
                             </a>
@@ -260,7 +260,7 @@
                                 <p>楊詩韻</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="474" class="img-fluid"
+                        <div id="474" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/474.jpg?v12"
                                     alt="">
                             </a>
@@ -269,7 +269,7 @@
                                 <p>劉倢妤</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="436" class="img-fluid"
+                        <div id="436" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/436.jpg?v12"
                                     alt="">
                             </a>
@@ -278,7 +278,7 @@
                                 <p>陳偉立</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="158" class="img-fluid"
+                        <div id="158" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/158.jpg?v12"
                                     alt="">
                             </a>
@@ -287,7 +287,7 @@
                                 <p>王立崢</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="507" class="img-fluid"
+                        <div id="507" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/507.jpg?v12"
                                     alt="">
                             </a>
@@ -296,7 +296,7 @@
                                 <p>陳琬婷</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="23" class="img-fluid"
+                        <div id="23" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/23.jpg?v12"
                                     alt="">
                             </a>
@@ -305,7 +305,7 @@
                                 <p>周靖雅</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="712" class="img-fluid"
+                        <div id="712"  class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/712.jpg?v12"
                                     alt="">
                             </a>
@@ -314,7 +314,7 @@
                                 <p>張書源</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="279" class="img-fluid"
+                        <div id="279" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/279.jpg?v12"
                                     alt="">
                             </a>
@@ -323,7 +323,7 @@
                                 <p>郁琇琇</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="402" class="img-fluid"
+                        <div id="402" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/402.jpg?v12"
                                     alt="">
                             </a>
@@ -332,7 +332,7 @@
                                 <p>張舜淵 林術榮 李晴沛</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="28" class="img-fluid"
+                        <div id="28" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/28.jpg?v12"
                                     alt="">
                             </a>
@@ -341,7 +341,7 @@
                                 <p>張馨</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="79" class="img-fluid"
+                        <div id="79" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/79.jpg?v12"
                                     alt="">
                             </a>
@@ -350,7 +350,7 @@
                                 <p>張成一</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="131" class="img-fluid"
+                        <div  id="131" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/131.jpg?v12"
                                     alt="">
                             </a>
@@ -359,7 +359,7 @@
                                 <p>林欣璇</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="594" class="img-fluid"
+                        <div id="594" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/594.jpg?v12"
                                     alt="">
                             </a>
@@ -368,7 +368,7 @@
                                 <p>魏子涵</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="672" class="img-fluid"
+                        <div  id="672" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/672.jpg?v12"
                                     alt="">
                             </a>
@@ -377,7 +377,7 @@
                                 <p>毛至文</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="680" class="img-fluid"
+                        <div id="680" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/680.jpg?v12"
                                     alt="">
                             </a>
@@ -386,7 +386,7 @@
                                 <p>張禾溥、舒皓</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="500" class="img-fluid"
+                        <div id="500" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/500.jpg?v12"
                                     alt="">
                             </a>
@@ -395,7 +395,7 @@
                                 <p>劉啟全、陳韻如、方人凱</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="418" class="img-fluid"
+                        <div id="418" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/418.jpg?v12"
                                     alt="">
                             </a>
@@ -404,7 +404,7 @@
                                 <p>盧慧珊&采品設計團隊</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="364" class="img-fluid"
+                        <div id="364" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/364.jpg?v12"
                                     alt="">
                             </a>
@@ -413,7 +413,7 @@
                                 <p>馬愷君 Maggie</p>
                             </div>
                         </div>
-                        <div class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img id="423" class="img-fluid"
+                        <div id="423" class="secimg card col-4  col-lg-2 mx-0 px-0 border-0"><a><img  class="img-fluid"
                                     src="https://event.hhh.com.tw/2021-Most-Favorite-Designers/img/designer/423.jpg?v12"
                                     alt="">
                             </a>