@charset "utf-8";
/* CSS Document */

.tab-row1 {
	text-align: center;
	margin: 22px 0 51px;
	padding: 0;
	float: left;
	list-style: none;
	width: 100%;
}
.tab-row1 li {
	width: auto;
	float: none;
	color:#908a88; background:#fff; padding:16px 21px 18px; margin:0 15px 8px 0;
	text-align:center; font-size:13px; line-height:1; letter-spacing:0.8px; border:1px solid #908a88; border-radius:40px; transition:all 0.25s ease-out 0s; display:inline-block; cursor:pointer; position:relative; line-height:1; text-transform:uppercase; font-weight:700;}
.tab-row1 li:last-child { margin:0;}
.tab-row1 li:hover {
	border: 1px solid #908a88;
	color: #fff;
	background:#908a88;
}
.tab-row1 li.active {
	border: 1px solid #908a88;
	color: #fff;
	background:#908a88;
}
.tab-row2 {
	width: 100%;
	float: left;
	text-align: center;
	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;
}

.sidbar-wrapp .tab-row1 { margin:24px 0 29px;}
.sidbar-wrapp .tab-row1 li { width:48%; float:left; margin:0;}
.sidbar-wrapp .tab-row1 li:last-child { float:right;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}
.tab-row1 li { font-size:12px; width:100%; padding:16px 2% 18px; margin:0 0 10px;}
.tab-row2 { text-align:center;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}
.tab-row1 li { width:100%; padding:16px 2% 18px; margin:0 0 10px;}

}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-row1 { width:100%; padding: 0 0; margin:0 0 40px;}
.tab-row1 li { font-size:12px; padding:16px 2% 18px; margin:0 10px 10px 0;}

}

@media screen and (min-width:768px) and (max-width:900px) {
.tab-row1 { margin:7px 0 50px;}
.tab-row1 li { font-size:12px; padding:16px 2% 18px; margin:0 10px 10px 0;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.tab-row1 li { font-size:12px; padding:16px 2% 18px; margin:0 10px 10px 0;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.tab-row1 li { font-size:12px; padding:16px 2% 18px; margin:0 10px 10px 0;}
}

@media screen and (min-width:1241px) and (max-width:1350px) {
.tab-row1 li { font-size:12px; padding:16px 10px 18px; margin:0 10px 0 0;} 
}