@charset "utf-8";
.left-auto{
	margin-left: auto; 
	margin-right: auto;
}
.img-max{
	width: 100%; 
	max-width:510px; 
	max-height:160px;
}
.app-text{
	line-height: 24px; 
	margin-top: 30px; 
	font-size: 14px; 
	color: #6b6b6b;
}
.apptext-title{
	 padding-right: 15px; 
	 color: #6b6b6b;
}
.margin-25{
	margin-top:25px
}
.app-blue{
	color:#005b96;
}
.img-ma{
	width: 100%; 
	max-width:355px; 
	max-height:355px;
}
.s-y-s{
	text-align:center;  
	font-size: 14px; 
	color: #6b6b6b;
	margin-top: 10px
}
.click-icon{
	text-align:center;  
	font-size: 14px; 
	color: #6b6b6b; 
	margin-top: 10px
}
#bottomNav {
	display: none;
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 38px;
	background: rgba(0, 75, 122, 0.9);
	z-index: 20000;
	margin-top: 40px;
}
#bottomNav div {
	width:33.3%;
	height: 38px;
	padding-top: 5px;
	float: left;
	text-align: center;
	z-index: 20000;
	border-right: 1px #4d8eab solid;
}
#bottomNav div img {
	height: 30px;
}
.left-2{
	margin-left:3em;
}
.left{
	float:left;
}
.text-txt{
	position: absolute; 
	margin-left: 25%; 
	margin-top: 50%; 
	width: 55%;
}
.text-indent{ 
  text-indent:2em;
}
.table-left{
	text-align:left;
}
.table-right{
	text-align:right;
}
.table-center{
	text-align:center;
}
.relative-none{
	position: relative; display: none
}
.absolute-none{
	position: absolute; display: none
}
.absolute-100{
	position: absolute; width: 100%;
}
.margin-5{
	margin-top:4.5em;
}
.margin-4{
	margin-top:4em;
}
.margin-3{
	margin-top:3em;
}
.margin-2{
	margin-top:2em;
}
.margin-1{
	margin-top:1em;
}
.ifooter{
	height: 32px;
	line-height:35px;
}
.a-font{
	color:#fff;
	font-size:0.7em;
}
.left{
	float: left;
}
.right{
	float: right;
}
.row-buffer-top-5 {
	margin-top: 5px;
}
.row-buffer-top-10 {
	margin-top: 10px;
}
.row-buffer-top-20 {
	margin-top: 20px;
}
.row-buffer-top-30 {
	margin-top: 30px;
}
.row-buffer-top-40 {
	margin-top: 40px;
}
.row-buffer-top-50 {
	margin-top: 50px;
}
.plan-li{	
	position: absolute; 
	margin-left:20%;
	margin-top: 25%; 
	width: 55%;
}
.plan-li ul{	
   list-style:none;

}
.plan-li li{	
   list-style:none;

}
.title-25{
	margin-top: 25px; 
	margin-left: 20px;
}
.title-15{
	margin-top: 15px; 
	margin-left: 20px; 
	margin-right: 20px;
}
.margin-75{
	margin-left: 75px;
}
.margin-70{
	float: left; 
	margin-left: 70px;
}
.height-50{
	height: 50px;
}
.line-50{
	padding-left: 15px; 
	border-left: 1px #999999 solid; 
	height: 50px;
}
.li-20{
	float: left; 
	margin-right:20px; 
	line-height: 20px;
}
.li-text-20{
	float: left; 
	margin-right: 3px; 
	font-size: 35px; 
	line-height:20px; 
	color: #e61046; 
	padding-top:0px;
}
.td-bg{
	background: #f1e7db; 
	text-align: center; 
	font-size: 35px; 
	line-height:16px; 
	color: #006fba
}
.{
	background: #f1e7db; 
	text-align: center; 
	font-size: 35px; 
	line-height:16px; 
	color: #006fba
}
.libg-20{
	float: left; 
	margin-right: 3px; 
	font-size: 35px; 
	line-height:20px; 
	padding-top:0px;
}
.color1{
	color: #e61046;
}
.color2{
	color: #fbc422;
}
.color3{
	color: #97c72f;
}
.color4{
	color: #f19ec2;
}
.color5{
	color: #959595;
}
.color6{
	color: #64c6e6;
}
/*@font-family-base: arial;*/

@media (orientation: portrait) and (min-width: 321px) and (max-width: 767px)                         
{
	#home-img1 { background: url(../images/image01_750.jpg) no-repeat top center; 
	background-size: 100% auto;}
    #home-img2 { background: url(../images/image02_750.jpg) no-repeat top center; 
	background-size: 100% auto; }	
    #home-img3 { background: url(../images/image03_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 
	#home-img4 { background: url(../images/image04_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 
	#home-img5 { background: url(../images/image05_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 
	#home-img6{ background: url(../images/image06_750.jpg) no-repeat top center;
	background-size: 100% auto; } 	
}

