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

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


.title>h1 {font-size:45px; font-weight:bold; padding:100px 0 13px 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:#fafafa; font-size:18px; padding:16px 0; color:#555; border:1px solid #fff;}
/* BASIC css end */