.mainIndexModal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}.mainIndexModal-content{background-color:#fefefe;margin:15% auto;display:inline-block;max-width:400px;padding:0px;border:1px solid #888;float:right;position:relative;z-index:1000;animation-name:modalIndex_animatetop;animation-duration:0.5s;}.mainIndexClose{color:#aaa;float:right;font-size:28px;font-weight:bold;margin:20px;}.mainIndexClose:hover,.mainIndexClose:focus{color:black;text-decoration:none;cursor:pointer;}@media screen and (min-device-width:900px){#ModalIndexBtnID{position:fixed;bottom:50px;right:0;border:3px solid blue;z-index:100000000;cursor:pointer;}}@media screen and (max-device-width:900px){#ModalIndexBtnID{position:fixed;top:50px;right:0;border:3px solid blue;z-index:100000000;cursor:pointer;}}@keyframes modalIndex_animatetop{from{top:-900px;opacity:0;}to{top:0;opacity:1;}}