main{clear:both;float:left;width:100%;display: flex;align-items: center;}
	#totalArea{clear:both;float:left;width:100%;_background:skyblue;margin-top:30vh;vertical-align:middle;}
	#centerArea{width:1000px;height:300px;_background:red;margin:0 auto;}


	#supplyLinkArea,#saleLinkArea,#devLinkArea{ width: 300px;height:300px;border-radius:1rem}

	#supplyLinkArea{float:left;background:#65b8ff; margin-right: 30px;}
	#saleLinkArea{float:left;background:#EA6B81; margin-right: 30px;}
	#devLinkArea{float:right;background:#f06c5e;}

	#supplyLinkArea h2, #saleLinkArea h2 {font-size:5rem;text-align:center;margin-top:3rem;font-weight:bold;color:#fff}
	#devLinkArea h2{font-size:5rem;text-align:center;margin-top:3rem;font-weight:bold;color:#fff}	
	.agentWord{
		width: 8rem;
		margin: 3rem auto 0px;
		border: 1px solid #fff !important;
		border-radius: 20px !important;
		padding: 0.8rem 2.5rem !important;
		font-size: 15px !important;
		text-align: center !important;
		color: #fff !important;
		font-weight: bold !important;}

	#copyright{position:absolute;bottom:3rem;width:100%;text-align:center;font-size:16px;color:#111}


	/*tablet,mobile*/
	@media screen and (min-width:0px) and (max-width:1030px){
		#centerArea{width:100%;}

		#centerArea,#supplyLinkArea, #saleLinkArea, #devLinkArea{height:260px}

		#supplyLinkArea, #saleLinkArea,  #devLinkArea{width:30%}
		#supplyLinkArea{margin-left:1%;}
		#saleLinkArea{margin-right:1%}		
		#supplyLinkArea h2, #saleLinkArea h2{font-size:5rem}
		#devLinkArea h2 { font-size: 5rem; }
	}

	@media screen and (min-width:0px) and (max-width:730px){
		#centerArea,#supplyLinkArea, #saleLinkArea, #devLinkArea{height:224px}
		#supplyLinkArea h2, #saleLinkArea h2{font-size:4.0rem}
		#devLinkArea h2 { font-size: 4.0rem; }		
	}

	@media screen and (min-width:0px) and (max-width:600px){
		#centerArea,#supplyLinkArea, #saleLinkArea, #devLinkArea{height:200px}
		#supplyLinkArea h2, #saleLinkArea h2{font-size: 3.0rem}
		#devLinkArea h2 { font-size: 3.0rem; }		
	}

	@media screen and (min-width:0px) and (max-width:480px){
		#centerArea,#supplyLinkArea, #saleLinkArea{height:182px}
		#supplyLinkArea h2, #saleLinkArea h2{font-size:4rem}
		#devLinkArea h2 { font-size: 3rem; }		
		#copyright{font-size:11px}
	}

	@media screen and (min-width:0px) and (max-width:380px){
		#centerArea,#supplyLinkArea, #saleLinkArea{height:176px}
		#supplyLinkArea h2, #saleLinkArea h2{font-size:3rem}
		#devLinkArea h2 { font-size: 2rem; }		
	}