@import url('https://fonts.googleapis.com/css?family=PT+Sans');


#list_media{
display:table;
padding:0;
margin:0;
border-bottom:1px solid #ccc;
}

#list_media div.media_bx{
display:table-row;
margin:0 auto;
padding:0;
xbackground-color:#fff;
}

#list_media div.media_bx a.img, #list_media div.media_bx a.img:visited{
display:table-cell;
padding:0;
height:180px;
width:320px;
padding:15px 15px 15px 0;
border-top:1px solid #ccc;
vertical-align:top;
}

#list_media div.media_bx div.text{
display:table-cell;
padding:15px 0;
border-top:1px solid #ccc;
vertical-align:top;
}

#list_media div.media_bx img{
display: block;
margin:0 auto;
max-width:320px;
max-height:180px;
width: auto;
height: auto;
}

#list_media div.media_bx a.tlt, #list_media div.media_bx a.tlt:visited{
display:block;
margin:0;
padding:0;
font-family:'PT Sans',sans-serif;
font-size:20px;
font-weight:bold;
text-decoration:none;
color:#182c85;
}

#list_media div.media_bx a.tlt:hover{
color:#000;
text-decoration:underline;
}

#list_media div.src{
font-family:'PT Sans',sans-serif;
font-size:16px;
font-weight:bold;
padding:0 0 10px;
margin:0;
color:#333;
}

#list_media div.src span.date{
font-weight:normal;
color:#777;
font-size:12px;
font-weight:bold;
}

#list_media div.src span.date{
border-left:1px solid #ccc;
margin-left:10px;
padding-left:10px;
}

#list_media div.desc p,
#list_media div.desc{
line-height:135%;
font-family:'PT Sans',sans-serif;
font-size:18px;
padding:0;
margin:0;
color:#333;
padding:0;
}

#list_media div.desc p{
margin:0 0 1em;
}

#list_media div.desc p:last-child{
margin:0;
}

#list_media div.desc a{
font-size:12px;
color:#182c85;
text-decoration:underline;
}

#list_media div.desc a:hover{
color:#000;
text-decoration:none;
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {

	#list_media{
	display:block;
	}

	#list_media div.media_bx{
	display:block;
	border-top:1px solid #ccc;
	text-align:center;
	}

	#list_media div.media_bx a.img, #list_media div.media_bx a.img:visited{
	display:block;
	padding:0;
	margin:0 auto;
	padding:15px 0 0;
	border:0;
	}

	#list_media div.media_bx div.text{
	display:block;
	padding:15px 0;
	border:0
	}
}

div.media_more{
padding:0;
text-align:center;
padding:30px 0 20px 0;
margin:0;
}

div.media_more a.more_lnk,
div.media_more a.more_lnk:link,
div.media_more a.more_lnk:visited{
display:inline-block;
font-family:'PT Sans',sans-serif;
font-size:18px;
font-weight:bold;
margin:0;
padding:8px 50px;
text-decoration:none;
color:#fff;
background-color:#1c75bb;
}

div.media_more a.more_lnk:hover{
background-color:#2b3990;
}

#topvid_yt{
border:1px solid #ccc;
}

#play_yt_desc{
line-height:135%;
display:block;
padding:5px 0;
margin:0;
font-family:'PT Sans',sans-serif;
font-size:14px;
color:#333;
}

#play_yt_desc p{
line-height:135%;
padding:0 0 7px 0;
margin:0;
font-size:12px;
color:#333;
}

#play_yt_desc p:last-child{
margin:0;
}