.popup_swiper {width:100%; height:500px; position:relative;}

.popup_swiper .photo {overflow:hidden;  height:500px;}
.popup_swiper .photo > img {width:100%; min-height:100%; object-fit:cover;}
.popup_swiper .photo:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background:url('/images/common/img_shadow.png') repeat-x center bottom / contain;}

.popup_swiper .bgarea {bottom:50px; position:absolute; width:100%; padding:0 20px; color:#fff;}
.popup_swiper .bgarea > .subject {font-size:1.5em; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-all;}


.popup_swiper  .swiper-pagination {text-align:left; padding-left:1rem; padding-bottom:10px;}
.popup_swiper  .swiper-pagination .swiper-pagination-bullet {width:1rem; height:1rem; background:#b4b4b4;}
.popup_swiper  .swiper-pagination .swiper-pagination-bullet-active {background:#1d489e;}

@media screen and (max-width: 1024px) {
.popup_swiper {height:400px;}
.popup_swiper .photo {height:400px;}
.popup_swiper .bgarea > .subject {font-size:1.2em;}
}