@charset "utf-8";



h2 span {
	background:url(../../images/header_entry.jpg) no-repeat center top / cover;
}
article h3 span span {
	background:#fff url(../../images/icon_entry.png) no-repeat 20px center;
}
section {
	position:relative;
	width:920px;
	margin:0 auto 20px;
	padding:20px;
	border:1px #ccc solid;
	background:#f9f9f9;
}
section img {
	display:block;
	float:left;
	width:200px;
}
#noImage img {
	display:none;
}
section > div {
	float:left;
	width:698px;
	margin-left:20px;
}
#noImage > div {
	margin-left:0;
}
h4 a {
	color:#4383d2;
	font-weight:bold;
	font-size:130.8%;
}
section span {
	display:inline-block;
	margin:5px 0 15px;
	padding:0 10px;
	border:1px #4383d2 solid;
	border-radius:2px;
	background:#fff;
	color:#4383d2;
	font-size:84.6%;
}
section p {
	float:left;
	width:410px;
	line-height:1.8em;
	font-size:92.3%;
}
section ul {
	clear:both;
	position:absolute;
	right:20px;
	bottom:20px;
	width:270px;
}
section ul li {
	float:left;
	width:130px;
	border-radius:5px;
	background:#fff;
}
section #noEntry li {
	float:right;
}
section ul li a {
	display:block;
	padding:10px 0;
	border-radius:5px;
	font-weight:bold;
	font-size:115.4%;
	text-align:center;
}
section ul li a:hover {
	opacity:0.8;
}
section ul #btnMore {
	margin-right:10px;
}
section #noEntry #btnMore {
	margin:0;
}
section ul #btnMore a {
	border:3px #4383d2 solid;
	color:#4383d2;
}
section ul #btnEntry a {
	border:3px #f27510 solid;
	color:#f27510;
}	

@media screen and (max-width:1100px){
article h3 span span {
	background:#fff url(../../images/icon_entry.png) no-repeat 10px center;
}
section {
	width:90%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
section > div {
	float:left;
	width:calc(100% - 220px);
	margin-left:20px;
}
section p {
	float:none;
	width:100%;
}
section ul {
	position:static;
	margin-top:15px;
}
section #noEntry li {
	float:none;
}
}

@media screen and (max-width:640px){
section img {
	float:none;
}
section > div {
	float:none;
	width:100%;
	margin:20px 0 0;
}
#noImage > div {
	margin:0;
}
section ul {
	width:100%;
}
section ul li {
	width:calc(50% - 5px);
}
section ul li a:hover {
	opacity:1;
}
}

@media screen and (max-width:480px){
section ul li {
	width:100%;
	margin-top:10px;
}	
}