/*** for PC Browser ***/
@media (min-width:401px)
{
.documentTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 10px;
}

.documentTable td:nth-child(1) {
    text-align: center;
}
.documentTable td:nth-child(3) {
    text-align: center;
}

.documentTable .span1col td:nth-child(1) {
    text-align: left;
}

.documentTable .span1col td:nth-child(2) {
    text-align: center;
}

.documentTable .span1col td:nth-child(3) {
    text-align: left;
}

.documentTable .span1Head td:nth-child(n + 2) {
    border-bottom: 1px dashed black;
}

.documentTable .spanBody td {
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;
}

.documentTable .spanFoot td {
    border-top: 1px dashed black;
}

.documentTable .span2Head td:nth-child(n + 3) {
    border-bottom: 1px dashed black;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.documentTable {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
    margin-bottom: 10px;
}

.documentTable td:nth-child(1) {
    text-align: center;
}
.documentTable td:nth-child(3) {
    text-align: center;
}

.documentTable .span1col td:nth-child(1) {
    text-align: left;
}

.documentTable .span1col td:nth-child(2) {
    text-align: center;
}

.documentTable .span1col td:nth-child(3) {
    text-align: left;
}

.documentTable .span1Head td:nth-child(n + 2) {
    border-bottom: 1px dashed black;
}

.documentTable .spanBody td {
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;
}

.documentTable .spanFoot td {
    border-top: 1px dashed black;
}

.documentTable .span2Head td:nth-child(n + 3) {
    border-bottom: 1px dashed black;
}
}