內容修改

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-    "liveServer.settings.port": 5504
+    "liveServer.settings.port": 5505
 }

goto.js

@@ -473,7 +473,7 @@ $(".close").click(function () {
     minute = second * 60,
     hour = minute * 60,
     day = hour * 24;
-  let birthday = "Aug 23, 2021 00:00:00",
+  let birthday = "Aug 31, 2021 23:59:00",
     countDown = new Date(birthday).getTime(),
 
     x = setInterval(function () {

index.html

@@ -140,7 +140,7 @@
     <section id="light-box" class="container-fluid">
         <img class="close" src="./img/course-box/close.png" alt="">
         <div class="light-box1">
-           <img class="light-box" src="./img/ligjtbox.png" alt="">
+           <img class="light-box img-fluid" src="./img/ligjtbox.jpg" alt="">
            <img class="light-box-m" src="./img/lighbox-m.png" alt="">
         </div>
     </section>
@@ -775,7 +775,7 @@
             <div><span style="font-weight: 900;">截止報名日:</span>2021/10/01 23:59 (逾時不候!)</div>
             <div><span style="font-weight: 900;">開課日期:</span>暫定為10月底，詳細日期將另行通知</div>
             <div><span style="font-weight: 900;">開課地點:</span>於LINE私密群組中即時LIVE開課!</div>
-            <div><span style="font-weight: 900;">8/30前享早鳥價:</span>NT$30,000（可獲得幸福空間官網專欄及百萬粉專曝光，媒體價值等同於NT$80,000）</div>
+            <div><span style="font-weight: 900;">8/31前享早鳥價:</span>NT$30,000（可獲得幸福空間官網專欄及百萬粉專曝光，媒體價值等同於NT$80,000）</div>
             <div><span style="font-weight: 900;">報名流程:請點擊<a style="color:#70b2a0;"
                         target="_blank"
                         href="https://p.ecpay.com.tw/3AEB8E0">繳費連結</a>(可刷卡/ATM匯款)完成付款後，填寫底下報名表並送出，將有專人與您聯繫!</span>
@@ -835,7 +835,7 @@
                 <div><span style="font-weight: 900;">截止報名日:</span>2021/10/01 23:59 (逾時不候!)</div>
                 <div><span style="font-weight: 900;">開課日期:</span>暫定為10月底，詳細日期將另行通知</div>
                 <div><span style="font-weight: 900;">開課地點:</span>於LINE私密群組中即時LIVE開課!</div>
-                <div><span style="font-weight: 900;">8/30前享早鳥價:</span>NT$30,000（可獲得幸福空間官網專欄及百萬粉專曝光，媒體價值等同於NT$80,000）</div>
+                <div><span style="font-weight: 900;">8/31前享早鳥價:</span>NT$30,000（可獲得幸福空間官網專欄及百萬粉專曝光，媒體價值等同於NT$80,000）</div>
                 <div><span style="font-weight: 900;">報名流程:請點擊<a style="color:#70b2a0;"
                             target="_blank"
                             href="https://p.ecpay.com.tw/3AEB8E0">繳費連結</a>(可刷卡/ATM匯款)完成付款後，填寫底下報名表並送出，將有專人與您聯繫!</span>

style.css

@@ -250,21 +250,21 @@ body #btn-a #mobile-btn:hover {
   width: 100vw;
   height: 100vh;
   z-index: 12;
-  padding: 50px 50px 100px 50px;
+  padding: 100px 50px 100px 50px;
   position: fixed;
   top: 0vw;
 }
 
 @media screen and (max-width: 1024px) {
   #light-box {
-    padding: 50px 20px 100px 20px;
+    padding: 100px 20px 100px 20px;
   }
 }
 
 #light-box .close {
   position: absolute;
-  right: 22vw;
-  top: 5vw;
+  right: 18vw;
+  top: 4.5vw;
 }
 
 @media screen and (max-width: 767px) {
@@ -276,10 +276,19 @@ body #btn-a #mobile-btn:hover {
 
 #light-box .light-box1 {
   text-align: center;
+  padding-bottom: 5vw;
+}
+
+@media screen and (min-width: 1025px) {
+  #light-box .light-box1 {
+    width: 60vw;
+    margin: 0 auto;
+  }
 }
 
 #light-box .light-box1 .light-box {
-  width: 60vw;
+  -o-object-fit: cover;
+     object-fit: cover;
 }
 
 @media screen and (max-width: 767px) {
@@ -289,7 +298,7 @@ body #btn-a #mobile-btn:hover {
 }
 
 #light-box .light-box1 .light-box-m {
-  padding-top: 30vw;
+  padding-top: 15vw;
   width: 90vw;
 }
 

style.scss

@@ -204,17 +204,17 @@ body {
     width: 100vw;
     height: 100vh;
     z-index: 12;
-    padding: 50px 50px 100px 50px;
+    padding: 100px 50px 100px 50px;
     position: fixed;
     top: 0vw;
    
     @media screen and(max-width:$table) {
-        padding: 50px 20px 100px 20px;
+        padding: 100px 20px 100px 20px;
     }
     .close {
         position: absolute;
-        right: 22vw;
-        top: 5vw;
+        right: 18vw;
+        top: 4.5vw;
         @media screen and(max-width:$moblie) {
             right: 1vw;
             top: 33vw;;
@@ -222,8 +222,14 @@ body {
     }
     .light-box1{
         text-align: center;
-        .light-box{
+        padding-bottom: 5vw;
+        @media screen and(min-width:$desktop) {
             width: 60vw;
+            margin: 0 auto;
+         }
+       
+        .light-box{
+            object-fit: cover;
             @media screen and(max-width:$moblie) {
                display: none;
             }
@@ -231,7 +237,7 @@ body {
         }
 
         .light-box-m{
-            padding-top: 30vw;
+            padding-top: 15vw;
             width: 90vw;
             @media screen and(min-width:$desktop) {
                 display: none;