﻿@media only screen and (max-width:960px) {
    .newsbanner { padding-top: 60px; }
}

.contentbg { background-color: #f5f5f5; width: 100%; }
.contentbig { width: 100%; max-width: var(--maxwidth); padding: 2rem 15px; margin: 0px auto; }
.route { width: 100%; }
    .route > a { font-size: 14px; color: #999; }
    .route > b { font-size: 1.5rem; display: block; color: #000; font-weight: 400; }
    .route > p { color: #999; font-size: 14px; }

@media only screen and (max-width:960px) {
    .route > b { font-size: 1.25rem; }
}

@media only screen and (max-width:960px) {
    .route > a { font-size: 12px; }
    .route > b { font-size: 14px; }
}


.newslistbox { width: 100%; margin: 2rem auto; color: #000; font-size: 14px; }
.newsmorebox { padding: 2rem; width: 100%; background-color: #D5E3E3; display: flex; align-items: flex-end }
    .newsmorebox > div:first-child { width: 20%; }
    .newsmorebox > div > img { max-width: 100%; }
    .newsmorebox > div:last-child { flex: 1; text-align: right; }
