頁面修正

desktop11/goto.js

@@ -8,7 +8,7 @@ $(".content1-right").slick({
   dotsClass: 'slick-dots',
   dots: true,
   speed: 1000,
-
+  autoplay: true,
   arrows: false,
 
 });

desktop11/index.html

@@ -228,8 +228,8 @@
                     </div>
                     <div class="box">
                         <img src="./img/process/box2.png" alt="">
-                        <div class="box-text">專人聯繫</div>
-                        <div class="box-text">進行裝修前諮詢</div>
+                        <div class="box-text" style=" padding-right: 3vw;">專人聯繫</div>
+                        <div class="box-text" style=" padding-right: 3vw;">進行裝修前諮詢</div>
                     </div>
                     <div class="box">
                         <img src="./img/process/box3.png" alt="">

desktop11/style.css

@@ -410,7 +410,6 @@ body .arrow:hover {
 }
 
 #service-process {
-  width: 100vw;
   background-color: #f7f7f7;
   padding-bottom: 150px;
 }
@@ -433,7 +432,6 @@ body .arrow:hover {
 
 #service-process #process-box .box {
   width: 14vw;
-  margin: 0 auto;
 }
 
 #service-process #process-box .box .box-text {
@@ -441,13 +439,13 @@ body .arrow:hover {
   text-align: center;
   font-size: 17px;
   font-weight: 900;
-  padding-right: 3vw;
+  padding-right: 2.8vw;
   color: #6f645a;
 }
 
 #service-process #process-box img {
-  width: 180px;
-  height: 180px;
+  width: 185px;
+  height: 185px;
   -webkit-filter: invert(42%) sepia(12%) saturate(490%) hue-rotate(347deg) brightness(89%) contrast(86%);
           filter: invert(42%) sepia(12%) saturate(490%) hue-rotate(347deg) brightness(89%) contrast(86%);
 }

desktop11/style.scss

@@ -358,7 +358,7 @@ body {
 }
 // service-process
 #service-process {
-    width: 100vw;
+ 
     background-color: #f7f7f7;
     padding-bottom: 150px;
     h1 {
@@ -374,19 +374,18 @@ body {
         margin: 0 auto;
         .box {
             width: 14vw;
-            margin: 0 auto;
             .box-text {
                 font-family: 微軟正黑體;
                 text-align: center;
                 font-size: 17px;
                 font-weight: 900;
-                padding-right: 3vw;
+                padding-right: 2.8vw;
                 color: $process;
             }
         }
         img {
-            width: 180px;
-            height: 180px;
+            width: 185px;
+            height: 185px;
             filter: invert(42%) sepia(12%) saturate(490%) hue-rotate(347deg) brightness(89%) contrast(86%);
         }
     }