@charset "utf-8";
/* CSS Document */
/***普通通用*********************************************************/
p {
	margin: 0px;
	padding: 0px;
}
img {
	border: 0px;
}
.clear {
	zoom: 1;
	clear: both;
}
.clear:after {
	content: '';
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
.bold {
	font-weight: bold;
}
/***普通通用*********************************************************/
body {
	margin: 0px;
	padding: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif, '微軟正黑體';
	font-size: 13px;
    position: relative;
}
/***頁頭範圍************************************************************************************************/
/***上列按鈕*********************************************************/
#top_btn {
	position: absolute;
	z-index: 1;
	right: 25px;
	top: 3px;
	width: 272px;
	background-color: #EEEEEE;
}
#top_btn .s01{ color:#CA1533; font-weight:bold; font-size:16px}
/***上列按鈕*********************************************************/
/***頁頭********************************************************/
#header_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image:url(../data/wrapper/header_bg.jpg);
}
#header {
	width: 1000px;
	height: 155px;
	margin: 0 auto;
	position: relative;
}
/***頁頭********************************************************/
/***商標*********************************************************/
#logo {
	position: absolute;
	z-index: 1;
	left: 25px;
	top: 35px;
}
/***商標*********************************************************/
/***社群*********************************************************/
#community {
	position: absolute;
	z-index: 1;
	height: auto;
	width: 79px;
	left: 897px;
	top: 63px;
}
/***社群*********************************************************/
/***頁頭範圍************************************************************************************************/
/***主視圖範圍**********************************************************************************************/
/***主視圖******************************************************/
#ad_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: left;
	overflow:hidden;
	min-width:1000px;
}
#ad {
	width: 1000px;
	height: 300px;
	margin: 0 auto;
	position: relative;
}
#slider-ck-t1{
	width:1920px;
	height:548px;
}
#team .left,#team .right{
	cursor:pointer;
}
/***主視圖******************************************************/
/***主視圖範圍**********************************************************************************************/

/***主要內容範圍**********************************************************************************************/
/***主要內容******************************************************/
#main_top{
	width: 100%;
	height: 18px;
	margin: 0 auto;
		background-image: url(../data/wrapper/index_main_top.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#main_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-repeat: repeat-y;
	background-position: left;
}
#main {
	width: 1000px;
	height: 773px;
	position: relative;
	margin: 0 auto;
}
#leftside {
	width: 230px;
	height: auto;
	margin: 0px 0px 20px 0px;
	float: left;
}
#rightside {
	width: 770px;
	height: auto;
	margin: 0px 0px 0px 0px;
	float: left;
}
/*-首頁icon-----------------------------------------*/
#icon_frmae {
	position: absolute;
	z-index: 5;
	right: 25px;
	top: 0px;
	width: 210px;
	height: auto;
	margin: 0px 0px 0px 0px;
}
#icon_frmae .icon {
	width: auto;
	height: auto;
	margin: auto;
	margin-bottom: 4px;
	position:relative;
}
/*圖片覆蓋***************************/
/*上層需要設定position:relative;******/
#icon_frmae .cover {
	width: 210px;
	height: 97px;
	text-align: center;
	font-size: 12px;
	top: 0px;
	left: 1px;
	filter: alpha(opacity=0); /*IE,透明度50%*/
	-moz-opacity: 0; /*Firefox,透明度50%*/
	opacity: 0;/*其他浏览器,透明度50%*/
	position: absolute;
}
#icon_frmae .icon:hover .cover {
	width: 210px;
	height: 97px;/*需扣掉64px高度*/
	filter: alpha(opacity=100); /*IE,透明度50%*/
	-moz-opacity: 1; /*Firefox,透明度50%*/
	opacity: 1;
}
#icon_frmae .cover a {
	color: #fff;
	text-decoration: none;
	-webkit-transition: color 200ms linear;
	-moz-transition: color 200ms linear;
	-o-transition: color 200ms linear;
	transition: color 200ms linear;
}
#icon_frmae .cover a:visited {
	color: #fff;
	text-decoration: none;
}
#icon_frmae .cover a:hover {
	color: #F27F3F;
	text-decoration: none;
}
/*圖片覆蓋***************************/
/*-首頁icon-----------------------------------------*/
/***主要內容******************************************************/
/***關於我們******************************************************/
#about {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 25px;
	height: 300px;
	width: 733px;
	color: #666666;
	margin: 0px 0px 0px 0px;
		background-image: url(../data/wrapper/about/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}
