temp1.html

<html>
	<head>
		<title>template1</title>
	</head>
	<style>
		body{
			background-color:#242484;
		}
		input#t1{
			margin-top: 15px;
			border-style: outset;
		}
		div.textbox{
			margin-top: 20px;
			/*border-style: outset;*/
		}
		div.loginArea{
			position: relative;
			background-color: white;
			
			float: right;
			margin-right: 20px;
			margin-top: 15px;
			width: 560px;
			height: 460px;
			
		}
		
		.login{
			border-style : outset;
			margin-top: 15px;
		}
		#b1{
			position: relative;
			border-style: outset;
			width: 50px;
			left: 50%;
			top:50%;
		}
		
	</style>
	<body>
		<div class="textbox">
			<input type="text" class="login"></input><br>
			<input type="text" class="login"></input>
		</div>
		<div class="loginArea">
			<button id="b1">agree</button>
		</div>
	</body>
		</html>