@charset "utf-8";
.small_sec_about {
    margin:0 0 10px 11px;
	line-height:1.8;
	background:url(../images/about/about_pic.jpg) no-repeat right bottom;
}
.small_sec_service {
    margin:0 0 10px 11px;
	line-height:1.8;
}
.small_sec_service li{
	padding:10px 0 5px 0;
	background:url(../images/about/dotted.jpg) repeat-x bottom;
	width:720px;
}
.small_sec_service .head{
	padding:0 0 15px 0;
	background:url(../images/about/dotted.jpg) repeat-x bottom;
	width:720px;
}
.small_sec_service li .ser_pic {
	float: left;
	width:62px;
	padding:0 20px 0 0;
}
.small_sec_service li .img_des{
	float: left;
	width:635px;
}
/*設計團隊*/
.small_sec_group {
	margin:40px 0 20px 13px;
	line-height:1.8;
	background:url(../images/about/group_bg.jpg) no-repeat left top;
	height:530px;
	width:717px;
	position:relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* active樣式是給目前所選取頁籤用的 */ 
.member_info{
	background: url(../images/about/group_footer.jpg) no-repeat left bottom;
	height: auto;
	overflow: hidden;
	width:710px;
	padding:0 10px 20px 10px;
	margin:0 0 20px 0;
	
}
.member_info .name{margin:10px 10px; color:#d50000; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
.member_info ul.teamtitle{
border-bottom: 1px solid #d1d1d1;
padding-top: 10px;
margin: 0 0 30px 0;
height: 25px;
}
.member_info ul.teamtitle h4{
color: #FFF;
font-size: 12px;
float:right;
margin-top: -20px;
font-weight: normal;
}
.member_info ul.teamtitle h4 span{
color: #FF0000;
}
.member_info ul{
	width: 290px;
	margin: -22px 0 0 5px;
}
.member_info ul li{
	padding: 0 0 0 40px;
}
.member_info ul li a{
	color:#afafaf;
	text-decoration: underline;
}
.member_info ul li a:hover{
color:#7992c2;
}
.member_info ul span{
	color: #FF0000;
}
.member_info p{
	padding:0 5px 0 0;
	margin: 10px 0 15px 0;
}
.active {
color:#FF0000;
float:left;   
cursor:pointer;     
}
.inactive {
color:#BB0000;
float:left;   
cursor:pointer;  
 }
.small_sec_group #member01{
	position: absolute;
	left: 300px;
	top: -22px;
	width: 145px;
	color: #FF0000;
	line-height: 15px;
}
.small_sec_group #member02{
	position: absolute;
	left: 110px;
	top: 125px;
	width: 150px;
	line-height: 15px;
}
.small_sec_group #member03{
	position: absolute;
	left: 520px;
	top: 90px;
	width: 76px;
	line-height: 15px;
}
.small_sec_group #member04{
	position: absolute;
	left: 440px;
	top: 5px;
	width: 100px;
	line-height: 15px;
}
.small_sec_group #member05{
	position: absolute;
	left: 250px;
	top: 5px;
	width: 81px;
	line-height: 15px;
}

.small_sec_group #member01 a, .small_sec_group #member02 a, .small_sec_group #member03 a, .small_sec_group #member04 a, .small_sec_group #member05 a{
color: #787878;
font-weight:bold;
}
.small_sec_group #member01 a:hover, .small_sec_group #member02 a:hover, .small_sec_group #member03 a:hover, .small_sec_group #member04 a:hover, .small_sec_group #member05 a:hover{
color: #5aa125;
}

.layer{
position: absolute;
top: 305px;
left:6px;
width: 560px;
height: 260px;
}