@charset "utf-8";
/* CSS Document */
	
.title{
	margin-bottom:80px;}

.title h2{
	display:block;
	width:164px;
	height:61px;
	margin:0 auto;
	text-indent:-9999px;
	background-image:url(../../images/ZH-TW/title_media.png);
	background-position:left top;
	background-repeat:no-repeat;}
	
.content{
	width:100%;
	margin:0 auto;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #ddd;}

.content ul{}

.content ul li{
	display:block;
	font-size:1rem;
	line-height:2;
	margin-bottom:20px;
	clear:both;
	overflow:hidden;}

.media_content ul li {
    display: inline-block;
    width: 22%;
    margin: 16px;}
	
.media_content ul li a{
	font-size:1rem;
	display:block;
	min-height:64px;}
	
.event_date{
	float:right;
	color:#b28360;
	font-size:0.8125rem;}
	


@media screen and (max-width: 1024px) {
	
.media_content ul li {
    width: 29%;
}

}

@media screen and (max-width: 768px) {
	
.media_content ul li {
    width: 44%;
	margin:16px;
}	
	
}

@media screen and (max-width: 736px) {
	
.content {
	width:100%;}
	
.media_content ul li {
}
	
}

@media screen and (max-width: 500px) {
	
.media_content ul li {
	width:100%;
	margin:0 0 20px 0;
}
	
}