.tableaarea{margin-bottom:30px;width:100%;padding:0;}
 
ul.tableul > li{background: url(../image/icon_dot.png) no-repeat  0 10px;padding-left:10px;}
ul.tableul > li > ol > li{background: url(../image/icon_dot2.png) no-repeat  0 10px;padding-left:10px;}
strong.block{display:block;background:#f7f7f7;padding:5px;text-align:center;border-radius:20px;margin: 10px auto;}
/************************ Table01  table ************************/
	table.table01				{position:relative;width: 100%;  border-collapse:collapse;margin:10px 0px 0 0px;border-bottom:1px solid #ccc;  }
	table.table01.table011{min-width:500px; }

	table.table01 caption		{display:none;}
	 
 	table.table01 th{background:#f7f7f7;font-size:17px; font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
 	table.table01 td{font-size:15px;vertical-align:middle; padding:6px 10px; text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;border-top:0px solid #ccc;letter-spacing:0;background:#fff;} 

	
	table.table01 .tablebar{border-top:2px solid #000;}
	table.table01 td.tablebarB{border-top:1px solid #7d7d7d;}


	table.table01 th:nth-child(1) {border-left:1px solid #ccc;} 
	table.table01 td:nth-child(1) {border-left:1px solid #ccc;}

  	table.table01 .bgA{background:#def8fc; }
	table.table01 .bgB{background:#d3f8e0; }
	table.table01 .bgC{background:#fffae6; }
 
	table.table01 td.left{
		text-align:left;
		padding-left:40px;
		padding-right:40px;
	}
		table.table01 td.leftB{
		text-align:left; 
	}
	table.table01  span.s_num{
	font-size:9px;
	
	}


		table.table01 th.tdbgB,
	table.table01 td.tdbgB{
		background:#d6f9ff;
	}

		table.table01 td.tdbg{
		background:#f6f6f6;
	}
	
  /************************ Table02  table ************************/
	table.table02				{width: 100%;  border-collapse:collapse;margin:10px 5px 0 0px;border-bottom:1px solid #ccc; }
	table.table02 caption		{display:none;}
	 
 	table.table02 th{background:#f7f7f7;font-size:17px; font-weight:500;border-top:1px solid #434343;border-bottom:1px solid #434343;padding:6px;border-left:1px solid #ccc;border-right:0px solid #ccc;}
 	table.table02 td{font-size:15px;vertical-align:middle; padding:6px; text-align:center;border-left:1px solid #ccc;border-right:0px solid #ccc;border-bottom:1px dashed #ccc;border-top:0px solid #ccc;letter-spacing:0;background:#fff;} 
	table.table02 .first{border-left:0px;}
	table.table02 .linebar{border-top:2px solid #434343;}
	table.table02 .bgA{background:#f7f7f7;}

	table.table02 td.left{
			text-align:left;
			padding-left:40px;
			padding-right:40px;
		}


	/************************ Table03  table ************************/
	table.table03				{position:relative;width: 100%;  border-collapse:collapse;margin:10px 3px 0 0px;border-bottom:1px solid #ccc;  }
	table.table03 caption		{display:none;}
	 
 	table.table03 th{background:#f7f7f7;font-size:17px; font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
 	table.table03 td{font-size:15px;vertical-align:middle; padding:6px 10px; text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;border-top:0px solid #ccc;letter-spacing:0;background:#fff;} 

	
	table.table03 .tablebar{border-top:2px solid #000;}
	table.table03 td.tablebarB{border-top:1px solid #7d7d7d;}


 
	table.table03 td.left{
		text-align:left;
		padding-left:40px;
		padding-right:40px;
	}
	table.table03  span.s_num{
	font-size:9px;
	
	}

	/************************ Table01  table ************************/
	table.table04				{position:relative;width: 100%;  border-collapse:collapse;margin:10px 3px 0 0px;border-bottom:1px solid #ccc;  }
	table.table04 caption		{display:none;}
	 
 	table.table04 th{background:#f7f7f7;font-size:17px; font-weight:500;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px 10px;border-left:1px solid #ccc;border-right:1px solid #ccc;}
 	table.table04 td{font-size:15px;vertical-align:middle; padding:6px 10px; text-align:center;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px dashed #ccc;border-top:0px solid #ccc;letter-spacing:0;background:#fff;} 

	
	table.table04 .tablebar{border-top:2px solid #000;}
	table.table04 td.tablebarB{border-top:1px solid #7d7d7d;}


 
 
	table.table04 td.left{
		text-align:left;
		padding-left:40px;
		padding-right:40px;
	}
	table.table04  span.s_num{
	font-size:9px;
	
	}
  



 

 
@media(max-width:1000px){
	table.table01{
			
			
	}
	table.table01 th{
		font-size:14px;
		word-wrap:break-word;
		word-break:break-all ;
		line-height:1.2;
		
	}
	table.table01 td{
		font-size:13px;		 
		word-wrap:break-word;
		word-break:keep-all;
		line-height:1.2;
		
	}

	table.table02 th{
		font-size:15px;
	}
	table.table02 td{
		font-size:14px;
		word-wrap:break-word;
		word-break:break-all;
	}


	table.table03 th{
		font-size:14px;
		word-wrap:break-word;
		word-break:break-all ;
		line-height:1.2;
		
	}
	table.table03 td{
		font-size:13px;		 
		word-wrap:break-word;
		word-break:break-all;
		line-height:1.2;
		
	}

	
	table.table04 th{
		font-size:14px;
		word-wrap:break-word;
		word-break:break-all ;
		line-height:1.2;
		
	}
	table.table04 td{
		font-size:13px;		 
		word-wrap:break-word;
		word-break:break-all;
		line-height:1.2;
		
	}

 
 }

 @media(max-width:780px){
		table.table01{
		margin:10px auto 0 auto;
		}
		table.table01 td.left{
		 
			padding-left:10px;
			padding-right:10px;
		}
		table.table01 th{
			padding:3px 3px;
		}

		table.table01 td{
			padding:3px 3px;
		}

			table.table02 td.left{
		 
			padding-left:10px;
			padding-right:10px;
		}

		table.table03  thead{display:none;}

		table.table03 td:nth-of-type(1):before { content: "Fenton Oxidation reactor  : ";font-weight:500; } 
		table.table03 td:nth-of-type(2):before { content: "Sedimentation tank : ";font-weight:500; } 
		table.table03 td:nth-of-type(3):before { content: "Anoxic tank : ";font-weight:500; } 
		table.table03 td:nth-of-type(4):before { content: "Exhalation tank  : ";font-weight:500; } 
		table.table03 td:nth-of-type(5):before { content: "Membrane separation tank : ";font-weight:500; } 
		table.table03 td:nth-of-type(6):before { content: "Stabilization tank : ";font-weight:500; } 


 	  
		table.table03 tbody,
	    table.table03 tr,
	    table.table03 th,
		table.table03 td {
			display: block;
		   
		}
	 
		table.table03 tr {
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding:10px;
			 
		}
	 
	   table.table03 th,
	   table.table03 td {
			border-top: none;
			border-bottom: none;
			border-left: none;
			border-right: none;
			text-align:left;
			font-size:15px;
		}


		table.table04  thead{display:none;}

		table.table04 td:nth-of-type(1):before { content: "No : ";font-weight:500; } 
		table.table04 td:nth-of-type(2):before { content: "Client  : ";font-weight:500; } 
		table.table04 td:nth-of-type(3):before { content: "Project name : ";font-weight:500; } 
		table.table04 td:nth-of-type(4):before { content: "Capacity  : ";font-weight:500; } 
		table.table04 td:nth-of-type(5):before { content: "Main process  : ";font-weight:500; } 
		table.table04 td:nth-of-type(6):before { content: "Construction date : ";font-weight:500; } 
		table.table04 td:nth-of-type(7):before { content: "Remarks : ";font-weight:500; } 




 	  
		table.table04 tbody,
	    table.table04 tr,
	    table.table04 th,
		table.table04 td {
			display: block;
		   
		}
	 
		table.table04 tr {
			border-top: 1px solid #ddd;
			border-bottom: 1px solid #ddd;
			padding:10px;
			 
		}
	 
	   table.table04 th,
	   table.table04 td {
			border-top: none;
			border-bottom: none;
			border-left: none;
			border-right: none;
			text-align:left;
			font-size:15px;
		}
 
 }