@charset "utf-8";#open_menu{display:none;}#spicon{position:fixed;right:40px;top:40px;background-color:#2f2f2f;background-position:50% 0;background-repeat:no-repeat;background-size:cover;width:55px;height:57px;border-radius:10px;border:2px solid #fff;z-index:9999;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:15px 0 15px 9.5px}#spicon span{border-bottom:2px solid #fff;width:30px;height:2px;transition:all .4s}#spicon.m_active span:nth-child(1){transform:translateY(10px) rotate(-45deg)}#spicon.m_active span:nth-child(2){opacity:0}#spicon.m_active span:nth-child(3){transform:translateY(-10px) rotate(-135deg)}#open_menu{background-position:50% 0;background-repeat:no-repeat;background-size:cover;position:fixed;z-index:9990;top:0;left:0;width:100%}#center_box{background-color:#2f2f2f;position:fixed;right:0;top:0;width:450px;margin:0;height:100vh;display:block;overflow-y:scroll}#close{position:absolute;text-align:center;bottom:-20px;left:0;width:100%;color:#21ceb2;font-size:20px}.menu_flex{display:flex;flex-direction:column;justify-content:center;height:100%}.m_width{width:94%;max-width:200px;margin:0 auto}.page_link a{color:#fff;position:relative;display:inline-block;padding:20px 0}.page_link li{font-size:24px;position:relative}.page_link a:before{content:"";border-bottom:2px solid #d03034;position:absolute;top:50%;transform:translateY(-50%);left:-40px;width:0;transition:.3s ease}.page_link a:hover:before{width:20px}.menu_app{width:200px;margin:100px auto 0}.menu_app a{display:block;margin:10px 0}.menu_app img{width:100%;height:auto}@media only screen and (max-width:1400px){.menu_app{margin:60px auto 0}}@media only screen and (max-width:740px){#spicon{right:20px;top:20px}#center_box{width:100%}.m_width{max-width:200px}.page_link a{padding:20px 0}.page_link li{font-size:18px;position:relative}.menu_app{width:200px;margin:40px auto 0}}