html{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}
body{
	background:#f8f9fb;
	background-image: url('../bg.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	background-size:unset;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family: 'M PLUS Rounded 1c', sans-serif; 
	color:#345077; 
	font-size:1.25em;
}

form{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
}

.arrowBox {
	margin-top:50px;
    position:relative;
    background:rgba(0, 0, 0, .2); 
    height:300px !important;
    width:400px !important;
}




.infoBox {
    position:relative;
    height:300px !important;
    width:400px !important;
	padding:0px;
}

.field {
	margin: 0 0 1rem 0;
	clear: both;
	position: relative;
}

.field.net-id::before {
	background-image: url(../img/icon-accounts.png);
	background-size: 24px 19px;
}

.field.password::before {
	background-image: url(../img/icon-security.png);
	background-size: 18px 24px;
}

.field::before {
	width: 2.75rem;
	height: 2.75rem;
	opacity: 0.3;
	background-position: center center;
	background-repeat: no-repeat;
	position: absolute;
	content: "";
	top: 0;
	left: 10;
}






input {
	
	color: #444;
	background: #fff;
	padding: 0.5rem 5% 0.5rem 5%;
	border: 1px solid #f0eff2;
	line-height: 1.25;
	width: 80%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

.button:hover{
	background:rgba(0, 0, 0, .5);
}

.button{
	background:#007c8b; 
width: auto;
padding: 0.75rem 2.5rem;
	cursor: pointer;
	border: none;
	text-align: center;

	
	max-width: 100%;
	margin: 0 auto;
	font-size: 1.25rem;

	color: #fff;
	
	
	
	overflow: hidden;

	box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
	transition: 0.3s;
}

a{
	color:#007c8b;
	font-weight:bold;
	text-decoration:underline;
}



/* Style the buttons inside the tab */
.tab button {
	background:inherit;
	color:#fff;
background:rgba(0, 0, 0, .1); 
 	 float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-weight:bold; font-size:1.2em;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background:rgba(0, 0, 0, .4); 
}

/* Create an active/current tablink class */
.tab button.active {
  background:rgba(0, 0, 0, .2); 
  color:#ffd200;
}