.list-blog { padding:10px 0; border-bottom:1px solid #bbb; -webkit-transition: background 0.3s ease-in-out;
      -o-transition: background 0.3s ease-in-out;
      transition: background 0.3s ease-in-out }
.list-blog img { width:200px; height:200px; -webkit-transition: box-shadow 0.3s ease-in-out;
      -o-transition: box-shadow 0.3s ease-in-out;
      transition: box-shadow 0.3s ease-in-out }
.list-blog:hover { background:#FFF }
.list-blog:last-child { margin-bottom:10px; padding-bottom:10px; border-bottom:none }
.list-blog h3 a { color:#6b1be3; text-decoration: none }
.list-blog h3 a:hover { color:#e63789; text-decoration: none }
.list-blog-st { font-size:13px }
.list-blog .pic-date { text-align:left }
.list-blog img:hover { 
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 8px 0 rgba(0, 0, 0, 0.12);
}
.pl20 { padding-left: 20px }