<!--
================================================================================
                長聲行政管理系統 V26.073　修改前必讀宣告
================================================================================
  ※ 系統正式名稱：「長聲行政管理系統」（2026-09-11 統一，先前寫成「長聲工業行政管理系統」）
     公司全名「長聲工業股份有限公司」只用在 LOGO 提示文字、頁尾版權與列印表頭，不是系統名稱。
     版本號 V26.073 會出現在每一頁的瀏覽器分頁標題上，更版時要跟著改（見下方【四】）。
     ※ 技術識別統一為 SunriseAdmin：IIS 站台名稱、應用程式集區與實體路徑皆使用
       SunriseAdmin／C:\SunriseAdmin；附件目錄為 C:\SunriseAdmin\Uploads\Attachments\。
       程式命名空間 WebApplication2 為既有已編譯相容名稱，未經完整重編與驗證不得改動。
       舊有 oldHR_* 備份資料夾僅作歷史追溯，不得當作現行部署或新增版更名稱。
     ※ 正式服務入口規劃為 https://office.sunrisemachinery.com；正式部署目標為 VM110
       （192.9.200.210）。公開 HTTPS 憑證、443 繫結與 NAT 驗證完成前，不得將本機版視為正式站。
     ※ 系統管理與簽核通知聯絡信箱：mis@sunrisemachinery.com。SMTP 密碼只能由 Windows DPAPI
       密碼庫或受保護的伺服器設定提供；不得寫入 ASPX、CS、web.config、版更紀錄或瀏覽器原始碼。
     ※ 系統演進方向：逐項將公司標準紙本行政表單電子化，納入本系統的權限、簽核、附件與手機版流程。
================================================================================

【交接硬規則】以下三項缺一不可，下一位修改者必須照做：
      1. 版更前先在 SunriseAdmin_v26.xxx_<主題> 目錄保存 old-時間戳，完成後保存 new-時間戳；
         sys/VersionHistory.aspx 必填 title、summary、reason、details 與實際檔案路徑。
      2. 所有新增或修改的程式碼，每一行都要有中文註解說明意圖、資料來源、權限或相容性理由；
         不得只寫「修正」或「TODO」而沒有可接手的判斷依據。
      3. 交付前必驗證桌機與手機版：至少 1280px、768px、375px 三種寬度，確認無橫向溢出、
         文字不截斷、按鈕可點、表格或單據在手機改為可閱讀的卡片／可橫捲區塊；驗證結果寫入版更紀錄。

【一】本系統每一個頁面都有「手機版」。
      桌機版與手機版是同一份程式碼，用 CSS 的 desktop-table-view /
      mobile-card-view 兩組類別切換，螢幕寬度 768px 以下自動切成手機卡片流。
      也就是說：你改桌機版的那一行，很可能同時是手機版在用的那一行。

【二】電腦版改完、確認正確之後，「一定要」再去手機版實際測一次。
      測法擇一即可：
        1. 瀏覽器按 F12 → 切換裝置模擬（Toggle device toolbar）→ 選 iPhone / Android
        2. 直接把瀏覽器視窗拉窄到 768px 以下
        3. 最可靠：拿真的手機連進來看一次
      要看的三件事：版面有沒有被擠爆、數字有沒有跑掉、按鈕按不按得下去。

【三】改完之後，請「順便」提醒下一位修改者也要測手機版。
      這個系統過去最常見的客訴就是：電腦版好好的、手機版壞掉沒人發現，
      使用者才會覺得「你們的東西很難用、一直在改」。