@media (orientation: portrait) and (min-width: 320px) and (min-height: 501px) and (max-width: 767px)
{
	#home-img1 { background: url(../images/image01_750.jpg) no-repeat top center; 
	background-size: 100% auto; }	
	#home-img2 { background: url(../images/image02_750.jpg) no-repeat top center;
	background-size: 100% auto; } 				
	#home-img3{ background: url(../images/image03_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 
	#home-img4{ background: url(../images/image04_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 
	#home-img5{ background: url(../images/image05_750.jpg) no-repeat top center;
	background-size: 100% auto; } 	
	#home-img6{ background: url(../images/image06_750.jpg) no-repeat top center;
	background-size: 100% auto; } 	
	
	.container {
		padding-right: 15px;
		padding-left:5px;
		margin-right: auto;
		margin-left: auto;
    }
}

@media (orientation: portrait) and (max-width: 320px) and (max-height: 500px)                       
{	
	#home-img1 { background: url(../images/image01_750.jpg) no-repeat top center;
	background-size: 100% auto; }
	#home-img2 { background: url(../images/image02_750.jpg) no-repeat top center; 
	background-size: 100% auto; }
	#home-img3{ background: url(../images/image03_750.jpg) no-repeat top center; 
	background-size: 100% auto; } 	
	#home-img4{ background: url(../images/image04_750.jpg) no-repeat top center; 
	background-size: 100% auto; }
	#home-img5{ background: url(../images/image05_750.jpg) no-repeat top center; 
	background-size: 100% auto; } }
	#home-img6{ background: url(../images/image06_750.jpg) no-repeat top center;
	background-size: 100% auto; } 		
	.container {
		padding-right: 15px;
		padding-left:5px;
		margin-right: auto;
		margin-left: auto;
    }
	.slide h1.english {
		font-family: 'GillSans-Light';
		font-size: 37px;
		margin-left:15px;
		margin-top:15px;
		margin-bottom: 0px;
	}
	.slide h1.chinese {
		font-size: 28px;
		font-weight: bold;
		letter-spacing: 0px;
		margin-left:12px;
		margin-top: 5px;
		margin-bottom: 0px;
	}
}

@media (min-width: 768px) {
	
	#home-img1 { 
	background: url(../images/image01_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	} 	
	
	#home-img2 { 
	background: url(../images/image02_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	} 
	
	#home-img3 { background: url(../images/image03_1920.jpg) no-repeat top center;
	background-size: auto 100%; 
	} 	
	
	#home-img4 { background: url(../images/image04_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	} 
	
	#home-img5 { background: url(../images/image05_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	}	
	#home-img6 { background: url(../images/image06_1920.jpg) no-repeat top center; 
	background-size: auto 100%; }
 	

	#slide-one {
	background: url(../images/image1_1920.gif) no-repeat top center;
	background-size: auto 100%;
	}
	#slide-two {
	background: url(../images/image2_1920.gif) no-repeat top center;
	background-size: auto 100%;
	}
	#slide-three {
		background: url(../images/image3_1920.gif) no-repeat top center;
		background-size: auto 100%;
	}	
	#slide-one {
		cursor: pointer;
	}

}
@media (orientation: landscape) {
	#home-img1 { background: url(../images/image01_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	} 
	
	#home-img2 { background:url(../images/image02_1920.jpg) no-repeat top center;
	background-size: auto 100%; 
	} 	

	#home-img3 { background: url(../images/image03_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	} 
	#home-img4{ background: url(../images/image04_1920.jpg) no-repeat top center; 
	background-size: auto 100%;
	}	
    #home-img5{ background: url(../images/image05_1920.jpg) no-repeat top center; 
	background-size: auto 100%; 
	}	
	#home-img6 { background: url(../images/image06_1920.jpg) no-repeat top center; 
	background-size: auto 100%; }	
	
	#slide-one {
	background: url(../images/images1_1920.gif) no-repeat top center;
	background-size: auto 100%;
	}
	#slide-two {
	background: url(../images/images2_1920.gif) no-repeat top center;
	background-size: auto 100%;
	}
	#slide-three {
	background: url(../images/images3_1920.gif) no-repeat top center;
	background-size: auto 100%;
    }	
	#home-one { 
	background: url(images/image01_1970.gif) no-repeat top center; 
	background-size: auto 100%; 
	}
	.container {
		padding-right: 15px;
		padding-left:5px;
		margin-right: auto;
		margin-left: auto;
    }

}
@media (orientation: portrait) and (max-width: 767px) {
	#slide-one {
	background: url(../images/images1_750.gif) no-repeat top center;
	background-size: 100% auto !important;
	}
	#slide-two {
	background: url(../images/images2_750.gif) no-repeat top center;
	background-size: 100% auto !important;
	}
	#slide-three {
	background: url(../images/images3_750.gif) no-repeat top center;
	background-size: 100% auto !important;
    }	
	#slide-two {
		cursor: pointer;
	}

	#slide-three {
		cursor: pointer;
	}	
}