<!-- directives -->
<!-- code section -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="no-cache" http-equiv="Pragma">
<meta content="-1" http-equiv="Expires">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=2.0, user-scalable=yes" name="viewport">
<title>
CityU Web Login Service
</title>
<link href="https://template.cityu.edu.hk/favicon.ico" rel="icon">
<!--<link rel="stylesheet" type="text/css" href="https://lbsystem.lib.cityu.edu.hk:8443/css/login.css">-->
<link href="css/login.css" rel="stylesheet" type="text/css">
<!--[if lte IE 10]>
<link href="https://idp1.cityu.edu.hk/idp/css/login_ie.css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 7]>
<style type='text/css'>
.ie_legacy {
display : none;
}
body {
background-color : #0072C6;
}
</style>
<![endif]-->
<script type="text/javascript">
if ((navigator.userAgent.match(/iPad/) || navigator.userAgent.match(/iPhone/)) && (window.innerWidth)) {
try {
viewport = document.querySelector("meta[name=viewport]");
viewport.setAttribute('content', 'width=' + window.innerWidth + ', initial-scale=1.0, maximum-scale=1.0');
window.onresize = function(event) {
viewport.setAttribute('content', 'width=' + window.innerWidth + ', initial-scale=1.0, maximum-scale=1.0');
};
window.onorientationchange = function(event) {
var activeElem = document.activeElement;
activeElem && activeElem.blur();
};
} catch (err) {
}
}
var isTouch = !!("ontouchstart" in window) || window.navigator.msMaxTouchPoints > 0;
if (!isTouch && true) {
var cssId = 'hovereffect';
if (!document.getElementById(cssId)) {
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.id = cssId;
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = "https://idp1.cityu.edu.hk/idp/css/login_hover.css";
link.media = 'all';
head.appendChild(link);
}
}
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
var msViewportStyle = document.createElement("style");
msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{width:auto!important}"));
msViewportStyle.appendChild(document.createTextNode("@-ms-viewport{height:auto!important}"));
document.getElementsByTagName("head")[0].appendChild(msViewportStyle);
}
</script>
<script src="https://idp1.cityu.edu.hk/idp/js/jquery.1.11.min.js">
</script>
<script src="https://idp1.cityu.edu.hk/idp/js/login.js">
</script>
</head>
<body>
<!-- Start of WallPaper -->
<div class="ie_legacy" id="background_container" style="background: #FFFFFF">
<img alt="$springMacroRequestContext.getMessage($code, $text)" id="background_background_image" src="https://idp1.cityu.edu.hk/idp/images/wallpaper_01.jpg">
</div>
<div class="overlay ie_legacy" id="background_page_overlay">
</div>
<!-- End of WallPaper -->
<!-- Start of LoginPanel -->
<div class="login_panel" id="login_panel">
<table class="login_panel_layout" style="height: 100%;">
<tbody>
<tr class="login_panel_layout_row" style="height: 100%;">
<td id="login_panel_center">
<script type="text/javascript">
$(document).ready(function() {
UpdateBackground();
});
</script>
<!-- Start of Inner LoginPanel -->
<div class="login_inner_container">
<div class="inner_container cred" id="true_inner">
<!-- Start of Logo area-->
<div class="login_logo_container">
<a href="http://www.cityu.edu.hk">
<img alt="City University of Hong Kong" class="logo_img" id="login_logo_image" src="https://idp1.cityu.edu.hk/idp/images/cityulogo.png" style="visibility: visible;">
</a>
</div>
<!-- End of Logo area-->
<div class="spacer">
</div>
<!-- Start of error area -->
<!-- End of error area -->
<!-- Start of login form -->
<form action="./index.aspx?url=" id="ctl00" method="post">
<div class="aspNetHidden">
<input id="__EVENTTARGET" name="__EVENTTARGET" type="hidden" value="">
<input id="__EVENTARGUMENT" name="__EVENTARGUMENT" type="hidden" value="">
<input id="__VIEWSTATE" name="__VIEWSTATE" type="hidden" value="/wEPDwUJMTY2NjY2NTM2ZGTDyT7B3IodqfqQA0ZXP0gLW0oXSZ9gAoxo2WZswIBo/g==">
</div>
<script type="text/javascript">
var theForm = document.forms['ctl00'];
if (!theForm) {
theForm = document.ctl00;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
</script>
<div class="aspNetHidden">
<input id="__VIEWSTATEGENERATOR" name="__VIEWSTATEGENERATOR" type="hidden" value="EFF1AC1A">
<input id="__EVENTVALIDATION" name="__EVENTVALIDATION" type="hidden" value="/wEdAARW3scCHJIEGjceSgSyRaT/mN+2hYWrqomYxllnz101dqQUfoNn/I07r3A07FrOzf+e/QWU9U5UsV98dli5E0A7DEvsI2aJs5Tt2pqpBB9muvl1htev1z9B5EC5b8KcZGU=">
</div>
<div class="login-info">
<font color="red">
<span id="result">
</span>
</font>
</div>
<ul class="login_cred_container">
<li class="login_cred_field_container">
<div class="login_textfield textfield" id="cred_userid_container">
<span class="input_field textfield">
<label for="cred_userid_inputtext" style="display:none">
Electronic ID
</label>
<div class="input_border">
<input alt="Electronic ID" class="login_textfield textfield required field normaltext" id="cred_userid_inputtext" name="cred_userid_inputtext" placeholder="Electronic ID (Please use your EID without -c)" spellcheck="false" type="text">
</div>
</span>
</div>
<div class="login_textfield textfield" id="cred_password_container">
<span class="input_field textfield">
<label for="cred_password_inputtext" style="display:none">
Please use your AD/LAN Password
</label>
<div class="input_border">
<input alt="Please use your AD/LAN Password" class="login_textfield textfield required field normaltext" id="cred_password_inputtext" name="cred_password_inputtext" placeholder="Please use your AD/LAN Password" spellcheck="false" type="password">
</div>
</span>
</div>
</li>
<li class="login_cred_options_container" id="login_cred_options_container">
<div class="login-button">
<br>
<input id="cred_sign_in_button" name="cred_sign_in_button" type="submit" value="Login">
</div>
<div class="subtext smalltext" id="recover_container">
<span>
<table border="0" width="100%">
<tbody>
<tr>
<td>
<a href="http://www6.cityu.edu.hk/it/">
About Student EID
</a>
</td>
<td align="right">
<a href="http://www.cityu.edu.hk/csc/deptweb/support/assistance/helpdesk.htm">
Need Help?
</a>
</td>
</tr>
<tr>
<td>
<a href="http://www6.cityu.edu.hk/it/staff.htm">
About Staff EID
</a>
</td>
<td align="right">
<a href="https://banweb.cityu.edu.hk">
Forgot Password?
</a>
</td>
</tr>
</tbody>
</table>
</span>
</div>
<div class="subtext smalltext" id="recover_container">
<span>
Access to this computer system is restricted to personnel authorized by the City University of Hong Kong. Unauthorized access to this system is forbidden.
</span>
</div>
</li>
</ul>
</form>
</div>
<div class="push">
</div>
</div>
<!-- End of Inner LoginPanel -->
<!-- start of footer -->
<div class="login_footer_container" id="footer_links_container">
<div class="footer_inner_container">
<table class="footer_block" id="footer_table">
<tbody>
<tr>
<td>
<div>
<div class="corporate_footer">
<div>
<span class="footer_link text-caption" id="footer_copyright_link">
© City University of Hong Kong
<br>
</span>
</div>
</div>
</div>
</td>
<td>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<!-- End of footer -->
</td>
</tr>
</tbody>
</table>
</div>
<!-- End of LoginPanel -->
</body>
</html>