/* BASIC css start */
    .modal{
        position:fixed;
        z-index:9999999999;
        left:0; top:0;
        width:100%;
        height:100%;
        overflow:auto;
        background-color:rgba(0,0,0,0.6);
        display:none;
    }
    .modal-content{
        background-color:#f4f4f4;
        width:20%;
        margin:auto;
        padding:20px;
        border:1px solid #888;
        position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);
    }
.modal-content>h2 {font-size:20px; font-weight:bold; color:#444; padding:10px 0 15px 0;}
.modal-content>p {font-size:13px; text-align:left; line-height:20px; background-color:#fff; padding:20px; margin-bottom:5px;}

    .close{
        color:#aaa;
        float:right;
        font-size:32px;
        font-weight:bold;
        cursor:pointer;
    }
    .close:hover{
        color:#000;
    }


.title>h1 {font-size:38px; font-weight:bold; padding:100px 0 10px 0; color:#333;}
.title>p {font-size:18px;}


.btn-r {display:flex; width:1062px; justify-content:space-around; flex-wrap:wrap; margin-top:2px;}
.btn-r>a {display:flex; width:33%; justify-content:center; background-color:#ab9cd2; font-size:18px; padding:16px 0; color:#fff; border:1px solid #fff;}
/* BASIC css end */