.ev-page { width:100%; height:2px; background:#000; }

.ev-tab { 
	display:flex; flex-flow:row nowrap; justify-content:flex-start; align-items:center; padding:30px 0;
}
.ev-tab .tab { 
	display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; 
	width:100%; gap:10px;
}
.ev-tab .tab a { 
	display:flex; flex-flow:row wrap; justify-content:center; align-items:center; border-radius:26px;
	height:52px; border:3px solid #ccc; padding:0 23px; font-size:18px; font-weight:500; color:#000;
}
.ev-tab .tab a:first-child { width:52px; }
.ev-tab .tab a.on, .ev-tab .tab a:hover { border:3px solid #8A78BA; background:#8A78BA; color:#fff; }

@media(max-width:1300px) {
	.ev-tab { padding:20px 0; }
	.ev-tab .tab { gap:10px 5px; }
	.ev-tab .tab a { border-radius:21px; height:42px; padding:0 12px; font-size:16px; }
	.ev-tab .tab a:first-child { width:42px; }
}

@media(max-width:1024px) {
	.ev-tab .tab a { font-size:14px; }
	.ev-tab .tab a:first-child { width:42px; }
	.ev-tab .tab a:nth-child(2) { width:calc(50% - 47px); }
	.ev-tab .tab a:nth-child(3) { width:calc(50% - 5px); }
	.ev-tab .tab a { width:calc((100% - 5px)/2); }
}

@media(max-width:430px) {
	.ev-tab .tab a { width:100%; }
	.ev-tab .tab a:first-child { width:42px; }
	.ev-tab .tab a:nth-child(2) { width:calc(100% - 47px); }
	.ev-tab .tab a:nth-child(3) { width:100%; }
}

.ev-top { 
	display:flex; flex-flow:row wrap; justify-content:center; align-items:center; text-align:center; word-break:keep-all;
	border:1px solid #ddd; background:#f4f4f4; padding:20px 40px; font-size:18px; font-weight:500; color:#000;
}
.ev-top p { margin:0; padding:0; }

@media(max-width:1024px) {
	.ev-top { padding:20px; font-size:16px; }
}

@media(max-width:768px) {
	.ev-top { font-size:15px; }
}

@media(max-width:430px) {
	.ev-top { font-size:14px; }
}

.ev-row-body { width:100%; padding:40px 0; display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:40px 2%; }

@media(max-width:1024px) {
	.ev-row-body { padding:30px 0; gap:30px 2%; }
}

@media(max-width:768px) {
	.ev-row-body { padding:20px 0; gap:20px 3%; }
}

.ev-row { width:23.5%; border:1px solid #ccc; border-radius:10px; }
.ev-row .img { width:100%; position:relative; background:#f0f0f0; border-radius:10px 10px 0 0; }
.ev-row .img a { display:block; width:100%; height:320px; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:10px 10px 0 0; }
.ev-row .desc { padding:20px; }
.ev-row .name { width:100%; height:20px; font-size:16px; font-weight:500; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

@media(max-width:1024px) {
	.ev-row .name { font-size:15px; line-height:15px; }
	.ev-row .img a { height:280px; }
}

@media(max-width:768px) {
	.ev-row { width:48.5%; }
	.ev-row .name { font-size:14px; line-height:14px; }
}

@media(max-width:430px) {
	.ev-row { width:100%; }
	.ev-row .img a { height:340px; }
}