body{ background: #f0f0f0; }

.about-container{ margin:0 1rem;padding: 2rem 0;font-size: 1rem; }
.about-container .title{ font-size: 1.25rem;text-align: center; }
.about-container .title span{ color: #B52D2F; }
.about-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
.about-container .about-content{ margin-top: 2rem; }
.about-container img{ max-width: 100%; }

.dept-container{ margin:0 1rem;padding: 0;font-size: 1rem;padding-bottom: 2rem; }
.dept-container .title{ font-size: 1.5rem;position: relative; text-indent: 1rem; }
.dept-container .title:after{ content: " ";border-left: 4px solid #C4261D;
    position: absolute;height: 100%;left: 0; }
.dept-box{ margin-top: 2rem; }
.dept-box .rows{ width: 100%; }
.dept-box .rows .box{ background: #fff;padding: 1rem;margin: .5rem 0; }
.dept-box .rows .box .image{ padding: .5rem;border: 1px #888 dashed; }
.dept-box .rows .box img{ width: 3rem; }
.dept-box .rows-text{ padding-left: 1rem;line-height: 2rem; }
.dept-box .rows-text .name{ color: #C4261D;font-size: 1rem; }
.dept-box .rows-text .en_name{ color: #888;font-size: .9rem; }

.scope-box{ margin-top: 2rem;background: #fff;padding: 2rem 0; }
.scope-box .rows{ float: left;width: 25%;text-align: center;margin: 0.5rem 0; }
.scope-box .rows .image{ width: 4rem;height: 4rem;margin: 0 auto;border: 1px #888 dashed;border-radius: 100%; }
.scope-box .rows img{ width: 2rem;border: 1px #888 dashed;padding: .1rem;margin-top: 1rem; }
.scope-box .rows .name{ font-size: 1rem;margin-top: 1rem; }

@media (min-width: 960px) {

    .about-container{ margin:0 15rem;padding: 2rem 0;font-size: 1rem; }
    .about-container .title{ font-size: 2rem;text-align: center; }
    .about-container .title span{ color: #B52D2F; }
    .about-container .en-title{ font-size: 1rem;text-align: center;color: #666666;margin-top: .5rem; }
    .about-container .about-content{ margin-top: 2rem; }
    .about-container img{ max-width: 100%; }

    .dept-container{ margin:0 15rem;padding: 0;font-size: 1rem;padding-bottom: 2rem; }
    .dept-container .title{ font-size: 1.5rem;position: relative; text-indent: 1rem; }
    .dept-container .title:after{ content: " ";border-left: 4px solid #C4261D;
        position: absolute;height: 100%;left: 0; }

    .dept-box{ margin-top: 2rem; }
    .dept-box .rows{ float: left;width: 50%; }
    .dept-box .rows .box{ background: #fff;padding: 1rem;margin: .5rem 0; }
    .dept-box .rows:nth-child(2n-2) .box{ margin-left: 1rem; }
    .dept-box .rows .box .image{ padding: .5rem;border: 1px #888 dashed; }
    .dept-box .rows .box img{ width: 3rem; }
    .dept-box .rows-text{ padding-left: 1rem;line-height: 2rem; }
    .dept-box .rows-text .name{ color: #C4261D;font-size: 1rem; }
    .dept-box .rows-text .en_name{ color: #888;font-size: .9rem; }

    .scope-box{ margin-top: 2rem;background: #fff;padding: 2rem 0; }
    .scope-box .rows{ float: left;width: 25%;text-align: center; }
    .scope-box .rows .image{ width: 6rem;height: 6rem;margin: 0 auto;border: 1px #888 dashed;border-radius: 100%; }
    .scope-box .rows img{ width: 3rem;border: 1px #888 dashed;padding: .1rem;margin-top: 1.5rem; }
    .scope-box .rows .name{ font-size: 1rem;margin-top: 1rem; }
}