.thead{padding:0px;margin:0px;}
.thead .tr{background: #2C2C2C;border-right: 1px solid #fff;color: #fff;height: 60px;font-size: 1.2rem;line-height: 1.4;display: flex;justify-content: center;align-items: center;padding: 0;}
.thead .tr:last-of-type{border-right:0;}
.thead .tr .td {padding: 0 10px;border-right: 1px solid #fff;height: 100%;display: flex;align-items: center;justify-content: center;}
.thead .tr .td:last-of-type {border-right: none;}

.tbody {color: #2d2926;}
.tbody .tr {padding: 25px 0;font-size: 1.2rem;line-height: 1.4;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.tbody .tr:nth-child(even) {background-color: #f0f0f0;}
.tbody .tr:nth-child(odd) {background-color: #fff;}
.tbody .tr .td {padding: 0 10px;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;flex-direction: column;}
.tbody .tr .td .value {font-size: 16px;line-height: 1.4; word-wrap: break-word;}
.tbody .tr .td .mobi-title{display:none;}
.tbody .tr .td a.text-link {color: #0ebae3;}
.tbody .tr .td a.text-link:hover {text-decoration: underline;}

/* to be adjusted by actual case */
.td:nth-child(1) {width:20%;}
.td:nth-child(2) {width:60%;}
.td:nth-child(3) {width:10%;}
.td:nth-child(4) {width:10%;}

@media only screen and (max-width: 768px) {
	.thead {display: none;}
	.tbody .tr {padding:10px;align-items: flex-start;}
	.tbody .tr .td {flex-direction: column; margin: 10px 0;}
	.tbody .tr .td .value {font-size: 16px;}
	.tbody .tr .td .mobi-title {display:block;font-size: 12px;line-height: 1.4;color: #999;}
	
	/* to be adjusted by actual case */
	.td:nth-child(1) {width:50%;}
	.td:nth-child(2) {width:50%;}
	.td:nth-child(3) {width:50%;}
	.td:nth-child(4) {width:50%;}
}