.smblog_masonry_numcol *{
font-family: 'Roboto','微軟正黑體', Helvetica, Arial, sans-serif;
}
.smblog_masonry_numcol {
padding-bottom: 40px;
}
.smblog_masonry_numcol .grid-sm-boxes-in {
padding: 0;
}
.smblog_masonry_numcol .sm-grid-boxes-caption {
padding: 0px 0px;;
}
.smblog_masonry_numcol .sm-post-title {
font-size: 24px;
font-weight: 700;
line-height: 28px;
margin:0;
padding: 20px 15px 0px 15px;
}
.smblog_masonry_numcol .sm-grid-boxes-quote, .smblog_masonry_numcol .sm-grid-boxes-news{
padding: 5px 15px;
}
.smblog_masonry_numcol .sm-post-title a {
color: rgb(39, 175, 197);
}
.smblog_masonry_numcol ul.sm-grid-boxes-news {
margin-bottom: 15px;
}
.smblog_masonry_numcol ul.sm-grid-boxes-news li {
font-size: 12px;
}
.smblog_masonry_numcol ul.sm-grid-boxes-news li, .smblog_masonry_numcol ul.sm-grid-boxes-news li a {
color: rgb(119, 119, 119);
}
.smblog_masonry_numcol ul.sm-grid-boxes-news li a:hover {
color: rgb(114, 192, 44);
}
.ftd-tags{
text-align: right;
padding: 10px 5px 10px 0px; 
background-color: #efefef;
}
div.ftd-a-link > a.ftd_read_more{
color: #FF743B;
}
.grid-sm-border{
border: 2px solid #cfcfcf; 
}
.sm-grid-boxes-news .sm-meta-part a{
color: rgb(85, 85, 85)
}
.sm-grid-boxes-caption.grid-boxes-quote {
background: none repeat scroll 0 0 rgba(51, 51, 51, 0.5);
padding: 30px;
text-align: center;
}
.sm-grid {
margin: 0 auto;
padding: 0 0 50px 0;
max-width: 1106px;
overflow: hidden;
}
.sm-grid .grid-sm-boxes-in {
display: block;
float: left;
padding: 8px;
width: 50%; overflow: hidden;
}
.sm-grid .grid-sm-boxes-in.shown, .no-js .sm-grid .grid-sm-boxes-in, .no-cssanimations .sm-grid .grid-sm-boxes-in {
opacity: 1;
filter: alpha(opacity=100);
}
.sm-grid .grid-sm-boxes-in a, .sm-grid .grid-sm-boxes-in img {
border: none;
max-width: 100%;
}
.sm-grid.sm-effect .grid-sm-boxes-in.animate {
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
-moz-transform: translateY(200px);
-o-transform: translateY(200px);
transform: translateY(200px);
-webkit-animation: moveUp 0.65s ease forwards;
-ms-animation: moveUp 0.65s ease forwards;
-moz-animation: moveUp 0.65s ease forwards;
-o-animation: moveUp 0.65s ease forwards;
animation: moveUp 0.65s ease forwards;
}
@-webkit-keyframes moveUp {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100);
}
}
@keyframes moveUp {
0% {
opacity: 0;
filter: alpha(opacity=0);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
-moz-transform: translateY(0);
transform: translateY(0);
opacity: 1;
filter: alpha(opacity=100);
}
}
.sm-icon-date:before{
content: "\f073";
font-family: FontAwesome;
font-style: normal;
margin-right: 6px;
}
.sm-icon-author:before{
content: "\f007";
font-family: FontAwesome;
font-style: normal;
margin-right: 6px;
}
.icon-views:before{
content: "\f06e";
font-family: FontAwesome;
font-style: normal;
margin-right: 6px;
}
.sm-icon-comments:before{
content: "\f075";
font-family: FontAwesome;
font-style: normal;
margin-right: 6px;
}
.sm-meta-date > a {
margin-right: 12px;
}
.sm-meta-poster {
margin-right: 15px;
}
.sm-meta-likes {
margin-right: 15px;
}
.sm-list-inline.sm-grid-boxes-news {
margin-bottom: 5px;
margin-top: 15px;
}
.sm-gallery-title {
background: none repeat scroll 0 0 rgb(124, 221, 235);
bottom: -100%;
color: rgb(0, 0, 0);
display: block;
left: 4px;
opacity: 0;
padding: 8px 40px 8px 10px;
position: absolute;
right: 4px;
transition: all 0.3s ease 0s;
}
.sm-gallery-textPart + span.sm-gallery-arrow {
margin-top: -13.5px;
position: absolute;
right: 10px;
top: 50%;
}
.sm-gallery-title a{
color: rgb(0, 0, 0);
}
.sm-gallery-title span.sm-gallery-arrow img {
max-width: 30px;
}
.sm-grid .grid-sm-boxes-in:hover .grid-sm-border .sm-gallery-title{
bottom: 4px;
left: 6px;
opacity: 1;
right: 6px;
transition: all 0.3s ease 0s;
}
nav.sm-pagination span.current {
background-color:#36607F;
border-color:#55a83e;
border-radius: 99em;
color: #fff;
cursor: default;
z-index: 2;
}
nav.sm-pagination span, ul.pagination a {
line-height: 1.42857;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
nav.sm-pagination a{
background-color: #fff;
border: 1px solid #ddd;
border-radius: 99em;
color: #000;
line-height: 1.42857;
padding: 6px 12px;
position: relative;
text-decoration: none;
}
nav.sm-pagination a:hover { 
background-color: #eee;
border-color: #ddd;
}
.sm-pagination {
text-align: center;
}
@media screen and (max-width:991px) {
.sm-grid .grid-sm-boxes-in {
width: 50%;
}
}
@media screen and (max-width:639px) {
.sm-grid .grid-sm-boxes-in {
width: 100%;
}
.sm-grid .grid-sm-boxes-in img.img-responsive{
width: 100%;
}
}