html #body.en .table-v1  table { font-size:12px}
    html #body.cn .table-v1  table { font-size:12px}

	.table-v1 table 	{ border-collapse:collapse; width:100%; }
	.table-v1 table th { background-color:#125ba6; color:#fff; font-weight:normal; vertical-align:top }
	.table-v1 table td, table th { padding: 9px 10px; text-align:left; line-height:1.4; font-size: 12px;}

	.table-v1 table tr:nth-of-type(odd)  { background:#eee}
	.table-v1 table tr:nth-of-type(even) { background:#fff}
	.table-v1 table td { border-bottom:1px solid #dedede;}

	.table-v1 table td:first-child { background-color: #074584; color:#fff;}
	.pinned{display:none;}

	/* ==========================================================================
		Media Styles
	============================================================================= */
	
	@media only screen and (max-width: 1024px) {

	table.responsive { margin-bottom: 0; font-size: 12px }
	
	.pinned { display:block;position: absolute; left: 0; top: 0; background: #fff; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
	.pinned table { border-right: none; border-left: none; width: 100%; }
	.pinned table th, .pinned table td {  background-color:#074584; color:#fff;  }
	.pinned td:last-child { border-bottom: 0; }
	
	div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; }
	div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; }	
	
	table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; }
	table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; }

	.pinned { width:20%;}
	div.table-wrapper div.scrollable { margin-left:20%; }
	}


	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { 
	.pinned { width:25%;}
	div.table-wrapper div.scrollable { margin-left:25%; }
	}


	@media only screen and (max-width: 745px) {
	.pinned { width:30%; }
	div.table-wrapper div.scrollable { margin-left:30%; }
	}

	@media only screen and (max-width: 479px) {
	.pinned { width:50%; }
	div.table-wrapper div.scrollable { margin-left:50%; }
	}