<!DOCTYPE html>

<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no" />
    <title>Login</title>
    <link href="/Content/Scripts/bootstrap_4.6.1/css/bootstrap.min.css" rel="stylesheet"/>

    <link href="/Content/font-awesome/css/font-awesome.css" rel="stylesheet"/>

    <link href="/Content/Scripts/bootstrapDropdown/bootstrapDropdown.css" rel="stylesheet"/>

    <link href="/Content/Css/jquery-ui.min.css" rel="stylesheet"/>

    <link href="/Content/Mobile/css/mobileSelect.css" rel="stylesheet"/>

    <link href="/Content/Css/Slider.css" rel="stylesheet"/>

    <link href="/Content/Css/login.css" rel="stylesheet"/>

</head>
<body>
    <input id="current_type" type="hidden" value="PC" />
    <input id="ShowLoginUserType" type="hidden" value="ALL" />
    <input id="IsShowRememberCookie" type="hidden" value="False" />
    <input id="IsNeedPersonalID" type="hidden" value="False" />
    <input id="IsTwoFa" type="hidden" value="False" />
    <input id="IsNtEnableAAD" type="hidden" value="N" />
    <div class="login-header">
        <div class="container-xl">
            <div class="row h-100">
                <nav class="navbar navbar-light bg-white w-100 h-100 py-0">
                    <div class="navbar-brand h-100 py-1 py-md-2 py-lg-3">
                        <img src="/Content/Images/NewLogin/Logo/Logo_AUO.png" id="cap-logo" class="d-inline-block align-middle h-100" alt="">
                        <div class="login-system-title font-MabryPro">
                            <label>CAP</label>
                        </div>
                    </div>
                    <div class="ml-md-auto">
                        <ul class="nav nav-pills nav-justified login-type-menu" id="login-type-menu">
                                <li class="nav-item">
                                    <a class="nav-link p-0 py-lg-2 active font-18" id="employeeLogin-tab" data-type="IN" data-toggle="tab" href="#employeeLogin" role="tab" langid="Login.EmpLogin">员工登入</a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link p-0 py-lg-2 font-18" id="partnerLogin-tab" data-type="EX" data-toggle="tab" href="#partnerLogin" role="tab" langid="Login.VendorLogin">合作伙伴登入</a>
                                </li>
                        </ul>
                    </div>
                    <div class="dropdown language-dropdown-menu ml-md-3">
                        <button class="btn dropdown-toggle rounded-circle border-0 p-0 shadow-none" type="button" id="btnLanguage" data-toggle="dropdown" data-offset="10,20">
                            <img src="/Content/Images/NewLogin/language.svg" style="width:100%;height:100%;" />
                        </button>
                        <div class="dropdown-menu dropdown-menu-right">
                            <a class="dropdown-item action" href="#" action="ChangeLan" lan="zh-CN" langid="Language.CN">中文简体</a>
                            <a class="dropdown-item action" href="#" action="ChangeLan" lan="zh-TW" langid="Language.TW">中文繁體</a>
                            <a class="dropdown-item action" href="#" action="ChangeLan" lan="en-US" langid="Language.EN">English</a>
                            <a class="dropdown-item action" href="#" action="ChangeLan" lan="vi-VN" langid="Language.VN">越南语</a>
                        </div>
                    </div>
                </nav>
            </div>
        </div>
    </div>
    <div class="login-content row mx-0">
        <div class="col-lg-4 col-xl-6 px-0 d-none d-lg-block login-theme" data-imgurl="/Content/Images/NewLogin/scene.jpg">
        </div>
        <div class="col-lg-8 col-xl-6 login-box px-0" data-bgimage="/Content/Images/NewLogin/3d_U_yellow_AUO.png">
            <div class="login-module">
                <div class="tab-content" id="login-tabs-content">
                    <div class="tab-pane fade" id="employeeLogin" role="tabpanel">
                        
                        <div id="employee">
                            <div class="login-type-title text-center text-lg-left mt-4">
                                <div class="d-lg-block d-inline-block">CAP</div>
                                <div class="d-lg-block d-inline-block" langid="Login.EmpLogin">员工登录</div>
                            </div>
                            <div class="mt-5">
                                <div class="auth-first">
                                    <div class="form-group">
                                        <div id="login-dropdown" class="d-none"></div>
                                        <div id="login-input-dropdown" class="d-none">
                                            <input type="text" id="mobileDomain_E" class="form-control login-input" readonly="readonly" placeholder="请选择" style="background-color:transparent;" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <input type="text" id="txtAccount_E" class="form-control login-input" phlangid="Login.Account" placeholder="账号" />
                                    </div>

                                    
                                </div>

                                <div class="auth-deal">
                                    
                                    <div class="form-group">
                                        <div class="login-input">
                                            <label id="txtEmployeeFirstAuthResult" class="mb-1"></label>
                                        </div>
                                        <div style="color:darkorange;" langid="Login.InfoAlert">*请确认以上资讯无误后，再输入密码！</div>
                                    </div>
                                </div>


                                
                                <div class="form-group e_password   ">
                                    <div class="small text-danger">
                                        <span id="GroupCurrentCompany"></span>

                                    </div>
                                    <input type="password" id="txtPassword_E" class="form-control login-input font-Yahei" phlangid="Login.PW" placeholder="密码" />
                                </div>
                                <div class="form-group position-relative auth-deal d-none" data-issendsmscode="" id="div-SMSCode">
                                    <input type="password" id="txtSMSCode" class="form-control login-input font-Yahei" phlangid="Sms.InputVerificationCode" />
                                    <button type="button" class="btn btn-sm login-button-color" style="position:absolute;top:0;right:0;" langid="Sms.VerificationCodeSend" id="btnSendSmsCode" data-phone="">发送验证码</button>
                                </div>

                                
                                <div class="container-fluid">
                                    <div class="row">
                                        <div class="text-left px-0 col-6 col-md-8">
                                            <a href="#" class="btn-link d-inline-block" langid="Login.ForgotPw" onclick="AuoForgetPwd()">忘记密码？</a>
                                            <span class="d-none d-md-inline-block">&nbsp;|</span>
                                            <a href="#" class="btn-link d-inline-block" langid="Login.ResetPwd" onclick="AuoResetPwd()">重置密码</a>
                                        </div>
                                        <div class="text-muted auth-first px-0 col-6 col-md-4 text-right">
                                            <a href="#" onclick="AuoAccountEnable()" langid="Login.EnableAccount"></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="radio-group mt-2">
                                </div>
                                <div class="text-center text-lg-left mt-3">

                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="partnerLogin" role="tabpanel">
                        
                        <div id="parter">
                            <div class="login-type-title text-center text-lg-left mt-4">
                                <div class="d-lg-block d-inline-block">CAP</div>
                                <div class="d-lg-block d-inline-block" langid="Login.VendorLogin">合作伙伴登录</div>
                            </div>
                            <div class="mt-5">
                                <div class="auth-first-S mt-5">
                                    <div class="form-group">
                                        <input type="text" id="txtAccount_P" class="form-control login-input" phlangid="Login.Account" placeholder="账号" />
                                    </div>
                                    <div class="form-group">
                                        <input type="text" id="txtEmail_P" class="form-control login-input" phlangid="Login.Email" placeholder="邮箱" />
                                    </div>
                                    <div class="form-group position-relative d-none auth-mail">
                                        <input type="text" id="txtValiCode_P" class="form-control login-input" phlangid="Login.EnterMailValiCode" placeholder="验证码" />
                                        <button type="button" id="btnSendMailCode" class="btn btn-light btn-sm shadow-none"></button>
                                    </div>
                                    <div class="text-muted">
                                        <span class="cap_register" langid="Login.NoAccount"></span>&nbsp;<a href="#" onclick="linkRegister();" langid="Login.Register"></a>
                                        <div class="float-md-right d-block d-md-inline-block">
                                            <a href="#" onclick="linkAccountManager()" langid="Register.completeB"></a>
                                        </div>
                                    </div>
                                    <div class="text-center text-lg-left mt-3">
                                        <div id="customSlider" class="d-none mt-3 SliderEnhance ui-slider ui-corner-all ui-slider-horizontal ui-widget ui-widget-content w-100">
                                            <div id="customSliderTips" class="SliderTips SliderTips-default" langid="Public.SlidingVerification">
                                            </div>
                                            <div id="customSliderHandle" class="SliderHandle  ui-slider-handle ui-corner-all ui-state-default draggable">
                                                <div id="customSliderIcon" class="SliderIcon fa fa-arrow-right">
                                                </div>
                                            </div>
                                            <div id="customSliderRange" class='SliderRange ui-slider-range ui-corner-all ui-widget-header ui-slider-range-min'>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="auth-deal-S mt-5 d-none">
                                    <div class="form-group">
                                        <div class="login-input">
                                            <div class="container-fluid row mb-1">
                                                <div class="col-12 col-md-auto px-0" id="lbRealName_P"></div><span class="d-none d-md-inline-block">&nbsp;/&nbsp;</span>
                                                <div class="col-12 col-md-auto px-0" id="lbCompanyName_P"></div>
                                            </div>
                                        </div>
                                        <div style="color:darkorange;" langid="Login.InfoAlert">*请确认以上资讯无误后，再输入密码！</div>
                                    </div>
                                    <div class="form-group">
                                        <input type="password" id="txtPassword_P" class="form-control login-input font-Yahei" phlangid="Login.PW" placeholder="密码" />
                                    </div>
                                    <div class="d-flex justify-content-between">
                                        <input type="hidden" value="" id="IsUACT" />
                                        <a href="#" class="btn-link font-MabryPro" langid="Login.ForgotPw" onclick="PartnerForgetPwd()">忘记密码？</a>
                                        <a href="#" class="btn-link font-MabryPro" langid="Login.ResetPwd" onclick="PartnerResetPwd()">重置密码</a>
                                    </div>
                                    <div class="radio-group mt-2">
                                    </div>
                                    <div class="text-center text-lg-left mt-3">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div class="w-100 text-center mt-4">
                            <div class="alert alert-danger " id="lblLoginAlert">
                                <span langid="Login.SiteUnreg"></span>
                            </div>
                </div>
            </div>
            <div class="login-footer">
                <span class="font-14">&copy; 2025 AUO Corporation., All Rights Reserved.</span>
            </div>

            <img src="/Content/Images/NewLogin/cube_lb.png" class="square-blue" />
            <img src="/Content/Images/NewLogin/cube_green.png" class="square-green" />
        </div>
    </div>

    
    <div class="modal fade" id="SendSMSModal" role="dialog" aria-labelledby="SendSMSModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content shadow-lg">
                <div class="modal-header d-none d-md-flex">
                    <h6 class="modal-title" id="SendSMSModalLabel" langid="Modal.Hint"></h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                
                <div class="modal-body px-md-5 mb-4">
                    <div class="form-group mb-2" id="SendPhone">
                        <label for="SendSMSPhone" class="mb-0 text-muted" langid="User.SendToPhone">验证码将发送到当前手机号</label>
                        <input type="text" readonly="readonly" id="SendSMSPhone" class="form-control font-Yahei" placeholder="" />
                    </div>
                    <div class="form-group mb-2 d-none" id="NotPhone">
                        <label for="txtInputSendSMSPhone" class="mb-0 text-muted" langid="User.EnterPhone">请输入手机号</label>
                        <input type="text" id="txtInputSendSMSPhone" class="form-control font-Yahei" placeholder="" />
                    </div>
                    <button type="button" class="btn login-button-color w-100 mt-2 shadow-sm" id="btnSendSMSConfirm" langid="Public.ConfirmSendingSMSCode">确认发送</button>
                    <div class="mt-3 font-875"><span langid="Login.ModifyPhoneTips"></span>&nbsp;<a data-toggle="collapse" href="#ModifyPhonebox" langid="Login.ModifyPhoneTips2">点击这里</a></div>
                    <div class="collapse" id="ModifyPhonebox">
                        <div class="mt-2 alert alert-info border-info mb-0">
                            <div>
                                <span langid="Login.ModifyPhoneTips3"></span>
                            </div>
                            <div class="d-flex justify-content-end">
                                <button type="button" class="btn login-button-color mt-2" id="btnSendModifyPhoneMail" langid="Public.ConfirmSendingEmail">立即发送</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    
    <div class="modal fade" id="ForgetPwdModal" role="dialog" aria-labelledby="ForgetPwdModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content shadow-lg">
                <div class="modal-header d-none d-md-flex">
                    <h6 class="modal-title" id="ForgetPwdModalLabel" langid="Modal.Hint"></h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-4">
                    <span class="glyphicon glyphicon-info-sign"></span>
                    <span id="lblForgotPwdTips" class="text-default" langid="ForgetCodes.ForgotPwdTips"></span>
                    <div class="my-4">
                        <div class="form-group">
                            <input type="text" id="txtAccount_ForgetPWD" class="form-control login-input bg-white" readonly="readonly" phlangid="Login.Account" />
                        </div>
                        <div class="form-group">
                            <input type="email" id="txtEmail_ForgetPWD" class="form-control login-input bg-white" readonly="readonly" phlangid="Login.Email" />
                        </div>
                    </div>
                </div>
                <div class="modal-footer p-2 d-block text-center text-md-right">
                    <button type="button" id="SendLinkToEmail" class="btn bg-primary-cap text-white col-12 col-md-auto" langid="ForgetCodes.SendLinkToMail" onclick="SendEmailToForgetPwd()"></button>
                    <button type="button" class="btn btn-secondary col-12 col-md-auto" data-dismiss="modal" langid="Modal.Close">Close</button>
                </div>
            </div>
        </div>
    </div>

    
    <div class="modal modal-alert fade " id="bt-alertModal" role="dialog" aria-labelledby="bt-alertModalLabel" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered " role="document">
            <div class="modal-content shadow-lg">
                <div class="modal-header">
                    <h6 class="modal-title" id="bt-alertModalLabel" langid="Modal.Hint"></h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-4">
                    <div class="d-flex align-content-center">
                        <span class="alert-icon align-self-center d-none"></span>
                        <span class="alert-content align-self-center"></span>
                    </div>
                </div>
                <div class="modal-footer p-2 d-block text-center text-md-right">
                    <button type="button" id="btnAlertConfirm" class="btn btn-secondary" langid="Modal.Confirm"></button>
                </div>
            </div>
        </div>
    </div>

    
    <div class="modal modal-alert fade bd-example-modal-sm" id="bt-confirmModal" role="dialog" aria-labelledby="bt-confirmModal" aria-hidden="true" data-backdrop="static">
        <div class="modal-dialog modal-dialog-centered" role="document">
            <div class="modal-content shadow-lg">
                <div class="modal-header">
                    <h6 class="modal-title" id="bt-confirmModalLabel" langid="Modal.Hint">提示</h6>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body p-4 alert-info">
                    <div class="d-flex align-content-center font-weight-bold">
                        <span class="alert-icon align-self-center">
                            <i class="fa fa-question-circle-o fa-3x text-info" aria-hidden="true"></i>
                        </span>
                        <span class="alert-content align-self-center ml-3" style="font-size:1rem;"></span>
                    </div>
                </div>
                <div class="modal-footer p-2">
                    <button type="button" class="btn btn-info" id="btnModalConfirm" langid="Modal.Confirm">确定</button>
                    <button type="button" class="btn btn-secondary" data-dismiss="modal" langid="Modal.Cancel">取消</button>
                </div>
            </div>
        </div>
    </div>

    <script src="/Scripts/jquery-3.7.1.min.js"></script>
<script src="/Content/Scripts/bootstrap_4.6.1/popper.min.js"></script>
<script src="/Content/Scripts/bootstrap_4.6.1/js/bootstrap.min.js"></script>

    <script src="/Resources/Public/Js/Language.js"></script>

    <script src="/Content/Scripts/bootstrapDropdown/boostrapDropdown.js?v=202512221337"></script>

    <script src="/Resources/Public/Js/Validate.js"></script>

    <script src="/Resources/Public/Js/Common.js"></script>

    <script src="/Content/Scripts/jquery-ui.min.js"></script>

    <script src="/Content/Scripts/jquery.ui.touch-punch.min.js"></script>

    <script src="/Content/Mobile/js/mobileSelect.js"></script>

    <script src="/Resources/Default/Js/Login/Login20260104.js?v=202512221337"></script>

    <script>
        (function executeOnce() {
            // 执行您的代码或任务
            if (mycookie.get("LoginReload") == "" && mycookie.get("LoginReload") != "Y") {
                window.location.reload(true);
                mycookie.set("LoginReload", "Y", 1000 * 60 * 60 * 4); //4个小时
            }
        })();
    </script>
</body>
</html>
