/* BASIC css start */
.list_shopping2x li {width:100%;}
.title_bar1 { width:100%; height:50px; border-top:1px solid #e6e6e6;  border-bottom:1px solid #e6e6e6; margin:9% 0 5%; }
.title_bar1 a {  float:left; width:50%; }
.title_bar1 a li { height: 50px; line-height: 50px; }
.on { background:#000; font-weight:500; }
.title_bar1 span { font-size:16px; color:#000; }


    .modal{
        position:fixed;
        z-index:9999999999;
        padding-top:120px;
        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:80%;
        margin:auto;
        padding:20px;
        border:1px solid #888;
        position:absolute; top:45%; left:50%; transform:translate(-50%,-50%);
    }
.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 {padding:0 10px;}
.title>h1 {font-size:32px; font-weight:bold; padding:100px 0 13px 0; color:#333;}
.title>p {font-size:15px;}


.btn-r {display:flex; width:100%; justify-content:center; flex-wrap:wrap; margin-top:2px; gap:2px;}
.btn-r>a {display:flex; width:48%; justify-content:center; background-color:#fafafa; font-size:16px; padding:15px 0; border:1px solid #fff;}

/* BASIC css end */