.divTable 					{ display:table; width:100%;}
	.divTableBody 				{ display:table-row-group;}
	.divTableRow 				{ display:table-row;}
	.divTableCell 				{ display:table-cell; padding:0; display:table-cell  }
	.divTableCell:first-child 	{ width:60%; text-align:left; vertical-align:top     }
	.divTableCell:last-child  	{ width:40%; text-align:center; vertical-align:bottom  }
	.divTableCell.bg-cell 		{ background-image:url(images/bg-pattern-lightblue.svg); background-size:100%;
								  background-position:right top; background-repeat:no-repeat; z-index:100 }
	.divTableCell:last-child img.img-intro { width:auto; max-height:380px; }
	.dtc-moon 					{ width:50px; height:auto; position:absolute; top:-100px; right:20%;}
	.dtc-moon>img 			 	{ width:100%; height:auto; }


	.pattern-banner-blk 		{ width:100%; height:auto; position:absolute; bottom:10px; left:0;}
	.pbb-big-clound				{ width:70%;  height:auto; }
	.pbb-big-building 			{ width:30%;  height:auto; position:absolute; bottom:30px; right:30%;}
	.pbb-sm-clound 				{ width:8%;   height:auto; position:absolute; top:50px; right:35%;}
	.pbb-big-clound>img,
	.pbb-big-building>img,
	.pbb-sm-clound>img 			{ width:100%; height:auto; }

	.pattern-car { display:block; width:100%; height:160px; position:absolute; bottom:0;}

	/*----- MIT content part ---*/
	table.t-mit 		{ width:100%; border:none; border-collapse:collapse; margin-top:50px;  }
	table.t-mit tr td:first-child 		{ vertical-align:bottom; text-align:left; width:50%; }
	table.t-mit tr td:last-child 		{ vertical-align:middle; text-align:left; }
	table.t-mit tr td:first-child img 	{ width:100%; height:auto; }

	.mit-h4 			{  }
	.t-mit-content  	{ margin-bottom:120px }
	.t-mit-graphic		{ position:absolute; right:0; bottom:0; width:25%; height:auto; }
	.t-mit-graphic img 	{ width:100%; height:auto; }


	/*----- Program Schedule ---*/
	.schedule		{ background-color:#fdebd2;}
	.schedule-pos	{ padding:100px 0 50px 0; }

	/*----- animation (ferry) ---*/
	.animation-boat 			{ width:28%; height:100px; position:absolute; top:-30px; right:26%;}
	body#body.programme .boat	{ width:40%; top:0; right:20%; height:100px; left:auto;}
	body#body.programme .boat2	{ width:8%; top:10px; right:70%; height:100px; left:auto;}
	body#body.programme .boat3	{ width:6%; top:18px; right:80%; height:100px; left:auto;}


	/*----- table Schedule ---*/
	table.t-schedule						{ width:100%; border-collapse:collapse; border:none;}
	table.t-schedule tr td:first-child  	{ width:20%; background-color:#ee7203; color:#fff; font-size:120%; }
	table.t-schedule tr td:last-child  		{ background-color:#ececec; border-bottom:none; }

	table.t-schedule tr td 	{ padding:20px; border-top:1px solid #fff; vertical-align:top; text-align:left;}
	table.t-schedule span 	{ display:block; font-size:120%; color:#004867; }

	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1600px) {
	}

	@media only screen and (max-width:1400px) {
	}

	@media only screen and (max-width:1300px) {
	.t-mit-content  	{ margin-bottom:100px }
	.t-mit-graphic		{ width:20%; height:auto; }
	}

	@media only screen and (max-width:1200px) {
	table.t-schedule tr td:first-child  	{ width:auto }
	}

	@media only screen and (max-width:1180px) {
	.divTableCell.bg-cell 		{ background-position-y: 50px; }

	table.t-mit, 	
	table.t-mit tr td:first-child, 		
	table.t-mit tr td:last-child,
	table.t-mit tbody,
	table.t-mit tbody tr,
	table.t-mit tbody tr td { width:100%; height:auto; display:block; }		

	table.t-mit tbody tr  { display: flex; flex-direction:column-reverse; }
	table.t-mit tr td:first-child {}	
	table.t-mit tr td:last-child  {}
	table.t-mit tr td:first-child img { width:50%; height: auto; }	

	.t-mit-content { margin-bottom:20px; }
	.t-mit-graphic { width:30%; height:auto; }

	.pattern-car { display:none; }

	.dtc-moon 								{ width:40px; top:0px; right: 0%;}
	.divTableCell:last-child img.img-intro  { width:auto; max-height: 350px; margin-right: -120px;}

	body#body.programme .boat	{ right:25%;}
	}

	@media only screen and (max-width:1180px) {
	table.t-schedule tr td:first-child,
	table.t-schedule span  { font-size:20px; }
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	table.t-mit tr td:first-child img { margin-left:-50px; }
	.animation-boat 	{ width:40%; top:-20px; right:30%;}
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.divTableCell:last-child img.img-intro { height:380px; }

	.divTable,			
	.divTableBody,
	.divTableRow,
	.divTableCell,
	.divTableCell:first-child,
	.divTableCell:last-child 	{ display:block; width:100%; }
	.divTableCell:last-child img.img-intro { max-height: 300px; }


	.pbb-big-clound				{ width:20%; top:-200px; left:100px}
	.pbb-big-building 			{ width:60%; left:0}

	.dtc-moon 	{ right:150px;}
	body#body.inside h3.section-intro { padding-bottom:50px; }

	.animation-boat 	{ width:40%; top:-20px; right:22%;}
	table.t-schedule tr td:first-child  	{ width:30% }

	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.pattern-car { display:block; width:100%; height:160px; position:absolute; bottom:0;}
	body#body.inside.programme h3.section-intro { min-height:420px; }
	}

	@media only screen and (max-width:767px) {
	.divTable,			
	.divTableBody,
	.divTableRow,
	.divTableCell,
	.divTableCell:first-child,
	.divTableCell:last-child 	{ display:block; width:100%; }
	.divTableCell:last-child img.img-intro { max-height: 200px; }
	.pattern-car { display:none; }

	.divTableCell:first-child { margin-bottom:20px; }

	.pbb-big-clound				{ width:80%; top:-20px}
	.pbb-big-building 			{ width:100%; right:0}
	.dtc-moon 					{ width:30px; top:-20px; display:block;}
	body#body.inside.programme h3.section-intro 	{ margin-bottom:0; }

	table.t-mit tr td:first-child img { width:100%; }
	.t-mit-graphic { display: none;}

	.divTableCell:last-child img.img-intro { margin-right:0px;}
	.dtc-moon 	{ top:0px; right:50px}

	.animation-boat 	{ display:none;}
	.schedule-pos 		{ padding-top:40px}


	table.t-schedule,
	table.t-schedule tbody,
	table.t-schedule tr,
	table.t-schedule tr td,						
	table.t-schedule tr td:first-child,  	
	table.t-schedule tr td:last-child  		{ width:100%; display:block; }

	table.t-schedule tr td 	{ padding:10px 20px; border:none;}
	 table.t-schedule tr td:last-child  { border-bottom:10px solid #fdebd2; }
	 table.t-schedule tr td:first-child { line-height: normal;}
	}