.modal-clover button#myBtn{text-align:left;border:1px solid #ffffff!important;color:#000;font-weight:700}.modal-clover button#myBtn:hover{background:#fff}.modal-clover button i{font-size:18px!important;color:#292929!important;padding-right:5px}.modal-clover .modal{display:none;position:fixed;z-index:100;padding-top:30px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-clover .modal-content{position:relative;background-color:#fefefe;margin:auto;padding:0;border:1px solid #888;width:35%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s;text-align:center}@media (max-width:1866px){.modal-clover .modal-content{height:950px;width:35%}}@media (max-width:1680px){.modal-clover .modal-content{height:728px}}@media (min-width:1527px) and (max-width:1679px){.modal-clover .modal-content{height:600px}}@media (max-width:1526px){.modal-clover .modal-content{height:600px}}.modal-clover .modal-header span.close{padding-top:12px}.modal-clover .modal-header h2{line-height:1.8}@media (max-width:800px){.modal-clover .modal-content{width:100%;height:600px}}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:0;opacity:1}}.modal-clover .close{color:#333;float:right;font-size:28px;font-weight:700}.modal-clover .close:hover,.modal-clover .close:focus{color:#292929;text-decoration:none;cursor:pointer}.modal-clover .modal-header{padding:2px 16px;color:#fff;text-align:center}.modal-clover .modal-body{padding:2px 16px}.modal-clover .modal-footer{padding:2px 16px;color:#fff;text-align:center}