@charset "UTF-8";





.template-clearfix:after {content: "";display: table;clear: both;}
.template-a {color: #5D6975;text-decoration: underline;}
.template-body {position: relative;width: 21cm;  height: 29.7cm; margin: 0 auto; color: #001028;background: #FFFFFF; font-family: Arial, sans-serif; font-size: 12px; font-family: Arial;}

.template-header {padding: 10px 0;margin-bottom: 30px;}
.template-logo {margin-bottom: 10px;}

.template-logo img {width: 100%;height: auto;display: block;}
.template-h1 {border-top: 1px solid  #5D6975;border-bottom: 1px solid  #5D6975;color: #5D6975;font-size: 2.4em;line-height: 1.4em;font-weight: normal;text-align: center;margin: 0 0 20px 0;}
.template-project {float: left;}
.template-project span {color: #5D6975;text-align: right;width: 52px;margin-right: 10px;display: inline-block;font-size: 0.8em;}
.template-company {float: right;text-align: right;}
.template-project div,.template-company div {white-space: nowrap;}
.template-table {width: 100%;border-collapse: collapse;border-spacing: 0;margin-bottom: 20px;}
.template-table tr:nth-child(2n-1) td {background: #F5F5F5;}
.template-table th,.template-table td {text-align: center;}
.template-table th {padding: 5px 20px;color: #5D6975;border-bottom: 1px solid #C1CED9;white-space: nowrap;font-weight: normal;}
.template-table .service,.template-table .desc {text-align: left;}
.template-table td {padding: 20px;text-align: right;}
.template-table td.service,.template-table td.desc {vertical-align: top;}
.template-table td.unit,.template-table td.qty,.template-table td.total {font-size: 1.2em;}
.template-table td.grand {border-top: 1px solid #5D6975;;}
.template-notice {color: #5D6975;font-size: 1.2em;}
.template-footer {color: #5D6975;width: 100%;height: 30px;position: absolute;bottom: 0;border-top: 1px solid #C1CED9;padding: 8px 0;text-align: center;}

.datas-table tr td{display: table-cell;padding: 15px 10px;border: 1px solid #e1e5eb;}

@media only screen and (max-width : 1199px) {
	header .h-title{width:auto;}
}

@media only screen and (max-width : 1023px) {
	.hr-employees .employee-list th:nth-child(4){display: none;}
	.hr-employees .employee-list th:nth-child(5){display: none;}
	.hr-employees .employee-list th:nth-child(6){display: none;}
	.hr-employees .employee-list td:nth-child(4){display: none;}
	.hr-employees .employee-list td:nth-child(5){display: none;}
	.hr-employees .employee-list td:nth-child(6){display: none;}
}