/***關於肯尚***/
.bonVivant_first{
	position: relative;
	background-color: #7f6b98!important;
	background-position: center;
  -webkit-background-size: 100%;
  -webkit-background-size: cover;
  -moz-background-size: 100%;
  -moz-background-size: cover;
  background-size: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  /*padding-bottom:28%;*/
  height:720px;
}
.bonVivantOuterLayer{
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
	/*width: 80%;*/
	width: 1080px;
}
.bonvivant_img{
	height:250px;
	padding-top:11.5%;
	-webkit-animation: fadeIn 1s 1 cubic-bezier(.77,0,.175,1);
	-moz-animation: fadeIn 1s 1 cubic-bezier(.77,0,.175,1);
	-o-animation: fadeIn 1s 1 cubic-bezier(.77,0,.175,1);
	animation: fadeIn 1s 1 cubic-bezier(.77,0,.175,1);
}
.bonVivantContent{
	float: left;
  position: relative;
  z-index: 9;
  background-position: center;
  background-size: cover;
  mix-blend-mode: unset!important;
  width: 100%;
}
.bonvivant_text_1{
	font-size:3.5em;
	color:#ffffff;
	padding-top:2%;
}
.bonvivant_text_2{
	font-size:1.1em;
	color:#ffffff;
	padding-top:5%;
}
.bonvivant_report{
	background-image: url(../images/test_report_01.jpg)!important;
	/*padding-bottom: 25.8%;*/
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:480px;
}
.bonvivant_report_content{
	position:absolute;
	bottom:25%;
	left:10%;
	width: 1080px;
	text-align:left;
	letter-spacing:1px;
}
.bonvivant_report_title{
	color:#9085bf;
	font-size:2.6em;
	padding-bottom:5%;
}
.bonvivant_report_text{
	width:100%;
	font-size:1.3em;
	line-height:1.7em;
}
.bonvivant_tired{
	background-image: url(../images/yawn_girl.jpg)!important;
	/*padding-bottom: 26.8%;*/
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	height:560px;
}
.bonvivant_tired_content{
	color:#ffffff;
	position:absolute;
	top:35%;
	right:10%;
	text-align:left;
}
.bonvivant_tired_title{
	font-size:2.6em;
	padding-bottom:5%;
}
.bonvivant_tired_text{
	font-size:1.2em;
	line-height:1.7em;
}
.bonvivant_slogan{
 background-color:#ffffff;
}
.bonvivant_slogan_content{
	padding-top:10%;
	padding-bottom:5%;
	width:1080px;
}
.bonvivant_slogan_title{
	color:#9085bf;
	font-size:2.1em;
	padding-bottom:2%;
}
.bonvivant_slogan_text{
	padding-bottom:8%;
	font-size:1.4em;
}
.bonvivant_health_solution{
	background-image: url(../images/total_solutionv2_1.png)!important;
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bonvivant_health_solutaion_content{
	padding-top:7%;
	padding-bottom:10%;
	position:relative;
	width:1080px;
}
.bonvivant_health_solutaion_title{
	font-size:3.5em;
	padding-bottom:1.3%;
}
.bonvivant_health_solutaion_text_1{
	font-size:1.5em;
	padding-bottom:2%;
}
.bonvivant_health_solutaion_text_2{
	font-size:1.5em;
	line-height:1.7em;
	padding-bottom:10%;
}
.bonvivant_health_solutaion_btn_div{
	margin-top:40%;
}
.bonvivant_health_solutaion_btn{
	background-color:#ffffff;
	color:#7f6b98!important;
	padding:2% 2.5% 2% 2.5%;
	border-radius:5px;
	letter-spacing:1px;
	cursor:pointer;
}
.bonvivant_health_solutaion_btn:hover{
	background-color:#efefef;
}
.bonvivant_health_solutaion_btn a{
	color:#7f6b98;
	text-decoration: none;
}
.bonvivant_health_solutaion_btn a:hover{
	cursor:pointer;
}
.bonvivant_personal_health{
	background-color: #f7f8fa!important;
	border-bottom: 1px solid #D7DCE1;
}
.bonvivant_personal_health_content{
	padding-top:6%;
	position:relative;
}
.bonvivant_personal_health_text_1{
	color:#909394!important;
	font-size:1.6em;
	padding-bottom:1.7%;
}
.bonvivant_personal_health_title{
	font-size:3.5em;
	padding-bottom:1.7%;
}
.bonvivant_personal_health_text_2{
	color:#5b666d!important;
	font-size:1.5em;
	padding-bottom:5%;
	line-height:1.5em;
}
.bonvivant_personal_health_img{
	padding-bottom:5%;
	width:80%;
}
.bonvivant_newLife{
	background-image: linear-gradient(180deg,rgba(241,235,228,0.07) 0%,#f1ebe4 100%)!important;
}
.bonvivant_newLife_btn{
	background-color:#ffffff;
	color:#7f6b98!important;
	padding:1.5%;
	border-radius:5px;
	letter-spacing:1px;
	cursor:pointer;
}
.bonvivant_newLife_btn:hover{
	background-color:#F6F6E5;
}
.bonvivant_newLife_btn a{
	color:#7f6b98;
	text-decoration: none;
}
.bonvivant_newLife_btn a:hover{
	cursor:pointer;
}
.bonvivant_newLife_content{
	padding-top:6%;
	position:relative;
	padding-bottom:5%;
}
.bonvivant_newLife_text_2{
	color:#5b666d!important;
	font-size:1.5em;
	padding-bottom:1%;
	line-height:1.5em;
	width:40%;
}
.bonvivant_expert{
	background-image: url(../images/bg_footer.jpg)!important;
	position:relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.bonvivant_expert_content{
	color:#ffffff;
	position:relative;
	padding-top:6%;
	padding-bottom:6%;
	width:1080px;
}
.bonvivant_expert_text_1{
	color: #e3daef!important;
	font-size:1.6em;
	margin-bottom:1%;
}
.bonvivant_expert_title{
	font-size:3.5em;
	margin-bottom:1%;
}
.bonvivant_expert_text_2{
	font-size:1.5em;
	margin-bottom:2%;
	/*width:41%;*/
	width:780px;
	line-height:1.5em;
}
.bonvivant_expert_btn_div{
	padding-top:2%;	
}
.bonvivant_expert_btn{
	background-color:#1fbacd;
	color:#ffffff!important;
	padding:2% 2.5% 2% 2.5%;
	border-radius:4px;
	font-size:0.9em;
	letter-spacing:1px;
	text-decoration: none;
	cursor:pointer;
}
.bonvivant_expert_btn:hover{
	background-color:#36D3E7;
	cursor:pointer;
}
.bonvivant_expert_btn a{
	color:#ffffff;
	text-decoration: none;
}
.bonvivant_expert_btn a:hover{
	cursor:pointer;
}

@media screen and (max-width: 1280px){/*小於 1280 (不含)*/
	.bonVivantOuterLayer{
		width: 80%;
	}
	.bonvivant_report_content{
		width: 80%;
	}
	.bonvivant_slogan_content{
		width: 80%;
	}
	.bonvivant_health_solutaion_content{
		width: 80%;
	}
	.bonvivant_expert_content{
		width: 80%;
	}
}
@media screen and (max-device-width: 1280px){/*裝置小於 1280 (不含)*/
	.bonVivantOuterLayer{
		width: 80%;
	}
	.bonvivant_report_content{
		width: 80%;
	}
	.bonvivant_tired_content{
		top:35%;
		right:5%;
	}
	.bonvivant_slogan_content{
		width: 80%;
	}
	.bonvivant_health_solutaion_content{
		width: 80%;
	}
	.bonvivant_expert_content{
		width: 80%;
	}
	.bonvivant_health_solutaion_btn{
		font-size:1.5em;
	}
	.bonvivant_newLife_btn{
		font-size:1.5em;
	}
	.bonvivant_expert_btn{
		font-size:1.5em;
	}
	.bonvivant_tired_text{
	font-size:1.7em;
}
	.bonvivant_report_text{
	font-size:1.5em;
}
}
@media screen and (max-device-width: 768px){
	.bonvivant_newLife_text_2{
		width:80%;
	}
	.bonvivant_expert_title{
		font-size:3em;
	}
	.bonvivant_expert_text_2{
		width:80%;
	}
}
@media screen and (max-device-width: 640px){
	.bonVivant_first{
	  height:1000px;
	}
	.bonVivantOuterLayer{
		padding-top: 200px;
		padding-bottom: 60px;
	}
	.bonvivant_img{
		padding-top:20%;
	}
	.bonvivant_img img{
		
	}
	.bonvivant_text_1{
		font-size:4em;
	}
	.bonvivant_text_2{
		font-size:2.5em;
	}
	.bonvivant_report{
		height:800px;
	}
	.bonvivant_report_content{
		position:absolute;
		top:25%;
		bottom:25%;
		left:10%;
		width: 80%;
		letter-spacing:1px;
	}
	.bonvivant_report_title{
		font-size:5em;
	}
	.bonvivant_report_text{
		font-size:3em;
	}
	.bonvivant_tired{
		height:800px;
	}
	.bonvivant_tired_content{
		top:35%;
		right:25%;
	}
	.bonvivant_tired_title{
		font-size:5em;
		padding-bottom:5%;
	}
	.bonvivant_tired_text{
		font-size:3em;
		line-height:1.7em;
	}
	.bonvivant_slogan{
		height:800px;
	}
	.bonvivant_slogan_title{
		font-size:4.3em;
	}
	.bonvivant_slogan_text{
		padding-top:3%;
		padding-bottom:8%;
		font-size:2.5em;
	}
	.bonvivant_health_solutaion_text_1{
		font-size:2.5em;
		padding-bottom:2%;
	}
	.bonvivant_health_solutaion_title{
		font-size:3.5em;
	}
	.bonvivant_health_solutaion_text_2{
		font-size:2em;
	}
	.bonvivant_health_solutaion_btn{
		font-size:4em;
	}
	.bonvivant_newLife_text_2{
		width:80%;
		font-size:2.5em;
		padding-bottom:5%;
	}
	.bonvivant_newLife_btn{
		font-size:4em;
	}
	.bonvivant_expert{
		height:800px;
	}
	.bonvivant_expert_content{
		padding-top:15%;
	}
	.bonvivant_expert_text_1{
		font-size:2.5em;
	}
	.bonvivant_expert_title{
		font-size:3.5em;
	}
	.bonvivant_expert_text_2{
		font-size:2.7em;
	}
	.bonvivant_expert_btn{
		font-size:4em;
	}
}
/***end 關於肯尚***/