diff --git a/app/include-header.php b/app/include-header.php
index a1487220..bada2097 100644
--- a/app/include-header.php
+++ b/app/include-header.php
@@ -1,12 +1,19 @@
-﻿<head>
+﻿<?php
+// 維護專用 
+// include "maintenance.php";
+// $maintenancePeriod = "2023-11-17 15:30 AM 至 17:30 PM";
+// $maintenancePage = new MaintenancePage($maintenancePeriod);
+// $maintenancePage->displayPage();
+?>
+
+<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="viewport"
-        content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="theme-color" content="#000000">
     <title>Masada維保</title>
-	<!--
+    <!--
     <meta name="description" content="Mobilekit HTML Mobile UI Kit">
     <meta name="keywords" content="bootstrap 4, mobile template, cordova, phonegap, mobile, html" />
 	-->
@@ -14,6 +21,6 @@
     <link rel="apple-touch-icon" sizes="180x180" href="assets/img/icon/192x192.png">
     <link rel="stylesheet" href="assets/css/style.css">
     <link rel="manifest" href="__manifest.json">
-     	
+
 
 </head>
\ No newline at end of file
diff --git a/app/maintenance.php b/app/maintenance.php
new file mode 100644
index 00000000..4498d257
--- /dev/null
+++ b/app/maintenance.php
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>維護中</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #f0f0f0;
+            /* 背景顏色可以自行調整 */
+            font-family: Arial, sans-serif;
+        }
+
+        .maintenance-container {
+            text-align: center;
+        }
+
+        h1 {
+            font-size: 2em;
+            color: #333;
+            /* 標題文字顏色 */
+        }
+
+        p {
+            font-size: 1.2em;
+            color: #666;
+            /* 內文文字顏色 */
+        }
+
+        /* 加入一些樣式以使文字顯示更為標題化 */
+        .logo-text {
+            font-size: 2em;
+            color: #FF5733;
+            /* 橘色 */
+            font-weight: bold;
+            /* text-transform: uppercase; */
+            /* 轉換成大寫 */
+            letter-spacing: 2px;
+            /* 調整字母間距 */
+            font-family: Arial, sans-serif;
+            /* 字型設定 */
+        }
+    </style>
+</head>
+
+<body>
+    <?php
+    class MaintenancePage
+    {
+        private $maintenancePeriod;
+
+        public function __construct($maintenancePeriod)
+        {
+            $this->maintenancePeriod = $maintenancePeriod;
+        }
+
+        public function displayPage()
+        {
+            echo '<div class="maintenance-container">';
+            echo '<p class="logo-text">MASADA</p>';
+            echo '<h1>系統維護中</h1>';
+            echo '<p>維護時段：' . $this->maintenancePeriod . '</p>';
+            echo '</div>';
+            exit;
+        }
+    }
+
+    ?>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/wms/header.php b/wms/header.php
index 7d7ff253..569ebda1 100644
--- a/wms/header.php
+++ b/wms/header.php
@@ -1,5 +1,13 @@
 <?php
 // ini_set('display_errors', 'off');
