/* banner */
#mobile {
	height: 220px;
	width: 100%;
	background-position: 50% 50%!important;
	background-size: cover!important;
	position: relative;
}
#mobile div {
	position: absolute;
	top: 20%;
	width: 100%;
}
#mobile h1, #mobile h2 {
	width: 100%;
	text-align: center;
	color: rgb(181, 139, 114);
	font-family: SimHei;
}
#mobile h1 {
	font-size: 3.2em;
	line-height: 1.4;
}
#mobile h2 {
	font-size: 1.1em;
}
#mybanner {
	height: 280px;
	width: 100%;
  background-position: 50% 50% !important;
  cursor: pointer !important;
  background-size: cover !important;
	position: relative !important;
}
#mybanner div {
	position: absolute;
	top: 20%;
	width: 100%;
}
#mybanner h1, #mybanner h2 {
	width: 100%;
	text-align: center;
	color: rgb(181, 139, 114);
	font-family: SimHei;
}
#mybanner h1 {
	font-size: 3.2em;
	line-height: 1.4;
}
#mybanner h2 {
	font-size: 1.1em;
}

#title {
	max-width: 677px;
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
}

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

#title h2 {
	font-size: 14px;
}

#content {
	max-width: 677px;
	/* width: 70vw; */
	margin: 0 auto;
	margin-top: 50px;
}

#content img {
	display: block;
	max-width: 100%;
	margin: auto;
}

#content p {
	width: 100%;
}

@media (max-width:767px) {
	#content {
		padding: calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));
		margin-top: 0;
	}

	#title {
		margin-top: 0;
		padding: calc(20px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 12px calc(16px + env(safe-area-inset-left));
	}

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

	#title h2 {
		font-size: 14px;
	}

  #mybanner {
		height: 220px;
  }
  #mybanner h1 {
  font-size: 2em;
  line-height: 1.4;
}
#mybanner h2 {
  font-size: 1em;
}
  
}