【四】另外三件事沒做完就等於沒改完（SunriseAdmin 既有規矩）：
      1. sys/VersionHistory.aspx 補一筆版本紀錄
         （title 改了什麼 / summary 一句話 / reason 為什麼改 / details 逐項細節，四欄缺一不可）
      2. 版本號要一起改的地方共四處，缺一處畫面就會出現兩種版本號：
         ‧ Site1.Master 的版本徽章（搜尋 badge-version）
         ‧ Site1.Master 的網頁標題（搜尋 title 標籤）
         ‧ LoginPage.aspx 的版本徽章與網頁標題
         ‧ 本檔（Controls/PageDeclaration.ascx）標題那一行與上面那句「版本號 V26.0xx」
         ⚠ 千萬不要用「整檔字串取代」升版號，會把 VersionHistory 裡的歷史版本一起改掉（踩過）。
      3. 原始碼要回存 AI_Files\WebApplication2_Source\WebApplication2\<模組>\

【五】改任何「呈現邏輯」之前，先搜尋同一份資料還有哪些頁面在用。
      本系統有大量「同一份資料、多頁各寫一份呈現邏輯」的地方，
      改 A 頁沒改 B 頁 = 使用者會回報「這張單在這裡打得開、在那裡打不開」。
      每一頁最上方都寫了「跨頁關聯」區塊，動手前先讀那一段。

--------------------------------------------------------------------------------
                         致敬，作者：MIS A833 HUGo
================================================================================
-->

<!DOCTYPE html>


<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>
	長聲行政管理系統 V26.079
