.datagrid table {
	border-collapse: collapse;
	text-align: left;
	width: 100%;
}
.datagrid {
	font: normal 0.8em/150% Arial, Helvetica, sans-serif,'Microsoft JhengHei';
	background: #fff;
	overflow: hidden;
	border: 1px solid #6d6d6d;
}
.datagrid table td, .datagrid table th {
	padding: 8px 4px;
}
.datagrid table thead th {
	background-color:rgb(3, 111, 184);
	color:#FFFFFF;
	font-size: 1.4em;
	border-left: 1px solid #ffffff;
	text-align:center;
}
/*
.datagrid table thead th:first-child {
	border: none;
}
*/
.datagrid table tbody td {
	color: #303030;
	border: 1px solid #6d6d6d;
	font-size: 1.4em;
	font-weight: normal;
	text-align:center;
}
.datagrid table tbody .alt td {
	background: rgba(3, 110, 184, 0.05);;
	color: #303030;
}
.datagrid table tbody td:first-child {
	border-left: none;
}
.datagrid table tbody tr:last-child td {
	border-bottom: none;
}


/********/
.datagrid1 table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: 'Microsoft JhengHei';
}
.datagrid1 {
  font: normal 1.08em/150% Arial, Helvetica, sans-serif, 'Microsoft JhengHei';
  background: #fff;
  overflow: hidden;
  border: 1px solid #1988D0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.datagrid1 table td, .datagrid1 table th {
  padding: 6px 5px;
}
.datagrid1 table tbody td {
  /*color: #1988D0;*/
  border-left: 1px solid #1988D0;
  border-bottom: 1px solid #1988D0;
  font-weight: normal;
}
.datagrid1 table tbody .alt1 td {
  background: #1988D0;
  color: #FFFFFF;
  font: normal 1.2em/150%;
}
.datagrid1 table tbody td:first-child {
  border-left: none;
}
.datagrid1 table tbody tr:last-child td {
  border-bottom: none;
}

/********/
.datagrid2 table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: 'Microsoft JhengHei';
}
.datagrid2 {
  font: normal 1.08em/150% Arial, Helvetica, sans-serif, 'Microsoft JhengHei';
  background: #fff;
  overflow: hidden;
  border: 1px solid #00a65a;
  -webkit-border-radius: 6px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.datagrid2 table td, .datagrid1 table th {
  padding: 6px 5px;
}
.datagrid2 table tbody td {
  /*color: #1988D0;*/
  border-left: 1px solid #00a65a;
  border-bottom: 1px solid #00a65a;
  font-weight: normal;
}
.datagrid2 table tbody .alt2 td {
  background: #00a65a;
  color: #FFFFFF;
  font: normal 1.2em/150%;
}
.datagrid2 table tbody td:first-child {
  border-left: none;
}
.datagrid2 table tbody tr:last-child td {
  border-bottom: none;
}

/********/
.datagrid3 table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: 'Microsoft JhengHei';
}
.datagrid3 {
  font: normal 1.08em/150% Arial, Helvetica, sans-serif, 'Microsoft JhengHei';
  background: #fff;
  overflow: hidden;
  border: 1px solid #605ca8;
  -webkit-border-radius: 6px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.datagrid3 table td, .datagrid1 table th {
  padding: 6px 5px;
}
.datagrid3 table tbody td {
  /*color: #1988D0;*/
  border-left: 1px solid #605ca8;
  border-bottom: 1px solid #605ca8;
  font-weight: normal;
}
.datagrid3 table tbody .alt2 td {
  background: #605ca8;
  color: #FFFFFF;
  font: normal 1.2em/150%;
}
.datagrid3 table tbody td:first-child {
  border-left: none;
}
.datagrid3 table tbody tr:last-child td {
  border-bottom: none;
}


/********/
.datagrid4 table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: 'Microsoft JhengHei';
}
.datagrid4 {
  font: normal 1.08em/150% Arial, Helvetica, sans-serif, 'Microsoft JhengHei';
  background: #fff;
  overflow: hidden;
  border: 1px solid #2dafa3;
  -webkit-border-radius: 6px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.datagrid3 table td, .datagrid1 table th {
  padding: 6px 5px;
}
.datagrid4 table tbody td {
  /*color: #1988D0;*/
  border-left: 1px solid #2dafa3;
  border-bottom: 1px solid #2dafa3;
  font-weight: normal;
}
.datagrid4 table tbody .alt2 td {
  background: #2dafa3;
  color: #FFFFFF;
  font: normal 1.2em/150%;
}
.datagrid4 table tbody td:first-child {
  border-left: none;
}
.datagrid4 table tbody tr:last-child td {
  border-bottom: none;
}

/********/
.datagrid5 table {
  border-collapse: collapse;
  text-align: center;
  width: 100%;
  font-family: 'Microsoft JhengHei';
}
.datagrid5 {
  font: normal 1.08em/150% Arial, Helvetica, sans-serif, 'Microsoft JhengHei';
  background: #fff;
  overflow: hidden;
  border: 1px solid #1988D0;
  -webkit-border-radius: 6px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}
.datagrid5 table td, .datagrid1 table th {
  padding: 6px 5px;
}
.datagrid5 table tbody td {
  /*color: #1988D0;*/
  border-left: 1px solid #1988D0;
  border-bottom: 1px solid #1988D0;
  font-weight: normal;
}
.datagrid5 table tbody .alt2 td {
  background: #1988D0;
  color: #FFFFFF;
  font: normal 1.2em/150%;
}
.datagrid5 table tbody td:first-child {
  border-left: none;
}
.datagrid5 table tbody tr:last-child td {
  border-bottom: none;
}