body{
	font-family:"Noto Sans TC","Font Awesome 5 Free",sans-serif;
	margin:0px;
}

h1,h2,h3,h4,h5,h6,p{
	font-size:1em;
	font-weight:300;
	padding:0px;
	margin:0px;
}

a{
	text-decoration:none;
}

ol{
	padding-left:30px;
	margin:0px;
}

#block1{
	height:500px;
	position:relative;
	background:url("../img/bg1.png");
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:left;
	background-position-y:center;
}

#block1_img1{
	top:40px;
	right:40px;
	width:500px;
	position:absolute;
}

#block1_img2{
	top:40px;
	left:40px;
	width:600px;
	position:absolute;
}

#block1_img3{
	bottom:40px;
	left:40px;
	width:320px;
	position:absolute;
}

#block1_img4{
	top:60%;
	left:80%;
	width:280px;
	position:absolute;
	transform:translate(-50%,-50%);
}

#block1_img5{
	top:40%;
	left:60%;
	width:140px;
	position:absolute;
	transform:translate(-50%,-50%);
}

@media(max-width:1500px){
	#block1{
		height:400px;
	}

	#block1_img1{
		top:20px;
		right:20px;
		width:360px;
	}

	#block1_img2{
		top:20px;
		left:20px;
		width:480px;
	}

	#block1_img3{
		bottom:20px;
		left:20px;
		width:280px;
	}

	#block1_img4{
		top:60%;
		left:80%;
		width:200px;
	}

	#block1_img5{
		top:40%;
		left:60%;
		width:100px;
	}
}

@media(max-width:1100px){
	#block1{
		height:320px;
	}

	#block1_img1{
		top:20px;
		right:20px;
		width:300px;
	}

	#block1_img2{
		top:20px;
		left:20px;
		width:400px;
	}

	#block1_img3{
		bottom:20px;
		left:20px;
		width:240px;
	}

	#block1_img4{
		top:60%;
		left:80%;
		width:160px;
	}

	#block1_img5{
		top:40%;
		left:60%;
		width:80px;
	}
}

@media(max-width:900px){
	#block1{
		height:400px;
	}

	#block1_img1{
		top:20px;
		right:20px;
		width:300px;
	}

	#block1_img2{
		top:100px;
		left:20px;
		width:400px;
	}

	#block1_img3{
		bottom:20px;
		left:20px;
		width:240px;
	}

	#block1_img4{
		top:60%;
		left:80%;
		width:140px;
	}

	#block1_img5{
		display:none;
	}
}

@media(max-width:700px){
	#block1{
		height:400px;
	}

	#block1_img1{
		top:20px;
		right:20px;
		width:300px;
	}

	#block1_img2{
		top:100px;
		left:20px;
		width:340px;
	}

	#block1_img3{
		bottom:20px;
		left:20px;
		width:220px;
	}

	#block1_img4{
		top:80%;
		left:80%;
		width:100px;
	}

	#block1_img5{
		display:none;
	}
}

@media(max-width:500px){
	#block1{
		height:340px;
	}

	#block1_img1{
		top:10px;
		right:10px;
		width:260px;
	}

	#block1_img2{
		top:80px;
		left:10px;
		width:300px;
	}

	#block1_img3{
		bottom:10px;
		left:10px;
		width:180px;
	}

	#block1_img4{
		top:80%;
		left:80%;
		width:80px;
	}

	#block1_img5{
		display:none;
	}
}

nav{
	top:0px;
	position:sticky;
	background:#cb4b40;
	box-shadow:rgba(0,0,0,0.15) 0px 3px 3px 0px;
	z-index:100;
}

nav ul{
	width:1200px;
	list-style:none;
	justify-content:space-evenly;
	padding:0px;
	margin:0px auto;
	display:flex;
}

nav a{
	color:#cb4b40;
	background:#ffffff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	border-radius:6px;
	padding:6px 16px;
	margin:16px 0px;
	display:block;
	transition:transform 0.2s;
}

nav a:hover{
	transform:scale(1.08);
}

.br1{
	display:none;
}

@media(max-width:1300px){
	nav ul{
		width:800px;
	}

	.br1{
		display:inline;
	}
}

@media(max-width:900px){
	nav ul{
		width:100%;
	}

	nav a{
		font-size:28px;
		border-radius:6px;
		padding:2px 10px;
		margin:16px 0px;
	}
}

@media(max-width:700px){
	nav a{
		font-size:20px;
		border-radius:4px;
		padding:2px 10px;
		margin:16px 0px;
	}
}

@media(max-width:500px){
	nav a{
		font-size:15px;
		border-radius:4px;
		padding:2px 4px;
		margin:8px 0px;
	}
}

