@charset "utf-8";
@import "common.css";

/** staff
========================================*/
#staff{
	width:980px;
	margin:0 auto;
	padding:19px 0 80px;
}

/*--( secTab )--*/
.secTab{
	margin:0 auto 21px;
}
.secTab02{
	margin: 34px auto 0;
}
.secTab ul{
  text-align: center;
  width: 100%;
}
.secTab li{
	width:230px;
	float:left;
	margin:0 20px 10px 0;
}
.secTab li:nth-of-type(4n){
	margin-right:0;
}
.secTab li a{
	display:block;
	line-height:48px;
	font-size:15px;
	color:#B9B69F;
	background:#fff;
	text-decoration:none;
	border:1px solid #E5E5DC;
}
.secTab li.on a,
.secTab a:hover{
	color:#fff;
	background:#079262;
	border:1px solid #079262;
}

/*--( secPager )--*/
#staff .secPager{
	background:#EFE9D1;
	padding:26px 12px 26px 20px;
}
#staff .secPager{
	margin-top:16px;
}
#staff .secPager .pageCnt{
	width:230px;
	float:left;
	color:#59524A;
	font-size:14px;
	line-height:28px;
}
#staff .secPager ul{
	float:right;
	display:table;
	border-collapse: separate;
	border-spacing: 3px 0;
}
#staff .secPager li{
	display:inline-block;
	width:28px;
	height:28px;
	margin:0 2px;
}
#staff .secPager a{
	display:block;
	width:28px;
	height:20px;
	padding:8px 0 0;
	font-size:13px;
	color:#3B88D5;
	text-decoration:none;
	background:#fff;
	text-align:center;
}
#staff .secPager a:hover,
#staff .secPager a.current{
	color:#59524A;
	background:#F4F0DF;
}

/*--( secIndex )--*/
#staff .secIndex{
	width:980px;
	margin:0 auto;
	overflow:hidden;
	padding:60px 0 30px;
}
#staff .secIndex ul{
	width:1010px;
}
#staff .secIndex li{
	width:310px;
	float:left;
	margin:0 25px 63px 0;
}

#staff .secIndex li a{
	display:block;
	text-decoration:none;
}
#staff .secIndex li .bgImg{
	background:#E9E6DA;
	line-height:0;
	font-size:0;
	padding:5px;
}
#staff .secIndex li .txtName{
	font-size:16px;
	padding:32px 0 8px 2px;
}
#staff .secIndex li .txtRoma{
	font-size:11px;
	color:#999;
	padding:0 0 0 2px;
}

/** details
========================================*/
#details{
	width:980px;
	margin:0 auto;
	padding:19px 0 70px;
}


/*--( secProfile )--*/
#details .secProfile{
	width:980px;
	margin:0 auto;
	padding-bottom:95px;
}
#details .secProfile .bgImg{
	width:250px;
	background:#E9E6DA;
	line-height:0;
	font-size:0;
	padding:5px;
	float:left;
}
#details .secProfile .boxRight{
	width:690px;
	float:right;
	position:relative;
}

#details .secProfile .boxRight .btnList{
	display:block;
	width:160px;
	height:38px;
	border:solid 1px #E9E6DA;
	text-align:center;
	line-height:38px;
	position:absolute;
	top:4px;
	right:0;
}
#details .secProfile .boxRight .line1{
	width:530px;
	padding:5px 0 0;
}
#details .secProfile .boxRight .line1 .name{
	display:inline-block;
	font-size:34px;
	font-weight:normal;
	color:#000;
	padding:0 9px 10px 0;
}
#details .secProfile .boxRight .line1 .position{
	display:inline-block;
	font-size:15px;
	padding:0 0 10px;
	vertical-align:7px;
}
#details .secProfile .boxRight .line2{
	color:#ccc;
	font-size:14px;
	padding-bottom:19px;
}
#details .secProfile .boxRight .comment{
	font-size:15px;
	line-height:140%;
	padding:0 0 41px;
}
#details .secProfile .boxTable table{
	width:690px;
	border-top:1px solid #E5E5E5;
}
#details .secProfile .boxTable tr{
	border-bottom:1px solid #E5E5E5;
}
#details .secProfile .boxTable th{
	width:89px;
	padding:12px 0 10px 19px;
	background:url(../img/staff/circle.gif) left 16px no-repeat;
	text-align:left;
	font-weight:normal;
	line-height:140%;
}
#details .secProfile .boxTable td{
	padding:12px 0 10px;
	line-height:140%;
	vertical-align:middle;
}

/* secAbout */
.secAbout{
	margin:0 auto;
}
.secAbout .boxAbout{
	width:980px;
	margin:0 auto;
}
.secAbout .titAbout{
	color:#000;
	font-size:18px;
	font-weight:normal;
	padding:10px 0 22px;
	line-height:120%;
	border-bottom:1px solid #E5E5DC;
}
.secAbout .txtAbout{
	line-height:28px;
	padding:22px 0 65px;
}
.secAbout .btnList{
	display:block;
	width:198px;
	height:46px;
	border:solid 1px #E9E6DA;
	text-align:center;
	font-size:14px;
	line-height:46px;
	margin:24px auto 0;
}