html,body { padding: 0; margin: 0; width: 100%; height: 100%; }
.meunPageContent {
    width: 100%;
    height: 100%;
    text-align: center;
}
.lineBox{
    display: inline-block;
    margin: 1em auto;
    box-shadow: 0em 0em 1em rgb(116 74 74);
    border-radius: 1em;
    padding: 1em;
    width: 90%;
    text-align: left;
}
.searchItem {
    display: inline-block;
    width: 20em;
}
.searchItem span {
    display: inline-block;
    width: 7em;
    text-align: right;
}
.searchItem input {
    width: 12em;
}
.searchItem select {
    width: 12em;
}
.btnBox {
    text-align: right;
}
.btnBox .btn {
    margin-right: 1em;
}
.pageBar {
    text-align: right;
}
.pageBar span {
    margin-right: 1em;
    cursor: pointer;
    user-select: none;
}
.showTable {
    width: 100%;
}
.showTable thead td {
    background-color: aqua;
    font-weight: bolder;
    text-align: center;
    padding: 0.2em 0.5em;
}
.UTILloadBox{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: darkgray;
    filter:alpha(Opacity=80);
    -moz-opacity:0.5;
    opacity: 0.5;
}
.UTILload {
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    top: 50%;
    left: calc(50% - 60px);
}  
@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}