* {
    color:#333;
    font-family: Arial, 'Microsoft JhengHei' ,'PMingLiU' ,'mingliu' ,Tahoma, Helvetica, FreeSans, sans-serif;
    font-family:'Microsoft JhengHei' ,'PMingLiU' ,'mingliu' ,Tahoma, Helvetica, FreeSans, sans-serif\0/;
    font-size: 15px;
    letter-spacing: 1px;
}
body {
    background-color:transparent;
    margin:0;
    padding-top: 5px;
}
.block {
    float:left;
    width: 24%;
    margin: 0 0.5% 1.2em;
    text-align: center;
    *min-height:200px;
}
.block > img, .block > span {
    display: inline-block;
    margin: 0 auto .5em;
}
.block > span {width: 100%}
.block > img{
	box-shadow:1px 1px 1px rgba(0,0,0,0.3);
    max-width:100%;
    max-height:180px;
    outline: 1px solid #ddd;
    border-right:1px solid #aaa\9;
    border-bottom:1px solid #aaa\9;
}
.block > img.transparent{box-shadow:none;height: 500px;}
/*----------　MEDIA　----------*/
@media (min-width: 771px) {
    div.block{width:15.6%;}
    div.block:hover > img {max-height:100%;}
}
@media (max-width: 500px) {
    div.block{width:47%;}
}
@media (max-width: 300px) {
    div.block{width:97%;}
}