.sp-mode{
	display: none;
}
.pc-mode{
	display: block;
}
.teamdetail .top, .about, .news, .services, .contact{
  width: 100%;
  min-width: 9.78rem;
}
.teamdetail{
	min-width: 9.80rem;
}
.teamdetail .top{
  text-align: center;
  position: relative;
}
.teamdetail .top #slide ul li{
  width: 100% !important;
}
.teamdetail .top h2 {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0.58rem;
  color: white;
  font-weight: 100;
  line-height: 0.9rem;
  background: red;
} 
.teamdetail .top .top_sp{
  display: none;
}
.teamdetail .top .topSlider .slider-text{
  position: absolute; 
  top: 32%; 
  width: 100%; 
  text-align: center; 
  color: #fff;
}
.teamdetail .top .topSlider .slider-text h3{
  text-align: center;
  font-family:'Roboto-Thin';
  font-size:0.58rem; 
  font-weight: 100;
  line-height: 0.9rem;
}
/*end of top*/

.bg{
	background: url('/../img/team/detail/flowerRight_pc.jpg'),url('/../img/team/detail/flowerLeft_pc.jpg'),url('/../img/team/detail/flowerbottomleft_pc.jpg');
  	background-position: top 2.9rem right 0.1rem, top 0.55rem left 0.2rem, bottom 1.3rem left 0rem;
	background-repeat: no-repeat;
	width: 100%;
	background-size: 25%,16%;
}
.blog_bg{
	background: url('/../img/team/detail/rebgflower.jpg') no-repeat;
	background-position:bottom 650rem right;
}
.teamdetail .detail_text{
	position: absolute;
	z-index: 99;
	top: 2.00rem;
	text-align: center;
	width: 100%;
}
.teamdetail .detail_text > .detailRelative{
	width: 9.8rem;
	margin: 0 auto;
	position: relative;
}
.teamdetail .detail_text > .detailRelative div{
	position: absolute;
	right: 1.42rem;
}
.teamdetail .detail_text h3{
	font-size: .30rem;
	color: #303030;
	line-height: .63rem;
	font-weight: normal;
	text-shadow: 0rem 0rem .03rem #000, 0rem 0rem .02rem #eee;
	font-family: 'Roboto-Thin';
}
.teamdetail .detail_text h2{
	font-size: .24rem;
	color: #303030;
	font-weight: normal;
	text-shadow: 0rem 0rem .03rem #000, 0rem 0rem .02rem #eee;
	font-family: 'Roboto-Thin';
}
.container .teamdetail .detail{
	position: relative;
}
.container .teamdetail .slider{
	width: 100%;
    margin: 0 auto;
    position: relative;
}
.inner{
	width: 9.8rem;
	margin: 0 auto;
}
.inner .moto{
	width: 6rem;
	margin: 0 auto;
	padding: 0.8rem 0 0.8rem 0;/*kks*/
	position: relative;
}
.inner .moto .open{
	width: 0.36rem;
	height: 0.36rem;
}
.inner .moto h2{
	width: 4.8rem;
	font-size: 0.22rem;
	color: #303030;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	line-height: 0.35rem;
	font-family: Roboto-Regular;
}
.inner .moto .close{
	width: 0.36rem;
	height: 0.36rem;
	float: right;
}
.inner .moto h3{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 0.13rem;
	color: #909090;
	padding-top: 0.2rem;
	font-weight: normal;
	line-height: .63rem;
	font-family: Roboto-Regular;
}
/*end of moto*/


.inner .user_note{
	width: 100%;
	margin: 0 auto;
}
.inner .user_note p{
	text-align: center;
	font-size: 0.2rem;
	color: #303030;
	line-height: 0.35rem;
	padding: 0 0.3rem 0.8rem 0.3rem;	
	font-family: Roboto-Regular;
}
/*end of user_note*/


