頁面修正

about/about.css

@@ -21,7 +21,7 @@ body {
 body .arrow {
   position: fixed;
   right: 30px;
-  top: 600px;
+  bottom: 150px;
   width: 45px;
   height: 40px;
   z-index: 10;
@@ -29,7 +29,7 @@ body .arrow {
 
 @media screen and (max-width: 767px) {
   body .arrow {
-    top: 545px;
+    top: 525px;
   }
 }
 
@@ -326,6 +326,13 @@ body .arrow:hover {
   background: rgba(141, 194, 31, 0.8);
 }
 
+@media screen and (max-width: 767px) {
+  #banner #banner-container .banner-m .bannerm-1 {
+    padding-right: 5px;
+    padding-left: 7px;
+  }
+}
+
 #banner #banner-container .banner-m .bannerm-1 .btn {
   color: #fff;
   width: 55px;
@@ -336,7 +343,7 @@ body .arrow:hover {
 
 @media screen and (max-width: 350px) {
   #banner #banner-container .banner-m .bannerm-1 .btn {
-    width: 55px;
+    width: 50px;
     height: 40px;
   }
 }
@@ -441,6 +448,27 @@ body .arrow:hover {
   }
 }
 
+@media screen and (max-width: 350px) {
+  #banner #banner-container .tab-content .sec01 .condition {
+    padding: 10vw 10px;
+  }
+}
+
+#banner #banner-container .tab-content .sec01 .condition table th {
+  width: 100px;
+  padding: .4rem .1rem;
+}
+
+@media screen and (max-width: 350px) {
+  #banner #banner-container .tab-content .sec01 .condition table th {
+    width: 35%;
+  }
+}
+
+#banner #banner-container .tab-content .sec01 .condition table td {
+  padding: .4rem .1rem;
+}
+
 #banner #banner-container .tab-content .sec01 .idea {
   padding: 4vw 24px;
   font-size: 16px;

about/about.scss

@@ -24,12 +24,12 @@ body {
     .arrow {
         position: fixed;
         right: 30px;
-        top: 600px;
+       bottom:150px;
         width: 45px;
         height: 40px;
         z-index: 10;
         @media screen and(max-width:$moblie) {
-            top: 545px;
+            top: 525px;
         }
         @media screen and(max-width:350px) {
             top: 445px;
@@ -254,13 +254,17 @@ body {
                 display: none;
             }
             .bannerm-1 {
+                @media screen and(max-width:$moblie) {
+                    padding-right: 5px;
+                    padding-left: 7px;
+                }
                 .btn{
                     color:#fff;
                     width: 55px;
                     height: 40px;
                     box-shadow:none;
                     @media screen and(max-width:350px) {
-                        width: 55px;
+                        width: 50px;
                         height: 40px;
                       
                     }
@@ -348,6 +352,23 @@ body {
                         padding:10vw 18px;
                         padding-bottom: 15vw;
                     }
+                    @media screen and(max-width:350px) {
+                        padding:10vw 10px;
+                    }
+
+                    table{
+                        th{
+                            width: 100px;
+                            padding: .4rem .1rem;
+                            @media screen and(max-width:350px) {
+                                width: 35%;
+                            }
+                        }
+                        td{
+                            padding: .4rem .1rem;
+                       
+                        }
+                    }
                 }
                 .idea {
                     padding:4vw 24px;
@@ -383,6 +404,7 @@ body {
                             padding: .4rem .1rem;
                             @media screen and(max-width:350px) {
                                 width: 35%;
+                            
                             }
                         }
                         td{

goto.js

@@ -273,7 +273,7 @@ function funcTest4() {
           </div>\
           <div class="bannerm-1 col-5 order-3 col-lg-5 order-2 text-white text-start pb-3">\
           <a style="text-decoration: none;color:#fff;" href="./about/index.html?id='+ deslist2.id + '">\
-          <div class="banner1-1 pt-3 pb-4" style="font-weight: 900;">'+ deslist2.WorkName + '</div>\
+          <div class="banner1-1 pt-3 pb-1" style="font-weight: 900;">'+ deslist2.WorkName + '</div>\
           <p class=""><span class="fs-5">'+ deslist2.DesignerName + '</span>設計師</p>\
           </a>\
           <button type="button" class="btn border border-white"><a target="_blank" href="tel: '+ deslist2.TollFreeCall + '"><img class="" src="img/002-phone-call.svg" alt=""></a>\</button>\