.sp-mode{
	display: none;
}
.pc-mode{
	display: block;
}
.teamdetail .top, .about, .news, .services, .contact{
  width: 100%;
  min-width: 978px;
}
.teamdetail{
	min-width: 980px;
}
.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: 58px;
  color: white;
  font-weight: 100;
  line-height: 90px;
  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:58px; 
  font-weight: 100;
  line-height: 90px;
}
/*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 290px right 10px, top 55px left 100px, bottom 100px left 30px;
	background-repeat: no-repeat;
	width: 100%;
}
.blog_bg{
	background: url('/../img/team/detail/rebgflower.jpg') no-repeat;
	background-position: top 30px right;
}
.teamdetail .detail_text{
	position: absolute;
	z-index: 99;
	top: 240px;/*kks*/
	text-align: center;
	width: 100%;
}
.teamdetail .detail_text > .detailRelative{
	width: 980px;
	margin: 0 auto;
	position: relative;
}
.teamdetail .detail_text > .detailRelative div{
	position: absolute;
	right: 142px;
}
.teamdetail .detail_text h3{
	font-size: 30px;
	color: #303030;
	line-height: 63px;
	font-weight: normal;
	text-shadow: 0px 0px 3px #000, 0px 0px 2px #eee;
	font-family: 'Roboto-Thin';
}
.teamdetail .detail_text h2{
	font-size: 24px;
	color: #303030;
	font-weight: normal;
	text-shadow: 0px 0px 3px #000, 0px 0px 2px #eee;
	font-family: 'Roboto-Thin';
}
.detailPro{
	height: 510px;
	overflow: hidden;
}
.container .teamdetail .detail{
	position: relative;
}
.container .teamdetail .slider{
	width: 100%;
    margin: 0 auto;
    position: relative;
}
.inner{
	width: 88%;
	margin: 0 auto;
}
.inner .moto{
	width: 600px;
	margin: 0 auto;
	padding:80px 0 80px 0;/*kks*/
	position: relative;
}
.inner .moto .open{
	width: 36px;
	height: 36px;
}
.inner .moto h2{
	width: 480px;
	font-size: 22px;
	color: #303030;
	font-weight: normal;
	text-align: center;
	margin: 0 auto;
	line-height: 35px;
	font-family: Roboto-Regular;
}
.inner .moto .close{
	width: 36px;
	height: 36px;
	float: right;
}
.inner .moto h3{
	width: 100%;
	text-align: center;
	margin: 0 auto;
	font-size: 13px;
	color: #909090;
	padding-top: 20px;
	font-weight: normal;
	line-height: 63px;
	font-family: Roboto-Regular;
}
/*end of moto*/


.inner .user_note{
	width: 980px;
	margin: 0 auto;
}
.inner .user_note p{
	text-align: center;
	font-size: 20px;
	color: #303030;
	line-height: 35px;
	padding: 0 30px 70px 30px;/*kks*/
	font-family: Roboto-Regular;	
}
/*end of user_note*/


.inner hr{
	width: 360px;
	/*height: 1px;*/
	color: #cccccc;
}
.line{
	border: 0.05px solid #dfe3e4;
	width: 25.2%;
	margin: 0 auto;
}
.inner .project, 
.inner .blog{
	width: 980px;
	margin: 0 auto;
	padding: 90px 0 55px 0;/*kks*/
}
.inner .project h2,
.inner .blog h2{
	font-size: 24px;
	color: #303030;
	font-weight: normal;
	text-transform: uppercase;
	font-family: Roboto-Regular;
}
/*end of projects*/


.inner .project_list{
	width: 100%;
	margin: 0 auto;
}
.inner .project_list .project_list_detail{
	width: 80%;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	margin: 0 auto;
}
.inner .project_list .project_list_detail .proj{
	width: 50%;
	padding: 0 0 50px 0;/*kks*/
}
.sliderimgBorder{
	border: 1px solid #ebebeb;
}
.inner .project_list .project_list_detail .proj .sliderimg{
	max-height: 450px;
	overflow: hidden;
	min-height: 450px;
	background: #ebebeb;
	border-bottom: 1px solid #ebebeb;
}
.inner .project_list .project_list_detail .proj .sliderimg .project1{
	transition: all 3s ease-in-out;
	-webkit-transition: all 3s ease-in-out;
	-moz-transition: all 3s ease-in-out;
	-o-transition: all 3s ease-in-out;
}
.inner .project_list .project_list_detail li .sliderimgBorder{
	width: 90%;
}
.inner .project_list .project_list_detail li:nth-child(odd) .sliderimgBorder{
	float: left;
}
.inner .project_list .project_list_detail li:nth-child(even) .sliderimgBorder{
	float: right;
}
.inner .project_list .project_list_detail li h3{
	font-size: 18px;
	color: #9c9c9c;
	text-align: center;
	padding: 15px 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: 18px;
	border:1px solid #cccccc;
}
.inner .project_list .seemore_but:hover{
	border:1px solid #303030;
}
/*end of project_list*/


.inner .members {
	width: 980px;
	margin: 0 auto;
	padding: 100px 0 80px 0;
}

.inner .members h2{
	font-size: 24px;
	color: #303030;
	font-weight: normal;
	text-transform: uppercase;
}
.sub1{
	width: auto;
	position: absolute;
    right: 30%;
    width: 60px;
    height: 60px;
    margin-top: -23%;
}

/*end of members*/



 #carousel {
	width:842px;
	height:300px;
	position:relative;
	clear:both;
	overflow:hidden;
	margin:auto;
}
.slides{
	border-radius:50%;
	width:266px;
	height:266px;
	visibility:hidden; /* hide images until carousel can handle them */
	cursor:pointer; /* otherwise it's not as obvious items can be clicked */
	border: 2px solid #6dcff6;
}
.sub{
	position: absolute;
	left: 0;
	top: 47%;
	width: 40px;
	height: 40px;
	margin-top: 0;
}
.sub1{
	position: absolute;      
	right: 0;
	top: 47%;
	width: 40px;
	height: 40px;
	margin-top: 0;
}
/*kks*/

@media screen and (min-width: 981px) and (max-width: 1200px){
	.inner .members {
		width: 100%;
	}
	.sub{
		left: 0;
	}
	.sub1{
		right: 0;
	}
}

#prev{
	float:left;
}
#next{
	float:right;
}
/*end of slider*/

.inner .blog h2{
	padding: 0 0 20px 0;
}
.inner .blog_list{
	width: 980px;
	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: 525px;
	overflow-y: scroll;
}
.inner .blog_list .reblog{
	width: 860px;
	margin: 0 auto;
	padding: 50px 0;
}
.inner .blog_list .reblog li{
	width: 100%;
	border: 1px solid #dad7cb;
	margin-bottom: 30px;
}
.inner .blog_list .reblog li .blogimg{
	width: 200px;
	height: 155px;
	float: left;
}
.inner .blog_list .reblog li a{
	width: 100%;
}
.inner .blog_list .reblog li .right{
	float: right;
	width: 640px;
	padding: 30px 0 0 20px;
	position: relative;
}
.inner .blog_list .reblog li .right .arrow{
	position: absolute;
	width: 10px;
	top: 65px;
	right: 20px;
}
.inner .blog_list .reblog li .right p{
	width: 522px;
	font-size: 20px;
	line-height: 30px;
	color: #909090;
}
.inner .blog_list .reblog li .right h4{
	font-size: 20px;
	line-height: 35px;
	color: #303030;
	padding-bottom: 5px;
}