#bg2{
	background-color:#fff4eb;
	background-image:url("../img/bg3.png");
	background-attachment:fixed;
	padding:100px 0px 80px 0px;
}

#block2{
	width:1200px;
	margin:0px auto;
}

#block2_1{
	width:calc(800px - 48px);
	background:#ffffff;
	border:4px solid #194584;
	border-radius:8px;
	padding:20px;
	margin:0px auto 20px auto;
}

#block2_1 h1{
	width:100%;
	color:#194584;
	font-size:40px;
	font-weight:bold;
	text-align:center;
}

#block2_1 h2{
	width:100%;
	color:#194584;
	font-size:20px;
	font-weight:bold;
	text-align:right;
	padding:12px 0px;
}

#block2_1 h3{
	width:100%;
	color:#194584;
	font-size:24px;
	font-weight:bold;
	text-align:justify;
}

#block2_1 span{
	color:#d0114f;
}

@media(max-width:1300px){
	#block2{
		width:800px;
		margin:0px auto;
	}
}

@media(max-width:900px){
	#block2{
		width:500px;
		margin:0px auto;
	}

	#block2_1{
		width:calc(500px - 28px);
		border:4px solid #194584;
		border-radius:8px;
		padding:10px;
		margin:0px auto 20px auto;
	}

	#block2_1 h1{
		font-size:26px;
	}

	#block2_1 h2{
		font-size:18px;
		padding:12px 0px;
	}

	#block2_1 h3{
		font-size:20px;
	}
}

@media(max-width:550px){
	#block2{
		width:96%;
		margin:0px auto;
	}

	#block2_1{
		width:calc(100% - 28px);
		border:4px solid #194584;
		border-radius:8px;
		padding:10px;
		margin:0px auto 20px auto;
	}

	#block2_1 h1{
		font-size:20px;
	}

	#block2_1 h2{
		font-size:16px;
		padding:12px 0px;
	}

	#block2_1 h3{
		font-size:18px;
	}
}

#block2_2{
	width:100%;
	padding:20px 0px;
	margin:20px auto;
	flex-wrap:wrap;
	display:flex;
}

#block2_2 h1{
	width:620px;
	color:#ffffff;
	background:#1c3763;
	font-size:56px;
	font-weight:bold;
	text-align:center;
	border-top-left-radius:200px;
	border-bottom-right-radius:200px;
	margin:0px auto 20px auto;
}

#block2_2 h2{
	width:100%;
	color:#cb4b40;
	font-size:32px;
	font-weight:bold;
	text-align:center;
}

#block2_2 h3{
	width:240px;
	color:#cb4b40;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	margin:30px auto 0px auto;
}

#block2_2 h3 i{
	width:80px;
	color:#ffffff;
	background:#cb4b40;
	font-size:48px;
	border-radius:100%;
	padding:24px 10px;
	margin-bottom:12px;
}

.br2{
	display:none;
}

@media(max-width:1300px){
	#block2_2{
		padding:20px 0px;
		margin:20px auto;
	}

	#block2_2 h1{
		width:520px;
		font-size:48px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_2 h2{
		width:100%;
		font-size:28px;
	}

	#block2_2 h3{
		width:190px;
		font-size:22px;
		margin:30px auto 0px auto;
	}

	#block2_2 h3 i{
		width:56px;
		font-size:36px;
		padding:18px 10px;
		margin-bottom:12px;
	}
}

@media(max-width:900px){
	#block2_2{
		padding:20px 0px;
		margin:20px auto;
	}

	#block2_2 h1{
		width:520px;
		font-size:48px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_2 h2{
		width:100%;
		font-size:28px;
	}

	#block2_2 h3{
		width:240px;
		font-size:24px;
		margin:30px auto 0px auto;
	}

	#block2_2 h3 i{
		width:56px;
		font-size:36px;
		padding:18px 10px;
		margin-bottom:12px;
	}
}

@media(max-width:550px){
	#block2_2{
		padding:20px 0px;
		margin:20px auto;
	}

	#block2_2 h1{
		width:96%;
		font-size:32px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		margin:0px auto 20px auto;
	}

	#block2_2 h2{
		width:96%;
		font-size:24px;
	}

	#block2_2 h3{
		width:48%;
		font-size:18px;
		margin:30px auto 0px auto;
	}

	#block2_2 h3 i{
		width:56px;
		font-size:36px;
		padding:18px 10px;
		margin-bottom:12px;
	}

	.br2{
		display:inline;
	}

	.hide1{
		display:none;
	}
}

