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

.navLR{	margin:60px 20px;}

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

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

@media screen and (max-width: 500px){
	.logo{
		width: 90%;
	}
	.img100{width: 90%;}
	.mobile100{width: 50%;}
	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: 20px; line-height: 26px; height: auto; width: 100%; margin: 0 auto;}
	.telcontact{font-size: 40px; line-height: 40px;}
}