+
+// 維護專用 
+// include "maintenance.php";
+// $maintenancePeriod = "2023-11-17 15:30 AM 至 17:30 PM";
+// $maintenancePage = new MaintenancePage($maintenancePeriod);
+// $maintenancePage->displayPage();
+
+
 require_once dirname(__FILE__) . "/../mkt/database.php";
 include "fun_global.php";
 if (isset($_REQUEST["function_name"])) {
diff --git a/wms/login.php b/wms/login.php
index 94418063..60adcba2 100644
--- a/wms/login.php
+++ b/wms/login.php
@@ -1,9 +1,17 @@
+<?php
+// 維護專用 
+// include "maintenance.php";
+// $maintenancePeriod = "2023-11-17 15:30 AM 至 17:30 PM";
+// $maintenancePage = new MaintenancePage($maintenancePeriod);
+// $maintenancePage->displayPage();
+?>
 <!doctype html>
 <html lang="en">
 <!-- 主頁header -->
+
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-    <meta name="viewport"  content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, viewport-fit=cover" />
     <meta name="apple-mobile-web-app-capable" content="yes" />
     <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
     <meta name="theme-color" content="#000000">
@@ -20,125 +28,123 @@
 
 </head>
 <!-- * 主頁header -->
+
 <body>
-<!-- App Header -->
+    <!-- App Header -->
 
-<div class="appHeader bg-primary text-light">
-    <!--
+    <div class="appHeader bg-primary text-light">
+        <!--
 	<div class="left">
 		<a href="javascript:;" class="headerButton goBack">
 			<ion-icon name="chevron-back-outline"></ion-icon>
 		</a>
 	</div>
 	-->
-    <div class="pageTitle">登入管理系統</div>
-    <!--
+        <div class="pageTitle">登入管理系統</div>
+        <!--
 	<div class="right">
 		<a href="tel:+886 12345678901" class="headerButton">
 			<ion-icon name="call-outline"></ion-icon>
 		</a>
 	</div>
 	-->
-</div>
-<!-- * App Header -->
-
-<!-- App Capsule -->
-<div id="appCapsule">
-
-    <div class="section full mt-2">
-        <!-- <div class="section-title">請輸入帳號、密碼!</div> -->
-
-        <div class="wide-block pt-2 pb-2">
-            <div class="form-horizontal">
-            <!-- 以下是要傳遞的資料 -->
-<!--            <input type="hidden" name="key" value="032580295e2d320b3a258bef473e8w32e0b24431" />-->
-<!--            <input type="hidden" name="pid" value="pid12345"  />-->
-            <input type="hidden" name="source_flag" value="web"  />
-            <input type="hidden" name="token" value="">
-            <!-- 以上是要傳遞的資料 -->
-            <div class="form-group boxed">
-                <div class="input-wrapper">
-                    <input type="text" class="form-control account" id="account_input"  placeholder="帳號">
-                    <i class="clear-input">
-                        <ion-icon name="close-circle"></ion-icon>
-                    </i>
-                </div>
-            </div>
-            <div class="form-group boxed">
-                <div class="input-wrapper">
-                    <input type="password" class="form-control password" id="password_input"  placeholder="密碼">
-                    <i class="clear-input">
-                        <ion-icon name="close-circle"></ion-icon>
-                    </i>
+    </div>
+    <!-- * App Header -->
+
+    <!-- App Capsule -->
+    <div id="appCapsule">
+
+        <div class="section full mt-2">
+            <!-- <div class="section-title">請輸入帳號、密碼!</div> -->
+
+            <div class="wide-block pt-2 pb-2">
+                <div class="form-horizontal">
+                    <!-- 以下是要傳遞的資料 -->
+                    <!--            <input type="hidden" name="key" value="032580295e2d320b3a258bef473e8w32e0b24431" />-->
+                    <!--            <input type="hidden" name="pid" value="pid12345"  />-->
+                    <input type="hidden" name="source_flag" value="web" />
+                    <input type="hidden" name="token" value="">
+                    <!-- 以上是要傳遞的資料 -->
+                    <div class="form-group boxed">
+                        <div class="input-wrapper">
+                            <input type="text" class="form-control account" id="account_input" placeholder="帳號">
+                            <i class="clear-input">
+                                <ion-icon name="close-circle"></ion-icon>
+                            </i>
+                        </div>
+                    </div>
+                    <div class="form-group boxed">
+                        <div class="input-wrapper">
+                            <input type="password" class="form-control password" id="password_input" placeholder="密碼">
+                            <i class="clear-input">
+                                <ion-icon name="close-circle"></ion-icon>
+                            </i>
+                        </div>
+                    </div>
+
+                    <div class="mt-1">
+                        <button onclick="login()" class="btn btn-primary btn-lg btn-block">
+                            確定
+                        </button>
+                    </div>
+
                 </div>
-            </div>
+                <?php
+                if (!empty($_GET['errno'])) {
+                    if ($_GET['errno'] == 1) {
+                        echo "帳號或密碼錯誤";
+                    } else if ($_GET['errno'] == 2) {
+                        echo "請輸入帳號密碼";
+                    } else if ($_GET['errno'] == 3) {
+                        echo "非法訪問，請輸入帳號和密碼";
+                    } else if ($_GET['errno'] == 4) {
+                        echo "無使用權限";
+                    }
+                }
+                ?>
 
-            <div class="mt-1">
-                <button  onclick="login()" class="btn btn-primary btn-lg btn-block">
-                    確定
-                </button>
             </div>
 
-            </div>
-			<?php
-			if(!empty($_GET['errno'])){
-				if($_GET['errno']==1){
-					echo "帳號或密碼錯誤";
-				}else if($_GET['errno']==2){
-					echo "請輸入帳號密碼";
-				}else if($_GET['errno']==3){
-					echo "非法訪問，請輸入帳號和密碼";
-				}else if($_GET['errno']==4){
-					echo "無使用權限";
-				}
-			}
-			?>
 
         </div>
 
-
     </div>
+    <!-- * App Capsule -->
 
-</div>
-<!-- * App Capsule -->
-
-<!-- * 主頁頁尾 -->
-<div class="appFooter">
-    <!-- <img src="assets/img/logo6.png" alt="icon" class="footer-logo mb-2"> -->
-    <img src="assets/img/logo.png" width="50%" height="50%" alt="icon"><br>
-    <!--
+    <!-- * 主頁頁尾 -->
+    <div class="appFooter">
+        <!-- <img src="assets/img/logo6.png" alt="icon" class="footer-logo mb-2"> -->
+        <img src="assets/img/logo.png" width="50%" height="50%" alt="icon"><br>
+        <!--
 	<div class="footer-title">
 		Copyright c Quickfix 2021. All Rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a>.
 	</div>
 	-->
-    <div class="footer-title">
-        <!--Copyright c Masada維保 2022. All Rights By <a href="#">Masada</a>.-->
-        Copyright c 2022. All Rights By <a href="#">Masada</a>.
-    </div>
-    <div>Masada電梯，聰明的就懂!</div>
-
+        <div class="footer-title">
+            <!--Copyright c Masada維保 2022. All Rights By <a href="#">Masada</a>.-->
+            Copyright c 2022. All Rights By <a href="#">Masada</a>.
+        </div>
+        <div>Masada電梯，聰明的就懂!</div>
 
 
-</div>
-<!-- 主頁頁尾按鈕 -->
 
-<script>
-    $(document).ready(function() {
-        // 綁定按鍵按下事件
-        $("#account_input,#password_input").keypress(function(event) {
-            if (event.which === 13 || event.keyCode === 13) {
-                login();
-                // 防止預設的表單提交行為
-                event.preventDefault();
-            }
+    </div>
+    <!-- 主頁頁尾按鈕 -->
+
+    <script>
+        $(document).ready(function() {
+            // 綁定按鍵按下事件
+            $("#account_input,#password_input").keypress(function(event) {
+                if (event.which === 13 || event.keyCode === 13) {
+                    login();
+                    // 防止預設的表單提交行為
+                    event.preventDefault();
+                }
+            });
         });
-    });
-</script>
+    </script>
 
 
 </body>
 
-</html>
-
-
-
+</html>
\ No newline at end of file
diff --git a/wms/maintenance.php b/wms/maintenance.php
new file mode 100644
index 00000000..4498d257
--- /dev/null
+++ b/wms/maintenance.php
@@ -0,0 +1,77 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <title>維護中</title>
+    <style>
+        body {
+            margin: 0;
+            padding: 0;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: 100vh;
+            background-color: #f0f0f0;
+            /* 背景顏色可以自行調整 */
+            font-family: Arial, sans-serif;
+        }
+
+        .maintenance-container {
+            text-align: center;
+        }
+
+        h1 {
+            font-size: 2em;
+            color: #333;
+            /* 標題文字顏色 */
+        }
+
+        p {
+            font-size: 1.2em;
+            color: #666;
+            /* 內文文字顏色 */
+        }
+
+        /* 加入一些樣式以使文字顯示更為標題化 */
+        .logo-text {
+            font-size: 2em;
+            color: #FF5733;
+            /* 橘色 */
+            font-weight: bold;
+            /* text-transform: uppercase; */
+            /* 轉換成大寫 */
+            letter-spacing: 2px;
+            /* 調整字母間距 */
+            font-family: Arial, sans-serif;
+            /* 字型設定 */
+        }
+    </style>
+</head>
+
+<body>
+    <?php
+    class MaintenancePage
+    {
+        private $maintenancePeriod;
+
+        public function __construct($maintenancePeriod)
+        {
+            $this->maintenancePeriod = $maintenancePeriod;
+        }
+
+        public function displayPage()
+        {
+            echo '<div class="maintenance-container">';
+            echo '<p class="logo-text">MASADA</p>';
+            echo '<h1>系統維護中</h1>';
+            echo '<p>維護時段：' . $this->maintenancePeriod . '</p>';
+            echo '</div>';
+            exit;
+        }
+    }
+
+    ?>
+</body>
+
+</html>
\ No newline at end of file
