.mpd_banner>img{width: 100%;}

.ms_nav{background-color: #f7f7f7;}

.mpd_title{margin-top: 100px;line-height: 2;color: #5c5c5c;font-weight: bold;font-size: 30px;}
.mpd_top{display: flex;justify-content: space-between;margin-top: 36px;}
.mpd_top_l{display: flex;}
.mpd_top_img{width: 454px;height: 290px;border-radius: 10px;border: 1px solid #c4c4c4;overflow: hidden;}
.mpd_top_i{width: 100%;height: 288px;object-fit: contain;}
.ddm_dot{position: absolute;bottom: 15px;right: 15px;z-index: 2;}
.ddm_dot>li{display: inline-block;width: 12px;height: 12px;font-size: 0;outline: 0;border: 0;margin-right: 10px;transition: all .5s;cursor: pointer;background-color: #e7e7e7;border-radius: 50%;}
.ddm_dot>li:last-child{margin-right: 0;}
.ddm_dot>.slick-active{background-color: var(--base);}
.ddm_dot>li button{display: none;}

.mpd_top_m{margin-left: 30px;}
.mpd_top_m>p{font-size: 16px;color: #5c5c5c;white-space: pre-wrap;line-height: 2;}
.mpd_top_r{align-self: flex-end;display: inline-block}
.mpd_top_r>a{width: 155px;height: 41px;background-color: var(--base);color: #fff;display: block;margin-top: 18px;line-height: 41px;text-align: center;border-radius: 10px;}
.mpd_top_r>a>img{vertical-align: middle;margin-right: 10px;}

.mpd_rich>h1{background-color: #f3f3f3;margin-top: 56px;padding: 0 32px;}
.mpd_rich>h1>span{font-size: 18px;line-height: 50px;display: inline-block;margin-right: 20px;cursor: pointer;}
.mpd_rich>h1>.mpd_a{border-bottom: 2px solid var(--base);color: var(--base);}
.rich_text{margin: 50px 0;}

.mpd_photo{background-color: #f9fbff;}
.mpd_photo_c{padding: 50px 0;}
.mpd_photo_c>h1{font-size: 36px;color: #555;font-weight: 400;}
.mpd_photo_f{display: flex;justify-content: space-between;margin: 40px 0;}
.mpd_photo_f>a{width: 31%;height: 70px;line-height: 70px;text-align: center;background-color: #ededed;color: #717171;border-radius: 20px;font-size: 20px;}
.mpd_photo_f>.mpd_photo_a{background-color: var(--base);color: #fff;}
.mpd_photo_i{background-color: #fff;padding: 40px 40px 60px;border-radius: 20px;}
.mpd_photo_ii{margin: 0 20px;height: 273px;object-fit: cover;border-radius: 20px;}
.ph_dot{position: absolute;bottom: 15px;left: 50%;transform: translateX(-50%);z-index: 2;}
.ph_dot>li{display: inline-block;width: 12px;height: 12px;font-size: 0;outline: 0;border: 0;margin-right: 10px;transition: all .5s;cursor: pointer;background-color: #e7e7e7;border-radius: 50%;}
.ph_dot>li:last-child{margin-right: 0;}
.ph_dot>.slick-active{background-color: var(--base);}
.ph_dot>li button{display: none;}

.mpd_pdf{padding: 100px 0;}
.mpd_pdf>h1{font-size: 36px;color: #555;font-weight: 400;}
.mpd_pdf_c{display: flex;justify-content: space-between;margin-top: 30px;}
.mpd_pdf_i{width: 30%;margin-right: 5%;background-color: #f9fbff;border-radius: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;height: 340px;}
.mpd_pdf_i>h1{margin: 20px 0;}
.mpd_pdf_i>a{color: var(--base);}
.mpd_pdf_i>a:hover{text-decoration: underline;}

@media screen and (max-width: 766px) {
    .mpd_banner>img{height: 20rem;object-fit: cover;}

    .mpd_title{margin-top: 6rem;}
    .mpd_top{flex-direction: column;}
    .mpd_top_l{flex-direction: column;}
    .mpd_top_img{width: 100%;height: 25rem;}
    .mpd_top_i{height: 100%;}
    .mpd_top_m{margin-left: 0;margin-top: 2rem;}
    .mpd_top_m>p{font-size: 1.6rem;}
    .mpd_top_r{align-self: flex-start;}
    .mpd_top_r>a{width: unset;padding: 0 2rem;}

    .mpd_rich>h1{padding: 0 1.5rem;}
    .mpd_rich>h1>span{font-size: 1.6rem;}
    .rich_text{margin: 2rem 0;}

    .mpd_photo_c>h1{font-size: 2.8rem;}
    .mpd_photo_f>a{font-size: 1.6rem;height: 5rem;line-height: 5rem;}
    .mpd_photo_i{padding: 1.5rem 1.5rem 6rem;}
    .mpd_photo_ii{margin: 0;}

    .mpd_pdf>h1{font-size: 2.8rem;}
    .mpd_pdf_c{flex-direction: column;}
    .mpd_pdf_i{width: 100%;margin-right: 0;height: unset;margin-bottom: 2rem;padding: 2rem 0;}
}