section{ width: 100%; } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .tb01{ width: auto; border-collapse: collapse; } .tb01 th{ width: 25%; padding: 6px; text-align: left; vertical-align: top; color: #333; background-color: #f2f5f8; border: 1px solid #003c68; } .tb01 td{ padding: 6px; background-color: #fff; border-bottom: 1px solid #003c68; border-top: 1px solid #003c68; } .tb01 .name{ width: 12em; border-left: 1px dotted #003c68; border-right: 1px solid #003c68; } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*@media (max-width: 640px)*/ @media (max-width: 640px){ .tb01{ width: 100%; } .tb01 .name{ width: auto;} }