.d1{width:900px; margin:0 auto; padding-top:20px;}


/* media 768-1024 */
@media only screen and (max-width: 1200px) {
	#container {width:1000px !important;}
	.d1{width:1024px;}
	#blue{width:26% !important;}
	#red{width:26% !important;}
	#green{width:26% !important;}
}

/* media 768-1024 */
@media only screen and (max-width: 1124px) {
	#container {width:748px !important;}
	.d1 {width: 100%; text-align: center;}
	.d1 img {width: 705px;}
	#blue{width:24% !important; float:left; margin: 0px 20px 80px 20px !important;}
	#blue a img {width: 170px !important;}
	#red{width:24% !important; float:left; margin: 0px 20px 80px 40px !important;}
	#red a img {width: 170px !important;}
	#green{width:24% !important; float:left; margin-left:40px !important;}
	#green a img {width: 170px !important;}
}
/* media 480-768 */
@media only screen and (max-width: 768px) {
	#container {width:460px !important;}
	.d1 {width: 100%; text-align: center;}
	.d1 img {width: 380px;}
	#blue{width:73% !important; float:none !important; margin: 0px 20px 80px 40px !important;}
	#blue a img {width: 170px !important;}
	#red{width:73% !important; float:none !important; margin: 0px 20px 80px 40px !important;}
	#red a img {width: 170px !important;}
	#green{width:73% !important; float:none !important; margin-left:40px !important;}
	#green a img {width: 170px !important;}
	
	
}
/* media 320-480 */
@media only screen and (max-width: 480px) {
	#container {width:300px !important;}
	.d1 {width: 100%; text-align: center;}
	.d1 img {width: 260px;}
	#blue{width:73% !important; float:none !important; margin: 0px 20px 50px 20px !important;}
	#blue a img {width: 112px !important;}
	#red{width:73% !important; float:none !important; margin: 0px 20px 50px 20px !important;}
	#red a img {width: 112px !important;}
	#green{width:73% !important; float:none !important; margin-left:20px !important;}
	#green a img {width: 112px !important; }
	
}/* CSS Document */