#block2_3{
	width:100%;
	padding:20px 0px;
	margin:0px auto;
}

#block2_3 table{
	width:100%;
	border-collapse:collapse;
}

#block2_3 table thead tr{
	color:#ffffff;
	background:#cb4b40;
	font-size:32px;
	font-weight:bold;
	text-align:center;
	border:2px solid #cb4b40;
	padding:8px 0px;
}

#block2_3 table tbody tr td{
	width:20%;
	color:#cb4b40;
	background:#ffffff;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border:2px solid #cb4b40;
	padding:8px 0px;
}

#block2_3 h1{
	color:#cb4b40;
	font-size:24px;
	font-weight:bold;
	margin-top:4px;
}

@media(max-width:1300px){
	#block2_3{
		width:100%;
		padding:20px 0px;
		margin:0px auto;
	}

	#block2_3 table{
		width:100%;
	}

	#block2_3 table thead tr{
		font-size:32px;
		border:2px solid #cb4b40;
		padding:8px 0px;
	}

	#block2_3 table tbody tr td{
		width:20%;
		font-size:24px;
		border:2px solid #cb4b40;
		padding:8px 0px;
	}

	#block2_3 h1{
		font-size:20px;
		font-weight:bold;
		margin-top:4px;
	}
}

@media(max-width:900px){
	#block2_3{
		width:100%;
		padding:20px 0px;
		margin:0px auto;
	}

	#block2_3 table{
		width:100%;
	}

	#block2_3 table thead tr{
		font-size:24px;
		border:2px solid #cb4b40;
		padding:8px 0px;
	}

	#block2_3 table tbody tr td{
		width:20%;
		font-size:18px;
		border:2px solid #cb4b40;
		padding:8px 0px;
	}

	#block2_3 h1{
		font-size:18px;
		font-weight:bold;
		margin-top:4px;
	}
}

#block2_4{
	width:1200px;
	padding:20px 0px;
	margin:0px auto;
}

#block2_4 h1{
	width:520px;
	color:#ffffff;
	background:#1c3763;
	font-size:56px;
	font-weight:bold;
	text-align:center;
	border-top-left-radius:200px;
	border-bottom-right-radius:200px;
	margin:0px auto 20px auto;
}

#block2_4 h2{
	color:#d0114f;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

#block2_4 h2 i{
	font-size:30px;
	margin:0px 16px;
}

.timeline{
	position:relative;
	border-left:4px solid #194584;
	padding:30px 0px;
	display:grid;
	grid-row-gap:30px;
}

.down1{
	top:400px;
	left:-2px;
	position:absolute;
	border-style:solid;
	border-width:16px 16px 0 16px;
	border-color:#194584 transparent transparent transparent;
	transform:translate(-50%,-50%);
}

.down2{
	top:800px;
	left:-2px;
	position:absolute;
	border-style:solid;
	border-width:16px 16px 0 16px;
	border-color:#194584 transparent transparent transparent;
	transform:translate(-50%,-50%);
}

.down3{
	top:1200px;
	left:-2px;
	position:absolute;
	border-style:solid;
	border-width:16px 16px 0 16px;
	border-color:#194584 transparent transparent transparent;
	transform:translate(-50%,-50%);
}

.timeyear{
	color:#ffffff;
	background:#194584;
	font-size:24px;
	font-weight:bold;
	padding:10px 20px;
	margin-bottom:30px;
	display:inline-flex;
}

.timegroup{
	position:relative;
	margin-left:20px;
	display:grid;
	grid-row-gap:30px;
}

.timecard{
	background:#ffffff;
	border-left:3px solid #194584;
	border-top-right-radius:4px;
	border-bottom-right-radius:4px;
	box-shadow:0px 1px 3px 0px rgba(0,0,0,0.12),0px 1px 2px 0px rgba(0,0,0,0.24);
	padding:20px;
}

.timemonth{
	color:#ffffff;
	background:#194584;
	font-size:24px;
	font-weight:bold;
	border-radius:4px;
	padding:2px 12px;
	display:inline-flex;
}

.timecard h3{
	color:#194584;
	font-size:24px;
	font-weight:bold;
	line-height:36px;
}

.timecard h3 span{
	font-size:18px;
}

.timecard h4{
	color:#cb4b40;
	font-size:20px;
	font-weight:bold;
}

.br3{
	display:none;
}

