*{ margin: 0; padding: 0; }
body{background: #ccc; }
#container{ width: 80%; margin: 0 auto; }

div.title{ 
    text-align: center;
    width:80%; 
    position: fixed; 
    height: 30px; 
    top: 0;
    margin: 0 auto;
    background: #ccc;
    border: 1px solid #fff;

}

table{
    border-collapse: collapse;
    background-color: #DCDCDC;
}
table tr.head{
/*    position:absolute;
    top: 60px;
    align-content: center;*/
}
/*.head table{color: #fff;}*/            

td, th{padding: 10px; }
td{border: 1px solid #fff;} 
th{text-align: center; 
   background-color: #ccc
}
th:hover {cursor: pointer;}
table tbody.foot{
   width: 100%;
   max-height: 600px;
}


.footer{ width: 80%; position: fixed; height: 70px; bottom:  0;
         background: #ccc; 
         border-top : 1px solid #fff;
}
#foot{
    width: 100%; height: 40px; 

}
.check{width: 2%; }
.date{width: 8%; }
.user{width: 10%; }
.action{width: 10%; }
.dir{width: 40%; }
.pre_change{width: 20%}
.post_change{width: 20%}

.footer label, a {padding: 10px;}
.footer #del{color: #999;}
#tec_user{color: #999; cursor: default}
#all_user{color: #000; cursor: pointer;}