body {
	font-family:Arial, Helvetica, sans-serif, '微軟正黑體';
	padding:0;
	margin:0;
}
img {
	width:100%;
	outline:none;
	border:0;
}
.Title_style, .Text_Style, .Notes_Style {
	width:100%;
	color:#fff;
	/*background:rgba(0,0,0,0.5);*/
	margin:0 auto;
	/*padding:10px;
	/*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000'); /* IE */
}
sup {
	line-height: 0.000em;
}		
.Features_Box {
	width:100%;
	position:relative;
	margin:0 auto;
}
.Features_bg{
	position:relative;
	width:100%;
	margin:0 auto;
}
.imgBg{display:block; background-position:center;}
.simg {
	display:none;
	z-index:1000;
}
.Text_Box_Center {
	position:absolute;		
	width:100%;
	margin:0 auto;
	padding-top:3%;
	z-index:1000;
}

#Box_06 .Text_Box_Center {
	padding-top:0;
	bottom:8%;
}/*text-bottom*/
.inner_box {
	width:960px;/*80%;*/
	margin:0 auto;
	/*padding:0 3.5em;*/
}

.Title_style {
	font-size:/*30px*/1.875em;
	line-height: /*45px*/1.5em;
	margin-bottom:0.333em;
}
.Text_Style {
	font-size:/*16px*/1em;
	line-height: /*25px*/1.563em;
	font-weight: normal;
}
.Notes_Style {
	font-size:/*13px*/0.813em;
	line-height: /*16px*/1.3em;
	font-weight: normal;
	margin-top: 10px;
	color:#e2e2e2;
}
	
/*---------------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: 0px;
	white-space: nowrap;
	text-align: center;
	width: 100%;
	height:50px;
	padding-top:15px;
	background-color:#abacac;
	background: #feffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMxJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZGNkY2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #feffff 0%, #f7f7f7 31%, #cdcdcd 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(31%,#f7f7f7), color-stop(100%,#cdcdcd)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #feffff 0%,#f7f7f7 31%,#cdcdcd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #feffff 0%,#f7f7f7 31%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #feffff 0%,#f7f7f7 31%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #feffff 0%,#f7f7f7 31%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#cdcdcd',GradientType=0 ); /* IE6-8 */
}

.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;
}

.slide-text-syle{
	width:100%; position:absolute; z-index:1000; top:5em;
	}
.slide-inner_box{
	width:960px/*75%*/; height:auto; margin:0 auto;
	}			
.slide-text-syle .slide-inner_box h2{
	display:block;
	text-align:left;
	font-size:/*30px*/1.875em;
	line-height: /*45px*/1.5em;
	margin-bottom:0.333em;
	font-weight:normal;
}
.slide-text-syle .slide-inner_box p{
	display:block;
	text-align:left;
	font-size:/*16px*/1em;
	line-height: /*25px*/1.563em;
}
.slider-bg{
	display:block;  background-position:center;
} 
.slider-img{
	display:none;
}
/*------left-right-feature-------*/
#Box_04 .bg{ width:100%; background-color:#6f7575; }
#Box_04 .Box_Right {width: 50%;}/*text-right*/
#Box_04 .Box_Right .inner_box{ width:80%; margin-left:0;}
#Box_04 .Box_Left{width:50%; }
#Box_04 .Box_Left img{ max-width:569px;}
.table{ display:table; padding:40px 0; }
.cell{ display:table-cell; vertical-align:middle;}
@media screen and (max-width: 1500px) {
	.Text_Box_Center {
		padding-top:5%;
		}

}
@media screen and (max-width: 1200px) {
	.inner_box {
		width:95%;
		margin:0 auto;
	}
	.slide-inner_box{
		width:95%;
		margin:0 auto;
	}
	#Box_04 .Box_Left img{ max-width:100%;}

}
/* for 960px or less */
@media screen and (max-width: 960px) {
	.imgBg{ display:none; height:0;}
	.simg{ display:block;}	
	.cbp-so-animate.simg{
		-webkit-transition: -webkit-transform 0.8s, opacity 0.8s;
		-moz-transition: -moz-transform 0.8s, opacity 0.8s;
		transition: transform 0.8s, opacity 0.8s;
		opacity: 0;
		-webkit-transform: translateY(50px);
		-moz-transform: translateY(50px);
		transform: translateY(50px);
	}	
	.cbp-so-animate .simg{
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		transform: translateY(0px);
		opacity: 1;
		}	
	.inner_box {
		width:90%;
		margin:0 auto;
	}
	#Box_06 .Text_Box_Center {
		bottom:8%;
	}/*text-bottom*/
	.Title_style {
		font-size:/*27px*/1.688em;
		line-height: /*35px*/1.296em;
	}
	.Text_Style {
		font-size:/*15px*/0.938em;
		line-height: /*25px*/1.667em;
	}
	.Notes_Style {
		font-size:/*11px*/0.688em;
		margin-top: 5px;
	}
	

	.slide-text-syle .slide-inner_box h2{
		font-size:/*27px*/1.688em;
		line-height: /*35px*/1.296em;		
		margin-bottom:0.037em;
	}
	.slide-text-syle .slide-inner_box p{
	    font-size:/*15px*/0.938em;
		line-height: /*25px*/1.667em;	    
	}
	.slider-bg{
		display:none;		
	} 
	.slider-img{
		display:block;
	}
	.slide-inner_box{
		width:90%;
		margin:0 auto;
	}

	 
}

