.modal-container{width:100%;height:100%;position:fixed;top:0;left:0;text-align:center;background:rgba(0,0,0,.5);overflow:auto;opacity:0;visibility:hidden;transition:.3s ease-out;z-index:9}.modal-container:before{content:"";display:inline-block;vertical-align:middle;height:100%}.modal-container.active{opacity:1;visibility:visible}.modal-body{position:relative;display:inline-block;vertical-align:middle;max-width:500px;width:90%}.modal-close{position:absolute;top:-30px;right:0;font-size:14px;color:#fff;background:rgba(0,0,0,.6);padding:4px 15px;cursor:pointer;border-radius:5px 5px 0 0;border:none}.modal-content{background:#fff;border:2px solid #000;text-align:center;padding:40px 30px;font-weight:700}.modal-content .inn .en{display:block;color:#06c;font-size:18px;font-weight:700;letter-spacing:1px;margin-bottom:5px}.modal-content .inn .txt{font-size:22px;color:#333;margin:0 0 25px;line-height:1.4}.modal-content .gray-bg{background-color:#eee;border-radius:10px;padding:20px;margin-bottom:30px}.modal-content .gray-bg .txt{font-size:13px;color:#333;line-height:1.6;margin:0;font-weight:700}.modal-content .btn-area a{display:inline-block;width:100%;max-width:300px;background-color:#06c;color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:15px 0;border-radius:4px;transition:background-color .3s ease}.modal-content .btn-area a:hover{background-color:#049}