body {
	font-family:Arial, Helvetica, sans-serif, '微軟正黑體';
	/*font-size:75%;*/
	background:#000;
	padding:0;
	margin:0;
	color:#fff;
}
/*---------------slider-----------------*/
.cbp-fwslider {
	position: relative;
	margin:0 auto;
	overflow: hidden;
	/*padding-bottom:50px;*/
}

.cbp-fwslider ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cbp-fwslider ul li {
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	transform: translateZ(0);
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	position:relative;
	
}

.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div {
	display: block;
	text-align:center;
	outline: none;
	margin:0 auto;	
}

.cbp-fwslider ul li > a img {
	border: none;
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.cbp-fwslider nav span {
	position: absolute;
	padding:14px 4px;
	top: 50%;
	max-width: 50px;
	background-color:rgba(149,149,149,0.2);
	border-radius: 5px;
	text-align: center;
	margin-top: -50px;
	cursor: pointer;
	-o-transition: all .5s linear;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition:  all .5s linear;
}
	
.cbp-fwslider nav span:hover {
	background-color:rgba(149,149,149,0.8);
}

.cbp-fwslider nav span.cbp-fwnext {
	right: 0px;
	padding-right:0.3em;
	-o-transition: padding-right .20s linear;
	-webkit-transition: padding-right .20s linear;
	-moz-transition: padding-right .20s linear;
	transition:  padding-right .20s linear;
}

.cbp-fwslider nav span.cbp-fwnext:hover {
	padding-right:0.15em;
	
}
	
.cbp-fwslider nav span.cbp-fwprev {
	left: 0px;
	padding-left:0.3em;
	-o-transition: padding-left .20s linear;
	-webkit-transition: padding-left .20s linear;
	-moz-transition: padding-left .20s linear;
	transition:  padding-left .20s linear;
}

.cbp-fwslider nav span.cbp-fwprev:hover {
	padding-left:0.15em;
	
}
	
.cbp-fwdots {
	position: absolute;
	bottom: 3em;
	white-space: nowrap;
	text-align: center;
	width: 100%;
}

.cbp-fwdots span {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: #ddd;
	margin: 4px;
	border-radius:50%;
	cursor: pointer;
}

.cbp-fwdots span:hover {
	background: #999;
}

.cbp-fwdots span.cbp-fwcurrent {
	background: #555555;
	box-shadow: 0 0 0 2px #959595;
	-webkit-transition: box-shadow 0.2s ease-in-out;
	-moz-transition: box-shadow 0.2s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}

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;
}
.note {
	font-size:0.6em; line-height:1.3em;
}

.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;
}
.Design-img-1 {
	display:block;
}
.Design-img-2 {
	display:none;
}
#Box_05 {
	background-color:#000;
	background-image:url(../images/P34-keyfeatures-04-Cooling-80.jpg);
	background-position:top;
	background-repeat:no-repeat;
	min-height:1050px;
}
#Box_05 .frame {
	padding:3em 0;
}
#Box_09 {
	background-color:#000;
	background-image:url(../images/P34-keyfeatures-07-Sound-100.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:950px;
}
#Box_09 .frame {
	padding:8em 0;
}
#Box_10 {
	background-color:#000;
	background-image:url(../images/P34-keyfeatures-08-keyboard-80.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	min-height:650px;
}

@media screen and (max-width: 1500px) {
	.frame {
		width:100%;
	}
}
@media screen and (max-width: 1000px) {
	.table {
		min-height:350px;
	}
	.title {
		font-size:1.7em; line-height:1.3em;
	}
	.text {
		font-size:0.9em; line-height:1.6em; margin-top:1em;
	}
	.note {
		font-size:0.6em; line-height:1.5em; margin-top:1.2em;
	}
	#Box_05 {
		background-image:url(../images/P34-keyfeatures-04-Cooling-60.jpg);
		background-position:top center;
		min-height:650px;
	}
	#Box_09 {
		background-image:url(../images/P34-keyfeatures-07-Sound-80.jpg);
		min-height:850px;
	}
	#Box_09 .frame {
		padding:5em 0;
	}
	#Box_10 {
		background-image:url(../images/P34-keyfeatures-08-keyboard-60.jpg);
		min-height:550px;
	}
}
@media screen and (max-width: 800px) {
	.cbp-fwslider nav span {
		max-width: 50px;
	}
	.title {
		font-size:1.5em;
	}
	.text {
		font-size:0.9em; line-height:1.6em; margin-top:1em;
	}
	.note {
		font-size:0.6em; line-height:1.5em; 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;	
	}
	#Box_03 {
	min-height:630px;
	}
	#Box_03 img {
		padding-top:4em;
	}
	#Box_05 {
	background-image:url(../images/P34-keyfeatures-04-Cooling-50.jpg);
	background-position: center 3em;
	min-height:600px;
	}
	#Box_05 .frame {
	padding:0 0;
	}
	#Box_09 {
		background-image:url(../images/P34-keyfeatures-07-Sound-60.jpg);
		min-height:750px;
	}
	#Box_10 {
		background-image:url(../images/P34-keyfeatures-08-keyboard-60.jpg);
		min-height:600px;
	}
}

@media screen and (max-width: 500px) {
	#Box_05 {
		background-image:url(../images/P34-keyfeatures-04-Cooling-40.jpg);
		background-position: center 10em;
		min-height:650px;
	}
	.Design-img-1 {
		display:none;
	}
	.Design-img-2 {
		display:block;
	}
	#Box_09 {
		min-height:800px;
	}
}
@media screen and (max-width: 400px) {
	#Box_09 {
		background-image:url(../images/P34-keyfeatures-07-Sound-40.jpg);
		min-height:780px;
	}
	#Box_10 {
		background-image:url(../images/P34-keyfeatures-08-keyboard-50.jpg);
		min-height:620px;
	}
}