common.css

html {
	font-family: 'Roboto', 'Microsoft YaHei', 'Hiragino Sans GB', STXihei, sans-serif, Arial;
}

body {
	margin: 25px;
}

button {
	background-color: #008CBA;
	border: none;
	color: white;
	padding: 4px 14px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	border-radius: 4px;
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
	cursor: pointer;
}

button:hover {
	box-shadow: 1px 1px 3px #888888;
}

button:disabled,
button[disabled]{
	opacity: 0.6;
}

input[type="text"], input[type="number"] {
	background-color: white;
	border-top: 1px solid black;
	border-left: 1px solid black;
	padding: 3px;
	border: solid 1px #dcdcdc;
	transition: box-shadow 0.2s, border 0.2s;
}

input[type="text"]:focus, input[type="number"]:focus {
	border: solid 1px #707070;
	box-shadow: 0 0 5px 1px #969696;
}