@charset "utf-8";
/* CSS Document */

.navLR{	margin:60px 15px;}
	.navT{ height: 16px;}

@media screen and (max-width: 991px){
	.show-tablet{display:inherit}
	.hide-tablet,.hide-tablet2{display:none;}
	
	#boxBgWhite{
		width: 100%;
		padding: 0px 0 0 0;
		margin-bottom: 30px;
	}
	.tablet100{	width: 100%;}
	.linefooter{width: 100%;}
	.navLR{	margin:40px 10px;}
	.navT{ height: 12px;}
	h1.inner{ padding: 40px 0 0 0;}
	#h1bg{	height: 200px;}
	h3{	font-size:14px;}
	
	
	.bgPackage1, .bgPackage2, .bgPackage3, .bgPackage4, .bgPackage5{ height: 300px;}
	.bgWhite{font-size: 20px; line-height: 26px; height: auto; width: 392px; margin: 0 auto;}
	
}

@media screen and (max-width: 767px){
	body{ font-size: 14px; line-height: 14px;}
	.logotop{
		text-align: center;
		margin: 50px 0 0 0;
	}
	.logo{
		width: 50%;
	}	
	.hide-mobile{
		display:none;
	}
	.show-mobile, .br1{
		display:inherit;
	}
	.healthfund{font-size: 24px; line-height: 24px;}
	.btButton{font-size: 14px; margin: 0; padding: 10px 0;}
}

@media screen and (max-width: 500px){
	.logo{
		width: 90%;
	}
	.img100{width: 90%;}
	.mobile100{width: 50%;}
	.mobile100Full{width: 90%;}
	h1{	font-size:30px;	margin:5px 0 0 0;}
	h1.inner{ padding: 10px 0 0 0;}
	#h1bg{	height: 100px; margin: -20px 0 0 0;}
	h3{	font-size:12px;}
	
	#boxPhoto{	width: 100%;	margin: 0 auto;}
	.photo100{width: 100%;}
	.bgPackage1, .bgPackage2, .bgPackage3, .bgPackage4, .bgPackage5{ width: 100%; height: 300px;}
	.bgWhite{font-size: 14px; line-height: 20px; height: auto; width: 100%; margin: 0 auto;}
	.telcontact{font-size: 40px; line-height: 40px;}
	.tbmins{ font-size: 13px;}	
	.tbprice{ font-size: 16px; font-weight: bold;}
}