#about .head {
	height: auto;
	width: 100%;
}
#about .caption {
	width: 280px;
	height: 22px;
	float: right;
	text-align: left;
	color: #663F37;
	font-size: 13px;
}
#about .content {
	width: 300px;
	height: 60px;
	padding: 159px 20px 5px 20px;
	font-size: 13px;
	text-align: left;
	color: #444;
	line-height:22px;
	overflow:hidden;
}
#about .more {
	width: 340px;
	height: auto;
	padding:20px 0 0 0;
	text-align:center;


}
/***關於我們******************************************************/
/***最新消息******************************************************/
#news {
	position: absolute;
	z-index: 1;
	top: 317px;
	right: 25px;
	height: 410px;
	width: 470px;
	color: #444444;
	font-size: 13px;
	letter-spacing: 2px;
	background-image: url(../data/wrapper/news/bg.png);
}
#news .more {
	position: absolute;
	z-index: 1;
	top: 46px;
	left: 392px;
	width: 26px;
	height: 25px;

}
#news .top {
	width: 100%;
	height: 125px;
	position: relative;
}
#news .center {
	width: 410px;
	height: auto;
	margin: auto;
	border-top:1px dashed #BBBBBB;	
}
#news .list {
	height: auto;
	width: 100%;
	margin: auto;
	padding: 15px 0 15px 0;
	border-bottom: 1px dashed #BBBBBB;

}
#news .icon {
	height: 20px;
	width: 85px;
	margin: 0px 5px 0px 5px;
	padding: 2px 0px 0px 0px;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	background-color: #999999;
	color: #FFF;
	text-align: center;
}
#news .photo_style:hover {
	border: 1px solid #F00;
}
#news .photo_style {
	padding: 3px;
	background-color: #FFF;
	border: 1px solid #ccc;
	-webkit-transition: border-color 120ms linear;
	-moz-transition: border-color 120ms linear;
	-o-transition: border-color 120ms linear;
	transition: border-color 120ms linear;
}
#news .caption {
	width: 300px;
	height: auto;
	float: right;
	text-align: left;
	color: #444;
	font-size: 14px;
	margin-top:2px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#news .caption a {
	color: #666666;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#news .caption a:hover {
	COLOR: red;
	TEXT-DECORATION: none;
}
#news .date {
	width: 300px;
	height: auto;
	float: right;
	border-bottom: 1px #CCCCCC dotted;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	text-align: left;
	color: #FFA800;
}
/***最新消息******************************************************/
/***首頁相簿*******************************************************/
#team {
	position: absolute;
	z-index: 1;
	top: 317px;
	left: 25px;
	height: 409px;
	width: 467px;
	margin: 0px 0px 0px 0px;
	color: #514E4F;
	font-size: 13px;
	letter-spacing: 2px;
	border:1px #CCCCCC solid;
	
}
#team .jCarouselLite ul li{
	width:469px;
	height:441px;
}
#team a {
	color: #000000;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#team a:hover {
	COLOR: #C00;
	TEXT-DECORATION: none;
}
#team .bottom {
	width: 100%;
	height: 150px;
	float: left;
	text-align: center;
	margin-bottom: 20px;
	background-image: url(../data/wrapper/team/p1.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	margin-top:1px;
}
#team .left {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	left: 0px;
	top: 142px;
	}
#team .right {
	width: auto;
	height: auto;
	position: absolute;
	z-index: 5;
	right: 0px;
	top: 142px;
	}