.inner hr{
	color: #cccccc;
}
.line{
	border: 0.0005rem solid #dfe3e4;
	width: 25.2%;
	margin: 0 auto;
}
.inner .project,
.inner .blog {
	width: 94%;
	margin: 0 auto;
	padding: 0.8rem 0 0.55rem 0;/*kks*/
}
.inner .project h2,
.inner .blog h2{
	font-size: 0.24rem;
	color: #303030;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Roboto-Regular;
}
/*end of projects*/


.inner .project_list {
	width: 94%;
	margin: 0 auto;
}
.inner .project_list .project_list_detail{
	width: 100%;
}
.inner .project_list .project_list_detail .proj{
	width: 47%;
	float: left;
	padding: 0 0 0.50rem 0;/*kks*/
}
.sliderimgBorder{
	border: 0.01rem solid #ebebeb;
}
.inner .project_list .project_list_detail .proj .sliderimg{
	max-height: 4.5rem;
	overflow: hidden;
	min-height: 4.5rem;
	background: #ebebeb;
	border-bottom: 0.01rem solid #ebebeb;
}
.inner .project_list .project_list_detail ul{
	width: 100%;
}
.inner .project_list .project_list_detail li:nth-child(even){
	float: right;
}
.inner .project_list .project_list_detail li h3{
	font-size: 0.28rem;
	color: #9c9c9c;
	text-align: center;
	padding: 0.24rem 0 ;
	font-weight: 200;
	font-family: Roboto-Regular;
}
.inner .project_list .see-more{
	text-align: center;
}
.inner .project_list .seemore_but{
	color: #303030;
	background: none;
	font-size: 0.18rem;
	border: 0.01rem solid #cccccc;
	padding: 0.05rem .1rem;
}
.inner .project_list .seemore_but:hover{
	border: 0.01rem solid #303030;
}
/*end of project_list*/


.inner .members {
	width: 94%;
	margin: 0 auto;
	padding: 1.00rem 0 .80rem 0;
}
.inner .members h2{
	font-size: 0.24rem;
	color: #303030;
	font-weight: normal;
	text-transform: uppercase;
}
/*end of members*/


 #carousel {
	width:7.9rem;
	height:300px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:auto;
}
.slides{
	border-radius:50%;
	width:200px;
	height:200px;
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
	border: 0.03rem solid #6dcff6;
}
.sub{
	position: absolute;
	left: 0;
	top: 45%;
	width: 0.4rem;
	height: 0.4rem;
	margin-top: 0;
}
.sub1{
	position: absolute;      
	right: 0;
	top: 45%;
	width: 0.4rem;
	height: 0.4rem;
	margin-top: 0;
}
#prev{
	float:left;
}
#next{
	float:right;
}
/*end of slider*/
.inner .blog h2{
	padding: 0 0 .50rem 0;
}
.inner .blog_list{
	width: 9rem;
	margin:0 auto;
	background:#fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(144,144,144,0.98);
	-moz-box-shadow: 0px 0px 3px 1px rgba(144,144,144,0.98);
	box-shadow: 0px 0px 3px 1px rgba(144,144,144,0.98);
	height:610px;
	overflow-y: scroll;
}
.inner .blog_list .reblog{
	width: 8.60rem;
	margin: 0 auto;
	padding: .50rem 0;
}
.inner .blog_list .reblog li{
	width: 100%;
	border: .01rem solid #dad7cb;
	margin-bottom: .30rem;
}
.inner .blog_list .reblog li .blogimg{
	width: 2.00rem;
	height: 1.55rem;
	float: left;
}
.inner .blog_list .reblog li a{
	width: 100%;
}
.inner .blog_list .reblog li .right{
	float: right;
	width: 6.40rem;
	padding: .30rem 0 0 .20rem;
	position: relative;
}
.inner .blog_list .reblog li .right .arrow{
	position: absolute;
	width: .10rem;
	top: .65rem;
	right: .20rem;
}
.inner .blog_list .reblog li .right p{
	width: 5.22rem;
	font-size: .20rem;
	line-height: .30rem;
	color: #909090;
}
.inner .blog_list .reblog li .right h4{
	font-size: .20rem;
	line-height: .35rem;
	color: #303030;
	padding-bottom: .05rem;
}