.place{ margin: 0 .5rem;padding: 2rem 0;font-size: 1rem; }
.list-image{ margin: 0 .5rem;padding-bottom: 2rem; }
.list-image img{ width: 100%; }

.article-container{ margin: 1rem;padding: 0;font-size: 1rem; }
.article-container .rows{ float:left; width: 100%; }
.article-container .rows .box{ margin-top: 1rem;}
.article-container .rows img{ float: left;width: 30%; }
.article-container .rows .rows-text{ float: left;width: calc(70% - 1rem);padding-left: 1rem; }
.article-container .rows .title{ margin:0;font-size: 1rem;margin-bottom: .5rem;}
.article-container .rows .title span{ font-size: .9rem;margin-left: .5rem; }
.article-container .rows .desc{ font-size: .9rem;
    line-height: 1.5;
    white-space: pre-line;
    height: auto;
    overflow:hidden;
}

@media (min-width: 960px) {
    .place{ margin: 0 10rem;padding: 2rem 0;font-size: 1rem; }
    .list-image{ margin: 0 10rem;padding-bottom: 2rem; }
    .list-image img{ width: 100%; }

    .article-container{ margin: 0 10rem;padding: 2rem 0;font-size: 1rem; }
    .article-container .rows{ float:left; width: 25%; }
    .article-container .rows .box{ margin: 0.5rem; }
    .article-container .rows img{ width: 100%; }
    .article-container .rows .rows-text{ width: 100%;padding-left: 0rem; }
    .article-container .rows .title{ margin:1rem 0;font-size: 1rem; }
    .article-container .rows .title span{ font-size: .9rem;margin-left: .5rem; }
    .article-container .rows .desc{ font-size: .9rem;
        height: 12rem;
        line-height: 1.5;
        white-space: pre-line;
        overflow:hidden;
    }
}