<style>
	body {
		scroll-behavior: smooth;
	}
	ul {
		list-style: none;
	}
	p {
		margin: 0;
		font-size: 18px;
	}
	footer {
		padding: 12px;
		background-color: #222;
		color: #666;
		font-size: 12px;
		letter-spacing:1px;
		font-weight: 600;
	}
	h1 {
		font-size: 50px;
		color: #fff;
		font-weight: bold;
		font-family: sans-serif;
		text-align: center;
		margin: 0;
		padding: 0 0 3%;
	}
	h2 {
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 1px;
		color: #fff;
		margin: 0;
		font-family: sans-serif;
	}
	* {
		outline: none;
	}
	.bg-cover {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
/*Apps header star*/
	.app_menu {
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background-color: rgba(255,255,255,0.1);
	}
	.navFixed {
		background-color: rgba(0,0,0,0.8);
	}
	.app_menu .container-fluid {
		position: relative;
		padding: 16px 0;
		padding-left: 130px;
	}
	.app_menu .header_logo {
		position: absolute;
		top: 50%;
		-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
		margin-left: 10px;
		z-index: 1;
	}
	.app_menu .header_logo:hover {
		opacity: 0.7;
		transition: 0.3s;
	}
	.app_menu ul {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	.app_menu .header_menu {
		float: right;
	}
	.app_menu .header_menu li {
		float: left;
		list-style: none;
		text-align: center;
		margin-right: 30px;
	}
	.app_menu .header_menu li a {
		font-size: 13px;
		font-weight: bold;
		color: #fff;
		line-height: 100%;
	}
	.app_menu .header_menu li a:hover {
		text-shadow: 0 0 10px #00f7ff,0 0 10px #00f7ff,0 0 10px #00f7ff;
		transition: 0.3s;
	}
	.app_menu .header_menu li a:focus {
		color: #00f7ff;
	}
	.app_menu .header_m_menu {
		position: absolute;
		top: 50px;
		left: 0;
		background-color: rgba(255,255,255,0.95);
		z-index: 1;
		display: none;
		width: 100%;
		box-shadow: 0 14px 10px rgba(0,0,0,0.5);
	}
	.app_menu .header_m_menu li {
		list-style: none;
		text-align: center;
		color: #000;
		font-weight: bold;
	}
	.app_menu .header_m_menu li a {
		width: 100%;
		display: block;
		padding: 20px 14px;
	}
	.app_menu .header_m_menu li:hover {
		background-color: rgba(0,0,0,0.4);
		color: #fff;
	}
	#navbar-toggle {
		display: none;
	}
	#navbar-toggle:active {
		background-color: rgba(255,255,255,0.1);
		transition: 0.3s;
	}
	#navbar-toggle:hover {
		background-color: rgba(255,255,255,0.1);
		transition: 0.3s;
	}

	#section01 {
		height: 100vh;
		position: relative;
	}
	#section01 .container {
		position: relative;
	}
	#section01 .s01_text {
		width: 1200px;
		padding: 0 5%;
		position: absolute;
		bottom: 10%;
		left: 50%;
		-ms-transform: translate(-50%,0%);
		transform: translate(-50%,0%);
		z-index: 1;
	}
	#section01 .s01_text p {
		font-size: 14px;
		color: #fff;
		line-height: 1.6em;
	}
	.s01_5gball {
		position: absolute;
		top: 45%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	.s01_5gball img {
		animation: ball 4s infinite;
		animation-iteration-count:infinite; /*無限動畫*/
		animation-timing-function：linear; /*速率均等*/
		animation-direction:alternate; /*逆向播放*/
	}
	@keyframes ball {
		0% {transform: translate3d(0, 0, 0) scale(0.95);}
		100% {transform: translate3d(0, 0, 0) scale(1);}
	}
	#section02 {
		padding: 5% 0;
	}
	#section02 h2 {
		padding: 0;
		margin-bottom: 40px;
	}
	#section02 .s02_table {
		margin-top: 40px;
	}
	#section02 .s02_table .table_block {
		float: left;
		border-right: 1px solid #000;
	}
	#section02 .s02_table p {
		font-size: 14px;
		font-weight: bold;
	}
	#section02 .table_title {
		background-color: #0f5072;
		padding: 6px 0;
	}
	#section02 .table_title p {
		color: #fff;
	}
	#section02 .table01_01 {
		width: 40%;
	}
	#section02 .table01_01 .table01_01_01 {
		width: 50%;
		float: left;
		border-right: 1px solid #000;
	}
	#section02 .table01_01 .table01_01_02 {
		width: 50%;
		float: left;
	}
	#section02 .table01_02 {
		width: 20%;
	}
	#section02 .table01_03 {
		width: 20%;
	}
	#section02 .table01_04 {
		width: 20%;
	}
	#section02 .table02 {
		background-color: #319ab9;
		padding: 6px 0;
		color: #fff;"
	}
	#section02 .table03 {
		background-color: #83e3ff;
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 60px;
	}
	#section02 .table04 {
		background-color: rgba(131,227,255,0.5);
		min-height: 290px;
		padding: 20px;
	}
	#section02 .table04 p {
		color: #fff;
		font-weight: bold;
	}
	#section02 .table04 img {
		margin-top: 20px;
	}
	#section03 {
		padding: 10% 0;
		background-position: right
	}
	#section03 .s03_table {
		width: 100%;
		display: table;
	}
	#section03 .vertical_center {
		display: table-cell;
		vertical-align: middle;
		min-height: 1px;
		width: 50%;
	}
	#section03 .s03_left {
		padding-left: 80px;
	}
	#section03 .s03_left_block {
		background-color: rgba(7,61,101,0.8);
		padding: 40px;
	}
	#section03 .s03_text {
		color: #fff;
	}
	#section03 .s03_left h2 {
		padding-top: 0;
	}
	#section03 li {
		margin-top: 20px;
	}
	#section03 ul li {
		list-style: disc;
		margin-top: 6px;
		color: #5bbfff;
	}
	#section03 ol {
		margin: 0;
		padding-left: 20px;
	}
	#sld_page {
		padding: 8% 0;
		height: 100vh;
		position: relative;
	}
	#sld_page .container {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	#sld_page .item {
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	#sld_page .sld_block h2 {
		margin-bottom: 40px;
	}
	#sld_page .sld_text {
		position: absolute;
		top: 50%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		width: 100%;
		padding: 0 10%;
	}
	#sld_page .sld_text h3 {
		color: #fff;
		font-weight: bold;
		font-size: 30px;
		padding: 0;
		margin: 0 0 20px;
		text-shadow: 0 0 6px rgba(0,0,0,0.7),0 0 20px rgba(0,0,0,0.3),0 0 30px rgba(0,0,0,0.3);
	}
	#sld_page .sld_text a {
		color: #fff;
		font-size: 16px;
		font-weight: bold;
		background-color: unset;
		border-radius: 99px;
		border: 2px solid #fff;
		padding: 4px 44px;
		box-shadow: 0 1px 1px rgba(0,0,0,0.8);
		text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	}
	#sld_page .sld_text a:hover {
		color: #000;
		background-color: #fff;
		transition: 0.3s;
		box-shadow: none;
		text-shadow: none;
	}
	#tb_page {
		padding: 8% 0 5%;
		min-height: 100vh;
	}
	#tb_page h2 {
		padding-bottom: 3%;
	}
	#tb_page .tb_app {
		padding-bottom: 5%;
		position: relative;
	}
	#tb_page .tb_container {
		margin-bottom: 10px;
	}
	#tb_page .table_title {
		background-color: #66c2de;
		padding: 8px 0;
		text-align: center;
		margin-bottom: 1px;
	}
	#tb_page .table_title p {
		font-size: 16px;
		font-weight: bold;
	}
	#tb_page .tb_table {
		display: table;
		width: 100%;
		margin-bottom: 1px;
	}
	#tb_page .tb_block {
		background-color: #cbf3ff;
		display: table-cell;
		vertical-align: middle;
		min-height: 1px;
		padding: 16px;
		border-left: 1px solid #000;
		width: 20%;
	}
	#tb_page .tb_block_w {
		background-color: #e7fcff;
	}
	#tb_page .tb_block span {
		font-size: 14px;
		font-weight: bold;
		color: #005581;
		padding-bottom: 8px;
		display: inline-block;
	}
	#tb_page .tb_block p {
		font-size: 14px;
		font-weight: 600;
	}
	#tb_page .tb_block ol {
		padding-left: 20px;
	}
	#tb_page .tb_block li {
		font-size: 14px;
		font-weight: 600;
		margin-bottom: 6px;
	}
	#tb_page .width40 {
		width: 40%;
	}
	#tb_page .width30 {
		width: 30%;
	}
	#tb_page .width20 {
		width: 20%;
	}
	#tb_page .width10 {
		width: 10%;
	}
	#tb_page .tb_block a {
		font-size: 14px;
		font-weight: 600;
		text-decoration: underline;
	}
	#tb_page .tb_block a:hover {
		color: #005581;
	}
	.tb_button ul {
		padding: 0 0 3%;
		display: inline-block;
		border: none;
	}
	.tb_button li {
		float: left;
		list-style: none;
		margin: 0 10px;
	}
	#tb_page .tb_page04 {
		overflow: auto;
	}
	#tb_page .tb_page04 .tb_container {
		width: 33.33%;
		margin-bottom: 1px;
		float: left;
		border-left: 1px solid #000;
	}
	#tb_page .tb_page04 .tb_block {
		border: none;
		text-align: center;
	}
	#tb_page .tb_page04 .tb_block span {
		text-align: left;
		display: block;
	}
	#tb_page .tb_page04 .tb_table {
		margin: 0;
		display: block;
	}
	#tb_page .tb_button a {
		color: #fff;
		padding: 6px 20px;
		border-radius: 99px;
		border: 2px solid #fff;
		display: block;
		font-weight: bold;
	}
	#tb_page .nav-tabs>li.active>a, #tb_page .nav-tabs>li.active>a:focus, #tb_page .nav-tabs>li.active>a:hover {
		background-color: rgba(255,255,255,1);
		color: #000;
	}
	#tb_page .nav>li>a:focus, #tb_page .nav>li>a:hover {
		text-decoration: none;
		background-color: rgba(255,255,255,0.2);
	}
	.tb_button a:hover {
		color: #000;
		border: 2px solid #00f7ff;
		transition: 0.3s;
	}
	.green_light div {
		position: absolute;
		width: 30px;
		height: 30px;
		border-radius: 20px;
		background-color: #00ff6c;
		box-shadow: 0 0 5px #00ff6c,0 0 10px #00ff6c,0 0 20px #00ff6c,0 0 30px #00ff6c,0 0 30px #00ff6c;
		animation: greenlight 1s infinite;
		animation-iteration-count:infinite; /*無限動畫*/
		animation-timing-function：linear; /*速率均等*/
		animation-direction:alternate; /*逆向播放*/
	}
	@keyframes greenlight {
		0% {opacity: 0; transform: scale(0.2);}
		100% {opacity: 0.9; transform: scale(1);}
	}
	.green_light .gl01 {
		top: 46%;
		left:20.75%;
	}
	.green_light .gl02 {
		top: 46%;
		left:27.25%;
	}
	.green_light .gl03 {
		top: 33%;
		left:35%;
	}
	.green_light .gl04 {
		top: 33%;
		left:43.5%;
	}
	.green_light .gl05 {
		top: 33%;
		left:52%;
	}
	.green_light .gl06 {
		top: 33%;
		left:66.5%;
	}
	.green_light .gl07 {
		top: 33%;
		left:88%;
	}


