.schedule {
	max-width: 1220px;
	margin: 5% auto;
	display: flex;
	flex-flow: row wrap;
}


#schedule-box {
    width: 33.3%;
	margin: 2% auto;
}

#flow-img {
	width: 60px;
	height: 60px;
	background-color: #01613B;
	position: relative;
	top: -395px;
	left: 170px;
}

#flow-img p {
	text-align: center;
	font-size: 36px;
}

#schedule-box-text {
	margin-top: 10px;
	color: #000000;
	margin-top: 18%;
}

#schedule-box-text h5 {
	text-align: center;
	font-size: 32px;
}

#schedule-box-text hr {
	background-color: #01613B;
	border-radius: 1.5px;
	width: 12%;
	height: 2px;
}

#schedule-box-text p {
	font-size: 18px;
}
@media screen and (max-width: 992px) {
				.schedule {
					max-width: 95%;
					margin: 8% auto;
					display: flex;
					flex-flow: row wrap;
				}
				.schedule:after {
					content: "";
					width: 50%;
				}
				#schedule-box {
					width: 48%;
					margin: 0% auto;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -450px;
					left: 195px;
				}
				#flow-img p {
					text-align: center;
					font-size: 36px;
				}
				#schedule-box-text {
					margin-top: 10px;
					color: #000000;
					margin-top: 18%;
				}
				#schedule-box-text h5 {
					text-align: center;
					font-size: 32px;
				}
				#schedule-box-text hr {
					background-color: #01613B;
					border-radius: 1.5px;
					width: 12%;
					height: 2px;
				}
				#schedule-box-text p {
					font-size: 18px;
				}
			}
			/* 在 600 像素或更小的屏幕上，将背景色设置为橄榄色 */
			@media screen and (max-width: 950px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -430px;
					left: 195px;
				}
			}
			@media screen and (max-width: 900px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -410px;
					left: 175px;
				}
			}
			@media screen and (max-width: 900px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -360px;
					left: 165px;
				}
			}
			@media screen and (max-width: 850px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -380px;
					left: 160px;
				}
			}
			@media screen and (max-width: 800px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -355px;
					left: 150px;
				}
			}
			@media screen and (max-width: 750px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -330px;
					left: 140px;
				}
			}
			@media screen and (max-width: 750px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -310px;
					left: 130px;
				}
			}
			@media screen and (max-width: 750px) {
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -280px;
					left: 120px;
				}
			}
			@media screen and (max-width: 600px) {
				
				.schedule {
					max-width: 100%;
					margin: 0% auto;
					display: flex;
					flex-flow: row wrap;
				}
				
				#schedule-box {
					width: 80%;
					height: 500px;
					margin: 0% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -500px;
					left: 40%;
				}
				#flow-img p {
					text-align: center;
					font-size: 56px;
				}
				#schedule-box-text {
					margin-top: 10px;
					color: #000000;
					margin-top: 18%;
				}
				#schedule-box-text h5 {
					text-align: center;
					font-size: 32px;
				}
				#schedule-box-text hr {
					background-color: #01613B;
					border-radius: 1.5px;
					width: 12%;
					height: 2px;
				}
				#schedule-box-text p {
					font-size: 18px;
				}
			}
			@media screen and (max-width: 550px) {
				#schedule-box {
					width: 80%;
					height: 480px;
					margin: 0% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -450px;
					left: 40%;
				}
			}
			@media screen and (max-width: 500px) {
				#schedule-box {
					width: 80%;
					height: 430px;
					margin: 0% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -400px;
					left: 37%;
				}
			}
			@media screen and (max-width: 470px) {
				#schedule-box {
					width: 80%;
					height: 400px;
					margin: 0% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -370px;
					left: 37%;
				}
			}
			@media screen and (max-width: 450px) {
				#schedule-box {
					width: 80%;
					height: 380px;
					margin: 10% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -360px;
					left: 37%;
				}
			}
			@media screen and (max-width: 420px) {
				#schedule-box {
					width: 80%;
					height: 360px;
					margin: 8% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -330px;
					left: 37%;
				}
			}
			@media screen and (max-width: 400px) {
				#schedule-box {
					width: 80%;
					height: 350px;
					margin: 2% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -445px;
					left: 37%;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -650px;
					left: 40%;
				}
				#flow-img p {
					text-align: center;
					font-size: 36px;
				}
			}
			@media screen and (max-width: 380px) {
				#schedule-box {
					width: 80%;
					height: 320px;
					margin: 0% auto;
				}
				#flow-img {
					width: 100px;
					height: 100px;
					background-color: #01613B;
					position: relative;
					top: -450px;
					left: 37%;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -280px;
					left: 40%;
				}
				#flow-img p {
					text-align: center;
					font-size: 36px;
				}
			}
			@media screen and (max-width: 350px) {
				#schedule-box {
					width: 80%;
					height: 300px;
					margin: 0% auto;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -260px;
					left: 40%;
				}
			}
			@media screen and (max-width: 340px) {
				#schedule-box {
					width: 80%;
					height: 250px;
					margin: 0% auto;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -240px;
					left: 37%;
				}
			}
			@media screen and (max-width: 300px) {
				#schedule-box {
					width: 80%;
					height: 250px;
					margin: 0% auto;
				}
				#flow-img {
					width: 60px;
					height: 60px;
					background-color: #01613B;
					position: relative;
					top: -220px;
					left: 37%;
				}
			}