</title><link rel="shortcut icon" href="/Content/logo.gif" /><link rel="preconnect" href="https://fonts.googleapis.com" /><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="anonymous" /><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&amp;family=Noto+Sans+TC:wght@400;500;700&amp;display=swap" rel="stylesheet" />
    
    
    <style type="text/css">
        /* 全域重設：將所有元素的內外距歸零，並設定 box-sizing 為 border-box，讓邊框與內距包含在寬度內 */
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
        }

        /* 網頁主體背景：設定長聲企業綠漸層深色背景，並將登入卡片垂直與水平置中 */
        body {
            font-family: 'Noto Sans TC', 'Montserrat', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; /* 優先使用思源黑體 */
            background: linear-gradient(135deg, #0b192c 0%, #1e3e2b 50%, #004d20 100%); /* 深藍綠漸層背景 */
            min-height: 100vh; /* 最小高度佔滿整個螢幕視窗 */
            display: flex; /* 啟用彈性盒子排版 */
            /* ★ 2026-09-11 修正（使用者回報「首頁完全錯位、手機版也跑版」）：
               原本是 flex 預設的橫向排列（flex-direction: row）＋ align-items:center，
               所以 </form> 之後新加的「全站共用頁尾」會被當成第二個 flex 項目，
               跟登入卡片「並排」而且垂直置中，畫面就整個歪掉、手機版更明顯。
               改成直向排列（column）之後：
                 登入卡片靠自己的 margin:auto 仍然是上下左右置中，
                 頁尾自然落在最底下一整行，跟個人首頁看到的頁尾一模一樣。 */
            flex-direction: column; /* 直向排列：卡片在上、頁尾在下 */
            align-items: center; /* 水平置中（column 時 align-items 管的是左右） */
            justify-content: center; /* 垂直置中（column 時 justify-content 管的是上下） */
            padding: 20px 16px 0; /* 左右仍留 16px 避免手機貼邊；下方留 0 讓頁尾貼齊底部 */
            color: #1e293b; /* 預設文字深灰色 */
        }

        /* 登入白色主卡片：具有圓角、柔和陰影與限制最大寬度 480px */
        .login-card {
            width: 100%; /* 寬度 100% 自適應螢幕 */
            max-width: 480px; /* 在大螢幕上最大寬度限制為 480px */
            background: #ffffff; /* 純白背景 */
            border-radius: 20px; /* 20px 大圓角 */
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.1); /* 立體懸浮陰影 */
            overflow: hidden; /* 超出卡片圓角範圍的內容自動隱藏 */
            margin: auto; /* 居中 */
            position: relative;
        }

        /* 登入卡片頂部標頭：顯示 LOGO、系統名稱與版本號 */
        .login-header {
            background: #ffffff;
            padding: 32px 24px 20px; /* 內距留白 */
            text-align: center; /* 內容全部居中 */
            border-bottom: 2px solid #f1f5f9; /* 底部淺灰色分隔線 */
        }

        /* 長聲 LOGO 圖片樣式 */
        .brand-logo-img {
            max-width: 220px; /* LOGO 最大寬度 220px */
            height: auto; /* 高度自動等比例縮放 */
            margin-bottom: 12px; /* 與下方文字間距 */
            display: inline-block;
        }

        /* 系統大標題文字 */
        .login-header h1 {
            font-size: 20px;
            font-weight: 700;
            color: #007a33; /* 長聲企業綠色 */
            letter-spacing: 1px; /* 字元間距 */
            margin-bottom: 4px;
        }

        /* 副標題英文文字 */
        .login-header .subtitle {
            font-size: 13px;
            color: #64748b;
            font-weight: 500;
        }

        /* 版本號藍色徽章標籤 */
        .badge-version {
            background: #0f172a; /* 深黑底色 */
            color: #38bdf8; /* 亮藍色文字 */
            border: 1px solid #38bdf8;
            font-size: 11px;
            font-weight: 700;
            padding: 2px 10px;
            border-radius: 12px;
            display: inline-block;
            margin-top: 8px;
            letter-spacing: 0.5px;
        }

        /* 登入表單輸入區塊 */
        .login-body {
            padding: 32px 28px 28px;
        }

        /* 強制將 ASP.NET 內建 Login 控制項置中放大並自適應滿版 */
        #Login1 {
            width: 100% !important;
            margin: 0 auto;
        }

        #Login1 table {
            width: 100% !important;
            border-collapse: collapse;
        }

        #Login1 table td {
            display: block !important; /* 將表格單元格轉為區塊元素，實現直向垂直排列 */
            width: 100% !important;
            padding: 6px 0 !important;
            text-align: center !important;
        }

        /* 登入欄位標籤文字（工號、密碼） */
        #Login1 label {
            font-size: 17px !important;
            font-weight: 700 !important;
            color: #1e293b !important;
            margin-bottom: 8px !important;
            display: block !important;
            text-align: center !important;
            letter-spacing: 0.5px;
        }

        /* 登入輸入框（文字框與密碼框） */
        #Login1 input[type="text"], #Login1 input[type="password"] {
            width: 100% !important;
            max-width: 360px !important;
            height: 48px !important; /* 48px 觸控大高度 */
            padding: 10px 16px !important;
            font-size: 17px !important;
            font-weight: 500 !important;
            border: 2px solid #cbd5e1 !important;
            border-radius: 10px !important;
            outline: none !important;
            transition: all 0.25s ease-in-out;
            background-color: #f8fafc;
            color: #0f172a;
            text-align: center !important; /* 輸入游標居中 */
            margin: 0 auto !important;
            display: block !important;
            box-sizing: border-box !important;
        }

        /* 輸入框獲得焦點（聚焦）時的高亮光暈效果 */
        #Login1 input[type="text"]:focus, #Login1 input[type="password"]:focus {
            border-color: #009944 !important;
            background-color: #ffffff !important;
            box-shadow: 0 0 0 4px rgba(0, 153, 68, 0.15) !important;
            transform: scale(1.01);
        }

        /* 大顆綠色漸層登入送出按鈕 */
        #Login1 input[type="submit"] {
            width: 100% !important;
            max-width: 360px !important;
            height: 50px !important;
            background: linear-gradient(135deg, #009944 0%, #00682e 100%) !important;
            color: #ffffff !important;
            font-size: 18px !important;
            font-weight: 700 !important;
            border: none !important;
            border-radius: 10px !important;
            cursor: pointer !important;
            box-shadow: 0 6px 14px -2px rgba(0, 153, 68, 0.4) !important;
            transition: all 0.2s ease-in-out !important;
            margin: 18px auto 0 !important;
            display: block !important;
            letter-spacing: 1px;
        }

        /* 登入按鈕懸停效果 */
        #Login1 input[type="submit"]:hover {
            opacity: 0.95;
            transform: translateY(-2px);
            box-shadow: 0 8px 18px -2px rgba(0, 153, 68, 0.5) !important;
        }

        /* 提示小字 */
        .msg-tip {
            display: block;
            text-align: center;
            font-size: 13px;
            color: #64748b;
            margin: 14px 0 6px;
            font-weight: 500;
        }

        /* 身分證字號找回密碼區塊 */
        .recovery-box {
            margin-top: 24px;
            padding-top: 20px;
            border-top: 1px dashed #e2e8f0;
            text-align: center;
        }

        .recovery-title {
            font-size: 14px;
            font-weight: 600;
            color: #475569;
            margin-bottom: 10px;
        }

        .recovery-row {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-bottom: 10px;
            max-width: 360px;
            margin-left: auto;
            margin-right: auto;
        }

        .recovery-row input[type="text"] {
            flex: 1;
            height: 40px !important;
            padding: 8px 12px !important;
            font-size: 14px !important;
            border: 1px solid #cbd5e1 !important;
            border-radius: 8px !important;
            text-align: center;
        }

        .recovery-row input[type="submit"], .recovery-row input[type="button"] {
            width: auto !important;
            height: 40px !important;
            padding: 0 18px !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            background: #0284c7 !important;
            color: #fff !important;
            border: none !important;
            border-radius: 8px !important;
            cursor: pointer !important;
            transition: all 0.2s;
        }

        .recovery-row input[type="submit"]:hover {
            background: #0369a1 !important;
        }

        #search_pass {
            width: 100% !important;
            max-width: 360px !important;
            height: 38px !important;
            padding: 6px 12px !important;
            font-size: 13px !important;
            background-color: #f1f5f9 !important;
            border: 1px solid #e2e8f0 !important;
            border-radius: 8px !important;
            color: #475569 !important;
            text-align: center;
            margin: 0 auto;
            display: block;
        }

        /* 登入卡片頁尾版權宣告 */
        .login-footer {
            background: #f8fafc;
            border-top: 1px solid #e2e8f0;
            padding: 14px 20px;
            text-align: center;
            font-size: 12px;
            color: #94a3b8;
            font-weight: 500;
        }
    </style>
