body{background:#e7e7e7}
#content{position:relative;width:690px;height:600px;min-height:calc(100vh - 300px);margin:110px auto;padding:0}
#content .h1-title{margin-bottom:25px;font-size:30px;font-weight:normal;letter-spacing:-1px;text-align:center}
#content .box-wrap{text-align:center}
#content .box-wrap p{font-size:14px}
#content .box1,#content .box2{float:left;position:relative;width:300px;height:275px;margin-right:10px;padding:175px 20px 0;border-radius:22px;text-align:center}
#content .box1{background:#fff url(/mpm/common/images/common/img_gpin1.gif) 50% 33px no-repeat}
#content .box2{margin-right:0;background:#fff url(/mpm/common/images/common/img_gpin2.gif) 50% 33px no-repeat}
#content strong.point{color:#fa3b3b}
#content .big-text{display:inline-block;margin-top:28px;font-size:16px;font-weight:bold}
#content .btn,#content .btn:link,#content .btn:visited{position:absolute;left:50%;bottom:40px;transform: translateX(-50%); width:120px;height:42px;border:1px solid #9f9f9f;border-radius:42px;line-height:42px;font-weight:bold;font-size:16px;text-align:center}
#content .btn:hover,#content .btn:focus{background:#2b3552;color:#fff}
#content .btn_back,#content .btn_back:link,#content .btn_back:visited{display:inline-block;width:180px;height:42px;margin:0 auto;margin-top:40px;padding:0;border:1px solid #595959;border-radius:42px;background:#595959 url(/mpm/common/images/common/ico_arrow1.png) 17px 50% no-repeat;line-height:42px;font-size:16px;font-weight:bold;color:#fff;text-align:center}
#content .btn_back:hover,#content .btn_back:focus{text-decoration:underline; background:#333 url(/mpm/common/images/common/ico_arrow1.png) 17px 50% no-repeat;color:#fff}

@media (max-width: 780px){
#content{width: 100%;max-width: 690px;min-width: 340px;height: auto;}
#content .box-flex {display: flex; flex-wrap: wrap; min-width: 360px; position: relative; left: 50%; transform: translateX(-50%); width: calc(100% - 20px)}
#content .h1-title{font-size:26px;}
#content .box-wrap{display: flex; flex-wrap: wrap;}
#content .box1,#content .box2{position:relative;float: none; flex-basis: calc((100% / 2) - 45px); max-width:300px; height:auto;min-height: 240px; margin-right:10px;padding:115px 20px 0;background-size: 80px;background-position: 50% 15px;}
#content .box2 {margin-right: 0 !important;}
#content .box1 br,#content .box2 br {display: none;}
#content .box-flex > div > p {min-height: 140px;}
}

@media (max-width: 400px){
#content .box-flex > div > p {min-height: 330px;}
}