/* for 750px or less */
@media screen and (max-width: 750px) {
	.Text_Box_Center {
		text-align:center;
		padding-top:10%;
	}
	#Box_06 .Text_Box_Center {
		bottom:10%;
	}/*text-bottom*/
		
	.Title_style {
		font-size:/*25px*/1.563em;
		line-height: /*30px*/1.200em;
	}
	.Text_Style {
		display:none;
	}
	.Notes_Style {
		display:none;
	}
	.slide-text-syle{top:10%;}

	.slide-text-syle .slide-inner_box h2{
	    font-size:/*25px*/1.563em;
		line-height: /*30px*/1.200em;
		text-align:center;
	}
	.slide-text-syle .slide-inner_box p{
		display:none;
	}
	#Box_04 .Box_Right {width:100%;}
	#Box_04 .Box_Left{width:100%;}
	#Box_04 .Box_Left img{ width:100%;}
	#Box_04 .table{ display:block;}
	#Box_04 .cell{ display:block;}	
	#Box_04 .Box_Right .inner_box{ margin:0 auto; width:90%;}
	
}
/* for 480px or less */
@media screen and (max-width: 480px) {
	.Text_Box_Center {
		padding-top:8%;
	}
	#Box_04 .Text_Box_Center {
		margin-top:2%;
	}
	#Box_06 .Text_Box_Center {
		bottom:6%;
	}/*text-bottom*/
	.Title_style {
		font-size:/*20px*/1.250em;
		line-height: /*25px*/1.250em;
	}
	.Text_Style {
		display:none;
	}
	.Notes_Style {
		display:none;
	}
	.inner_box {
		width:70%;
	}
	.slide-text-syle{top:1.8em;}
	.slide-text-syle .slide-inner_box h2{
		font-size:/*20px*/1.250em;
		line-height: /*25px*/1.250em;
	}
	.slide-inner_box{
		width:70%;
	}
	
}
/* for 320px or less */
@media screen and (max-width: 320px) {
	.Text_Box_Center {
		text-align:center;
		padding-top:4%;
	}
	#Box_04 .Text_Box_Center {
		margin-top:7%;
	}
	#Box_06 .Text_Box_Center{
		bottom:5%;
		}
	.Title_style {
		font-size:/*15px*/0.938em;
		line-height: /*20px*/1.333em;
	}
	.Text_Style {
		display:none;
	}
	.Notes_Style {
		display:none;
	}
	.slide-text-syle{top:1.5em;}
	.slide-text-syle .slide-inner_box h2{
	 	font-size:/*15px*/0.938em;
		line-height: /*20px*/1.333em;
	}

}