@media(max-width:1300px){
	#block2_4{
		width:800px;
		padding:20px 0px;
		margin:0px auto;
	}

	#block2_4 h1{
		width:520px;
		font-size:56px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_4 h2{
		font-size:24px;
	}

	#block2_4 h2 i{
		font-size:30px;
		margin:0px 16px;
	}

	.timeline{
		border-left:4px solid #194584;
		padding:30px 0px;
		grid-row-gap:30px;
	}

	.down1{
		top:400px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.down2{
		top:800px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.down3{
		top:1200px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.timeyear{
		font-size:24px;
		padding:10px 20px;
		margin-bottom:30px;
	}

	.timegroup{
		margin-left:20px;
		grid-row-gap:30px;
	}

	.timecard{
		border-left:3px solid #194584;
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
		box-shadow:0px 1px 3px 0px rgba(0,0,0,0.12),0px 1px 2px 0px rgba(0,0,0,0.24);
		padding:20px;
	}

	.timemonth{
		font-size:24px;
		border-radius:4px;
		padding:2px 12px;
	}

	.timecard h3{
		color:#194584;
		font-size:24px;
		line-height:36px;
	}

	.timecard h3 span{
		font-size:18px;
	}

	.timecard h4{
		color:#cb4b40;
		font-size:20px;
		font-weight:bold;
	}
}

@media(max-width:900px){
	#block2_4{
		width:500px;
		padding:20px 0px;
		margin:0px auto;
	}

	#block2_4 h1{
		width:480px;
		font-size:48px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_4 h2{
		font-size:18px;
	}

	#block2_4 h2 i{
		font-size:20px;
		margin:0px 8px;
	}

	.timeline{
		border-left:4px solid #194584;
		padding:30px 0px;
		grid-row-gap:30px;
	}

	.down1{
		top:400px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.down2{
		top:800px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.down3{
		top:1200px;
		left:-2px;
		border-width:16px 16px 0 16px;
	}

	.timeyear{
		font-size:24px;
		padding:10px 20px;
		margin-bottom:30px;
	}

	.timegroup{
		margin-left:20px;
		grid-row-gap:30px;
	}

	.timecard{
		border-left:3px solid #194584;
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
		box-shadow:0px 1px 3px 0px rgba(0,0,0,0.12),0px 1px 2px 0px rgba(0,0,0,0.24);
		padding:20px;
	}

	.timemonth{
		font-size:24px;
		border-radius:4px;
		padding:2px 12px;
	}

	.timecard h3{
		color:#194584;
		font-size:24px;
		line-height:36px;
	}

	.timecard h3 span{
		font-size:18px;
	}

	.timecard h4{
		color:#cb4b40;
		font-size:20px;
		font-weight:bold;
	}
}

@media(max-width:550px){
	#block2_4{
		width:96%;
		padding:20px 0px;
		margin:0px auto;
	}

	#block2_4 h1{
		width:96%;
		font-size:36px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		margin:0px auto 20px auto;
	}

	#block2_4 h2{
		font-size:20px;
	}

	#block2_4 h2 i{
		display:none;
		
	}

	.timeline{
		border-left:4px solid #194584;
		padding:30px 0px;
		grid-row-gap:30px;
	}

	.down1{
		top:500px;
		left:-2px;
		border-width:12px 12px 0 12px;
	}

	.down2{
		top:1000px;
		left:-2px;
		border-width:12px 12px 0 12px;
	}

	.down3{
		top:1500px;
		left:-2px;
		border-width:12px 12px 0 12px;
	}

	.timeyear{
		font-size:20px;
		padding:10px 20px;
		margin-bottom:30px;
	}

	.timegroup{
		margin-left:20px;
		grid-row-gap:30px;
	}

	.timecard{
		border-left:3px solid #194584;
		border-top-right-radius:4px;
		border-bottom-right-radius:4px;
		box-shadow:0px 1px 3px 0px rgba(0,0,0,0.12),0px 1px 2px 0px rgba(0,0,0,0.24);
		padding:20px;
	}

	.timemonth{
		font-size:20px;
		border-radius:4px;
		padding:2px 12px;
	}

	.timecard h3{
		color:#194584;
		font-size:20px;
		line-height:36px;
	}

	.timecard h3 span{
		font-size:16px;
	}

	.timecard h4{
		color:#cb4b40;
		font-size:18px;
		font-weight:bold;
	}

	.br3{
		display:inline;
	}
}

#block2_5{
	width:100%;
	margin:20px auto 0px auto;
}

#block2_5 h1{
	width:700px;
	color:#ffffff;
	background:#1c3763;
	font-size:56px;
	font-weight:bold;
	text-align:center;
	border-top-left-radius:200px;
	border-bottom-right-radius:200px;
	margin:0px auto 20px auto;
}

#block2_5 div{
	flex-wrap:wrap;
	display:flex;
}

