頁面修正

about/about.css

@@ -203,6 +203,12 @@ body .arrow:hover {
   top: 100px;
 }
 
+@media screen and (max-width: 767px) {
+  #banner #about-title {
+    display: none;
+  }
+}
+
 #banner #bannerdes-img {
   position: absolute;
   z-index: -1;
@@ -253,7 +259,7 @@ body .arrow:hover {
 }
 
 #banner #banner-container .banner-des-about .banner-3 img {
-  margin-bottom: -45px;
+  margin-bottom: -52px;
 }
 
 @media screen and (min-width: 1025px) {
@@ -277,6 +283,9 @@ body .arrow:hover {
 }
 
 #banner #banner-container ul {
+  position: static;
+  border-top-right-radius: 30px;
+  border-bottom-right-radius: 30px;
   text-align: center;
   background: rgba(141, 194, 31, 0.8);
 }
@@ -284,13 +293,14 @@ body .arrow:hover {
 @media screen and (min-width: 1025px) {
   #banner #banner-container ul {
     margin-left: 8px;
+    margin-bottom: 10px;
   }
 }
 
 @media screen and (max-width: 767px) {
   #banner #banner-container ul {
     margin-top: 5vw;
-    margin: 10px auto;
+    width: 100vw;
   }
 }
 
@@ -312,7 +322,7 @@ body .arrow:hover {
   content: url(../img/about/sec01/item-arrow.png);
   display: block;
   width: 80%;
-  height: 5px;
+  height: 8px;
   position: absolute;
   left: 12%;
   bottom: 0;
@@ -474,6 +484,13 @@ body .arrow:hover {
   height: 50px !important;
 }
 
+@media screen and (max-width: 767px) {
+  #banner #banner-container .tab-content .sec02 .col-lg-4 .sec03-img-m1 .play1,
+  #banner #banner-container .tab-content .sec04 .col-lg-4 .sec03-img-m1 .play1 {
+    display: none;
+  }
+}
+
 #banner #banner-container .tab-content .sec03 .col-lg-4 {
   position: relative;
   background: #80ab29;

about/about.scss

@@ -167,6 +167,9 @@ body {
         position: absolute;
         right: 50px;
         top: 100px;
+        @media screen and(max-width:$moblie) {
+         display: none;
+        }
     }
     #bannerdes-img {
         position: absolute;
@@ -205,7 +208,7 @@ body {
             }
             .banner-3 {
                 img {
-                    margin-bottom: -45px;
+                    margin-bottom: -52px;
                 }
             }
         }
@@ -226,14 +229,18 @@ body {
         }
 
         ul {
+            position: static;
+            border-top-right-radius:30px;
+            border-bottom-right-radius:30px;
             text-align: center;
             background: rgba(141, 194, 31, 0.8);
             @media screen and(min-width:$desktop) {
                 margin-left: 8px;
+                margin-bottom: 10px;
             }
             @media screen and(max-width:$moblie) {
                 margin-top: 5vw;
-                margin: 10px auto;
+               width: 100vw;
             }
             .nav-item {
                 padding: 10px;
@@ -247,7 +254,7 @@ body {
                         content: url(../img/about/sec01/item-arrow.png);
                         display: block;
                         width: 80%;
-                        height: 5px;
+                        height: 8px;
                         position: absolute;
                         left: 12%;
                         bottom: 0;
@@ -370,6 +377,9 @@ body {
                         .play1 {
                             width: 50px !important;
                             height: 50px !important;
+                            @media screen and(max-width:$moblie) {
+                                display: none;
+                            }
                         }
                     }
                 }

about/goto2.js

@@ -160,9 +160,9 @@ $(document).ready(function () {
                             <div class="bannerm-2 col-7 order-2 col-lg-2 order-3 px-0 mx-0">\
                                 <img class="img-fluid" src="'+ msg[i].Designerimg + '" alt="">\
                             </div>\
-                            <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start py-3">\
-                                <div class="banner1-1" style="font-weight: 900;">'+ msg[i].WorkName + '</div>\
-                                <p><span class="fs-5">'+ msg[i].DesignerName + '</span>設計師</p>\
+                            <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start">\
+                                <div class="banner1-1 pt-3 pb-5" style="font-weight: 900;">'+ msg[i].WorkName + '</div>\
+                                <p class="mb-0"><span class="fs-5">'+ msg[i].DesignerName + '</span>設計師</p>\
                              </div>\
                         </div>';
 
@@ -273,7 +273,7 @@ if (jQuery(window).width() < 767) {
         var y = window.scrollY;
     
         if (y > 550) {
-            $(".nav").css({"position":"fixed","top":"45px","left":"-1px","z-index":"10"});
+            $(".nav").css({"position":"fixed","top":"38px","z-index":"10"});
         } else {
             $(".nav").css({"position":"static"});
         }

about/index.html

@@ -106,7 +106,7 @@
                 <div class="banner-m row vertical align-items-end px-0 mx-0"></div>
        
                 
-                <ul class="nav row nav-pills mb-3 col-12 justify-content-md-center rounded-pill" id="pills-tab" role="tablist">
+                <ul class="nav row nav-pills py-1 col-12 justify-content-md-center me-0" id="pills-tab" role="tablist">
                     <li class="nav-item col-3 col-lg-1" role="presentation">
                         <button class="nav-item2 border-0 bg-transparent text-white" id="pills-home-tab"
                             data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab"