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

.tab-row1 {
	margin: 60px 0 0;
	padding: 0;
	float: none;
	display:inline-block;
	list-style: none;
	width: 100%;
}
.tab-row1 li {
	width: 25%;
	float: none;
	color:rgba(66,38,128,0.7);
	text-align:center; font-size:22px; font-weight:600; background:rgba(255,255,255,0.7); border-radius:10px 10px 0 0; transition:all 0.25s ease-out 0s; display:inline-block; padding:45px 2%; margin:0 13px 0 0; position:relative; cursor:pointer;}
.tab-row1 li:last-child { margin-right:0;}
.tab-row1 li:hover {
	color: #422680;
	background:#ffffff;
}
.tab-row1 li.active {
	color: #422680;
	background:#ffffff;
}
.tab-row2 {
	width: 100%;
	float: left;
	background:#fff;
	border-radius:0 10px 10px 10px;
	padding:77px 68px 105px;
}
.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;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.tab-row1 { margin:20px 0 15px;}
.tab-row1 li { width:100%; margin:0 0 10px; font-size:20px; letter-spacing:0; padding:20px 2% 20px; border-radius:10px;}
.tab-row1 li:nth-child(2n) { float:right;}
.tab-row2 { border-radius:10px; padding:50px 5% 0;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.tab-row1 { margin:20px 0 15px;}
.tab-row1 li { width:100%; margin:0 0 10px; font-size:24px; letter-spacing:0; padding:22px 2% 22px; border-radius:10px;}
.tab-row1 li:nth-child(2n) { float:right;}
.tab-row2 { border-radius:10px; padding:50px 5% 0;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.tab-row1 { margin:20px 0 0; text-align:center;}
.tab-row1 li { width:48%; margin:0 0 10px;}
.tab-row1 li:nth-child(2) { float:right;}
.tab-row1 li:last-child { margin:0;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.tab-row1 li { width:30%; font-size:17px;}
.tab-row2 { padding:77px 2% 45px 5%;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.tab-row1 li { width:30%; font-size:20px;}
.tab-row2 { padding:77px 5% 45px 5%;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.tab-row1 li { width:29%;}
}

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