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

.tab-row1 {
	text-align: center;
	padding: 0 0 60px;
	float: none;
	display:inline-block;
	list-style: none;
	width: auto;
}

/*.tab-row1 li { width:197px; text-align:center; font-size:14px; font-weight:700; letter-spacing:0.5px; border:1px solid #66813c; border-radius:56px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#66813c; background:none; margin:0 7px 0; padding:12px 2% 12px; cursor:pointer;}

.tab-row1 li:hover {
  background:#c6d75b;
  border:1px solid #c6d75b;
  color:#ffffff;
}

.tab-row1 li:nth-child(2):hover {
  background: #ed9b35;
  border:1px solid: #ed9b35;
}

.tab-row1 li:nth-child(3):hover {
  background: #5dc4d2;
  border:1px solid: #5dc4d2;
}

.tab-row1 li.active {
  background:#c6d75b;
  border:1px solid #c6d75b;
  color:#ffffff;
}*/

.tab-row1 li {width:197px; display:inline-block; position:relative; margin:0 7px 0;}

.tab-row1 li a{ width:100%; text-align:center; font-size:14px; font-weight:700; letter-spacing:0.5px; border:1px solid #66813c; border-radius:56px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#66813c; background:none; margin:0 0 0; padding:12px 2% 12px; cursor:pointer;}

.tab-row1 li a:hover {
  background:#c6d75b;
  border:1px solid #c6d75b;
  color:#ffffff;
}

.tab-row1 li:nth-child(2) a:hover {
  background: #ed9b35;
  border:1px solid #ed9b35;
}

.tab-row1 li:nth-child(3) a:hover {
  background: #5dc4d2;
  border:1px solid #5dc4d2;
}

.tab-row1 li a.active {
  background:#c6d75b;
  border:1px solid #c6d75b;
  color:#ffffff;
}

.tab-row1 li:nth-child(2) a.active {
  background: #ed9b35;
  border:1px solid #ed9b35;
}

.tab-row1 li:nth-child(3) a.active {
  background: #5dc4d2;
  border:1px solid #5dc4d2;
}

.tab-row2 {
	width: 100%;
	float: 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;
}

.tab-btn1 { float:none; color:#ffffff; background:#d4cb9c; border-color:#d4cb9c; cursor:pointer; margin:0 0 10px; padding:14px 25px 14px 25px;}
.tab-btn1:hover { color:#d4cb9c; background:none; border-color:#d4cb9c;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { width:100%; padding:0 0 30px;}
.tab-row1 li { width:100%; float:left; margin:0 0 15px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 { width:100%; padding:0 0 30px;}
.tab-row1 li { width:auto; margin:0 3px;}
.tab-row1 li a {font-size:12px; padding:12px 15px 12px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-row1 { width:100%; padding:0 0 30px;}
.tab-row1 li { width:auto; margin:0 3px;}
.tab-row1 li a {font-size:12px; padding:12px 20px 12px; }
}

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

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

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

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