修正

index.html

@@ -684,13 +684,13 @@
         <hr class="line" style="opacity: 1;">
         <div id="card-box2" class="row" style="outline: none;">
             <div class="box col-10">
-                <div class="boxs-chedule1">
+                <div class="boxs-chedule1" > 
                     <h1>Day1上午</h1>
                     <div class="card" style="padding: 54px 42px;">
                         <div>社群營造(一)</div>
                     </div>
                 </div>
-                <div class="boxs-chedule1">
+                <div class="boxs-chedule1" style="padding-bottom:5vw;">
                     <h1>Day1下午</h1>
                     <div class="card"  style="padding: 54px 42px;">
                         <div>社群營造(二)</div>

style.css

@@ -244,19 +244,32 @@ body #btn-a #mobile-btn {
   background-position: center;
   background-image: url(./img/banner/coverwebp.webp);
   position: relative;
+  height: 100vh;
+}
+
+@media screen and (min-width: 1025px) {
+  #banner {
+    height: 100vh !important;
+  }
 }
 
 @media screen and (max-width: 767px) {
   #banner {
     background-image: none;
-    height: 100vh;
+    height: 95vh;
     padding-bottom: 30vw;
   }
 }
 
-@media screen and (min-height: 800px) {
+@media screen and (min-height: 750px) {
   #banner {
-    height: 80vh;
+    height: 85vh;
+  }
+}
+
+@media screen and (max-width: 350px) {
+  #banner {
+    height: 100vh;
   }
 }
 
@@ -2164,7 +2177,6 @@ body #btn-a #mobile-btn {
 .sec05 {
   text-align: center;
   padding-top: 4.5rem;
-  padding-bottom: 8rem;
   color: #646464;
   padding-bottom: 8rem !important;
   overflow: hidden;

style.scss

@@ -200,15 +200,25 @@ body {
     background-position: center;
     background-image: url(./img/banner/coverwebp.webp);
     position: relative;
-
+    height: 100vh;
+    @media screen and(min-width:$desktop) {
+        height: 100vh !important;
+    }
     @media screen and(max-width:$moblie) {
         background-image: none;
-        height: 100vh;
+        height: 95vh;
         padding-bottom: 30vw;
     }
-    @media screen and(min-height:800px) {
-        height: 80vh;
+   
+
+    @media screen and(min-height:750px) {
+        height: 85vh;
     }
+    @media screen and(max-width:350px) {
+        height: 100vh;
+    }
+
+
     .banner1 {
         width: 85vw;
         padding-top: 10vw;
@@ -1265,14 +1275,16 @@ body {
 .sec05 {
     text-align: center;
     padding-top: 4.5rem;
-    padding-bottom: 8rem;
+
     color: $title-color;
     padding-bottom: 8rem !important;
     overflow: hidden;
     position: relative;
+    
     @media screen and(min-width:768px) {
         display: none;
     }
+    
     .element2 {
         position: absolute;
         width: 70vw;