#block2_5 div button{
	width:360px;
	position:relative;
	color:#ffffff;
	background:#cb4b40;
	font-size:28px;
	font-weight:bold;
	text-align:left;
	border:0px;
	border-radius:8px;
	padding:10px 10px 10px 20px;
	margin:0px auto;
	cursor:pointer;
	overflow:hidden;
	transition:transform 0.2s;
}

#block2_5 div button:hover{
	transform:scale(1.02);
}

#block2_5 div button:nth-child(1) img{
	top:10px;
	right:20px;
	width:120px;
	position:absolute;
}

#block2_5 div button:nth-child(2) img{
	top:10px;
	right:10px;
	width:140px;
	position:absolute;
}

#block2_5 div button:nth-child(3) img{
	top:2px;
	right:10px;
	width:140px;
	position:absolute;
}

#block2_5 section{
	width:calc(100% - 128px);
	position:relative;
	color:#cb4b40;
	background:#ffffff;
	border:4px solid #cb4b40;
	border-radius:8px;
	padding:40px;
	margin:20px auto 0px auto;
	overflow:hidden;
}

#block2_5 section ol li{
	font-size:24px;
	font-weight:bold;
	line-height:46px;
}

#block2_img1{
	bottom:0px;
	left:80px;
	width:200px;
}

#block2_img2{
	top:50%;
	left:50%;
	width:160px;
	position:absolute;
	transform:translate(-50%,-50%);
}

#block2_img3{
	bottom:40px;
	right:80px;
	width:220px;
	position:absolute;
}

@media(max-width:1300px){
	#block2_5 h1{
		width:700px;
		color:#ffffff;
		background:#1c3763;
		font-size:48px;
		font-weight:bold;
		text-align:center;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_5 div button{
		width:250px;
		font-size:28px;
		border:0px;
		border-radius:8px;
		padding:10px 10px 60px 20px;
		margin:0px auto;
	}

	#block2_5 div button:nth-child(1) img{
		top:76px;
		right:-10px;
		width:120px;
	}

	#block2_5 div button:nth-child(2) img{
		top:60px;
		right:-10px;
		width:140px;
	}

	#block2_5 div button:nth-child(3) img{
		top:46px;
		right:-10px;
		width:120px;
	}

	#block2_5 section{
		width:calc(100% - 104px);
		border:4px solid #cb4b40;
		border-radius:8px;
		padding:40px;
		margin:20px auto 0px auto;
	}

	#block2_5 section ol li{
		font-size:24px;
		line-height:46px;
	}

	#block2_img1{
		bottom:0px;
		left:80px;
		width:200px;
	}

	#block2_img2{
		top:50%;
		left:50%;
		width:160px;
	}

	#block2_img3{
		bottom:40px;
		right:40px;
		width:220px;
	}
}

@media(max-width:900px){
	#block2_5 h1{
		width:500px;
		color:#ffffff;
		background:#1c3763;
		font-size:44px;
		font-weight:bold;
		text-align:center;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto 20px auto;
	}

	#block2_5 div button{
		width:100%;
		font-size:28px;
		border:0px;
		border-radius:8px;
		padding:10px 10px 10px 20px;
		margin:4px auto;
	}

	#block2_5 div button:nth-child(1) img{
		top:10px;
		right:20px;
		width:120px;
		position:absolute;
	}

	#block2_5 div button:nth-child(2) img{
		top:10px;
		right:10px;
		width:140px;
		position:absolute;
	}

	#block2_5 div button:nth-child(3) img{
		top:2px;
		right:10px;
		width:140px;
		position:absolute;
	}

	#block2_5 section{
		width:calc(100% - 30px);
		border:4px solid #cb4b40;
		border-radius:8px;
		padding:10px;
		margin:20px auto 0px auto;
	}

	#block2_5 section ol li{
		font-size:20px;
		line-height:34px;
	}

	#block2_img1{
		bottom:0px;
		left:0px;
		width:100px;
	}

	#block2_img2{
		top:50%;
		left:50%;
		width:80px;
	}

	#block2_img3{
		bottom:10px;
		right:10px;
		width:110px;
	}
}