#team .center {
	width: auto;
	height: auto;
	margin: auto;
	
}

#team .photo {
	height: 259px;
	width: 467px;
	margin: auto;
	
}
#team .frame_info {
	width: 320px;
	height: auto;
	margin-top: 15px;
	padding: 0 0 0 0;
}

#team .caption {
	width: 300px;
	height: 30px;
	margin: auto;
	text-align: left;
	font-size:18px;
	font-weight:bold;
	margin-left:15px;
	overflow:hidden;
}
#team .name {
	width: auto;
	height: auto;
	padding:5px;
	margin:5px 5px 5px 15px;
	border:1px #CA1633 solid;	
	text-align: center;
	font-size:15px;
	float:left;
	color:#CA1633;

}
#team .des {
	width: 300px;
	height: auto;
	margin: auto;
	text-align: left;
	font-size: 13px;
	margin:10px 0 0 15px;
	float:left;
	
}



/***主要內容範圍**********************************************************************************************/
/***右側浮動*********************************************************/
#right_float{
	position: absolute;
	z-index: 5;
	width: 130px;
    left: 50%;
    margin-left: 550px;
    opacity: 0;
}
#right_float .pic{
	width: 100%;
	height:auto;
	display:block;
	float:left;
	margin-bottom:5px;
}


/***右側浮動*********************************************************/
/***頁底*********************************************************/
#footer_box {
	width: 100%;
	height: auto;
	margin: 0 auto;
	background-image: url(../data/wrapper/footer/bg.png);
}
#footer_box .footer {
	position: relative;
	width: 1000px;
	height: 170px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 16px;
}
#footer_box .qr {
	position: absolute;
	z-index: 1px;
	top: 71px;
	left: 900px;
	width: 83px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .gotop {
	position: absolute;
	z-index: 1px;
	top: -19px;
	left: 908px;
	width: 60px;
	height: auto;
	text-align: left;
	color: #FFF;
}
#footer_box .community {
	position: absolute;
	z-index: 1px;
	top: 0px;
	right: 25px;
	width: auto;
	height: auto;
}
#footer_box .menu {
	width: 970px;
	height: 26px;
	padding: 10px 0px 5px 30px;
	float: right;
	text-align: left;
	color: #FFFFFF;
	letter-spacing: 2px;
}
#footer_box .menu a {
	color: #FFFFFF;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .menu a:hover {
	COLOR: #FFDE1D;
	TEXT-DECORATION: none;
}
#footer span {
	COLOR: #777E8E;
}
#footer_box .info {
	width: 1000px;
	height: auto;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: left;
	color: #B1B4BE;
	line-height: 25px;
	letter-spacing: 1px;
}
#footer_box .info_logo {
	width: 171px;
	height: 53px;
	float: left;
	padding: 40px 0 0 0;
	border-right:1px #333333 solid;
	text-align:center;
}
#footer_box .info_1 {
	width: 239px;
	height: 53px;
	float: left;
	padding: 40px 0 0 0;
	border-right:1px #333333 solid;
	text-align:center;
}
#footer_box .info_1 span {
	font-size:30px;
	color:#FFF;
	font-weight:bold;
	
	
	}
#footer_box .info_2 {
	width: 400px;
	height: auto;
	float: left;
}
#footer_box .copyright {
	width: 455px;
	height: auto;
	float: right;
	text-align: left;
	color: #AAA;
	position: absolute;
	z-index: 5;
	left: 436px;
	top: 92px;
	letter-spacing: 2px;
}
#footer_box .copyright a {
	color: #AAA;
	TEXT-DECORATION: none;
	-webkit-transition: color 120ms linear;
	-moz-transition: color 120ms linear;
	-o-transition: color 120ms linear;
	transition: color 120ms linear;
}
#footer_box .copyright a:hover {
	COLOR: #FFF;
	TEXT-DECORATION: none;
}
/***頁底*********************************************************/
#right_float