<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<link rel="icon" type="image/png" href="images/favicon.png" />
		<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
		<link rel="stylesheet" href="css/spm.css" />
		<title>Supplier Portal Management - Login</title>
	</head>
	<body>
		<div class="loading">
			<div class="loadingbackdrop"></div>
			<div class="ajaxloading">
				<span class="loadinghelper"></span>
				<img class="loadingimg" src="images/ajax-loader.gif" />
			</div>
		</div>
		<div class="container-login">
			<div class="content-box">
				<div class="login-box">
					<div class="login-box-holder">
						<div class="content-form">
							<div class="smalllogo">
								<a href="https://spm.hudong-buygogo.com/" target="_blank">
									<img src="images/hudong.png" />
								</a>
							</div>
							<div class="title">
								<h1>
									登入
								</h1>
							</div>
							<div class="platform">
								Supplier Portal Management Login
							</div>
							<div class="form-input-container">
								<input id="loginunifyno" name="loginunifyno" class="form-input" msg-require-obj="unifyno-require" data-index="1" type="text" value="" placeholder="輸入公司通行碼" />
								<h3 class="form-input-label">輸入通行碼</h3>
								<div class="unifyno-require message-desc">繼續？請輸入通行碼</div>
							</div>
							<div class="form-input-container">
								<input id="loginemail" name="loginemail" class="form-input" msg-require-obj="email-require" data-index="2" msg-invalid-obj="email-invalid" clickaction="verify" type="text" value="" placeholder="輸入電子郵件地址" />
								<h3 class="form-input-label">輸入電子郵件地址</h3>
								<div class="email-require message-desc">繼續？請輸入電子郵件地址</div>
								<div class="email-invalid message-desc">電子郵件地址不合法</div>
							</div>
							<div class="desc">
								<h3>請輸入您公司通行碼及申請登記的電子郵件地址，按繼續進入密碼驗證步驟，沒有帳號？請輸入通行碼按左下方註冊進行申請，謝謝您的使用。</h3>
							</div>
							<div class="action">
								<a class="register">
									<span class="red">註</span>冊
								</a>
								<a class="verify" msg-custom-obj="verify-error">
									繼續
								</a>
							</div>
							<div class="verify-error message-desc">
							</div>
						</div>
						<div class="content-form">
							<div class="smalllogo">
								<a href="https://spm.hudong-buygogo.com/" target="_blank">
									<img src="images/hudong.png" />
								</a>
							</div>
							<div class="title">
								<h1>
									歡迎使用
								</h1>
							</div>
							<div class="useraccount">
								<input id="useraccount" type="text" value="" disabled />
							</div>
							<div class="form-input-container">
								<input id="loginpassword" name="loginpassword" class="form-input" msg-require-obj="password-require" data-index="3" clickaction="login" type="password" value="" placeholder="輸入您的密碼" />
								<h3 class="form-input-label">輸入您的密碼</h3>
								<span class="input-icon-pwd">
									<i class="fa fa-eye-slash btn-eye" targetobj="loginpassword"></i>
								</span>
								<div class="password-require message-desc">繼續？請輸入密碼</div>
							</div>
							<div class="form-input-container captcha noshow">
								<input id="captcha" name="captcha" class="captcha-input" msg-require-obj="captcha-require" data-index="4" maxlength="4" size="4" type="text" value="" placeholder="輸入右方圖片文字" />
								<h3 class="captcha-input-label">輸入右方圖片文字</h3>
								<div>
									<img id="captcha-img" src="" />
								</div>
								<div class="captcha-require message-desc">繼續？請輸入右方圖片文字</div>
							</div>
							<div class="action">
								<a class="forgot">
									<span class="red">忘</span>記密碼？
								</a>
								<a class="login" msg-custom-obj="login-error">
									繼續
								</a>
							</div>
							<div class="login-error message-desc">
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="footer">
				<small class="copy-right"><i class="fa fa-copyright" aria-hidden="true"></i>2019 by 小平果資訊</small>
				<small class="surf-browser">本站最佳瀏覽環境請使用Google Chrome、Firefox或IE11以上版本</small>
			</div>
		</div>
	</body>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
	<script src="js/spm.js"></script>
</html>

