@charset "utf-8";
@import url(../o_template_style.css);
@import url(../../left_menu/none_left.css);
@import url(../../../tplate-10/css/service/service.css);

#content-area {
	padding-top: 50px;
	padding-bottom: 50px;
	width: 80%;
	margin-right: 10%;
	margin-left: 10%;
}

#service-img {
	width: 100%;
	height: 0px;
	padding-bottom: 68%;
	background-image: url(../../images/service.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;	
}
.test {}
/* ==平板電腦====================================== */
@media screen and (min-width: 640px) and (max-width: 969px) {

	#content-area {
		width: 90%;
		margin-right: 5%;
		margin-left: 5%;
	}

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

	#content-area {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 94%;
		margin-right: 3%;
		margin-left: 3%;
	}

	#service-img {
		padding-bottom: 156%;
		background-image: url(../../images/service-m.jpg);
	}

}