/*
Newpost Catch StyleSheet

With the version up of the plug-in, so will be overwritten "style.css" file each time,
I think how to directly edit the "style.css" file and how would you or declined.
If you wish to apply a CSS style on its own,
In the "/wp-content/themes/theme directory/css/" as you please create a "newpost-catch.css".
Please the name of the file to create and "newpost-catch.css". The other is the file name, does not apply.

*/

#npcatch ul{
text-decoration:none;
}

#npcatch li{
	overflow:hidden;
	clear:none;
	margin:0px 7.5px 15px;
display:inline-block;
width:155px;
float:left;
background-color:#fff;
height:240px;
font-size:14px;
padding:0;
text-decoration:none;
}

/**
 * 767px
 */
@media screen and (max-width: 767px)  {
#npcatch li{
	overflow:hidden;
	clear:none;
	margin:0 1% 2%;
display:inline-block;
width:155px;
float:left;
background-color:#fff;
height:240px;
font-size:14px;
padding:0;
text-decoration:none;
}
}

#npcatch img{
	margin:0 auto;
	padding:0;
border:none;
width:155px;
height:150px;
}

#npcatch .title{
	width:145px;
	clear:both;
	padding:0 5px 0 10px;
display:inline-block;
height:30px;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis; /* Safari */
-o-text-overflow: ellipsis; /* Opera */
text-decoration:none;
overflow: hidden;
white-space: nowrap;
}

#npcatch li:hover{
text-decoration:none;
color:#999;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
-webkit-transition:opacity 0.2s linear;
box-shadow:none;
}

#npcatch li:hover .title{
text-decoration:none;
box-shadow:none;
}

#npcatch li:hover .title a{
text-decoration:none;
box-shadow:none;
}

#npcatch li:hover .date{
clear:both;
text-decoration:none;
color:#666;
}