Light12306/Web12306/css/buttons.css

button, input {
	font-family: inherit;
}

	button:focus {
		outline: none;
	}

.button {
	border-radius: 3px;
	box-shadow: #ECEBEB 1px 1px 2px;
	line-height: 26px;
	padding: 4px 10px 4px 10px;
	cursor: pointer;
	color: #898989;
	display: inline-block;
	box-sizing: border-box;
}

	.button:disabled, .button:hover:disabled {
		border: 1px solid #cbcbcb;
		background: linear-gradient(to top, #cbcbcb, #cfcfcf);
	}

.button-default {
	background: linear-gradient(to bottom, #f4f4f4, #e8e8e8);
	border: 1px solid #d3d3d3;
}

	.button-default:hover {
		background: linear-gradient(to bottom, #fefefe, #dddcdc);
	}

	.button-default:active {
		background: linear-gradient(to bottom, #fefdfd, #d4d1d1);
	}

.button-primary {
	background: linear-gradient(to top, #ff7e08, #ff9e14);
	color: #fff;
	border: 1px solid #ec8b00;
	font-weight: bold;
}

a.button-primary {
	color: #fff;
}

.button-primary:hover {
	background: linear-gradient(to top, #ff912d, #ffb72e);
	color: #ffffff;
}

.button-primary:active {
	background: linear-gradient(to top, #ee7609, #ff9712);
	color: #ffffff;
}


.button-block {
	display: block;
	width: 100%;
}

.button-large {
	font-size: 18px;
	line-height: 40px;
}

.button-mini {
	padding: 0 15px;
}

.text {
	border-radius: 4px;
	border: 1px solid #b7b7b7;
	background-color: #ffffff;
	box-shadow: inset 0 0 10px rgba(160, 160, 160, 0.5);
	padding: 10px;
}

.text-block {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

select.normal {
	padding: 5px;
	background-color: #ffffff;
	box-shadow: inset 0 0 5px 0 rgba(150,150,150,0.3);
	width: 160px;
	border: 1px solid #b5b5b5;
	color: #737373;
}

	select.normal:disabled {
		color: #bbbbbb;
		background-color: #f6f6f6;
		border-color: #d9d9d9;
	}

	select.normal:focus {
		outline: none;
	}


.txt-input {
	border: 1px solid #b7b7b7;
	border-radius: 2px;
	line-height: 16px;
	background-image: linear-gradient(to bottom, #e7e7e7 0, #fff 20%);
	font-size: 14px;
	padding: 4px;
}
.txt-input-block {
	display: block;
	box-sizing: border-box;
	width: 100%;
}