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

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

.tab-row1 li { width:auto; text-align:center; font-size:15px; font-weight:500; letter-spacing:0.32px; border:1px solid #393a40; border-radius:24px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#393a40; background:none; margin:0 5px 0; padding:9px 22px 9px;}

.tab-row1 li:hover {
  color: #ffffff;
  background:#393a40;
  border:1px solid #393a40;
  cursor:pointer;
}

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

.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;
}

.conten-wrapp2 .tab-row1 li { width:auto; text-align:center; font-size:14px; font-weight:500; letter-spacing:0.3px; border:none; border-bottom:5px solid rgba(246,235,223,0); border-radius:0; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#ffffff; background:none; margin:0 40px 0 0; padding:0 0 15px;}

.conten-wrapp2 .tab-row1 li:hover {
  color: #ffffff;
  background:none;
  border:none; border-bottom:5px solid rgba(246,235,223,1);
}

.conten-wrapp2 .tab-row1 li.active {
  color: #ffffff;
  background:none;
  border:none; border-bottom:5px solid rgba(246,235,223,1);
}
.conten-wrapp2 .tab-row2 { text-align:left;}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 li { width:48%; float:left; font-size:13px; padding:9px 2% 9px; margin:0;}
.tab-row1 li:nth-child(2) { float:right;}
.tab-row1 li:last-child { float:none; display:inline-block; margin:4.2% 0 0;}
.conten-wrapp2 .tab-row1 li { padding:0 0 9px 0;}
.conten-wrapp2 .tab-row1 li:last-child { margin:0 40px 0 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 li { font-size:13px; padding:9px 13px 9px;}
}

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

}

@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) {
}