.highlights				 { padding-bottom:50px; }
	#body.blue .highlights   { background-color:var(--color-hgl-blue); }
	#body.green .highlights  { background-color:var(--color-hgl-green); }
	#body.red .highlights	 { background-color:var(--color-hgl-red); }


	.hgl-intro 		{ /*padding:0 50px 20px 50px;*/ padding-top:0; padding-bottom:20px; }

	.hgl-item 		{ width:100%; 	
								   display: grid;
  						grid-template-rows: repeat(2, 1fr);
  				 grid-template-columns: repeat(3, 1fr);
  								   gap: 30px; }

	.hl-wrp { padding: 0 20px; }

	.hgl-remarks { font-size:75%; padding:50px 0 0 0}
	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:1280px) {
	.hgl-item{ gap: 0px; }
	}
	@media only screen and (max-width:840px) {
/*	.hgl-intro { padding-left:20px; padding-right:20px; }	*/
	.hgl-item{  grid-template-columns: repeat(3, 250px); }

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