/* For "What we're doing - tab content Number"
    --------------------------------------------------------------------------------*/
	.no-blk-wrp {
		padding: 0 15px 15px 5px;
	}
    .no-blk 					{ background-color:#fff; box-shadow: 3px 8px 10px #00000029; padding:30px 30px 50px 30px; border:1px solid #e8e8e8; height: 100%;
    							 }
    .no-blk.single-box 			{ display: inline-block; width: auto;}


	/* For "What we're doing - tab content ( 3 column Number blk) "
    -------------------------------------------------------------------------------- */
	.no-blk-3cols 						{ width:100%;/* display:inline-flex; justify-content:flex-start; margin-right:20px; gap:20px;*/
									      /*display:inline-block;*/ display:inline-flex; width:100%;
										  justify-content: space-evenly;}
	.no-blk-3cols>.no-blk 			 	{ margin-top:0; margin-bottom:20px; display:inline-block; width:auto; margin-right:15px;}  
	.no-blk-3cols>.no-blk:last-child 	{ margin-right:0px; }


	/* For "Highlights Performance" (>264,300 cases)
    ----------------------------------------*/
	.hgl-cases-blk 	 { display:inline-block; text-align:right; }
 	.hgl-cases 		 { margin-top:-7% }


	/* Highlights Number & Common
    ----------------------------------------*/
	.hgl-number-blk 	{ display:inline-flex; align-items:center; }

 	.hgl-figure   	 { font-size:3.6em; font-family: 'Poppins Bold', 微軟正黑體; line-height:1.4; }
 	.hgl-unit   	 { font-size:1.6em; font-family: 'Poppins Medium', 微軟正黑體; line-height:1.4; }


 	body#body.tc .hgl-unit,
 	body#body.sc .hgl-unit    { font-size:1.4em; }

 	.hgl-txt   		 { font-size:var(--font-xs); font-family: 'Poppins Regular', 微軟正黑體; }
    .hgl-txt strong  { font-family: 'Poppins Bold', 微軟正黑體; }
    .space { width:10px; }


 	#body.blue .hgl-figure,
 	#body.blue .hgl-unit,
 	#body.blue .hgl-txt  		{ color: var(--color-blue); }

 	#body.green .hgl-figure,
 	#body.green .hgl-unit,
 	#body.green .hgl-txt  		{ color: var(--color-green); }

 	#body.red .hgl-figure,
 	#body.red .hgl-unit,
 	#body.red .hgl-txt  		{ color: var(--color-red); }


	/* ==========================================================================
	    Media Style:
	============================================================================= */
	
 	@media only screen and (max-width:1400px) {
	.hgl-figure { font-size: 2em; }
	.hgl-unit  { font-size: 1em; }
	}
	
 	@media only screen and (max-width:1280px) {
 	.no-blk 	{ padding:20px 20px 40px 20px;}
 	}

	@media only screen and (max-width:840px) {
    .no-blk .big-txt 			{ line-height:1.2;}

    .no-blk 					{ padding:15px 30px 20px 30px ; }
	.no-blk-3cols 				{ display:block; margin-right: 0; }
    .no-blk-3cols>.no-blk 		{ width:100% }  
	
	.hgl-figure { font-size: 1.8em; }
 	body#body.tc .hgl-unit,
 	body#body.sc .hgl-unit    { font-size:1.2em; }
   	body#body.tc .no-blk,
   	body#body.sc .no-blk 	  { padding:15px 15px 20px 15px ; }


	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.no-blk-3cols 						{ width:100%;display:inline-block; width:100% }
	.no-blk-3cols>.no-blk 			 	{ margin-top:0; margin-bottom:20px; display:inline-block; width:auto; margin-right:15px;}  
	.no-blk-3cols>.no-blk:last-child 	{ margin-right:0px; }
	}