diff --git a/src/assets/1.png b/src/assets/1.png
index 4cace7b..c0640e5 100644
Binary files a/src/assets/1.png and b/src/assets/1.png differ
diff --git a/src/assets/a1.png b/src/assets/a1.png
new file mode 100644
index 0000000..2dc37ea
Binary files /dev/null and b/src/assets/a1.png differ
diff --git a/src/assets/a2.png b/src/assets/a2.png
new file mode 100644
index 0000000..be5e50d
Binary files /dev/null and b/src/assets/a2.png differ
diff --git a/src/assets/a3.png b/src/assets/a3.png
new file mode 100644
index 0000000..8395502
Binary files /dev/null and b/src/assets/a3.png differ
diff --git a/src/assets/p1.png b/src/assets/p1.png
new file mode 100644
index 0000000..a2815de
Binary files /dev/null and b/src/assets/p1.png differ
diff --git a/src/assets/p2.png b/src/assets/p2.png
new file mode 100644
index 0000000..2c699e3
Binary files /dev/null and b/src/assets/p2.png differ
diff --git a/src/modules/001_Maintenance/views/Main.vue b/src/modules/001_Maintenance/views/Main.vue
index 86299f7..dac0250 100644
--- a/src/modules/001_Maintenance/views/Main.vue
+++ b/src/modules/001_Maintenance/views/Main.vue
@@ -1,156 +1,235 @@
 <script setup lang="ts">
 </script>
-<template>
-    <div class="col-12 row justify-center text-h6 text-dark">Maintenance</div>
+<template> 
+ 
+
+<div class="col-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</div>
     <div class="col-12 q-pt-md "></div>
 	<div class="col-12"><q-separator color="grey-4" /></div>
 
+    <div class="q-pa-md col-12 text-weight-medium"
+    style="
+    padding-left: 0px;
+    padding-right: 0px;
+">
+    <q-expansion-item 
+      class="shadow-1 overflow-hidden"
+      style="border-radius: 8px"
+      icon="mdi-alert"
+      label="เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบ เช่น ระบบค้าง หรือ ข้อมูลไม่อัพเดต ต้องทำยังไง"
+      header-class="bg-blue-grey-6 text-white "
+      expand-icon-class="text-white"
+    >
+      <q-card>
+        <q-card-section>
+            <q-img
+      src="@/assets/p2.png"
+      class="col-12"
+    />
+        </q-card-section>
+      </q-card>
+    </q-expansion-item>
+  </div>
 
-    <q-card class="row col-12 q-mt-md">
-        <div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-light-blue-1 text-weight-medium">
-            ระบบหลัก
-        </div>
-        <div class="col-12 row q-pa-md">
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-account-tie"/>
-                        <div class="txt text-weight-regular">ผู้ดูแล
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                                นางสาวกัณฐิมา กาฬสินธุ์
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-briefcase"/>
-                        <div class="txt text-weight-regular">หน่วยงาน
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                สำนักงานคณะกรรมการข้าราชการกรุงเทพมหานคร
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-phone"/>
-                        <div class="txt text-weight-regular">เบอร์โทร
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                               063-511-9047
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-email"/>
-                        <div class="txt text-weight-regular">อีเมล
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                Kantima_Kalsin@gmail.com
-                            </div>
-                        </div>
-            </div>
-        </div>
-    </q-card>
-
-
-    <q-card class="row col-12 q-mt-md">
-        <div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
-            โครงสร้างอัตรากำลัง
-        </div>
-        <div class="col-12 row q-pa-md">
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-account-tie"/>
-                        <div class="txt text-weight-regular">ผู้ดูแล
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                                นางสาวรัชภรณ์ ภักดี
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-briefcase"/>
-                        <div class="txt text-weight-regular">หน่วยงาน
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                สำนักงานโครงสร้างอัตรากำลังกรุงเทพมหานคร
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-phone"/>
-                        <div class="txt text-weight-regular">เบอร์โทร
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                                092-112-3427
-                            </div>
-                        </div>
-            </div>
-
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-email"/>
-                        <div class="txt text-weight-regular">อีเมล
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                Ratchaphon.Pa@gmail.com
-                            </div>
-                        </div>
-            </div>
-        </div>
-    </q-card>
+  
 
 
 
