body {
	font-family: 'Segoe UI', Myriad Pro, Arial, Helvetica, sans-serif, '微軟正黑體';
	/*font-size:75%;*/
	background:#000;
	padding:0;
	margin:0;
	color:#fff;
}

img {
	width:100%;
	outline:none;
	border:0;
}
	

.frame {
	margin:0 auto; padding:5em 0; overflow:hidden;
	width:1440px;
}
/*.title {
	font-size:1.85em; line-height:1.3em; color:#FF7200;
}
.text {
	font-size:1em; line-height:1.6em; margin-top:0.8em; margin-bottom:1.5em;
}
*/
.title {
	/*font-style:italic;*/ font-size:2em; line-height:1.2em; color:#FF5400;
}
.text {
	/*font-style:italic;*/ font-size:1.2em; line-height:1.2em; margin-top:0.8em; margin-bottom:1.5em;
}
.note {
	color:#CCC; font-size:0.6em; line-height:1.1em ;margin-top:0.8em;
}

.table {
	display:table; min-height:500px;
}
.table .cell {
	display:table-cell; vertical-align: middle;
}
.table .cell_HIDE {
	display:none; vertical-align: middle;
}
.table .cell_SHOW {
	display:table-cell; vertical-align: middle;
}
.table .cell .left {
	float:left; margin-right:4%; text-align:left;
}
.table .cell .right {
	float:right; margin-left:4%; text-align:left;
}
.table .cell .center {
	padding:1em 10% 0; overflow:visible;
}
.table .cell .offsetRight {
	margin-right:-25%;
}
.table .cell .offsetLeft {
	margin-left:-25%;
}
.table .cell .btn a{
	color:#fff;
	background-color:#036;
	border-radius:5px;
	box-shadow:0px 0px 16px rgba(4,111,204,1) inset;
	padding:8px 16px;
	text-decoration:none;
	-o-transition: background .10s linear;
	-webkit-transition: background .10s linear;
	-moz-transition: background .10s linear;
	transition:  background .10s linear;
}
.table .cell .btn a:hover{
	background-color:#03C;
}
.table .side{
	width:10%; display:block;	
}
.table .col1, .table .col1s{
	width:8%;
}
.table .col2, .table .col2s{
	width:16%;
}
.table .col3, .table .col3s{
	width:24%;
}
.table .col4, .table .col4s{
	width:32%;
}
.table .col5, .table .col5s{
	width:40%;
}
.table .col6, .table .col6s{
	width:48%;
}
.table .col7, .table .col7s{
	width:56%;
}
.table .col8, .table .col8s{
	width:64%;
}
.table .col9, .table .col9s{
	width:72%;
}
.table .col10, .table .col10s{
	width:80%;
}

.fade {
	position:relative;
	overflow:auto;
	display:block;
}
.fade .pic2{
	position:absolute;
	display:none;
	top:0;
	left:0;
	z-index:3;
}

.filter { 
	transition:all ease-out 300ms;
}
.filter:hover {
	-webkit-filter:brightness(1.2) contrast(1.2);
}

@media screen and (max-width: 1500px) {
	.frame {
		width:100%;
	}
}
@media screen and (max-width: 1000px) {
	.table {
		min-height:350px;
	}
	.title {
		font-size:1.7em;
	}
	.text {
		font-size:0.9em; margin-top:1em;
	}
	.note {
		font-size:0.6em; margin-top:1.2em;
	}
}
@media screen and (max-width: 800px) {
	.frame {
		padding:3em 0;	
	}
	.title {
		font-size:1.5em;
	}
	.text {
		font-size:0.9em; margin-top:1em;
	}
	.note {
		font-size:0.6em; margin-top:1.2em;
	}
	.table {
		display:block;
	}
	.table .cell {
		display:block;
	}
	.table .cell_HIDE {
		display:block;
	}
	.table .cell_SHOW {
		display:none; 
	}
	.table .col1, .table .col2, .table .col3, .table .col4, .table .col5, .table .col6, .table .col7, .table .col8, .table .col9, .table .col10 {
		width:80%; margin:0 10%;
	}
	.table .col1s, .table .col2s, .table .col3s, .table .col4s, .table .col5s, .table .col6s, .table .col7s, .table .col8s, .table .col9s, .table .col10s {
		width:60%; margin:0 20%;
	}
	.table .cell .left, .table .cell .right, .table .cell .center  {
		float:inherit; margin:4% 0; text-align:left;
	}
	.table .cell .center {
		padding:1em 0 0;
	}
	.table .cell .offsetRight, .table .cell .offsetLeft {
		margin-right:0;
		margin-left:0;
	}
	.table .side{
		display:none;	
	}
}

@media screen and (max-width: 500px) {
	.frame {
		padding:2em 0;
	}
}