內容修正

style.scss

@@ -16,10 +16,11 @@ $navbgcolor: #313131;
     }
 }
 body {
+    width: 100vw;
     background: #fff;
     .learn-more {
         color: #fff;
-        width: 30%;
+
         height: 50px;
         margin: 10px 0px;
         font-size: 16px;
@@ -477,6 +478,32 @@ body {
         }
     }
 }
+
+// 活動作品集
+#sec-works {
+    .sec-work-container {
+        width: 85vw;
+    }
+    #sec-work-box {
+        .work-box {
+            .card {
+                text-align: center;
+
+                transition: 0.3s;
+                &:hover {
+                    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
+                }
+            }
+        }
+    }
+    .sec-work-title {
+        h1 {
+            font-size: 45px;
+            font-weight: 900;
+            padding: 15px;
+        }
+    }
+}
 // sec02 TOP排名 電腦版
 #sec02 {
     background: #414141;
@@ -665,6 +692,9 @@ body {
         display: inline-block;
 
         color: #9b9b9b;
+        @media screen and(max-width:350px) {
+            font-size: 12px;
+        }
     }
     .contant-toggle {
         display: inline-block;
@@ -774,7 +804,7 @@ body {
         }
     }
     .learn-more {
-        width: 45%;
+        width: 120px;
     }
     #sec04-container {
         background: linear-gradient(180deg, #414141 15%, #eee 0%);
@@ -1666,16 +1696,18 @@ body {
         }
         .card {
             margin: 10px;
-            height: 480px;
+            display: inline-block !important;
+            height: 480px !important;
             img {
-                padding: 5px;
                 height: 150px;
+
                 object-fit: cover;
             }
             border-radius: 0%;
             box-shadow: 0 10px 1px rgba(155, 155, 155, 0.8);
             .card-title {
                 font-weight: 900;
+                font-size: 18px;
             }
             .learn-more {
                 width: 120px;
@@ -1860,24 +1892,21 @@ body {
                 align-items: center;
                 img {
                     align-items: center;
-                    
+                    object-fit: cover;
                 }
             }
         }
-        .col-3{
+        .col-3 {
             margin: 10px 0;
 
             img {
-           
-                
+                object-fit: cover;
             }
         }
     }
 }
 
 #sec09 {
-
-
     #sec09-container-box {
         background-size: contain;
         background-repeat: no-repeat;
@@ -1916,7 +1945,7 @@ body {
             padding-top: 5vw;
             padding-bottom: 5vw;
             border: none;
-        
+
             .adv4 {
                 display: flex;
                 align-items: center;
@@ -1931,7 +1960,7 @@ body {
                 }
             }
         }
-        .col-4{
+        .col-4 {
             margin: 10px 0;
             padding: 15px;
             img {