@charset "utf-8";

/* CSS Document */



.tab-row1 {

	text-align: left;

	margin: 0 0 44px;

	padding: 0;

	float: left;

	list-style: none;

	width: 100%;

}

.tab-row1 li {

	width: auto;

	float: none;

	color:#fff; background:#555555; margin:0 10px 0 0; padding:11px 30px 9px;

	text-align:center; font-size:15px; letter-spacing:0.2px; line-height:1; font-weight:400; border-radius:4px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; cursor:pointer;}

.tab-row1 li:hover {

	color:#fff; background:#a29061;

}

.tab-row1 li.active {

	color:#fff; background:#a29061;

}

.tab-row2 {

	width: 100%;

	float: left;

	text-align: left;

	margin: 0 auto 0;

}

.tab-bar2 {

	width: 100%;

	float: left;

	display: none;

	margin: 0 0 0;

}

.tab-icon1 {

	width: 55px;

	float: none;

	transform: translateY(-50%);

	margin: 0 auto 0;

	position: absolute;

	top: 50%;

	right: 0;

	left: 0;

}



.team-wrapp .tab-row1 { text-align:center;}

	
.tab-row1 a {
    background-color: #555555;
    padding: 9px 30px 9px;
    border-radius: 4px;
    color: #fff;
}

.tab-row1 a:hover {
    color: #fff;
    background: #a29061;
}	
	

.tab-row2 .tab-bar2 h3 img {width: 100%; max-height: 436px; object-fit: cover;}

.tab-row2 .tab-bar2 p img {width: 100%; max-height: 436px; object-fit: cover;}


/*Smartphone css*/

@media screen and (max-width: 480px) {

.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li:last-child {float:right;}

.tab-row1 li { width:49%;  padding:11px 2% 9px; font-size:12px; margin:0;}

.tab-row1 a {font-size:12px !important; }

.tab-row2 .tab-bar2 img {height: 52.3vw;}

}


@media screen and (min-width:800px) and (max-width:1050px) {
.tab-row1 li {  padding: 11px 6px 9px; margin: 0 4px 0 0;}
.tab-row1 a { padding: 9px 6px 9px;}
}

@media screen and (max-width: 800px) {
.tab-row1 a { margin-top: 4px !important;  display: block; text-align: center; width: 50%;  margin: 0 auto; font-size: 15px; }
}


@media screen and (min-width:481px) and (max-width:600px) {

.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li:last-child {float:right;}

.tab-row1 li { width:49%;  padding:11px 2% 9px; margin:0;}

.tab-row2 .tab-bar2 img {height: 52.3vw;}

}



@media screen and (min-width:601px) and (max-width:767px) {

.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}

.tab-row1 li:last-child {float:right;}

.tab-row1 li { width:49%; padding:11px 2% 9px; margin:0;}

.tab-row2 .tab-bar2 img {height: 52.3vw;}

}



@media screen and (min-width:768px) and (max-width:900px) {

.tab-row2 .tab-bar2 img {height: 34vw;}

}



@media screen and (min-width:901px) and (max-width:1024px) {

.tab-row2 .tab-bar2 img {height: 34vw;}

}



@media screen and (min-width:1025px) and (max-width:1240px) {

.tab-row2 .tab-bar2 img {height: 34vw;}

}



@media screen and (min-width:1241px) and (max-width:1350px) {

}