<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta content="zh-cn" http-equiv="Content-Language" />
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
		<meta name="renderer" content="webkit"/>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0,  user-scalable=no"/>
		<title>{%$lngpack.sitename%}</title>
		<meta name="keywords" content="{%$lngpack.keyword%}" />
		<meta name="description" content="{%$lngpack.description%}" />
		<link rel="icon" type="image/png" href="{%$icon_16%}" sizes="16x16"/>
		<link rel="icon" type="image/png" href="{%$icon_32%}" sizes="32x32"/>
		<link rel="icon" type="image/png" href="{%$icon_64%}" sizes="64x64"/>
		<link href="{%$rootpath%}css/bootstrap.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_font.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/swiper.min.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcmsp8_all.css" rel="stylesheet" type="text/css" />
		<link href="{%$rootpath%}css/espcms_p8_public.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/jquery.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/bootstrap.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/swiper.min.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_base.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_formvalidation.js"></script>
		<script type="text/javascript" src="{%$rootdir%}espcms_includes/js/espcms_dialog.js"></script>
		<script type="text/javascript">
			$(document).ready(function () {
				$("#member_login").espcms_formvalidation({focusName: "#login_user"});
			});
		</script>
	</head>

	<body>
		{%link file="public/head.html"%}
		<section class="bann_container">
			<div class="container page_bann_title">
				<h2>Member Center</h2>
			</div>
		</section>

		<section class="container espcms_page_book">
			<div class="row">
				<div class="espcms_member_login">
					<div class="panel panel-info">
						<div class="panel-heading"><h3>Sign In</h3></div>
						<div class="panel-body">
							<form name="member_login" id="member_login" method="post"class="form-horizontal admin-form"  action="{%$mlink.loginver%}"/>
							<input type="hidden" name="tokenname" value="{%$tokenkey.token_name%}"/>
							<input type="hidden" name="tokenkey" value="{%$tokenkey.token_key%}"/>
							<div class="form-group">
								<label class="col-sm-2 control-label">Username</label>
								<div class="col-sm-9">
									<input type="text" name="login_user" id="login_user" class="form-control" maxlength="50" placeholder="Please enter the username" title="Please enter the username" data-validation="^[\u4e00-\u9fa5\w\@\.]{2,50}$" maxlength="50"  data-validation-msg="Sorry: the username is not entered, please go back and re-enter"/>
								</div>
							</div>
							<div class="form-group">
								<label class="col-sm-2 control-label">Password</label>
								<div class="col-sm-9">
									<input type="password" name="password" id="password" class="form-control" placeholder="Please enter your login password" title="Please enter your login password" data-validation-minlength="6" data-validation-maxlength="30" maxlength="30" data-validation-msg="Sorry, the current login password is incorrectly filled in.">
								</div>
							</div>
							{%if $member_con.MEMBER_LOGIN_VERIFY%}
							<div class="form-group">
								<label class="col-sm-2 control-label">Verification</label>
								<div class="col-sm-9">
									<div class="col-sm-6 col-md-6 col-mm-6 p0">
										<input type="text" name="seccode" class="form-control" style="text-transform: uppercase;" id="seccode" data-validation="^[A-Za-z]{4}$" placeholder="Please enter a verification code of 4 English characters." title="Please enter a verification code of 4 English characters." maxlength="4" data-validation-msg="Error: Verification code input errors">
									</div>
									<div class="col-sm-6 col-md-6 col-mm-6 pl0">
										<img title="Click to replace the verification code" id="memberseccodesrc" onclick="sessionimg('memberseccodesrc', '{%$rootdir%}')" src="{%$seccodelink%}" class="img-rounded" style="cursor: pointer;height:33px;" align="absmiddle"/>
									</div>
								</div>
							</div>
							{%/if%}
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-9">
									<input type="submit" class="btn btn-success btn-block" formmethod="POST" value="Login"/>
								</div>
							</div>
							<div class="form-group">
								<div class="col-sm-offset-2 col-sm-9 member_login_info">
									Don't have an account?<a href="{%$mlink.reg%}" title="Please Register">Sign Up!</a><br/>
									<a href="{%$mlink.findpw%}" title="please click to retrieve your password.">I forgot my password</a>
								</div>
							</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</section>

		{%link file="public/footer.html"%}
	</body>
</html>