@charset "utf-8";
/*******************************************************************************
 * Version 1.0 Release 2015.12.23;
 * Copyright 2015, "ryan"<ryan@dotmore.com.tw>. All rights reserved.
 ******************************************************************************/
/*--------------------主視覺--------------------*/
.Banner {
	background: #45c8ab;
}
.Banner > .ImgBox {
	height: 145px;
	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);
}
/*bloggerAds圖*/
.BannerInfo > .Title > .TitleBloggerAds{
	display: block;
	width: 260px;
	height: 62px;
	position: relative;
	overflow: hidden;
	text-indent: -99999999px;
	margin: 0 auto;
}
/*bloggerAds圖*/
.BannerInfo > .Title > .TitleBloggerAds > img{
	position: absolute;
	left: 0;
	top: 0;
	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*/
}
.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;
}
/*如果使用者之視窗寬度>=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*/
	}
}
/*如果使用者之視窗寬度>=768px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 768px) {
	/*--------------------主視覺--------------------*/
	.Banner > .ImgBox {
		height: 187px;
		margin: 0 0.5em 0.5em 0;/*0 8px/16px 8px/16px 0*/
		width: 237px;
	}
	.BannerInfo {
		max-width: 450px;
	}
	.BannerInfo > .Title {
		font-size: 2.875em;/*46px/16px*/
		margin: 0;
		text-align: left;
	}
	/*bloggerAds圖*/
	.BannerInfo > .Title > .TitleBloggerAds{
		display: inline-block;
		margin: 0 0 0 10px;
    	vertical-align: middle;
	}
	.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;
	}
}
/*如果使用者之視窗寬度>=1024px，將會再載入這裡的 CSS。*/
@media screen and (min-width: 1024px) {
	/*--------------------主視覺--------------------*/
	.Banner > .ImgBox {
		height: 189px;
		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;
	}
}