.modal{display:none;top:0;min-width:250px;width:80%;height:400px;margin:0 auto;position:fixed;z-index:40001;background:#fff;border-radius:10px;box-shadow:0px 0px 10px #000;margin-top:30px;margin-left:10%;animation-name:fadeIn_Modal;animation-duration:.8s}.header{width:100%;height:70px;border-radius:10px 10px 0px 0px;border-bottom:2px solid #ccc}.header a{text-decoration:none;float:right;line-height:70px;margin-right:20px;color:#aaa}.content{width:100%;height:250px}.footer{width:100%;height:80px;border-radius:0px 0px 10px 10px;border-top:2px solid #ccc}.fotter button{float:right;margin-right:10px;margin-top:18px;text-decoration:none}@media screen and (min-width:600px){.modal{width:500px;height:300px;margin-left:calc(50vw - 250px);margin-top:calc(50vh - 150px)}.header{width:100%;height:40px}.header a{line-height:40px;margin-right:10px}.content{width:100%;height:190px}.footer{width:100%;height:70px}.footer button{float:right;margin-right:10px;margin-top:10px}}