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

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

.tab-row1 li, .tab-row11 li {
	width:auto;
	text-align:center;
	font-size:10px;
	font-weight:700;
	letter-spacing:1.82px;
	transition:all 0.25s ease-out 0s;
	float:left;
	position:relative;
	color:#000000;
	border:1px solid #000000;
	background:none;
	margin:0 7px 0;
	padding:16.5px 23.5px 16.5px 24.5px;
	cursor:pointer;
	text-transform:uppercase;

	animation-name: fadeIn;
  animation-timing-function: ease-in-out;
  animation-duration: 350ms;
  animation-delay: calc(var(--count) * 250ms);
  animation-fill-mode: both;
}

.tab-row1 li:first-child, .tab-row11 li:first-child { margin-left:0;}

.tab-row1 li:hover, .tab-row11 li:hover {
  background:#000000;
  color:#ffffff;
}

.tab-row1 li.active, .tab-row11 li.active { background:#000000; color:#ffffff;}

.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-bar22 {
	width: 100%;
	float: left;
	display: none;
	margin: 0 0 0;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { width:100%;}
.tab-row1 li { width:49%; float:left; font-size:14px; padding:11px 0.5% 14px; margin:0 0 2%;}
.tab-row1 li:nth-child(2n) { float:right;}
.tab-row11 li { margin:0 14px 14px 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 { width:100%;}
.tab-row1 li { font-size:13px; padding:9px 13px 9px; margin:0 6px 0 0;}
.conten-wrapp2 .tab-row1 { margin:0 0 20px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-row1 li { font-size:13px; padding:9px 13px 9px; margin:0 6px 0 0;}
.conten-wrapp2 .tab-row1 { margin:0 0 20px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.tab-row1 li { font-size:15px; padding:5px 0 14px;}
}

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