@-webkit-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-moz-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-o-keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@keyframes bottom1{0%,100%{bottom:40px}50%{bottom:15px}}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0, 0, 0)}20%,60%{-webkit-transform:translate3d(-10px, 0, 0)}40%,80%{-webkit-transform:translate3d(10px, 0, 0)}}@keyframes shake{from,to{transform:translate3d(0, 0, 0)}20%,60%{transform:translate3d(-10px, 0, 0)}40%,80%{transform:translate3d(10px, 0, 0)}}.explain_img_cont>div{width:50%}.explain_img_cont>div:hover img{transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2)}.explain_img_cont .img_box{background:#f8f8f8}.explain_box{padding:30px 0 100px}.explain_box h1{font-size:38px;font-weight:bold;margin:50px 0 40px}.explain_box h3{font-size:26px;font-weight:bold;margin-bottom:40px}.explains_box{background:#fafafa}.recommend_container{margin:0 auto;padding:50px 0 80px}.recommend_container h4{text-align:center}.contrast_img{max-width:1200px;margin:0 auto}@media screen and (min-width: 768px){.recommend_container{max-width:500px}}@media (min-width: 768px) and (max-width: 1100px){.explain_box{padding:20px 0 80px}.explain_box h1{font-size:30px;margin:40px 0 30px}.explain_box h3{font-size:22px}.explain_box h4{font-size:16px}.recommend_container{padding:30px 0 50px}.recommend_container h4{font-size:16px}}@media screen and (max-width: 767px){.explain_img_cont>div{width:100%}.explain_box{padding:10px 15px 20px}.explain_box h1{font-size:18px;margin:20px 0 15px}.explain_box h3{font-size:16px;margin-bottom:20px}.explain_box h4{font-size:12px}.explain_img_cont .img_box{margin-top:10px}.recommend_container{padding:15px 0 25px}.recommend_container h4{font-size:12px}}
