/* news list page */
.news-page .title {text-align: center; margin-bottom: var(--marginL);}

/* news show */
.img-top {height: calc(200px + 50 * (100vw - 320px) / 1080); overflow: hidden; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center;padding-top: var(--height_header);}
.img-top > div {z-index: 1; font-weight: var(--black); font-size: calc(20px + 10 * (100vw - 320px) / 1080); color: var(--color_white); line-height: 1.4;}
.img-top > div:first-child {color: var(--color_primary);}
.img-top picture {position: absolute; z-index: 0; height: 100%; width: 100%; top: 0; left: 0; border-radius: 0;}
.img-top img {border-radius: 0;}
#page.page-news-show {padding-top: calc(50px + 40 * (100vw - 320px) / 1080); text-align: center;}
.page-news-show .title {margin-bottom: var(--marginS);}
.page-news-show .ct {width: 60%; min-width: 800px;}
.intro {font-size: var(--textM); color: var(--color_primary); margin-bottom: var(--marginS); display: block;}
.news-container picture {width: 100%; height: auto; aspect-ratio: 16/8; margin: auto;}
.news-container .content {margin-top: var(--marginL); text-align: left;}
.news-info {font-weight: var(--medium); color: var(--color_secondary);}

@media screen and (max-width: 1350px) {
    #bg .shape:nth-child(2),
    #bg .shape:nth-child(3) {display: none;}
}

@media screen and (max-width: 1000px) {
    .page-news-show .ct {width: 90%; min-width: auto;}
}