/* =================================
	backnumber CSS
================================= */

/*	bknm_list
============================== */
@media all and (min-width: 768px) {
.bknm_list{
	margin:30px 0;
	padding: 30px 0 0;
	border-top:2px solid #000; 
}
.bknm_list li a { 
	overflow:hidden;
	display: block; 
	float: left; 
	text-decoration: blink;
	font-weight: bold; 
	line-height: 2em !important; 
	background: #f46c42; 
	color: #fff; 
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	border-radius: 10px;
	position: relative;
	width: 24%;
	margin-right: 1%;
	margin-bottom: 1%;
	transition: 0.2s ease-in-out;
}
.bknm_list li a:nth-child(even){
	margin-right: 0%;	
}
.bknm_list li a span{
	display: block;
	padding: 4px 10px 4px 25px; 
}
.bknm_list li a:hover {
	text-decoration: none; color: #fff; 
	background: #F99900; 
 }
.bknm_list li a::before {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fad0c3;
	border-right: 2px solid #fad0c3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 5px;
	top: 15px;
}
}	
@media all and (max-width: 767px) {
.bknm_list{
	margin:30px 0;
	padding: 30px 0 0;
	border-top:2px solid #000; 
}
.bknm_list li a { 
	overflow:hidden;
	display: block; 
	float: left; 
	text-decoration: blink;
	font-weight: bold; 
	line-height: 2em !important; 
	background: #f46c42; 
	color: #fff; 
	box-shadow: 0 2px 0 rgba(0,0,0,0.2);
	border-radius: 10px;
	position: relative;
	width: 49%;
	margin-right: 1%;
	margin-bottom: 2%; 
}
.bknm_list li a:nth-child(even){
	margin-right: 0%;	
}
.bknm_list li a span{
	display: block;
	padding: 4px 10px 4px 25px; 
}
.bknm_list li a:hover {
	text-decoration: none; color: #fff; 
	background: #F99900; 
 }
.bknm_list li a::before {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fad0c3;
	border-right: 2px solid #fad0c3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left: 5px;
	top: 15px;
}
}