@charset "utf-8";
/* CSS Document */
.conten-tab { width:100%; float:left; margin:0 0 15px;}

.tab-row1 {
	text-align: center;
	padding: 7px 0;
	float: none;
	display:inline-block;
	list-style: none;
	width: 382px;
	border:1px solid #c6af86;
	border-radius:10px;
}

.tab-row1 li { width:auto; text-align:center; font-size:16px; font-weight:400; border:none; border-radius:10px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; color:#454442; background:none; margin:0 7px 0; padding:12px 25px 13px;}

.tab-row1 li:hover {
	background:#c6af86;
	color:#fff;
	transition: all 0.25s ease-out 0s;
}

.tab-row1 li.active {
	background:#c6af86;
	color:#fff;
	transition: all 0.25s ease-out 0s;
}

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

.tab-btn1 { float:none; font-size:13px; color:#ffffff; background:#99d5eb; border-color:#99d5eb; margin:0 0 0 0; padding:16px 20px 15px 22px;}
.tab-btn1:hover { color:#99d5eb; background:none; border-color:rgba(153,213,235,0.4);}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { width:288px;}
.tab-row1 li { padding:12px 20px 13px;}
}

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

}

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