@media(max-width:550px){
	#block2_5 h1{
		width:96%;
		color:#ffffff;
		background:#1c3763;
		font-size:30px;
		font-weight:bold;
		text-align:center;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		padding:4px 0px;
		margin:0px auto 20px auto;
	}

	#block2_5 div button{
		width:100%;
		font-size:24px;
		border:0px;
		border-radius:8px;
		padding:10px 10px 10px 20px;
		margin:4px auto;
	}

	#block2_5 div button:nth-child(1) img{
		top:2px;
		right:-4px;
		width:120px;
		position:absolute;
	}

	#block2_5 div button:nth-child(2) img{
		top:10px;
		right:-4px;
		width:140px;
		position:absolute;
	}

	#block2_5 div button:nth-child(3) img{
		top:2px;
		right:-4px;
		width:140px;
		position:absolute;
	}

	#block2_5 section{
		width:calc(100% - 30px);
		border:4px solid #cb4b40;
		border-radius:8px;
		padding:10px;
		margin:20px auto 0px auto;
	}

	#block2_5 section ol li{
		font-size:20px;
		line-height:34px;
	}

	#block2_img1{
		bottom:0px;
		left:0px;
		width:100px;
	}

	#block2_img2{
		display:none;
	}

	#block2_img3{
		bottom:10px;
		right:10px;
		width:110px;
	}
}

#block3{
	width:100%;
	background:url("../img/bg4.jpg");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-size:cover;
	background-position-x:center;
	background-position-y:center;
	display:flex;
	flex-wrap:wrap;
}

#block3_1{
	width:80%;
	position:relative;
	box-shadow:rgba(50,50,94,0.25) 0px 30px 60px -12px inset,rgba(0,0,0,0.3) 0px 18px 36px -18px inset;
}

#block3_1 h1{
	top:0px;
	left:0px;
	position:absolute;
	color:#ffffff;
	background:#1c3763;
	font-size:45px;
	font-weight:bold; 
	padding:4px 50px 4px 10px;
	clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
}

#block3_1 h2{
	bottom:0px;
	right:0px;
	position:absolute;
	color:#ffffff;
	background:#1c3763;
	font-size:30px;
	font-weight:bold;
	padding:4px 10px 4px 50px;
	clip-path:polygon(4% 0%,100% 0%,100% 100%,0% 100%);
}

#block3_2{
	width:20%;
	background:#009933;
	padding:80px 0px;
	cursor:pointer;
}

#block3_2 img{
	width:92%;
	margin:auto;
	display:block;
	transition:transform 0.2s;
}

#block3_2:hover{
	background-image:linear-gradient(to top,#009933,#08af2b,#009933);
}

#block3_2:hover img{
	transform:scale(1.04);
}

@media(max-width:1400px){
	#block3_1{
		width:70%;
	}

	#block3_1 h1{
		top:0px;
		left:0px;
		font-size:45px;
		padding:4px 50px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
	}

	#block3_1 h2{
		bottom:0px;
		right:0px;
		font-size:24px;
		padding:4px 10px 4px 50px;
		clip-path:polygon(4% 0%,100% 0%,100% 100%,0% 100%);
	}

	#block3_2{
		width:30%;
		padding:20px 0px;
	}

	#block3_2 img{
		width:92%;
		transition:transform 0.2s;
	}
}

@media(max-width:1200px){
	#block3_1{
		width:70%;
	}

	#block3_1 h1{
		top:0px;
		left:0px;
		font-size:36px;
		padding:4px 50px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
	}

	#block3_1 h2{
		bottom:0px;
		right:0px;
		font-size:20px;
		padding:4px 10px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	}

	#block3_2{
		width:30%;
		padding:20px 0px;
	}

	#block3_2 img{
		width:92%;
		transition:transform 0.2s;
	}
}

@media(max-width:1000px){
	#block3_1{
		width:70%;
	}

	#block3_1 h1{
		top:0px;
		left:0px;
		font-size:36px;
		padding:4px 50px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
	}

	#block3_1 h2{
		bottom:0px;
		right:0px;
		font-size:20px;
		padding:4px 10px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	}

	#block3_2{
		width:30%;
		padding:40px 0px;
	}

	#block3_2 img{
		width:92%;
		transition:transform 0.2s;
	}
}

@media(max-width:800px){
	#block3_1{
		width:100%;
		padding:180px 0px;
	}

	#block3_1 h1{
		top:0px;
		left:0px;
		font-size:36px;
		padding:4px 50px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
	}

	#block3_1 h2{
		bottom:0px;
		right:0px;
		font-size:20px;
		padding:4px 10px 4px 10px;
		clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	}

	#block3_2{
		width:100%;
		padding:10px 0px;
	}

	#block3_2 img{
		width:180px;
		transition:transform 0.2s;
	}
}

@media(max-width:500px){
	#block3_1{
		width:100%;
		padding:180px 0px;
	}

	#block3_1 h1{
		top:0px;
		left:0px;
		font-size:28px;
		padding:4px 36px 4px 6px;
		clip-path:polygon(0% 0%,100% 0%,88% 100%,0% 100%);
	}

	#block3_1 h2{
		bottom:0px;
		right:0px;
		font-size:18px;
		padding:4px 6px 4px 6px;
		clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);
	}

	#block3_2{
		width:100%;
		padding:10px 0px;
	}

	#block3_2 img{
		width:160px;
		transition:transform 0.2s;
	}
}

