@charset "utf-8";
/* CSS Document */
.conten-tab { width:35.9%; float:right; margin:56px 0 0;}
.conten-tab img { width:100%; display:block;}
.conten-tab .conten-tab1 { width:100%; float:left; margin:26px 0 0;}

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

.tab-row1 li { width:100%; text-align:center; font-size:14px; font-weight:900; padding:16px 2% 16px; text-transform:uppercase; background:#ffffff; border:none; border-radius:10px; transition:all 0.25s ease-out 0s; display:inline-block; position:relative; z-index:9; cursor:pointer; margin:0 0 13px;}

.tab-row1 li:hover {
	color:#ffffff; background: linear-gradient(90deg,rgba(235, 30, 121, 1) 0%, rgba(162, 37, 137, 1) 35%, rgba(29, 20, 101, 1) 100%) border-box;
	transition: all 0.25s ease-out 0s;
}

.tab-row1 li.active {
	color:#ffffff; background: linear-gradient(90deg,rgba(235, 30, 121, 1) 0%, rgba(162, 37, 137, 1) 35%, rgba(29, 20, 101, 1) 100%) border-box;
	transition: all 0.25s ease-out 0s;
}

.tab-row2 {
	width: 55.7%;
	float: left;
	margin: 0 0 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;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.conten-tab { width:100%; margin:0 0 45px;}
.tab-row2 { width:100%;}
.tab-row1 li { font-size:12px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.conten-tab { width:100%; margin:0 0 45px;}
.tab-row2 { width:100%;}
.tab-row1 li { font-size:12px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.conten-tab { width:100%; margin:0 0 45px;}
.tab-row2 { width:100%;}
.tab-row1 li { font-size:12px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.tab-row2 { width:60%;}
.tab-row1 li { font-size:12px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.tab-row1 li { font-size:12px;}
}

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

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