修正圖片比例

about/about.css

@@ -342,7 +342,7 @@ body .arrow:hover {
 
 #banner #banner-container .tab-content .condition {
   padding: 24px;
-  font-size: 14px;
+  font-size: 16px;
   padding-bottom: 10vw;
 }
 
@@ -354,7 +354,7 @@ body .arrow:hover {
 
 #banner #banner-container .tab-content .idea {
   padding: 24px;
-  font-size: 14px;
+  font-size: 16px;
   padding-bottom: 10vw;
   background-size: contain;
   background-repeat: no-repeat;
@@ -364,7 +364,7 @@ body .arrow:hover {
 #banner #banner-container .tab-content .contact {
   padding-bottom: 10vw;
   padding: 24px;
-  font-size: 14px;
+  font-size: 16px;
   background-size: contain;
   background-repeat: no-repeat;
   background-blend-mode: overlay;
@@ -449,7 +449,7 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec04 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
-  width: 480px !important;
+  width: 100% !important;
   height: 280px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
@@ -558,7 +558,7 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec03 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
-  width: 435px !important;
+  width: 100% !important;
   height: 200px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
@@ -661,7 +661,7 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec04 .col-lg-4 img {
   -o-object-fit: cover;
      object-fit: cover;
-  width: 430px !important;
+  width: 100% !important;
   height: 200px !important;
   opacity: 1;
   -webkit-transition: 0.3s ease-in-out;
@@ -701,6 +701,7 @@ body .arrow:hover {
 #banner #banner-container .tab-content .sec04 .sec04-1 .sec05-row {
   background: rgba(0, 0, 0, 0.8);
   text-align: center;
+  width: 100%;
   height: 600px;
 }
 

about/about.scss

@@ -281,7 +281,7 @@ body {
             // 公司簡介
             .condition {
                 padding: 24px;
-                font-size: 14px;
+                font-size: 16px;
                 padding-bottom: 10vw;
                 @media screen and(max-width:$moblie) {
                     padding: 18px;
@@ -289,7 +289,7 @@ body {
             }
             .idea {
                 padding: 24px;
-                font-size: 14px;
+                font-size: 16px;
                 padding-bottom: 10vw;
                 background-size: contain;
                 background-repeat: no-repeat;
@@ -298,7 +298,7 @@ body {
             .contact {
                 padding-bottom: 10vw;
                 padding: 24px;
-                font-size: 14px;
+                font-size: 16px;
                 background-size: contain;
                 background-repeat: no-repeat;
                 background-blend-mode: overlay;
@@ -356,7 +356,7 @@ body {
 
                     img {
                         object-fit: cover;
-                        width: 480px !important;
+                        width: 100% !important;
                         height: 280px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
@@ -436,7 +436,7 @@ body {
 
                     img {
                         object-fit: cover;
-                        width: 435px !important;
+                        width: 100% !important;
                         height: 200px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
@@ -517,7 +517,7 @@ body {
 
                     img {
                         object-fit: cover;
-                        width: 430px !important;
+                        width: 100% !important;
                         height: 200px !important;
                         opacity: 1;
                         transition: 0.3s ease-in-out;
@@ -548,6 +548,7 @@ body {
                     .sec05-row {
                         background: rgba(0, 0, 0, 0.8);
                         text-align: center;
+                        width: 100%;
                         height: 600px;
                         @media screen and(max-width:$moblie) {
                             height: 300px;

style.css

@@ -308,6 +308,10 @@ body .arrow:hover {
   cursor: pointer;
 }
 
+#banner #banner-container #sec01 .col-lg-2 img {
+  width: 100%;
+}
+
 #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
   color: #fff;
   text-align: center;
@@ -327,7 +331,7 @@ body .arrow:hover {
   #banner #banner-container #sec01 .col-lg-2 .sec02-p-m {
     width: 100%;
     position: absolute;
-    top: 70px;
+    top: 40%;
     left: 0px;
     font-size: 16px;
     opacity: 0;

style.scss

@@ -236,7 +236,7 @@ body {
                 transition: 0.5s ease-in-out;
                 cursor: pointer;
                 img{
-                   
+                    width: 100%;
                 }
                 .sec02-p-m {
                     color: #fff;
@@ -251,7 +251,7 @@ body {
                     @media screen and(min-width:$desktop) {
                         width: 100%;
                         position: absolute;
-                        top: 70px;
+                        top: 40%;
                         left: 0px;
                         font-size: 16px;
                         opacity: 0;