#cd5_317 { overflow:hidden; z-index:0;width:100%;position:relative;clear: left;box-sizing: border-box;background-color: #fff;color: #222;display: flex;flex-wrap: wrap;align-items: stretch;justify-content:center;font-family: poppinsregular;}
#cd5_317 * { box-sizing: border-box; }
#cd5_317 .m317_box  { width: 50%; position: relative; overflow: hidden; color: #111; background-color: #eee; }
#cd5_317 .m317_leftbox {position: relative; float: right; width: 100%; max-width: 620px; background-color: #eee; padding: 180px 90px; }
#cd5_317 .m317_h2 {font-size: 30px; margin: 0; padding-bottom: 20px; line-height: 1.2; font-weight: normal;font-family: poppinssemibold;}
#cd5_317 .m317_h3 {font-size: 20px; margin: 0; padding-bottom: 20px; line-height: 1.2; font-weight: normal;font-family: poppinssemibold;}
#cd5_317 .m317_des {line-height: 1.5; font-size: 15px;}
#cd5_317 .m317_box2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out; }
#cd5_317 .m317_box:hover .m317_box2 { transform: scale(1.1);}
@media only screen and (max-width:1100px) {
       #cd5_317 .m317_bg { display: none; }
       #cd5_317 .m317_box  { width: 100%; }
       #cd5_317 .m317_leftbox { max-width: 100%; text-align: center; padding: 180px 120px;  }
}
@media only screen and (max-width:767px) {
       #cd5_317 .m317_leftbox {padding: 120px 90px;}
       #cd5_317 .m317_h2 {font-size: 25px; }
       #cd5_317 .m317_h3 {font-size: 18px;}
}
@media only screen and (max-width:599px) {
       #cd5_317 .m317_leftbox { padding: 60px;}
       #cd5_317 .m317_h2 {font-size: 20px; }
       #cd5_317 .m317_h3 {font-size: 16px;}
       #cd5_317 .m317_des { font-size: 14px;}
}
@media only screen and (max-width:480px) {
       #cd5_317 .m317_leftbox { padding: 40px 20px;}
}