.m_signUp_box{z-index:1000;display: none;} .m_signUp{border:1px solid;width:100%;height:100%;position: fixed;top:0;left:0;z-index:100;background-color:#000;opacity:0.3;} .m_form{width:80%;position:fixed;top:50%;left:50%;margin-left:-40%;z-index:110;border-radius:10px;overflow:hidden;background:#FFF;padding-bottom:30px;box-shadow:7px 7px 20px 0px rgba(70, 54, 54, 0.35); animation:change 0.8s; -webkit-animation:change 0.8s; -moz-animation:change 0.8s; } @keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } -webkit-@keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } -moz-@keyframes change { 0% {left:100%;opacity:0;} 100% {opacity:1;} } .m_form_title{height:65px;background: url("../image/m_bm1.png") no-repeat 0 0 / 100% 100%;text-align:center;line-height:65px;font-size:1.5rem;color:#FFF;} .m_form_input{border:1px solid #E8F0F7;width:85%;height:40px;margin:auto;margin-bottom:15px;position:relative;top:25px;} .m_form_input img{display: block;width:17px;margin-top:10px;float:left;margin-left:14px;} .m_form_input input{outline:none;float:left;width:80%;height:96%;border:0;margin-left:10px;font-size:0.95rem;color:#8AC6FE;} .m_button{outline:none;width:85%;height:41px;border:0;background:#FFAA3C;margin:auto;display: block;margin-top:41px;font-size:1.1rem;color:#FFF;} .m_close{position:fixed;top:50%;left:50%;z-index:100;width:36px;margin-left:-18px;margin-top:133px; animation:change 0.8s; -webkit-animation:change 0.8s; -moz-animation:change 0.8s; } .m_close img{width:100%;display: block;} .m_form_input input:-webkit-input-placeholder { color: #8AC6FE;} .m_form_input input:-moz-placeholder { color: #8AC6FE;} .m_form_input input:-ms-input-placeholder { color: #8AC6FE;}​