@charset "utf-8";
@import url(_banner.css);

#banner-pic {
	background-image: url(../images/banner-about.jpg);
}
.session-title-bottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #959595;
}
#about-pic {
	margin-right: auto;
	margin-left: auto;
	max-width: 890px;
	min-width: 320px;
	padding-top: 20px;
}
#about-pic img {
	height: auto;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#about-title {
	font-size: 30px;
	text-align: center;
	padding-top: 100px;
	padding-bottom: 50px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	max-width: 700px;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 80px;
}
#session-1 p {
	font-size: 18px;
	text-align: center;
	max-width: 700px;
	min-width: 320px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.8;
	margin-bottom: 20px;
}
#singup  {
	text-align: right;
	display: block;
	float: right;
	margin: 100px;
	width: 40%;
}

/* ==平板電腦====================================== */
@media screen and (min-width: 640px) and (max-width: 969px) {
	
	#about-title {
		max-width: 90%;
		min-width: 90%;
	}

	#session-1 p {
		max-width: 90%;
		min-width: 90%;
		text-align: center;
	}

	#singup  {
		text-align: right;
		float: right;
		margin: 50px;
		width: 60%;
	}	
}

/* ==手機電腦====================================== */
@media screen and (max-width: 639px) {

	#about-title {
		max-width: 95%;
		min-width: 95%;
		font-size: 26px;
	}

	#session-1 p {
		max-width: 90%;
		min-width: 90%;
		text-align: left;
	}

	#singup  {
		float: right;
		margin: 20px;
		width: 70%;
	}	


}