@charset "utf-8";

#topContents{
	background:url(../imgs/pasu3300.png) no-repeat;
	background-size:12%;
	background-position:calc(40% - 100px) 35%;
	padding-top:10%;
}

#login{
	margin:0 auto;
	width:250px;
}

#login input:not([type="checkbox"])
{
  padding:2px 0;
  margin:2px 0;
  width:85%;
}

#loginTbl{
  width:100%;
	margin-bottom:28%;
}

#loginTbl td{
  padding:0.2em 0 0 0;
	padding: 0.3em;
}

input[type="text"],
input[type="password"] {
	width:150px;
	margin-left:5px;
}

.alR {
	width: 85px;
}

.buttons {
 	/* background-color:#fcfcfc; */
	border-radius:5px;
	margin:0 auto 0 auto;
  padding:1em;
	width:99%;
	max-width: 600px;
	text-align: center;
}

.btn-square {
	padding: 2.2rem 0.2rem;
}

@media only screen and (min-width: 992px){
}

@media only screen and (min-width:576px) and (max-width: 991px){
	#topContents{
		background-size:13%;
		background-position:calc(35% - 100px) 20%;
	}

	#loginTbl{
		margin-bottom:10%;
	}

}

@media only screen and (max-width: 575px){
	#loginTbl{
		margin-bottom:10%;
	}

	#topContents{
		background-size:16%;
		background-position:calc(35% - 100px) 15%;
		padding-top:5%;
	}

}