@media only screen and (max-width: 768px) {

/* RWD Table */
	table, tbody {
			display: block;
			width: 100%;
	}

	thead { display: none; }

	table tr, table th, table td {
			display: block;
			padding: 0;
			white-space: normal;
	}

	table tr {
			border-bottom: 1px solid #eee;
			padding-bottom: 11px;
			margin-bottom: 11px;
	}

	table th[data-title]:before,
	table td[data-title]:before {
			content: attr(data-title) ":\00A0";
			font-weight: bold;
	}

	table td {
			border: none;
			margin-bottom: 6px;
			color: #444;
	}

	table td:empty { display: none; }

	/* table td:first-child {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 6px;
			color: #333;
	}
	table td:first-child:before { content: ''; } */
}

	/* http://blog.apps.npr.org/2014/05/09/responsive-data-tables.html */


//CSS3 RWD


.row:after {
		content: "";
		clear: both;
		display: block;
}
[class*="col-"] {
		float: left;
		padding: 15px;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}


img {
		max-width: 100%;
		height: auto;
}
	

//END CSS3 RWD


//CSS3 Form
input,textarea{
	width: 90%;padding:10px;border:1px solid #E5E5E5;color:#999999;box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.1) 0px 0px 8px;
}
/* textarea{width:400px;height:150px;max-width:400px;line-height:18px;} */
input:hover,textarea:hover,input:focus,textarea:focus{
	border-color:1px solid #C9C9C9;box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-moz-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0px 8px;
}
.form label{
	//color:#999999;
}
.submit input{
	width:100px;height:40px;background-color:#9933cc;color:#FFF;font-weight: bolder;font-size:20px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
//END CSS3 Form


//Custom CSS
html, body {
	
}

.header {
	background: #9933cc url("tspsbg.png") bottom no-repeat ;
	background-size: auto;
	padding: 15px;
	color: #fff;
	font-weight: bolder;
	font-family: "儷黑 Pro","微軟正黑體";
	text-shadow: 6px 6px 0px rgba(0,0,0,0.2);
}
.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.menu li {
	padding: 8px;
	border: black 1px solid;
	margin-bottom: 5px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

a:hover {
	background-color: #8fcebb;
}

a:link, a:active, a:visited {
	color: black;
	text-decoration-line: underline;
	text-decoration-style: dotted;
}
input {
	font-size: 20px;
	font-family: "儷黑 Pro","微軟正黑體";
}

.footer {
	position:relative;
	bottom: 0;
	width:100%;
	background-color:#ab68cc;
	font-size:8px;
	overflow:hidden;
}

.body-container li {
	padding-bottom: 3px;
	padding-top: 3px;	
}

table {
		border-collapse: collapse;
		padding: 0;
		margin: 0 0 0 0;
		width: 100%;
}

table th {
		text-align:left;
		border-bottom: 2px solid #eee;
		vertical-align: bottom;
		padding: 5px 5px 5px 5px;
		background-color:#ab68cc;
}

table td {
		border-bottom: 1px solid #eee;
		vertical-align: top;
		padding: 5px;
}

/* table th:nth-child(1),
table td:nth-child(1) {
		padding-left: 0;
		font-weight: bold;
} */
table tr:nth-child(odd)
{
		background:#eee;
}