#bg4{
	background-color:#ffcc99;
	padding:100px 0px 80px 0px;
}

#bg4 h1{
	width:460px;
	color:#ffffff;
	background:#1c3763;
	font-size:56px;
	font-weight:bold;
	text-align:center;
	border-top-left-radius:200px;
	border-bottom-right-radius:200px;
	margin:0px auto;
}

#block4{
	width:1200px;
	margin:0px auto;
	flex-wrap:wrap;
	display:flex;
}

#block4 div{
	width:320px;
	margin:20px auto 0px auto;
}

#block4 div img{
	width:240px;
	margin:auto;
	display:block;
}

#block4 div h2{
	color:#ffffff;
	background:#cb4b40;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	padding:4px 0px;
	margin-top:10px;
}

#block4 div h3{
	color:#cb4b40;
	background:#ffffff;
	font-size:24px;
	font-weight:bold;
	text-align:center;
	border:2px solid #cb4b40;
	padding:4px 0px;
}

@media(max-width:1300px){
	#bg4 h1{
		width:400px;
		font-size:48px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto;
	}

	#block4{
		width:800px;
		margin:0px auto;
	}

	#block4 div{
		width:250px;
		margin:20px auto 0px auto;
	}

	#block4 div img{
		width:180px;
	}

	#block4 div h2{
		font-size:24px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding:4px 0px;
		margin-top:10px;
	}

	#block4 div h3{
		font-size:20px;
		border:2px solid #cb4b40;
		padding:4px 0px;
	}
}

@media(max-width:900px){
	#bg4 h1{
		width:400px;
		font-size:48px;
		border-top-left-radius:200px;
		border-bottom-right-radius:200px;
		margin:0px auto;
	}

	#block4{
		width:500px;
		margin:0px auto;
	}

	#block4 div{
		width:240px;
		margin:20px auto 0px auto;
	}

	#block4 div img{
		width:180px;
	}

	#block4 div h2{
		font-size:24px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding:4px 0px;
		margin-top:10px;
	}

	#block4 div h3{
		font-size:20px;
		border:2px solid #cb4b40;
		padding:4px 0px;
	}
}

@media(max-width:550px){
	#bg4 h1{
		width:96%;
		font-size:36px;
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
		margin:0px auto;
	}

	#block4{
		width:96%;
		margin:0px auto;
	}

	#block4 div{
		width:90%;
		margin:30px auto 0px auto;
	}

	#block4 div img{
		width:160px;
	}

	#block4 div h2{
		font-size:24px;
		border-top-left-radius:10px;
		border-top-right-radius:10px;
		padding:4px 0px;
		margin-top:10px;
	}

	#block4 div h3{
		font-size:20px;
		border:2px solid #cb4b40;
		padding:4px 0px;
	}
}

#bg5{
	background:url(../img/bg5.jpg);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	padding:120px 0px;
}

#block5{
	width:800px;
	position:relative;
	border:4px solid #ffcc00;
	margin:0px auto;
	margin-bottom:20px;
	padding:80px 10px;
	transition:border 0.2s;
}

#block5 h1{
	color:#ffffff;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	margin-bottom:40px;
}

#block5 h2{
	color:#ffffff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

#block5 a{
	top:100%;
	left:50%;
	position:absolute;
	color:#ffffff;
	background:#ffcc00;
	font-size:30px;
	font-weight:bold;
	border-radius:50px;
	padding:2px 60px;
	transform:translate(-50%,-50%);
	transition:background 0.2s;
}

#block5:hover{
	border:4px solid #ff6600;
}

#block5:hover a{
	background:#ff6600;
}

@media(max-width:900px){
	#bg5{
		padding:120px 0px;
	}

	#block5{
		width:500px;
		border:4px solid #ffcc00;
		margin:0px auto;
		margin-bottom:20px;
		padding:80px 10px;
	}

	#block5 h1{
		font-size:42px;
		margin-bottom:40px;
	}

	#block5 h2{
		font-size:26px;
	}

	#block5 a{
		top:100%;
		left:50%;
		font-size:26px;
		border-radius:50px;
		padding:2px 50px;
		transition:background 0.2s;
	}
}

