@font-face {
    font-family: "華康秀風體";
    src: url(dfphsiuw3b5.ttf);
}
@font-face {
    font-family: "華康秀風體ie";
    src: url(dfphsiuw3b5.eot);
}

@charset "utf-8";
/* CSS Document */

@charset "UTF-8";
/* FEATURES STYLESHEET */
#frame-title {
	position:absolute;
	top:40px;
	left:0px;
	width:100%;
	font-weight:normal;
	color:#FFF;
	font-size:18px;
	text-align:center;
	margin:0 auto;
	opacity:.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);
}
#features-container {
	position:relative;
	width:960px;
	height:350px;
	margin:0px auto;
}
#frame-center-outer {
	position:absolute;
	top:0px;
	left:150px;
	width:660px;
	height:420px;	
	background:url(images/frame-bg.png) repeat-x top left;
}
#frame-center-shadow {
	position:absolute;
	top:150px;
	left:45px;
	width:870px;
}
#frame-center-inner {
	position:absolute;
	top:10px;
	left:10px;
	width:640px;
	height:400px;
	overflow:hidden;
}
#frame-center-inner .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:6400px;
	height:400px;
}
#frame-center-inner .slider li{
	position:relative;
}
#frame-center-inner .slider a {
	display:inline-block;
	float:left;
	width:640px;
	height:400px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	color: #999999;
}
#frame-center-inner .slider a .title {
	position:absolute;
	top:5px;
	width:640px;
	height:18px;
	text-align:center;
	color:#FFF;
	font-size:16px;
}
#frame-center-inner .slider a .more {
	position:absolute;
	bottom:5px;
	width:640px;
	height:18px;
	text-align:center;
	color:#000;
	font-size:16px;
}
#frame-center-inner .slider a .image-holder {
	position:absolute;
	top:0px;
	left:0px;
	width:640px;
	height:400px;
	overflow:hidden;	
}
#frame-center-inner .slider a img {	
	display:block;
	width:640px;-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);

}
#frame-center-inner .slider section{
	display:block;	
	position: absolute;
  	z-index: 2;
  	top: 25px;
  	left: 25px;
  	width: 590px;	
}
#frame-center-inner .slider .l{	
	float: left;
	width: 375px;
}
	#frame-center-inner .slider .pic{	
	width:374px;
	height: 247px;
	overflow:hidden;
	float: left;
	background-position: center center !important; background-repeat: no-repeat; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; 
	}
/*	#frame-center-inner .slider .pic img {	
		max-width:100%;
		max-height:100%;	
	}*/
	#frame-center-inner .slider .tit{	
		/*color: #fff;
		font-size: 18px;
		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		width: 340px;
		float: left;
		text-align: left;
		margin: 12px 10px 0 15px;*/
		color: #fff;
		font-size: 18px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 374px;
		float: left;
		text-align: left;
		padding: 0 10px;
		height: 50px;
		line-height: 50px;
		background-color: rgb(64, 184, 198);
		text-align: center;
	}
#frame-center-inner .slider .r{	
	float: right;
	padding-top: 55px;
	width: 210px;
}
	#frame-center-inner .slider .desc{	
	float: right;
	width: 200px;
	overflow : hidden;
	text-overflow : ellipsis;
	display: block;
	display: -webkit-box;
	white-space : normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 7;
	font-size: 20px;
	line-height: 30px;
	height: 210px;
	text-align: left;
	font-family: "華康秀風體","華康秀風體ie","微軟正黑體";
	}
	#frame-center-inner .slider .sign{	
		float: right;
		clear: right;
		font-size: 18px;
		line-height: 30px;
		text-align: right;
		font-family: "華康秀風體","華康秀風體ie","微軟正黑體";
	}

.frame-smaller-outer {
	position:absolute;
	top:80px;
	left:20px;
	width:390px;
	height:248px;
	background:url(frame-bg.png) repeat-x top left;
	opacity:0.45;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
	filter:alpha(opacity=45);
}
.frame-smaller-outer.right {
	left:auto;
	right:20px;
}
.frame-smaller-outer.left .slider {
	/* -1X Small Image width */
	left:-380px;	
}
.frame-smaller-outer .slider li{
	position: relative;
	width: auto;
  	float: left;	
}
#frame-center-inner .slider {
	/* -2X Large Image width */
	left:-1280px;	
}
.frame-smaller-outer.right .slider {
	/* -3X Small Image width */
	left:-1140px;	
}

.frame-smaller-inner {
	position:absolute;
	top:5px;
	left:5px;
	width:380px;
	height:238px;
	overflow:hidden;
}
.frame-smaller-inner .slider {
	position:absolute;
	top:0px;
	left:0px;
	width:3800px;
	height:238px;
}
.frame-smaller-inner .slider img {	
	display:block;
	float:left;
	width:380px;
	-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);
}
.frame-smaller-outer.left .slider section {	
	display:block;	
	position: absolute;
  	top: 14px;
  	left: 15px;
  	width: 355px;
}
.frame-smaller-outer.right .slider section {	
	display:block;	
	position: absolute;
  	top: 14px;
  	left: 15px;
  	width: 355px;
}
.frame-smaller-inner .slider .l{	
	float: left;
	width: 222px;
}
	.frame-smaller-inner .slider .pic{	
	width:222px;
	height: 147px;
	overflow:hidden;
	float: left;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;;
	-o-background-size: cover !important;;
	background-size: cover !important;;
	}
/*	#frame-center-inner .slider .pic img {	
		max-width:100%;
		max-height:100%;	
	}*/
	.frame-smaller-inner .slider .tit{	
		/*color: #fff;
		font-size: 10px;
		overflow : hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		width: 200px;
		float: left;
		text-align: left;
		margin: 7px 10px 0 11px;*/
		color: #fff;
		font-size: 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 222px;
		float: left;
		text-align: left;
		padding: 7px 10px;
		background-color: rgb(64, 184, 198);
		height: 30px;
		text-align: center;
	}
.frame-smaller-inner .slider .r{	
	float: right;
	padding-top: 36px;
}
	.frame-smaller-inner .slider .desc{	
	float: right;
	width: 120px;
	overflow : hidden;
	text-overflow : ellipsis;
	display: block;
	display: -webkit-box;
	white-space : normal;
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	box-orient: vertical;
	-webkit-line-clamp: 7;
	font-size: 12px;
	line-height: 17px;
	height: 119px;
	text-align: left;
	font-family: "華康秀風體","華康秀風體ie","微軟正黑體";
	color: #999;
	}
	.frame-smaller-inner .slider .sign{	
		float: right;
		clear: right;
		font-size: 12px;
		line-height: 17px;
		text-align: right;
		font-family: "華康秀風體","華康秀風體ie","微軟正黑體";
		color: #999;
	}
.nav-arrow {
	position:absolute;
	top:150px;
	left:-20px;
	width:51px;
	height:88px;
	background:url(frame-arrows.png) no-repeat top left;
	opacity:0.6;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter:alpha(opacity=60);	
	z-index:6;
	cursor:pointer;
}
.nav-arrow.next {
	left:auto;
	right:-20px;
	background-position:top right;	
}
.nav-arrow:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);	
}
#glow-container {
	position:absolute;
	left:0px;
	top:435px;
	width:960px;
	height:170px;
	overflow:hidden;
}
#glow-bg {
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:170px;
	z-index:0;	
}
#glow-color-active {
	position:absolute;
	width:960px;
	height:170px;	
}
#glow-fg {
	position:relative;
	width:100%;
	display:block;
}