@charset "UTF-8";

.smu-table{width:100%;table-layout:fixed;border-top:4px solid #e44c10;background-color:#fff}
.smu-table thead th{padding:16px 0;border-right:1px solid #ccc;border-top:1px solid #ccc;background-color:#fcede7;font-weight:500;font-size:18px;color:#000;line-height:24px;word-wrap: break-word;text-align:center;}
.smu-table thead th.th-left{text-align:left !important;}
.smu-table thead th.no-right{border-right:none !important}
.smu-table thead tr:first-child th{border-top:0 !important}

.smu-table.td-va-t tbody td{vertical-align:top}
.smu-table tbody th{font-weight:500;font-size:20px;color:#000;border-bottom:1px solid #ccc;background-color:#fcede7;padding:17px 0;word-wrap: break-word;text-align:center;line-height:27px;}
.smu-table tbody th.bo-right{border-right:1px solid #ccc !important;}
.smu-table tbody th.th-left{text-align:left !important;}
.smu-table tbody th.th-font{color:#003d91;font-size:18px}
.smu-table tbody td{padding:19px 20px 20px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;font-weight:400;font-size:16px;color:#555;line-height:20px;word-wrap: break-word;text-align:center;}
.smu-table tbody.td-left td, .smu-table tbody td.td-left{text-align:left !important;}
.smu-table tbody td.no-botm{border-bottom:none !important;}
.smu-table tbody td.td-font{color:#003d91;font-size:18px}

.smu-table thead th.bo-right{border-right:1px solid #ccc !important;}
.smu-table thead th.bo-bottom{border-bottom:1px solid #ccc !important;}
.smu-table tbody td.bo-right{border-right:1px solid #ccc !important;}
.smu-table tbody td.bo-bottom{border-right:1px solid #ccc !important;}
.smu-table tbody td.no-right{border-right:none !important;}

.c-td tr:nth-child(2n-1) td{color:#e44c10 !important}

.fs1 tbody th{color:#003d91;font-size:18px;font-weight:400;line-height:38px;background-color:#f9fcff}
.fs1 tbody td span{vertical-align:top}

/* scrollbox */
.msg-touch-help {display: none;}

@media screen and (max-width:800px) {

	.tb-scroll .smu-table{width:800px;}
	.smu-table tbody th{padding:10px 5px;font-size:16px;line-height:24px;}
	.smu-table thead th{padding:10px 5px;font-size:16px;line-height:24px;}
	.smu-table tbody td{padding:10px 5px;font-size:16px;line-height:24px;}
	
	/* scrollbox */
	.scrollbox .smu-table{width:800px;}
	.msg-touch-help {display: block;position: absolute;top: 70px;left: 50%;z-index: 10;width: 160px;margin: 0 0 0 -80px;}
	.msg-touch-help img {width: 100%;}
	.tb-scroll {position: relative;width: 100%;overflow-x: auto;overflow-y: hidden;}

}
@media screen and (max-width:640px) {
	.smu-table tbody th{font-size: 14px;line-height:22px;}
	.smu-table thead th{font-size:14px;line-height:22px;}
	.smu-table tbody td{font-size:14px;line-height:22px;}
	.smu-table tbody td.td-font{font-size:16px}

	/* scrollbox */
	.scrollbox .smu-table{width:800px;}
	.msg-touch-help {display: block;position: absolute;top: 20px;left: 50%;z-index: 10;width: 120px;margin: 0 0 0 -60px;}
	.msg-touch-help img {width: 100%;}
	.scrollbox {position: relative;width: 100%;overflow-x: auto;overflow-y: hidden;}
	
	/*table scroll-x*/
	.tb-scroll{width:100%;max-width:640px;min-height:150px;overflow:hidden;overflow-x:auto}
	.tb-scroll table.tb-w100{width:100%}
	.tb-scroll table.tb-w150{width:150%}
	.tb-scroll table.tb-w200{width:200%}
}