.table .tbody{
                max-height: 600px;

            }
            .table{
                width: 80%;
                max-height: 500px;
                border: 1px #000 solid;
            }
/*            .table #tbody  td:nth-child(1){
                width: 5%; text-align: center;
            }
            .table #tbody  td:nth-child(2){
                width: 30%; text-align: center;
            }
            .table #tbody  td:nth-child(3){
                width: 10%; text-align: center;
            }*/

            table {
                width: 100%;
                /*border-collapse: collapse;*/
                border: 1px #DDD solid;
            }
            table th:nth-child(1), 
            table td:nth-child(1) { min-width: 50px; width: 5%; text-align: center; }

            table th:nth-child(2),
            table td:nth-child(2) { min-width: 150px; width: 80%;  text-align: center;}

            table th:nth-child(3),
            table td:nth-child(3) { min-width: 50px; width: 15%; text-align: center;}

            table #thead {
                background-color: #C9E4F6;
            }

            table tbody {
                display: block;
                overflow: auto;
                /*width: 100%;*/
                /*height: 1200px;*/
                max-height: 600px;
            }
            table tbody tr:nth-child(even) {
                background-color: #DDD;
            }
            table tbody a{
                /*color: #000;*/
                text-decoration: none; /* Убираем подчеркивание у ссылок */
            }

            /*Модальное окно*/
            .modal {
                display: none;
                position: fixed;
                z-index: 1;
                left: 0;
                top: 0;
                width: 100%;
                height: 100%;
                overflow: auto;
                background-color: rgba(0,0,0,0.6);
                z-index: 1000;
            }
            .modal .modal_content {
                background-color: #fefefe;
                margin: 5% 30%;
                padding: 20px;
                border: 1px solid #888;
                width: 40%;
                max-width: 100%;
                max-height: 100%;
                z-index: 99999;
                position: absolute;

            }
            .modal .modal_content .close_modal_window {
                position: absolute;
                top: -2px;
                right:   2px;
                cursor: pointer;
                background-image: url(../css/images/close.png);
                width: 30px;
                height: 30px;
            }
            .modal .modal_content .close_modal_window:hover{
                background-image: url(../css/images/close_m.png);
            }

            td.btn{
                cursor: pointer;
            }
            #list, #next{
                font-size: 20px;
            }
            #next{float: right;}
            
            .container{
                width: 60%;
                margin: 0 auto
            }
            #titl{
                position: relative;
            }
            #thead{
                background: #C9E4F6;
            }
            tr td .name{
                text-align: left;
                padding: 0 5px 0 5px;

            }
            @media(max-width:768px){       
                .container{
                    width: 100%;
                    max-width: 700px;
                }
            }