</head>
<body>
    
    <form method="post" action="./LoginPage.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="form1" style="width: 100%; display: flex; justify-content: center;">
<div class="aspNetHidden">
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="+2GXOrB9vqIaGAmoLeZEW3CTb7GOknFdasGWXLEoicga7EOtMbSesCeXNkjLuFER+l+Z5+6vCkpxlTynNz1G3YLiPk2nm/YmeU/oHfX/zoPCbr8B2CTIo2ZFq3cBFhj8psgkH6hXw+MCYpUrZzQxy5yYFnFehKaxtDV9IG6vJkY=" />
</div>

<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
//]]>
</script>


<script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZFW2QE_S_-M98UcS0LEeYA7l6Qr9Oe2oaI9QrmOYlEz1JyGlZg3BX1fvbEnzN7Rgww2&amp;t=638475803730615973" type="text/javascript"></script>


<script src="/WebResource.axd?d=x2nkrMJGXkMELz33nwnakIw8LEhFvGQ38XA9TE5iGOnPabdHzUR5aEDT_uu84GCdP9qsBwBXliUZwAhtw3pvI9mFBzOioNAleABXQVT5wpk1&amp;t=638475803730615973" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}
//]]>
</script>

<div class="aspNetHidden">

	<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="F0C7EF03" />
	<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="dzbh7atbVYdYRsSIkF2096lCTz862+FSzO/KnxgJEguSo/qSDmGNX0+gVhgQuER8ZaYfIq3/3HAaGVL92tMvojK81V4z+IAcYMKRwORByBLNPUXVXC4rcng2/6aLVR5ZKckNNLufEC73vmrx/62579kYq8AkP8Yxyr9nvLtMg8Noo68dU746BapAvzASHRdjbB06NTJNizxjdJFnWl9VgN02VF+9p4nNGmSvVFNq02g=" />
