/**/
/*#grid { width:calc(100% + 16px)}*/
/*#grid>div{ padding: 20px 8px;}*/
/*.column 跟 .blog_sub 其實作用一樣*/
#grid{	width:calc(100% + 1.3em); margin-left:-0.65em}/*grid div放大，以消除最左右column的padding*/
.title{ color:#1E1E1C; margin-top:1.125em;}
.title_sub{ color:#8A8A8A;margin-bottom: 1.5em;}
.blog_posts{margin-bottom: 3em; padding:0 0.65em;}
.content{ color:#8A8A8A;}
.cretime{ color:#9A9A9A; margin-top:1em;}
#grid[data-columns]::before {
    content: '1 .column.size-1of1';
}
 
/* These are the classes that are going to be applied: */
.column { float: left; }
.size-1of4 { width: 25%; }

@media screen and (max-width: 480px){
    #grid[data-columns]::before {
        content: '1 .column.size-1of1';
    }
}
 
@media screen and (min-width: 481px) and (max-width: 767px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}
@media screen and (min-width: 768px) {
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}
@media screen and (min-width: 1100px) {
    #grid[data-columns]::before {
        content: '4 .column.size-1of4';
    }
	.blog_posts{margin-bottom: 3em; padding:0 0.75em;}
	#grid{	width:calc(100% + 1.5em); margin-left:-0.75em}/*grid div放大，以消除最左右column的padding*/
} 
/* Again, you're free to use and define the classes: */
.column { float: left; }
.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
/*.size-1of3 { width: 33.33%; }*/
.size-1of4 { width: 25%; }

/*-------show-----------------*/
@-webkit-keyframes showsup {
  from { opacity: 0; -webkit-transform: translate(0, -20px); }
  to   { opacity: 1; -webkit-transform: translate(0, 0); }
}
@-moz-keyframes showsup {
  from { opacity: 0; -moz-transform: translate(0, -20px); }
  to   { opacity: 1; -moz-transform: translate(0, 0); }
}
@-o-keyframes showsup {
  from { opacity: 0; -o-transform: translate(0, -20px); }
  to   { opacity: 1; -o-transform: translate(0, 0); }
}
@keyframes showsup {
  from { opacity: 0; transform: translate(0, -20px); }
  to   { opacity: 1; transform: translate(0, 0); }
}
.grid{
    -webkit-animation: showsup 1s infinite; /* Chrome, Safari, Opera */ 
    animation: showsup 1s infinite;
}