<!DOCTYPE html>
	<html dir="ltr" lang="en-US" prefix="og: https://ogp.me/ns#">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Log In &lsaquo; Welcome to the Liou Family Website &#8212; WordPress</title>
			
	<meta name='robots' content='max-image-preview:large, noindex, noarchive' />
<link rel='dns-prefetch' href='//ajax.googleapis.com' />
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel='stylesheet' id='dashicons-css' href='https://jamesliou.com/liouwp/wp-includes/css/dashicons.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='buttons-css' href='https://jamesliou.com/liouwp/wp-includes/css/buttons.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='forms-css' href='https://jamesliou.com/liouwp/wp-admin/css/forms.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='l10n-css' href='https://jamesliou.com/liouwp/wp-admin/css/l10n.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='login-css' href='https://jamesliou.com/liouwp/wp-admin/css/login.min.css?ver=6.9.4' type='text/css' media='all' />
<style id='acl-er-socialcss-inline-css' type='text/css'>
 
		.divsocial{
			text-align: center;
			padding:20px;
								}	

		.icon-button {
			background-color: #1e73be;
			border-radius: 0rem;
			cursor: pointer;
			display: inline-block;
			font-size: 18px;
			height: 42px;
			line-height: 42px;
			margin: 0 2px !important;
			position: relative;
			text-align: center;
			-webkit-user-select: none;
			   -moz-user-select: none;
				-ms-user-select: none;
					user-select: none;
			width: 42px;
			text-decoration: none;
		}

		.icon-button span {
			border-radius: 0;
			display: block;
			height: 0;
			left: 50%;
			margin: 0;
			position: absolute;
			top: 50%;
			-webkit-transition: all 0.3s;
			   -moz-transition: all 0.3s;
				 -o-transition: all 0.3s;
					transition: all 0.3s;
			width: 0;
		}
		.icon-button:hover span {
			width: 42px;
			height: 42px;
			border-radius: 0rem;
			margin: -21px;
		}
		.icon-button span {
			background-color: #ffffff		}

		.icon-button i {
			background: none;
			color: #ffffff;
			height: 42px;
			left: 0;
			line-height: 40px;
			position: absolute;
			top: 0;
			-webkit-transition: all 0.3s;
			   -moz-transition: all 0.3s;
				 -o-transition: all 0.3s;
					transition: all 0.3s;
			width: 42px;
			z-index: 10;
		}


		.icon-button i:hover {
			color: #1e73be;
		}
		


/*# sourceURL=acl-er-socialcss-inline-css */
</style>
<style id='acl-er-login-style-inline-css' type='text/css'>
 				/* Styles loading for Admin Custome Login */
		html {
			background: none !important;
		}

					html body.login {
							background: url(http://jamesliou.com/liouwp/wp-content/uploads/2015/12/IMG_6960-1-1024x768.jpg) no-repeat center center fixed;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			background-size: cover;
						}

			
		/* Styles for logo image */
		body.login div#login h1 a {
			background-image: url(http://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login//images/default-logo.png) !important;
			padding-bottom: 30px;
							margin: 0 auto;
													background-size: 0px 0px;
			width: 0px;
			height: 0px;
		}

							body.login #login {
			width: 300px;
		}

		.language-switcher {
			display: block		}

		.login form#loginform {
			border-radius: 0px;
			border: 0px none #000000 !important;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
			box-shadow: none !important;
			position: relative;
			z-index: 1;
			/* for ie */
			background-color: rgb(30, 115, 190) !important;
			background: url(http://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login//images/3d-background.jpg) no-repeat left top;
			background: rgba(30, 115, 190, 1) !important;
							background: url('https://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login/css/img/no_effect.png') repeat scroll left top, url(http://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login//images/3d-background.jpg) no-repeat left top !important;
					}

		.icon-ph {
			color: #000000;
		}

		body.login div#login form p label,
		body.login div#login form #lable_password_input label,
		body.login div#login form #lable_login_input,
		body.login div#login form .user-pass-wrap,
		body.login div#login form #forgetmenot_input,
		body.login div#login form #submit_input {
			color: #ffffff !important;
			font-size: 18px !important;
			font-family: Helvetica Neue !important;
		}

		#reg_passmail {
			color: #ffffff !important;
			font-size: 18px !important;
			font-family: Helvetica Neue !important;
		}

		body.login #loginform p.submit .button-primary,
		body.wp-core-ui .button-primary {
			background: #dd3333;
			color:  !important;
			font-size: 10px;
			border: none !important;
			font-family: Helvetica Neue;
		}

		body.login #loginform p.submit .button-primary:hover,
		body.login #loginform p.submit .button-primary:focus,
		body.wp-core-ui .button-primary:hover {
			background: rgba(221, 51, 51, 0.9) ;
			/*color: rgba(221,51,51, 0.9) !important;*/
		}

		body.login div#login form .input,
		.login input[type="text"] {
			color: #000000;
			font-size: 18px;
			font-family: Helvetica Neue;
			-webkit-box-shadow: 0 0 0px 1000px white inset;
			-webkit-text-fill-color: #000000 !important;
		}

		p.message.register {
			display: none;
		}

										body.login #nav a,
		body.login #backtoblog a {
			color: #ffffff !important;
			font-family: Helvetica Neue !important;
			font-size: 18px !important;
		}

		.divfooter {
			color: #fff;
			padding-top: 10px !important;
			text-align: center;
			width: 335px;
		}

		.divfooter a,
		body.login #backtoblog .divfooter {
			color: #ffffff !important;
			text-shadow: none;
		}

		.divfooter a,
		body.login #backtoblog .divfooter a {
			color: #f00 !important;
			text-shadow: none;
		}

		.login-msg-above {
			background: #ffffff9e;
			padding: 12px !important;
			margin: 4px 0px !important;
			border-bottom: 3px solid #fff;
			border-radius: 25px;
			line-height: 1.4;
			box-shadow: 0 1px 1px 0 hsla(0, 0%, 0%, 0.1);
						font-size: px !important;
						text-align: center;
			font-weight: 500;
			color:
			#000  !important;
		}

