修正

index.html

@@ -4052,14 +4052,14 @@
                         var numb = i + 1;
                         sec01News += ' \
                             <div class="NEWSCard card col-lg-6"> \
-                                <a class="text-center" href="' + msg[i].website + '" " target="_blank"><img class="data-line" src="' + msg[i].newsimg + '" alt=""></a> \
+                                <a class="text-center" href="' + msg[i].website + '" " target="_blank"><img class="img-fluid" src="' + msg[i].newsimg + '" alt=""></a> \
                                 <div class="row py-3"> \
                                     <div class="col-2 text-center"> \
                                         <h1>'+ numb + '</h1> \
                                     </div> \
                                         <div class="col-10 px-0"> \
                                             <a  href="' + msg[i].website + '" " target="_blank"> \
-                                                <p style=" font-weight: 900; font-size: 22px;">'+ msg[i].newstext1 + '</p> \
+                                                <h5 style=" font-weight: 900;">'+ msg[i].newstext1 + '</h5> \
                                             </a> \
                                             <p class="NEWtext">'+ msg[i].newstext2 + '</p> \
                                         </div> \

style.css

@@ -810,12 +810,23 @@ body .learn-more:hover {
   }
 }
 
+#sec01 #sec01-container #sec01-container-card .card h5 {
+  font-size: 22px;
+}
+
+@media screen and (max-width: 767px) {
+  #sec01 #sec01-container #sec01-container-card .card h5 {
+    font-size: 20px;
+  }
+}
+
 #sec01 #sec01-container #sec01-container-card .card a {
   text-decoration: none;
   color: #000;
   -webkit-transition: 0.3s;
   transition: 0.3s;
   cursor: pointer;
+  font-size: 22px;
 }
 
 #sec01 #sec01-container #sec01-container-card .card a:hover {
@@ -833,7 +844,7 @@ body .learn-more:hover {
 @media screen and (max-width: 767px) {
   #sec01 #sec01-container #sec01-container-card .card img {
     width: 85vw;
-    height: 200px;
+    height: auto;
     margin: 0 auto;
   }
 }
@@ -2657,7 +2668,7 @@ body .learn-more:hover {
 }
 
 #sec10 {
-  width: 85vw;
+  width: 90vw;
 }
 
 #sec10 .sec10-title {

style.scss

@@ -607,11 +607,19 @@ body {
                         font-size: 18px;
                     }
                 }
+                h5{
+                    font-size: 22px;
+                    @media screen and(max-width:$moblie) {
+                        font-size: 20px;
+                    }
+                }
                 a {
                     text-decoration: none;
                     color: #000;
                     transition: 0.3s;
                     cursor: pointer;
+                    font-size: 22px;
+                    
                     &:hover {
                         color: #2828ff;
                     }
@@ -623,7 +631,7 @@ body {
                     object-fit: cover;
                     @media screen and(max-width:$moblie) {
                         width: 85vw;
-                        height: 200px;
+                        height: auto;
                         margin: 0 auto;
                     }
                 }
@@ -2354,7 +2362,7 @@ body {
 }
 // 第二層文章
 #sec10 {
-    width: 85vw;
+    width: 90vw;
     .sec10-title{
         font-size: 43px;
         @media screen and(max-width:$moblie) {