</div>
        <div class="login-card">
            
            
            <div class="login-header">
                <div>
                    <img src="/Content/sunrise_logo.png" alt="長聲工業股份有限公司" class="brand-logo-img" />
                </div>
                <h1>長聲行政管理系統</h1>
                <div class="subtitle">SUNRISE Machinery Administration Portal</div>
                <span class="badge-version">v26.081</span>
            </div>

            
            <div class="login-body">
                <div>
                    
                    <table cellspacing="0" cellpadding="1" id="Login1" style="border-collapse:collapse;">
	<tr>
		<td><table cellpadding="0">
			<tr>
				<td align="right"><label for="Login1_UserName">員工工號</label></td><td><input name="Login1$UserName" type="text" id="Login1_UserName" /><span id="Login1_UserNameRequired" title="必須提供使用者名稱。" style="visibility:hidden;">*</span></td>
			</tr><tr>
				<td align="right"><label for="Login1_Password">登入密碼</label></td><td><input name="Login1$Password" type="password" id="Login1_Password" /><span id="Login1_PasswordRequired" title="必須提供密碼。" style="visibility:hidden;">*</span></td>
			</tr><tr>
				<td align="right" colspan="2"><input type="submit" name="Login1$LoginButton" value="登 入 系 統" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(&quot;Login1$LoginButton&quot;, &quot;&quot;, true, &quot;Login1&quot;, &quot;&quot;, false, false))" id="Login1_LoginButton" /></td>
			</tr>
		</table></td>
	</tr>
</table>
                    
                    
                    <span id="Label1" class="msg-tip">請輸入工號與密碼 (預設密碼為西元生日)</span>            
                </div>

                
                <div class="recovery-box">
                    <div class="recovery-title">忘記密碼？輸入身分證字號查詢：</div>
                    <div class="recovery-row">
                        
                        <input name="TW_id" type="text" autocomplete="off" id="TW_id" />
                        
                        <input type="submit" name="search_bt" value="查詢" id="search_bt" />
                    </div>
                    
                    <input name="search_pass" type="text" id="search_pass" disabled="disabled" class="aspNetDisabled" />
                </div>
            </div>

            
        </div>
    
<script type="text/javascript">
//<![CDATA[
var Page_Validators =  new Array(document.getElementById("Login1_UserNameRequired"), document.getElementById("Login1_PasswordRequired"));
//]]>
</script>

<script type="text/javascript">
//<![CDATA[
var Login1_UserNameRequired = document.all ? document.all["Login1_UserNameRequired"] : document.getElementById("Login1_UserNameRequired");
Login1_UserNameRequired.controltovalidate = "Login1_UserName";
Login1_UserNameRequired.errormessage = "必須提供使用者名稱。";
Login1_UserNameRequired.validationGroup = "Login1";
Login1_UserNameRequired.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
Login1_UserNameRequired.initialvalue = "";
var Login1_PasswordRequired = document.all ? document.all["Login1_PasswordRequired"] : document.getElementById("Login1_PasswordRequired");
Login1_PasswordRequired.controltovalidate = "Login1_Password";
Login1_PasswordRequired.errormessage = "必須提供密碼。";
Login1_PasswordRequired.validationGroup = "Login1";
Login1_PasswordRequired.evaluationfunction = "RequiredFieldValidatorEvaluateIsValid";
Login1_PasswordRequired.initialvalue = "";
//]]>
</script>


<script type="text/javascript">
//<![CDATA[

