@charset "utf-8";

@media screen and (min-width: 1024px){
	
	.web_development{
		width:800px;
		height:600px;
		margin:50px auto;
	}	
	
	.web_development .image{
		width:800px;
		height:600px;
		background:url(../../img/2026華光健走.png)no-repeat center center / contain;
		margin:0 auto;
	}	

	.web_development .name{
		font-size:40px;
		margin:50px 0;
		text-align:center;
		font-weight:500;
		color:#346CAA;
	}
	
	.web_development .info{
	}
		
	.web_development .note{	
		padding:10px;
		margin:20px 0;
		border-radius:10px;
		text-align:center;		
	}
	
	.background_main{
		background:#f1f1f1;
	}	


}	



@media screen and (min-width: 768px) and (max-width: 1024px) {

	.web_development{
		width:700px;
		height:500px;
		margin:50px auto;
	}	
	
	.web_development .image{
		width:700px;
		height:500px;
		background:url(../../img/2026華光健走.png)no-repeat center center / contain;
		margin:0 auto;
	}	

	.web_development .name{
		font-size:40px;
		margin:50px 0;
		text-align:center;
		font-weight:500;
		color:#346CAA;
	}
	
	.web_development .info{
	}
		
	.web_development .note{
		padding:10px;
		margin:20px 0;
		border-radius:10px;
		text-align:center;		
	}	

	body{
		overflow-x:hidden;
	}

	.background_main{
		background:#f1f1f1;
	}

}



@media screen and (max-width: 768px) {
	
	.web_development{
		width:400px;
		height:200px;
		margin:50px auto;
	}	
	
	.web_development .image{
		width:400px;
		height:200px;
		background:url(../../img/2026華光健走.png)no-repeat center center / contain;
		margin:0 auto;
	}	

	.web_development .name{
		font-size:40px;
		margin:50px 0;
		text-align:center;
		font-weight:500;
		color:#346CAA;
	}
	
	.web_development .info{
	}
		
	.web_development .note{	
		padding:10px;
		margin:20px 0;
		border-radius:10px;
		text-align:center;
		
	}	

	body{
		overflow-x:hidden;
	}

	.background_main{
		background:#f1f1f1;
	}

	
}