﻿body {
	margin: 20px auto 20px auto;
	font: 12pt 細明體;
}

.box {
	margin: 0 auto 0 auto;
	width: auto;
	border: none;
	background: none;
}

	.box td {
		vertical-align: top;
		text-align: center;
		padding: 0;
		background: none;
	}

.data {
	margin: 10px auto 10px auto;
	width: auto;
	border-collapse: separate;
	border-spacing: 1px;
	border: solid 1px #ffaa33;
}

	.data caption {
		text-align: center;
		padding: 5px 5px 5px 5px;
		font: bold 16pt 細明體;
		background: #ddcbb0;
		border: solid 1px #ffaa33;
		border-bottom: none;
	}

	.data td {
		vertical-align: middle;
		text-align: left;
		padding: 10px 10px 10px 10px;
		font: 14pt 細明體;
	}

	.data .ops {
		text-align: center;
		background: #87612a;
	}

input {
	padding: 5px 5px 5px 5px;
	font: 14pt 細明體;
}

	input:focus {
		background-color: #ccddff;
	}

	input:hover {
		background-color: #eeffff;
	}

button {
	padding: 3px 10px 3px 10px;
	font: 16pt 標楷體;
}

	button:focus, button:hover {
		background-color: #ffaaaa;
	}

#PlatID {
	width: 16em;
}

#UserID {
	width: 16em;
}

#PassWD {
	width: 20em;
	font: 12pt 細明體;
}