var Page_ValidationActive = false;
if (typeof(ValidatorOnLoad) == "function") {
    ValidatorOnLoad();
}

function ValidatorOnSubmit() {
    if (Page_ValidationActive) {
        return ValidatorCommonOnSubmit();
    }
    else {
        return true;
    }
}
        //]]>
</script>
</form>
    
    

<style type="text/css">
    /* 全站頁尾外框：與主內容拉開距離，上緣一條細灰線做區隔 */
    .site-footer {
        /* ★ 2026-09-11 修正：登入頁的 <body> 是 display:flex 置中排版，
           頁尾若沒有明確寬度，會被當成另一個 flex 項目跟登入卡片並排、垂直置中，
           畫面就會整個錯位（使用者回報「首頁完全錯位、手機版也跑版」）。
           下面三行讓頁尾在「一般頁面」與「flex 版面的頁面」都能佔滿整行並靠底部。 */
        width: 100%;                      /* 一定要佔滿整行 */
        box-sizing: border-box;           /* 內距算在寬度內，才不會超出畫面產生橫向捲軸 */
        align-self: stretch;              /* 父層是 flex 時，橫向撐滿不要被擠壓 */
        flex: 0 0 auto;                   /* 父層是 flex 時，不要被壓縮或拉伸 */
        margin-top: 28px;                 /* 與上方內容的距離 */
        padding: 14px 16px 18px;          /* 內距，左右至少 16px 避免手機貼邊 */
        border-top: 1px solid #e2e8f0;    /* 上緣分隔線 */
        background: #f8fafc;              /* 極淡灰底，跟主內容區分 */
        text-align: center;               /* 三行全部置中 */
        color: #64748b;                   /* 中性灰字 */
        font-size: 12px;                  /* 全站規定：文字不得小於 12px */
        line-height: 1.9;                 /* 行高，三行之間不要黏在一起 */
    }
    /* 第一行：系統中文名稱 + 英文名稱 */
    .site-footer .sf-name {
        font-weight: 700;                 /* 加粗，這是系統正式名稱 */
        color: #0f172a;                   /* 深色，比其他兩行明顯 */
        font-size: 13px;                  /* 比版權行稍大一點 */
        letter-spacing: .3px;             /* 中英夾雜時字距放鬆比較好讀 */
    }
    /* 系統名稱裡的英文部分：用長聲企業綠，跟中文區隔 */
    .site-footer .sf-name-en { color: #009944; font-weight: 600; }
    /* 第二行：版權宣告 */
    .site-footer .sf-copyright { display: block; }
    /* 第三行：設計者署名 */
    .site-footer .sf-design { display: block; font-weight: 600; color: #475569; }

    /* 手機版（768px 以下）：縮小行距，允許長句自動換行 */
    @media (max-width: 768px) {
        .site-footer { margin-top: 20px; padding: 12px 16px 16px; line-height: 1.7; }
        .site-footer .sf-name { font-size: 12.5px; display: block; }
        .site-footer .sf-name-en { display: block; }  /* 英文名稱自己一行，避免擠成兩段 */
    }
</style>
<div class="site-footer">
    
    <span class="sf-name">長聲行政管理系統 <span class="sf-name-en">SUNRISE Administration System</span> V26.073</span>
    
    <span class="sf-copyright">Copyright &copy; 2026 長聲工業股份有限公司 All Rights Reserved.</span>
    
    <span class="sf-design">Design by HUGo</span>
</div>


<script type="text/javascript">
    (function () {
        var siteName = '長聲行政管理系統 V26.073';          // 系統正式名稱（含版本號），同步分頁標題與頁尾版本。
        var t = (document.title || '').trim();              // 目前這一頁的標題
        if (t.indexOf('長聲行政管理系統') !== -1) return;    // 已經含系統名稱就不要重複接
        document.title = t ? (t + '｜' + siteName) : siteName;
    })();
</script>

</body>
</html>