.api_t1 { /* api grid template 1  56.5%,43.5%  */}
.api_t1 #api_main {float: left;}
.api_t1 .api_b {float: right;}
.api_t1 #api_main {
	width: 53.5%;
	padding: 0 1% 0 2%;
	min-width: 220px;
	}
.api_t1 .api_b {
	width: 40.5%;
	padding: 0 2% 0 1%;	
	}
/*	
.api_t2 #api_main {float: right;}
.api_t2 .api_b {float: left;}
.api_t2 #api_main {
	width: 54.5%;
	margin-right: 2%;
	min-width: 220px;
	}
.api_t2 .api_b {
	width: 41.0%;
	margin-left: 2%;	
	}
*/
.api_t2 { /* api grid template 2  43.5%,56.5%  */}
.api_t2 #api_main, .api_t2 .api_b {float: left;}
.api_t2 #api_main {
	margin-right: 2%;
	min-width: 30%;
	max-width: 54%
	}
.api_t2 .api_b {
	width: 41.0%;
	margin-left: 2%;	
	}
.api_t2 .api_main {
float: left;
	margin-right: 2%;
	min-width: 30%;
	max-width: 54%
	}

.api_t3 { /* api grid template 3  50%,50%  */}
.api_t3 #api_main {float: left;}
.api_t3 .api_b {float: right;}
.api_t3 #api_main {
	width: 45%;
	padding: 0 1% 0 2%;
	min-width: 220px;
	}
.api_t3 .api_b {
	width: 45%;
	padding: 0 2% 0 1%;	
	}
	
.api_t4 { /* api grid template 4  40em  */}
.api_t4 #api_main {margin: 0 auto;}
.api_t4 #api_main {
	width: 40em;
	padding: 0 2% 0 2%;
	}
.api_t4 .api_main {
	width: 40em;
	padding: 0 2% 0 2%;
	}