-    <q-card class="row col-12 q-mt-md">
-        <div class="col-12 q-px-md q-py-sm text-subtitle2 text-blue bg-blue-1 text-weight-medium">
-            ทะเบียนประวัติ
-        </div>
-        <div class="col-12 row q-pa-md">
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-account-tie"/>
-                        <div class="txt text-weight-regular">ผู้ดูแล
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                                นายณัฐพงศ์ ดิษยบุตร
-                            </div>
-                        </div>
-            </div>
+  <div class="q-pa-md col-12 text-weight-medium"
+    style="
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 0px;
+">
+    <q-expansion-item
+      class="shadow-1 overflow-hidden"
+      style="border-radius: 8px"
+      icon="mdi-alert"
+      label="เมื่อการสูญหายของข้อมูล ต้องทำยังไง ? "
+      header-class="bg-blue-grey-6 text-white "
+      expand-icon-class="text-white"
+    >
+      <q-card>
+        <q-card-section>
+            <q-img
+      src="@/assets/p1.png"
+      class="col-12"
+    />
+        </q-card-section>
+      </q-card>
+    </q-expansion-item>
+  </div>
 
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-briefcase"/>
-                        <div class="txt text-weight-regular">หน่วยงาน
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                สำนักงานทะเบียนประวัติ
-                            </div>
-                        </div>
-            </div>
 
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-phone"/>
-                        <div class="txt text-weight-regular">เบอร์โทร
-                            <br>
-                            <div class="txt1 text-weight-regular">
-                                081-233-0892
-                            </div>
-                        </div>
-            </div>
 
