* {
	padding: 0;
	margin: 0;
	outline: 0;
}
body {
	font: 15px/1 Arial, "微軟正黑體", "細明體";
	background: #e9eaed;
}
table {
	border-collapse: collapse;
}
a {
	text-decoration: none;
}

.text-right {
	text-align: right;
}

.wrap {
	width: 800px;
	margin: 1em auto;
}
.header {
	border: 1px solid;
	border-color: #e9eaed #dfe0e4 #d0d1d5;
	background-color: #fff;
	border-radius: 3px;
}

.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 1em;
	padding: 1em;
}

.header-foot {
	color: #666;
}

.header-foot svg {
	vertical-align: bottom;
}

.table {
	width: 100%;
	color: #707070;
}
.table thead tr {
	border-bottom: solid 2px #ccc;
	background: linear-gradient(#f8f8f8, #ececec);
}
.table tbody tr:nth-child(odd) {
	background-color: #fff;
}
.table tbody tr:nth-child(even) {
	background-color: #f9f9f9;
}
.table tbody tr {
	transition: all 0.3s ease;
}
.table tbody tr:hover {
	background: #fefae4;
}
.table th,
.table td {
	border: solid 1px #ddd;
	padding: 0.8em 1em;
}

/* For Js*/
.js-danger {
	color: #f00;
}
.js-success {
	color: #22a90d;
}