/*# sourceURL=acl-er-login-style-inline-css */
</style>
<link rel='stylesheet' id='wl-acl-font-awesome_min-css' href='https://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login/css/fontawesome-all.min.css?ver=6.9.4' type='text/css' media='all' />
<link rel='stylesheet' id='wl-acl-custom-css-css' href='https://jamesliou.com/liouwp/wp-content/plugins/admin-custom-login/css/acl-custom.css?ver=6.9.4' type='text/css' media='all' />
	<meta name='referrer' content='strict-origin-when-cross-origin' />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		</head>
	<body class="login no-js login-action-login wp-core-ui  locale-en-us">
	<script type="text/javascript">
/* <![CDATA[ */
document.body.className = document.body.className.replace('no-js','js');
/* ]]> */
</script>

				<h1 class="screen-reader-text">Log In</h1>
			<div id="login">
		<h1 role="presentation" class="wp-login-logo"><a href="http://jamesliou.com/liouwp">Your Site Name and Info</a></h1>
	
		<form name="loginform" id="loginform" action="https://jamesliou.com/liouwp/wp-login.php" method="post">
			<p>
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" class="input" value="" size="20" autocapitalize="off" autocomplete="username" required="required" />
			</p>

			<div class="user-pass-wrap">
				<label for="user_pass">Password</label>
				<div class="wp-pwd">
					<input type="password" name="pwd" id="user_pass" class="input password-input" value="" size="20" autocomplete="current-password" spellcheck="false" required="required" />
					<button type="button" class="button button-secondary wp-hide-pw hide-if-no-js" data-toggle="0" aria-label="Show password">
						<span class="dashicons dashicons-visibility" aria-hidden="true"></span>
					</button>
				</div>
			</div>
						<p class="forgetmenot"><input name="rememberme" type="checkbox" id="rememberme" value="forever"  /> <label for="rememberme">Remember Me</label></p>
			<p class="submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary button-large" value="Log In" />
									<input type="hidden" name="redirect_to" value="/liouwp/feed/" />
									<input type="hidden" name="testcookie" value="1" />
			</p>
		</form>

					<p id="nav">
				<a class="wp-login-lost-password" href="https://jamesliou.com/liouwp/wp-login.php?action=lostpassword">Lost your password?</a>			</p>
			<script type="text/javascript">
/* <![CDATA[ */
function wp_attempt_focus() {setTimeout( function() {try {d = document.getElementById( "user_login" );d.focus(); d.select();} catch( er ) {}}, 200);}
wp_attempt_focus();
if ( typeof wpOnload === 'function' ) { wpOnload() }
/* ]]> */
</script>
		<p id="backtoblog">
			<a href="https://jamesliou.com/liouwp/">&larr; Go to Welcome to the Liou Family Website</a>		</p>
			</div>
		
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js?ver=6.9.4" id="wl-acl-font-config-js"></script>
<script type="text/javascript" id="wl-acl-font-config-js-after">
/* <![CDATA[ */
 	WebFont.load({
	google: {
	families: ['Helvetica Neue'] // saved value
	}
	});
	WebFont.load({
	google: {
	families: ["Helvetica Neue"] // saved value
	}
	});
	WebFont.load({
	google: {
	families: ["Helvetica Neue"] // saved value
	}
	});
	WebFont.load({
	google: {
	families: ["Helvetica Neue"] // saved value
	}
	});
	
