< type="text/css"> #oldContArea img {max-width:100%;height:auto;} .view_step_cont .none {display:none;} .view_step_cont .carousel.slide {border:none; box-shadow:none; margin:0; padding:0;} .view_step_cont .media-right .carousel.slide {width:300px;} .view_step_cont .media-right {width:300px;} .view_step_cont .carousel-control {padding:0;} .view_step_cont .carousel-indicators {bottom:-36px;} .view_step_cont .carousel-indicators li {width:10px; height:10px;} .centeredcrop { position: relative; width:100%; overflow: hidden; height:400px;} .centeredcrop img {position: absolute;left:50%;top: 50%;width: 100%; height:auto; -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .centeredcrop img.portrait {width: auto; height:100%;} .modal-body .btn_list {text-align:center; padding:12px 0 0 0;} .modal-body .btn_list a {text-align:center; font-size:11px; color:#444; width:23%; display:inline-block;} .modal-body .btn_list a img {border-radius:50%; width:69px; height:69px;} .centeredcrop2 {display: flex;flex-direction: column;flex-wrap: wrap;align-items: flex-start;width:100%;height: 400px;} .centeredcrop2 img {object-fit:cover;width:600px;height:400px;} .centeredcrop2 img.portrait {width: auto; height:100%;} .swiper-slide {text-align: center;font-size: 18px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} .view2_box .swiper-substance span {position:absolute; font-size: 12px;color: #fff;text-shadow: 0.1em 0.1em 0.15em #333;margin-left:2px;z-index:100;} .view2_box .swiper-substance img {max-width:180px; border-radius:6px;} .sp_pdt_wrap .swiper-substance span {text-shadow:none}