/*========================================*/
	@media screen and (max-width:1600px) {
		#section01 .s01_5gball {
			width: 90%;
			text-align: center;
		}
	}
	@media screen and (max-width:1400px) {
		.app_menu .container {
			width: 100%;
		}
		.app_menu .container ul {
			float: right;
		}
		.app_menu .container li {
			float: left;
			margin-right: 30px;
			width: auto;
		}
	}
	@media screen and (max-width: 1300px) {
		.app_menu .header_menu li {
			margin-right: 30px;
		}
	}
	@media screen and (max-width: 1200px) {
		#section01 .s01_text {
			width: 100%;
		}
	}
	@media screen and (max-width:991px)	{
		.app_menu {
			padding: 0;
		}
		.app_menu .header_block {
			display: none;
		}
		.app_menu .container-fluid {
			padding: 0 15px;
			width: 100%;
		}
		.app_menu .container li {
			float: none;
			margin-right: 0;
			width: auto;
		}
		.app_menu .header_menu {
			display: none;
		}
		.app_menu .header_m_menu {
			display: block;
		}
		#navbar-toggle {
			display: inline-block;
			margin: 0; 
		}
		#section02 .table01_01 {
			width: 100%;
			margin-bottom: 6px;
		}
		#section02 .table01_02 {
			width: 33.33%;
		}
		#section02 .table01_03 {
			width: 33.33%;
		}
		#section02 .table01_04 {
			width: 33.33%;
		}
		#section03 {
			padding: 8% 0;
		}
		#section03 .vertical_center {
			width: 100%;
		}
		#section03 .s03_left {
			padding: 0 8%;
		}
		#section03 .s03_left_block {
			background-color: rgba(7,61,101,0.95);
		}
		#sld_page .item {
			padding: 40% 0;
		}
		#sld_page .item img {
			display: none;
		}
		.green_light div {
			width: 20px;
			height: 20px;
		}
		.green_light .gl01 {
			top: 46%;
			left:20.5%;
		}
		.green_light .gl02 {
			top: 46%;
			left:27%;
		}

	}
	@media screen and (max-width:768px)	{
		p {
			font-size: 14px;
		}
		h2 {
			font-size: 28px;
		}
		#section01 .s01_5gball {
			top: 35%;
		}
		#section01 .s01_text h1 {
			font-size: 36px;
		}
		#section02 .table01_01 .table01_01_01 {
			width: 100%;
			float: none;
			margin-bottom: 1px;
			border: none;
		}
		#section02 .table01_01 .table01_01_02 {
			width: 100%;
			float: none;
		}
		#section02 .s02_table .table_block {
			width: 100%;
			float: none;
			margin-bottom: 15px;
		}
		#section02 .s03_table .table_block {
			width: 100%;
			float: none;
			margin-bottom: 15px;
		}
		#section02 .s04_table .table_block {
			width: 100%;
			float: none;
		}
		#section03 .s03_left_block {
			padding: 30px;
		}
		#section03 li {
			margin-top: 10px;
		}
		#sld_page .container {
			width: 100%;
		}
		#sld_page .item {
			padding: 50% 0;
		}
		#sld_page .item h3 {
			font-size: 24px;
		}
		#tb_page {
			padding-top: 20%;
		}
		#tb_page h2 {
			font-size: 24px;
		}
		#tb_page .tb_block {
			width: 100%;
			display: block;
			border-left: none;
			border-bottom: 1px solid #000;
		}
		#tb_page .tb_block span {
			font-size: 12px;
			padding-bottom: 6px;
		}
		#tb_page .tb_block p {
			font-size: 12px;
		}
		#tb_page .tb_block li {
			font-size: 12px;
			margin-bottom: 4px;
		}
		#tb_page .tb_block a {
			font-size: 12px;
		}
		#tb_page .tb_button ul {
			padding: 5% 0;
		}
		#tb_page .tb_button li {
			margin: 0 5px;
		}
		#tb_page .tb_button a {
			padding: 4px 10px;
			font-size: 14px;
		}
	}
	@media screen and (max-width:600px)	{
		#tb_page .tb_app {
			display: none;
		}
	}
	@media screen and (max-width:500px)	{
		footer {
			font-size: 12px;
		}
		#section01 .s01_5gball {
			top: 25%;
		}
		#sld_page .item {
			padding: 70% 0;
		}
		#tb_page .tb_page04 .tb_container {
			width: 100%;
			margin-bottom: 1px;
			float: none;
			border-right: 1px solid #000;
		}

	}
	@media screen and (max-width:420px)	{
		#section01 {
			height: auto;
			padding-bottom: 220%;
		}
		#section01 .s01_5gball {
			width: 100%;
			top: 30%;
		}
		#section01 .s01_text p {
			font-size: 13px;
			line-height: 1.4em;
		}
		#section01 .s01_text {
			bottom: 5%;
		}
	}
	@media screen and (max-width:375px)	{
		#section01 .s01_5gball {
			top: 25%;
		}
	}
	@media screen and (max-width:320px)	{
		h1,h2,h3 {
			font-size: 24px!important;
		}
		p,li {
			font-size: 13px!important;
		}
		#section01 {
			padding-bottom: 280%;
		}
		#section01 .s01_text {
			bottom: 5%;
			top: 40%;
		}
	}
</style>