@charset "utf-8";

/* css table parameters  */

/*
table, #table, .table, thead, .thead, tbody, .tbody, tfoot, .tfoot, tr, .tr, #table ul, .table ul, .row, 
td, .td, .th, .cell, th, #table ul li, .table ul li, caption, .caption {
  display: block;
}
table, #table, .table, caption, .caption, thead, .thead, tfoot, .tfoot, .row, #table ul, .table ul {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
}
table, #table, .table {
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    border-color: #000;
}

thead, .thead, tfoot, .tfoot, tr, .row, .cell, .row li, 
#table ul, .table ul, #table ul li, .table ul li {
    background: transparent;
    vertical-align: middle;
    border-color: inherit;
}    
thead, .thead {
    display: table-header-group;
}

tbody, .tbody {
    display: table-row-group;
}

tfoot, .tfoot {
    display: table-footer-group;
}

col, .col {
    display: table-column
}

colgroup, .colgroup {
    display: table-column-group
}

tr, #table ul, .table ul, .row {
    display: table-row;
}

td, th, #table ul li, .table ul li, .cell, .row li {
    display: table-cell;
    text-align: center;
}

th {
    font-weight: bold;
}

caption, .caption {
    display: table-caption;
    text-align: -webkit-center;
    caption-side: top;
}
*/
#table, .table, #caption, .caption, #thead, .thead, #tfoot, .tfoot, .row, .cell, .row li,
#table ul, .table ul, #table ul li, .table ul li {
    border: .0625rem solid #000;
    border-collapse: collapse;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.5;
    color: #F22;
}
#table, .table {
    width: 100%;
    margin: 0 auto;
    background: #FF0;
    display: table;
}
#caption, .caption, #thead, .thead, #tfoot, .tfoot, .row, #table ul, .table ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}
#thead, .thead, #tfoot, .tfoot, .row, .cell, .row li, 
#table ul, .table ul, #table ul li, .table ul li {
    background: transparent;
}    
#caption, .caption {
    display: table-caption;
    text-align: -webkit-center;
    text-align: center;
    caption-side: top;
    background: #0CF;
    font-size: 1.7rem;
}
#multi .caption {
    font-size: 1.1rem;
}
#caption:hover, .caption:hover {
    background: #2FE;
    color: #E36;
    border-radius: 1.2rem;
}
#thead, .thead {
    display: table-header-group;
    font-weight: bold;
}
.row, #table ul, .table ul {
    display: table-row;
    width: 100%;
}
.cell, .row li, #table ul li, .table ul li {
    display: table-cell;
    background: #FF3;
}
#thead .row .cell, .thead .cell,.thead .row li, #thead ul li, .thead ul li {
    color: #0F0;
    background: #FF3;
}
.row:hover, .row:hover li, #table ul:hover, .table ul:hover li {
    background: #999;
}
.cell:hover, .row li:hover, #table ul li:hover , .table ul li:hover {
    background: #2C9;
    color: #00F;
    border: 1px solid #FCF;
}
#tfoot, .tfoot {
    display: table-footer-group;
}
#table ul li:first-child, .table ul li:first-child {
	color: #22F;
}
/*****************************************/
table {
	border-collapse: collapse;
	border-spacing: 0;
    display: table;
}
tr {
    max-width: 100%;
    display: table-row;
}
caption {
    display: table-caption;
    max-width: 100%;
    text-align: -webkit-center;
    text-align: center;
    caption-side: top;
}
thead {
    display: table-header-group;
    font-weight: bold;
}
tfoot {
    display: table-footer-group;
}
th, td {
    display: table-cell;
    text-align: center;
    vertical-align: center;
}
th {
    font-weight: bold;
}
/*****************************************/