@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400,500,700|Raleway:400,500,600|Roboto:400,500,900&display=swap);

.benefitArea {
	position: relative;
	padding: 115px 0 85px;
	background-color: #2378c0;
	background-repeat: no-repeat;
	background-image: url(../images/productBg.png);
	background-size: cover;
	text-align: center
}
.benefitArea .subTitle {
	font-size: 15px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	color: #fff
}
.benefitArea .title {
	font-size: 36px;
	font-weight: normal;
	font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
	color: #fff
}
.benefitList {
	padding: 60px 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}
.benefitList li {
	padding: 15px;
	width: 20%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.benefitList li:hover .item {
	-webkit-box-shadow: 0px 12px 12px 5px rgba(80, 80, 80, 0.35);
	box-shadow: 0px 12px 12px 5px rgba(80, 80, 80, 0.35)
}
.benefitList li:hover h3 {
	color: #2378c0
}
.benefitList li:hover h3 a {
	color: #2378c0
}
.benefitList li:nth-of-type(5n+1) .Img:before {
	top: 5px;
	left: 20px
}
.benefitList li:nth-of-type(5n+2) .Img:before {
	top: 6px;
	left: 15px
}
.benefitList li:nth-of-type(5n+3) .Img:before {
	top: 6px;
	left: -12px
}
.benefitList li:nth-of-type(5n+4) .Img:before {
	top: 9px;
	left: 28px
}
.benefitList li:nth-of-type(5n) .Img:before {
	top: 2px;
	left: -10px
}
.benefitList .item {
	padding: 50px;
	/*height: 460px;*/
	background-color: #fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.benefitList .Img {
	position: relative;
	display: inline-block
}
.benefitList .Img:before {
	content: "";
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fcdf85
}
.benefitList .Img img {
	position: relative;
	display: block;
	width: 100%;
	z-index: 1
}
.benefitList .Txt {
	font-size: 15px;
	font-weight: 300;
	font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
	color: #454545;
	line-height: 2.5
}
.benefitList h3 {
	margin-top: 10px;
	font-size: 24px;
	font-weight: normal;
	font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
	color: #111111;
	line-height: 2;
	-webkit-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease
}
.benefitList h3 a {
	font-size: 24px;
	font-weight: normal;
	font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
	color: #111111
}
.benefitList .title {
	line-height: 1
}
.benefitList .enTitle {
	margin-bottom: 30px;
	font-size: 14px;
	font-weight: 500;
	font-family: "Raleway", sans-serif;
	color: #999999;
	line-height: 1
}