#body.inside h2 { font-size:30px; line-height:40px; font-family: 'Poppins Medium', 微軟正黑體; font-weight:normal;
						/*padding:100px 50px 50px 50px;*/ padding-top:80px; padding-bottom:30px }
	#body.inside h3 { font-size:35px; line-height:40px; font-family: 'Poppins Regular', 微軟正黑體; font-weight:normal; padding:0; }


	.adj-opt.pg-padding-l-r { padding-left:150px; }
	
	
	.bg-white { background-color:#fff; }
	
	.ani-wrp .sbg-img,
	.ani-wrp .aim{ display: block; }
	
	.ani-wrp .sbg-img-m,
	.ani-wrp .aim-m{ display: none; }
	
	/* .abs-planet { background-position: left center; } */
	
	.abs-product-m { background-position: center center; }
	
	.abs-people { background-position: right 40%; }
	.abs-people-m { background-position: center center; }
	.abs-planet-m { background-position: 80% bottom; }
	
	.blk-layer {
		background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
		height: 50%;
		bottom: 0;
		top: auto;
	}
	.blk-layer.planet-layer{
		background-image: linear-gradient(transparent, rgba(155, 155, 155, 0.8));
	}
	
	.tab-input:checked + .tab-label     { background:#fff; border-top:5px; border-top-style:solid; }
    #body.blue .tab-label                           { background-color:var(--color-light-blue); }
    #body.blue .tab-input:checked + .tab-label      { border-top-color:var(--color-blue); background:#fff; font-family: 'Poppins Bold', 微軟正黑體; color: var(--color-blue);}
    #body.green .tab-label                          { background-color:var(--color-light-green); }
    #body.green .tab-input:checked + .tab-label     { border-top-color:var(--color-green); background:#fff; font-family: 'Poppins Bold', 微軟正黑體; color: var(--color-green);}
    #body.red .tab-label                            { background-color:var(--color-light-red); }
    #body.red .tab-input:checked + .tab-label       { border-top-color:var(--color-red); background:#fff; font-family: 'Poppins Bold', 微軟正黑體; color: var(--color-red);}

	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:1500px) {
	.adj-opt.pg-padding-l-r { padding-left:100px; }
	}

	@media only screen and (max-width:900px) {
	/*#body.inside h2 { padding:100px 20px 50px 20px;  }*/
	}

	@media only screen and (max-width:840px) {
	.ani-wrp .sbg-img,
	.ani-wrp .aim{ display: none; }
	
	.ani-wrp .sbg-img-m,
	.ani-wrp .aim-m{ display: block; }
		.btn-center-m { width:100%; text-align: center; }
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	}


	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) {
	}

	@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.ani-wrp .sbg-img,
	.ani-wrp .aim{ display: none; }
	
	.ani-wrp .sbg-img-m,
	.ani-wrp .aim-m{ display: block; }
	}

	@media only screen and (max-width:840px) {
	.adj-opt.pg-padding-l-r { padding-left:50px; }

	}