html,body {
	margin: 0;
	color: #000000; font-family: Arial, sans-serif; font-size: 16px; 
	background: #f0f0f0;
}

.box {
	width: 600px; height: 510px; margin: 0 auto; padding: 3em;
	color: #c0c0c0;
}

table { border-spacing: 0px; }

.inp {
	width: 100%; height: 44px;
	padding-left: 10px; margin-bottom: 25px; margin-top: 3px;
	color: #000000; font-size: 1.25em;
}

.inp::placeholder {
	color: #c0c0c0;
}

select.inp { padding-left: 7px; }

.out {
	width: 100%; box-sizing: border-box;
	padding: 10px; margin-bottom: 25px; margin-top: 3px;
	color: #000000; background: #ffffff;
}

.tot {
	width: 100%; height: 44px; box-sizing: border-box;
	padding-right: 10px; margin-bottom: 3px; margin-top: 10px;
	color: #ff0000; font-size: 1.75em; font-weight: bold; line-height: 44px; background: #ffffff;
}


.brd {
	border: 2px solid #afafaf; border-radius: 8px;
	box-shadow: 1px 1px 4px 0 #ddd inset;
}

.lbl { font-weight: 500; font-size: 0.90em; color: #777777; }
p.lbl { margin: 5px 0px 0px; }


button#submit {
	position: fixed; bottom: 1em; width: 230px; height: 50px; 
	left: 50%; margin-right: -50%; transform: translate(-50%); 
	border: none; border-radius: 8px; font-weight: 500; font-size: 1.2em;
	background-color: #ff0000; color: #ffffff; cursor: pointer;
}

button#submit:disabled { background-color: #ffc0c0; }