@media(max-width:550px){
	#bg5{
		padding:120px 0px;
	}

	#block5{
		width:86%;
		border:4px solid #ffcc00;
		margin:0px auto;
		margin-bottom:20px;
		padding:60px 4px;
	}

	#block5 h1{
		font-size:30px;
		margin-bottom:24px;
	}

	#block5 h2{
		font-size:20px;
	}

	#block5 a{
		top:100%;
		left:50%;
		font-size:20px;
		border-radius:50px;
		padding:2px 30px;
		transition:background 0.2s;
	}
}

@media(max-width:450px){
	#bg5{
		padding:120px 0px;
	}

	#block5{
		width:86%;
		border:4px solid #ffcc00;
		margin:0px auto;
		margin-bottom:20px;
		padding:40px 4px;
	}

	#block5 h1{
		font-size:24px;
		margin-bottom:12px;
	}

	#block5 h2{
		font-size:18px;
	}

	#block5 a{
		top:100%;
		left:50%;
		font-size:22px;
		border-radius:50px;
		padding:2px 20px;
		transition:background 0.2s;
	}
}

#bg6{
	background:url(../img/bg6.png);
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	padding:20px 0px 60px 0px;
}

#block6{
	width:100%;
}

#block6 h1{
	width:500px;
	top:280px;
	position:relative;
	color:#ffffff;
	font-size:72px;
	font-weight:bold;
	text-align:center;
	transform:rotate(-4deg);
	margin:0px auto;
}

#block6 button{
	color:#ffffff;
	background:#351a6b;
	width:300px;
	top:320px;
	position:relative;
	font-size:42px;
	font-weight:bold;
	text-align:center;
	border:4px solid #351a6b;
	border-radius:8px;
	transform:rotate(-2deg);
	display:block;
	cursor:pointer; 
	margin:0px auto;
}

#block6 button:hover{
	color:#351a6b;
	background:#f4f0ff;
}

#block6 img{
	width:650px;
	margin:auto;
	display:block;
}

@media(max-width:750px){
	#bg6{
		padding:20px 0px 60px 0px;
	}

	#block6{
		width:100%;
	}

	#block6 h1{
		width:400px;
		top:220px;
		font-size:56px;
		transform:rotate(-4deg);
	}

	#block6 button{
		width:240px;
		top:250px;
		font-size:32px;
		border:4px solid #351a6b;
		border-radius:8px;
		transform:rotate(-2deg);
	}

	#block6 img{
		width:500px;
	}
}

@media(max-width:550px){
	#bg6{
		padding:20px 0px 60px 0px;
	}

	#block6{
		width:100%;
	}

	#block6 h1{
		width:90%;
		top:160px;
		font-size:42px;
		transform:rotate(-4deg);
	}

	#block6 button{
		width:160px;
		top:176px;
		font-size:24px;
		border:4px solid #351a6b;
		border-radius:8px;
		transform:rotate(-2deg);
	}

	#block6 img{
		width:340px;
	}
}

.iframe{
	width:100%;
	background:#99ccff;
	padding:7vh 0px;
}

.iframe .ifr{
	width:95%;
	max-width:1000px;
	background:#ffffff;
	border-radius:30px;
	margin:2vh auto;
}

.iframe .imgbox{
	justify-content:center;
	display:flex;
	flex-wrap:wrap;
}

.iframe .imgbox img{
	margin:1vh 1vw;
	transition:0.2s;
} 

.iframe .imgbox img:hover{
	transform:rotate(-3deg);
}

@media all and (max-width:767px){
	.iframe .iframe-title img{
		width:65%;
	}
}

footer{
	bottom:0px;
	color:#ffffff;
	background:#0066cc;
	line-height:1.8;
	padding:40px 0px;
}

footer div{
	width:100%;
	margin:0px auto;
}

footer div article{
	width:500px;
	text-align:center;
	margin:0px auto;
}

footer h1{
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

footer h2{
	font-size:54px;
	font-weight:bold;
	text-align:center;
}

footer h3{
	font-size:32px;
	font-weight:bold;
	text-align:center;
	border-top:2px solid;
	border-bottom:2px solid;
}

footer a,footer a:hover{
	color:#ffffff;
}

footer i{
	font-size:40px;
	text-align:center;
	margin:12px 12px;
}

footer h4{
	font-size:24px;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
}

.br6{
	display:none;
}

@media(max-width:1000px){
	footer h4 span{
		display:none;
	}

	.br6{
		display:inline;
	}
}

@media(max-width:600px){
	footer div{
		width:96%;
	}

	footer div article{
		width:100%;
	}

	footer h1{
		font-size:24px;
	}

	footer h2{
		font-size:40px;
	}

	footer h3{
		font-size:24px;
	}

	footer h4{
		font-size:18px;
		margin-bottom:40px;
	}
}