@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2015.12.23;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
/*--------------------主視覺--------------------*/
.Banner {
	background: #45c8ab;
	padding: 2.125em 4.6875%;/*34px/16 15px/320*100*/
	margin:-0.625em -4.6875% 0;/*15/16*/
}
.Banner > .ImgBox {
	height: 147px;
	margin: 0 auto 1.625em;/*0 auto 26px/16px*/
	width: 190px;
}
.BannerInfo > .Title, .BannerInfo > .SubTitle {
	font-weight: bold;
	text-align: center;
}
.BannerInfo > .Title {
	color: #fff;
	font-size: 1.9375em;/*31px/16px*/
	margin: 0 auto 2px;
	text-shadow: 3px 5px 0px rgba(0,0,0,0.2);
}
.BannerInfo > .SubTitle {
	color: #ffe600;
	font-size: 1.0625em;/*17px/16px*/
	margin: 0 auto 0.6471em;/*0 auto 11/17*/
	line-height: 1.2;
}
.BannerInfo > .Desc {
	color: #fff;
	line-height: 1.5;
	margin: 0 auto 1.25em;/*0 auto 20px/16px*/
	width: 274px;
}
.BannerInfo > .Desc > strong {
	display: block;
}
.BannerInfo > .Desc > br {
	display: none;
}
/*聯絡表單--表單名稱*/
.Box.BoxContact > .BoxTitle{
	display: none;
}
/*如果使用者之視窗寬度>=568px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 568px) {
	/*--------------------主視覺--------------------*/
	.Banner > .ImgBox {
		display: inline-block;
		vertical-align: middle;
		margin: 0 auto 1.625em;/*0 auto 26px/16px*/
	}
	/*--------------------主視覺--------------------*/
	.Banner {
		text-align: center;
	}
	.Banner > .ImgBox {
		display: inline-block;
		vertical-align: middle;
		margin: 0 1.875em 0 0;/*0 30px/16px 0 0*/
	}
	.BannerInfo {
		display: inline-block;
		text-align: left;
		vertical-align: middle;
		margin: 0;/*0 auto 20px/16px*/
	}
	.BannerInfo > .Title {
		text-align: left;
	}
	.BannerInfo > .SubTitle {
		text-align: left;
	}

}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*--------------------主視覺--------------------*/
	.Banner {
		margin: -1.625em -4.1% 0px;/*26/16 */
		padding: 7.5em 4.6875%;/*120px/16px */
	}
	.Banner > .ImgBox {
		height: 185px;
		margin: 0 0.5em 0.5em 0;/*0 8px/16px 8px/16px 0*/
		width: 238px;
	}
	.BannerInfo {
		max-width: 450px;
	}
	.BannerInfo > .Title {
		font-size: 2.875em;/*46px/16px*/
		margin: 0;
		text-align: left;
	}
	.BannerInfo > .SubTitle {
		font-size: 1.75em;/*28px/16px*/
		margin: 0 0 6px;
		text-align: left;
	}
	.BannerInfo > .Desc {
		line-height: 1.5625;
		margin: 0 auto 1.125em;/*0 auto 18px/16px*/
		width: inherit;
	}
	.BannerInfo > .Desc > br {
		display: block;
	}

	/*聯絡表單--左側欄位(名稱)*/
	.Box.BoxContact > .BoxBody > .Row > label {
		width: 70px;/*63/646*/
	}
	/*聯絡表單-右側欄位*/
	.Box > .BoxBody > .Row > .FillIn{
		padding: 0 0 0 100px;
		/*width: 550px;547/646*/
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	/*--------------------主視覺--------------------*/
	.Banner {
		margin: -25px -100% 0px;
		padding: 5.93em 0;/*95px/16px */
	}
	.Banner > .ImgBox {
		height: 174px;
		margin: 0 1em 2.5em 0;/*0 16px/16px 40px/16px 0*/
		width: 263px;
	}
	.BannerInfo {
		max-width: 666px;
	}
	.BannerInfo > .Title {
		font-size: 3.875em;/*62px/16px*/
	}
	.BannerInfo > .SubTitle {
		font-size: 2.625em;/*42px/16px*/
		margin: 0 0 6px;
	}
	.BannerInfo > .Desc {
		font-size: 1.25em;/*20px/16px*/
		line-height: 1.5;
		margin: 0 auto 1.125em;/*0 auto 18px/16px*/
		width: inherit;
	}
	.BannerInfo > .Desc > br {
		display: block;
	}
}