-            <div class="col-6 row q-pa-sm icon_cer q-col-gutter-md">
-                        <q-icon class="iconcontat" name="mdi-email"/>
-                        <div class="txt text-weight-regular">อีเมล
-                            <br>
-                            <div class="txt1 text-weight-regular ">
-                                Nuttapong@gmail.com
-                            </div>
-                        </div>
-            </div>
-        </div>
-    </q-card>  
+  <div class="q-pa-md col-12 text-weight-medium"
+    style="
+    padding-left: 0px;
+    padding-right: 0px;
+    padding-top: 0px;
+">
+    <q-expansion-item
+      class="shadow-1 overflow-hidden"
+      style="border-radius: 8px"
+      icon="mdi-alert"
+      label="การตรวจสอบและแก้ไขปัญหา"
+      header-class="bg-blue-grey-6 text-white "
+      expand-icon-class="text-white"
+      
+    >
+    <q-card>
+          <q-card-section>
+            <div style="margin-bottom: 10px;">
+                1. เมื่อพบว่า server มีการตอบสนองช้าลง ซึ่งอาจจะเป็นได้จากการที่ RAM ของ Server ไม่พอ หรือมีการใช้งาน Memory ผิดปกติ สามารถเข้าไปตรวจสอบได้ที่ Grafana Dashboard 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            <a href="https://bma-dashboard.frappet.synology.me/d/fnX_0dPVk/docker-and-system-monitoring?orgId=1&refresh=5m" target="_blank">
+                            https://bma-dashboard.frappet.synology.me/d/fnX_0dPVk/docker-and-system-monitoring?orgId=1&refresh=5m
+                            </a>
+
+                        </li>
+                    </ul>
+                    
+                </q-card>                            
+                <q-img
+                    src="@/assets/a3.png"
+                        style="
+                        display: block;
+                        margin: 0 auto;
+                        margin-top: 20px;
+
+                        width: 80%;
+
+                        "
+                    />
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>    
+
+                <div class="d-flex justify-center">
+                    2. เมื่อเข้ามาแล้วจะเจอหน้า dashboard ให้ไปดูในส่วนของ Memory Consume 
+                    <q-img
+                    src="@/assets/a1.png"
+                        style="
+                        display: block;
+                        margin: 0 auto;
+                        margin-top: 20px;
+
+                        width: 50%;
+
+                        "
+                    />
+       
+            </div>  
+            <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>    
+
+
+            <div style="margin-bottom: 10px;">
+               3. เมื่อพบว่ามี container ตัวใดที่มีการใช้ memory มากผิดปกติ เราจะเข้าไปทำการ stop continer หรือทำการ restart Container ใหม่ โดย ssh เข้าไปที่เครื่อง server 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            
+                                ssh frappet@frappet.com 
+                        </li>
+                        
+                    </ul>
+                    
+                </q-card>   
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+                  
+
+                <div style="margin-bottom: 10px;">
+               4. ทำการใส่ password หลังจากนั้นระบบจะ ssh ไปที่เครื่อง server 
+            </div>   
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+            
+
+            
+                <div style="margin-bottom: 10px;">
+               5. ทำการ Change Directory ไปยัง folder ที่ติดตั้ง Docker 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            
+                            frappet@dockerserver:~$ cd docker 
+                        </li>
+                        
+                    </ul>
+                    
+                </q-card>   
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+
+
+                <div style="margin-bottom: 10px;">
+               6. หลังจากนั้นทำการลิสต์รายการ Container ที่ Run อยู่ เพื่อที่จะทำการ Stop หรือ Restart Container ที่ต้องการ โดยใช้คำสั่ง 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            
+                            frappet@dockerserver:~/docker$ docker ps 
+                        </li>
+                        
+                    </ul>
+                    
+                </q-card>   
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+
+
+
+                <div style="margin-bottom: 10px;">
+               7. ระบบจะแสดงรายชื่อ Container ที่ทำงานอยู่ขั้นมา 
+            </div>    
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+
+
+
+                <div style="margin-bottom: 10px;">
+               8. ทำการ Stop Container ที่ต้องการ โดยใช้คำสั่ง 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            
+                            frappet@dockerserver:~/docker$ docker stop container_name
+                        </li>
+                        
+                    </ul>
+                    
+                </q-card>   
+                <div class="col-12" style="margin-top: 30px; margin-bottom: 30px; "><q-separator color="grey-4" /></div>
+
+
+                <div style="margin-bottom: 10px;">
+               9. หลังจากนั้นทำการ Start Container ที่ต้องการขึ้นมาอีกครั้ง โดยการใช้คำสั่ง 
+            </div>  
+            <q-card  class="card1 text-weight-regular" >
+
+                    <ul>
+                        <li>
+                            
+                            frappet@dockerserver:~/docker$ docker start container_name
+                        </li>
+                        
+                    </ul>
+                    
+                </q-card>   
+          </q-card-section>        
+        </q-card>
+
+    </q-expansion-item>
+  </div>
+
+
 
-    
 </template>
 
 <style>
@@ -175,4 +254,10 @@
     color: black;
     font-size :14px;
 }
+
+.card1{
+    background-color: #e2e2e268;
+}
+
+
 </style>
\ No newline at end of file
diff --git a/src/modules/01_metadata/views/Main.vue b/src/modules/01_metadata/views/Main.vue
index 48414df..daaa17e 100644
--- a/src/modules/01_metadata/views/Main.vue
+++ b/src/modules/01_metadata/views/Main.vue
@@ -137,49 +137,11 @@
                     </div>
 
 
-                    <div class="col-12 row">
-                        <q-icon class="iconQA" name="mdi-cloud-question"/>
-                        <div class="text-weight-medium" style="color: #016987;">มีการโจมตีหรือความเสี่ยงด้านความปลอดภัยที่ต้องระวังหรือไม่ ?</div>
-                        <div class="col-12 row">
-                            <ul>
-                                <li>
-                                    เรามีการตรวจสอบความเสถียรของระบบอย่างสม่ำเสมอ และมีแผนการที่จะดำเนินการแก้ไขทันทีหากมีปัญหา
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
+                  
+                
 
 
-                    <div class="col-12 row">
-                        <q-icon class="iconQA" name="mdi-cloud-question"/>
-                        <div class="text-weight-medium" style="color: #016987;">เมื่อพบข้อผิดพลาดที่เกี่ยวข้องกับระบบทำงาน เช่น ระบบค้างหรือข้อมูลไม่อัพเดต ต้องทำยังไง ?</div>
-                        <div class="col-12 row">
-                            <ul>
-                                <li>
-                                    ลองรีเซ็ตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูว่าปัญหาจะถูกแก้ไขหรือไม่
-                                </li>
-                                <li>
-                                    หากการรีเซ็ตระบบไม่ช่วยแก้ไขปัญหาสามารถติดต่อฝ่ายสนับสนุนเทคนิค ที่ปุ่ม
-                                    <span
-                                            style="
-                                            background-color: #016987;
-                                            border: 1px solid #016987;
-                                            color: white;
-                                            font-size: 12px;
-                                            text-align: center;
-                                            display: inline-block;
-                                            padding: 2px 5px;
-                                            border-radius: 2px;
-                                            margin: 0px 5px 0px 5px;
-
-                                            "
-                                        >
-                                           ติดต่อเรา
-                                        </span>  เพื่อขอความช่วยเหลือ
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
+                
 
                 </q-card>
           </q-card-section>