//# sourceURL=wl-acl-font-config-js-after
/* ]]> */
</script>
<script type="text/javascript" id="weblizar-acl-footer-js-after">
/* <![CDATA[ */

	jQuery(document).ready(function(){
		jQuery('html body').attr('id', 'screen');
		jQuery('#loginform label[for="user_login"]').attr('id', 'lable_login_input');
		jQuery('#loginform label[for="user_pass"]').attr('id', 'lable_password_input');
		jQuery('#loginform p').attr('id', 'lable_login_input');
		jQuery('#loginform p.forgetmenot').attr('id', 'forgetmenot_input');
		jQuery('#loginform p.submit').attr('id', 'submit_input');
		jQuery('#loginform .user-pass-wrap').attr('id', 'lable_password_input');

				if (jQuery('#lable_login_input').length) {
			document.getElementById("lable_login_input").innerHTML="Username / Email<div class='input-container'> <div class='icon-ph'><i class='fa fa-user'></i></div> <input id='user_login' name='log' class='input' type='text' placeholder='Type Username or Email'></div>";
			document.getElementById("lable_password_input").innerHTML="Password<div class='input-container'> <div class='icon-ph'><i  class='fa fa-key'></i></div> <div class='icon-end'><i id='togglePassword' class='fa fa-eye'></i></div><input id='user_pass' name='pwd' class='input' type='password' placeholder='Type Password'></div>";
			jQuery('body.login div#login form .input, .login input[type="text"]').css('padding','5px 5px 5px 45px');
			const togglePassword = document.querySelector("#togglePassword");
			const password = document.querySelector("#user_pass");

			togglePassword.addEventListener("mousedown", function () {
				// change the type attribute to text
				password.setAttribute("type", "text");

				// toggle the icon
				this.classList.add("bi-eye");
			});

			togglePassword.addEventListener("mouseup", function () {
				// change the type attribute back to password
				password.setAttribute("type", "password");

				// toggle the icon
				this.classList.remove("bi-eye");
			});
		}
		
		
		
		<!--enable Social Icon In inner login form-->

						<!--enable Social Icon In outer login form-->
						jQuery( "#backtoblog" ).append('<div class="divfooter"> </div>');
	});

	
//# sourceURL=weblizar-acl-footer-js-after
/* ]]> */
</script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/clipboard.min.js?ver=2.0.11" id="clipboard-js"></script>
<script type="text/javascript" id="zxcvbn-async-js-extra">
/* <![CDATA[ */
var _zxcvbnSettings = {"src":"https://jamesliou.com/liouwp/wp-includes/js/zxcvbn.min.js"};
//# sourceURL=zxcvbn-async-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/zxcvbn-async.min.js?ver=1.0" id="zxcvbn-async-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/dist/hooks.min.js?ver=dd5603f07f9220ed27f1" id="wp-hooks-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/dist/i18n.min.js?ver=c26c3dc7bed366793375" id="wp-i18n-js"></script>
<script type="text/javascript" id="wp-i18n-js-after">
/* <![CDATA[ */
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
/* ]]> */
</script>
<script type="text/javascript" id="password-strength-meter-js-extra">
/* <![CDATA[ */
var pwsL10n = {"unknown":"Password strength unknown","short":"Very weak","bad":"Weak","good":"Medium","strong":"Strong","mismatch":"Mismatch"};
//# sourceURL=password-strength-meter-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-admin/js/password-strength-meter.min.js?ver=6.9.4" id="password-strength-meter-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script type="text/javascript" id="wp-util-js-extra">
/* <![CDATA[ */
var _wpUtilSettings = {"ajax":{"url":"/liouwp/wp-admin/admin-ajax.php"}};
//# sourceURL=wp-util-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/wp-util.min.js?ver=6.9.4" id="wp-util-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/dist/dom-ready.min.js?ver=f77871ff7694fffea381" id="wp-dom-ready-js"></script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-includes/js/dist/a11y.min.js?ver=cb460b4676c94bd228ed" id="wp-a11y-js"></script>
<script type="text/javascript" id="user-profile-js-extra">
/* <![CDATA[ */
var userProfileL10n = {"user_id":"0","nonce":"b2638858b7"};
//# sourceURL=user-profile-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://jamesliou.com/liouwp/wp-admin/js/user-profile.min.js?ver=6.9.4" id="user-profile-js"></script>
	</body>
	</html>
	