/** ////////// section api ////////// **/

#match ul.clearfix {
	border-collapse: separate;
	border-spacing: 18px;
}
#match a {
	text-decoration: none;
	color: #353434;
	display: block;
	width: 100%;
	height: 100%;
}

#match ul li {
	list-style: none;
	width: 236px;
	background-color: #fff;
	padding: 20px;
	border-radius: 4px;
	position: relative;
	display: table-cell;
}
#match ul li:hover {
	background-color: #E0FFFC;
}
#match ul li:first-child {
	margin: 0 2% 0 0;
}
#match ul li:last-child {
	margin: 0 0 0 2%;
}
#match ul li img {
	border-radius: 2px;
	width: 100%;
	margin: 0 0 2% 0;
}
#match ul li .now_oa {
	font-size: 10px;
	position: absolute;
	top: -4%;
	left: 6%;
	background-color: #C7272A;
	color: #fff;
	padding: 3px 9px 2px 9px;
	letter-spacing: 0.5px;
	border-radius: 2px;
}
#match ul .inactive {
	background-color: #D4D4D4;
	color: #686868;
}
#match ul .inactive:hover {
	background-color: #D4D4D4;
}
#match ul li .title p {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 2% 0;
}
#match ul li .detail p {
	font-size: 12px;
	margin: 0 0 2% 0;
	color: #969696;
}
#match ul .inactive {
	background-color: #D4D4D4;
	color: #686868;
}
#match ul .inactive:hover {
	background-color: #D4D4D4;
}