diff --git a/src/modules/02_organizational/views/Main.vue b/src/modules/02_organizational/views/Main.vue
index af7f348..03244fb 100644
--- a/src/modules/02_organizational/views/Main.vue
+++ b/src/modules/02_organizational/views/Main.vue
@@ -278,7 +278,7 @@
 
 
 
-                    <div class="col-12 row">
+             <!--      <div class="col-12 row">
                         <q-icon class="iconQA" name="mdi-cloud-question"/>
                         <div class="text-weight-medium" style="color: #016987;">หากต้องการเชื่อมโครงสร้างอย่างไร ในระบบโครงสร้างอัตรากำลังต้องทำอย่างไร ?</div>
                         <br>
@@ -307,8 +307,8 @@
                         <q-icon class="iconQA" name="mdi-cloud-question"/>
                         <div class="text-weight-medium" style="color: #016987;">
                         ค่าตัวเลขสีดำ สีแดง ต่างกันอย่างไร ?</div>
-                        
-        <!--                    <ul>
+                      
+                          <ul>
                             <li>
                           <span 
                                 style="color: #ff0000;
@@ -322,42 +322,11 @@
                                 </span> 
                                 สีแดง คือจำนวนคนทั้งหมดขององค์กร  
                             </li>
-                        </ul>-->  
-                    </div>
-
-
-                    <div class="col-12 row">
-                        <q-icon class="iconQA" name="mdi-cloud-question"/>
-                        <div class="text-weight-medium" style="color: #016987;">ข้อมูลที่แสดงในระบบไม่ถูกต้อง ข้อมูลผิดพลาด ควรแก้ไขยังไง</div>
-                        <br>
-                        <ul>
-                            <li>
-                                หากคุณเป็นผู้ใช้ที่พบข้อมูลผิดพลาด ควรรายงานข้อผิดพลาดให้กับทีมทรัพยากรบุคคลหรือทีมที่รับผิดชอบในการดูแลระบบทราบถึงปัญหา และระบุรายงานว่าพบข้อมูลผิดพลาดที่ไหน ลักษณะของข้อผิดพลาด 
-                            </li>
-                            <li>
-                                ลองรีเซ็ตระบบหรือแอปพลิเคชันที่มีปัญหาเพื่อดูอีกครั้งว่าปัญหาที่เกิดขึ้นถูกแก้ไขหรือไม่
-                            </li>
-                            <li>
-                                สามารถติดต่อสอบถามเจ้าหน้าที่ ที่ปุ่ม
-                                <span
-                                            style="
-                                            background-color: #016987;
-                                            border: 1px solid #016987;
-                                            color: white;
-                                            font-size: 12px;
-                                            text-align: center;
-                                            display: inline-block;
-                                            padding: 1px 5px;
-                                            border-radius: 2px;
-                                            margin: 0px 5px 0px 5px;
-
-                                            "
-                                        >
-                                           ติดต่อเรา
-                                        </span>  เพื่อแจ้งให้ทราบถึงปัญหา
-                            </li>
                         </ul>
                     </div>
+-->  
+
+            
 
 
                     <div class="col-12 row">
diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 0b6d1b5..524554b 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -25,7 +25,6 @@ const tabManu2 = [
 	{name: '9',label:'เครื่องราชฯ',path: ''},
 	{name: '10',label:'การลา',path: ''},
 	{name: '11',label:'วินัย',path: ''},
-	{name: '12',label:'Maintenance',path: 'maintenance'},
 ];
 
 const mainmenu = [
@@ -63,6 +62,7 @@ const clickMain = (val: string) => {
 const clickTab= (val2: string) => {
 	router.push(val2)
 	window.scrollTo({ top: 0, left: 0, behavior: 'smooth' });
+	currentRoute.value = val2
 };
 
 const goHome = () => {
@@ -114,7 +114,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 				<q-space></q-space>
 				<div class="row q-col-gutter-x-sm">
 					<div><q-btn class="text-weight-medium" flat color="white" label="หน้าแรก" @click="goHome"/></div>
-					<div><q-btn color="secondary" text-color="white" label="ติดต่อเรา" @click="click()"/></div>
+					<div><q-btn class="text-weight-medium" flat color="white"  label="ติดต่อเรา" @click="click()"/></div>
 				</div>
 			</q-toolbar>
 		</q-header>
@@ -140,12 +140,12 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 						<div class="col-12">
 							<div class="col-12 row q-col-gutter-lg">
 
-							<div class="col-xs-12 col-sm-4" 
+							<div class="icon_1 col-xs-12 col-sm-4" 
 								v-for="(menu , index) in mainmenu"
 								:key="index"
 							>
-								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
-									<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
+								<q-card class="connn q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
+									<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
 									<div class="q-pt-md">{{ menu.text }} </div>
 								</q-card>
 							</div>	
@@ -167,7 +167,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 							>
 							
 								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="redirectToManual" ><!-- router.push({ name: `${}`}) -->
-									<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
+									<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
 									<div class="q-pt-md">คู่มือการใช้งาน</div>
 								</q-card>
 							</div>	
@@ -180,7 +180,7 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 
 
 					<div class="col-xs-10 col-md-8 row q-col-gutter-md" style=" margin-top: 80px;" v-if="currentRoute == 'home'">
-						<div class="col-12 row justify-center text-h6 text-dark">Maintenant</div>
+						<div class="col-12 row justify-center text-h6 text-dark">ดูแลรักษาระบบ</div>
 						<div class="col-12"><q-separator color="grey-4" /></div>
 						<div class="col-12">
 							<div class="col-12 row q-col-gutter-lg">
@@ -190,9 +190,9 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 								:key="index"
 							>
 							
-								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickMain(menu.path)" ><!-- router.push({ name: `${}`}) -->
-									<q-icon class="col-12 items-center" size="25px" :name="`${menu.icon}`"/>
-									<div class="q-pt-md">Maintenance</div>
+								<q-card class="q-pa-md row justify-center text-dark cursor-pointer cardmenu" @click="clickmainte(menu.path)" ><!-- router.push({ name: `${}`}) -->
+									<q-icon class="col-12 items-center" size="40px" :name="`${menu.icon}`"/>
+									<div class="q-pt-md">ดูแลรักษาระบบ</div>
 								</q-card>
 							</div>	
 							</div>
@@ -212,7 +212,8 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 											<router-view :key="$route.fullPath" />
 										</div>
 
-										<div class="col-12 row justify-center q-mt-lg" style="margin-top: 50px;" v-if="currentRoute != 'contact'">
+										<div class="col-12 row justify-center q-mt-lg" style="margin-top: 50px;" 
+										v-if="currentRoute != 'contact' && currentRoute != 'maintenance'">
 											<q-tabs
 												v-model="tab" 
 												class="text-grey-8" dense 
@@ -317,6 +318,9 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 
 .cardmenu{
 	padding: 35px; /* ปรับขนาด padding ตามที่คุณต้องการ */
+	box-shadow: 3px 3px 10px 1px rgba(4, 4, 4, 0.075) !important;
+	background-color: #F0F2F5;
+;
 
 }
 
@@ -329,4 +333,8 @@ const onScroll = (info: any) => { scrollInfo.value = info}
 	background: #1e2234e5;
 }
 
+.icon_1{
+	color: #02A998;
+}
+
 </style>