/*---------------------------------------------*/

#container { position:fixed; padding:0; width:100%; height:100%; overflow:hidden; display:table; text-align:center}
#INcontainer {width:100%; height:100%; display:inline-block}

.wrap { position:relative; margin:0 auto; padding:0; width:940px; display:table-cell; vertical-align:middle}

.content {position:relative; width:940px; display:inline-block; background:#fff; height:540px; max-height:540px;
border-radius: 30px ;-moz-border-radius: 30px;-webkit-border-radius: 30px;}

#container >wrap {display:table-cell}

.clear {width:100%; overflow:hidden}
/*==========================================
Header
==========================================*/

#header  {width:100%; margin-top:20px; display:inline-block}

#header #langNav {float:right; margin-right:20px;}
#header #langNav li{float:left; font-size:14px; font-weight:700; padding:0 6px; border-right:1px solid #1763af}
#header #langNav li:nth-child(1) {border:none}
#header #langNav li:nth-child(1) img {margin-top:-3px;}
#header #langNav li:nth-child(2) {border:none}
#header #langNav li:nth-child(2) img {margin-top:-3px;}
#header #langNav li:nth-child(3) {border:none}
#header #langNav li:nth-child(3) img {margin-top:-3px;}
#header #langNav li:nth-last-child(1) {padding-right:20px; border:none}
#header #langNav li a {color:#aaa}
#header #langNav li a:hover , #header #langNav li a.current {color:#1763af}
#header #wechat {display:none; position:absolute; top:10%; right:4%; border:1px solid #ccc; padding:20px; background:#fff; z-index:999}
#header #wechat div {width:210px; float:left; font-size:15px; font-weight:bold; color:#215faa; line-height:18px; text-align:center;}
#header #wechat img {width:200px;}
#header #wechat .close {display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('../images/closebtn.png')}



/*==========================================
Home
==========================================*/
#home, #mainNav, #brandNav, #home #lbsLogo, #home #paragraph, #floatImage, #home #langNav {opacity:0; filter:alpha(opacity=0)}
#home {
	position:relative; vertical-align:middle; left:0px; /*top:270px;*/ width:0; height:0; 
}

#mainNav {margin:35px auto 0 auto; width:830px; text-align:center}
#mainNav li{
float:left; width:125px; height:60px; background:#1763af; box-shadow:2px 2px 1px #2e3191; margin:0 50px 20px 0; display:table; transition-duration:0.5s;-webkit-transition-duration: 0.5s;}
#mainNav li a {display:table-cell; font-size:14px; font-weight:700; color:#fff; line-height:16px; text-align:center; vertical-align:middle;}
#mainNav li:nth-child(5) {margin-right:0px;}
/*
#mainNav li:hover {
	-o-transform: scale(1.25, 1.25);
	-moz-transform: scale(1.25, 1.25);
	-ms-transform: scale(1.25, 1.25);
	-webkit-transform: scale(1.25, 1.25);
	transform: scale(1.25, 1.25);
	font-size:17.5px;
	}
	*/

#home #lbsLogo {margin:20px 0 0 0; display:inline-block; width:100%; text-align:center}

#home p {width:100%; overflow:hidden; text-align:center; font-size:18px; font-weight:bold; color:#000; margin:30px 0;}


#home #brandNav {width:100%; overflow:hidden; text-align:center; clear:both; margin-top:60px}
#home #brandNav li {display:inline-block; font-size:13px; font-weight:700; line-height:85px; text-align:center; margin-right:25px; transition-duration:0.5s;-webkit-transition-duration: 0.5s;}
#home #brandNav li:nth-last-child(1) {margin-right:0px}
#home #brandNav li img{max-height:85px;}
#home #brandNav li a {color:#000; font-weight:700;}
#home #brandNav.updated li {width:110px; height:85px; max-height:auto; margin:0 25px}
#home #brandNav.updated li:nth-last-child(1) {margin-right:25px}
/*
#home #brandNav li:hover {
-o-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-webkit-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
font-size:15px;
}
/*

/*for animate*/
#header #langNav {position:relative; right:20px} 
#home #lbsLogo {position:relative; bottom:20px} 
#home #paragraph {position:relative; right:20px} 
#home #brandNav {position:relative; bottom:40px} 
#mainNav {position:relative; bottom:20px} 
/*--------------*/

.floatImage {display:none; position:absolute; width:0; height:0; top:300px; left:130px;}
/*==========================================
AboutUs
==========================================*/

#about .Main {margin:20px 30px 20px 30px; max-height:425px; overflow:hidden; position:absolute}
#about .Main p {float:right; width:670px; font-size:13px; font-weight:700; line-height:24px; margin:10px 30px 30px 0; text-align:justify}
#about .Main .brand {float:left; width:150px;}
#about .Main .brand img {width:100%; vertical-align:middle}
#about .clear {margin-bottom:30px}
/*==========================================
Contact Us
==========================================*/
#contact .Main {margin:20px 30px 20px 30px; max-height:425px; min-width:880px; overflow:hidden; position:absolute; text-align:left}
#contact h2 {font-size:18px; color:#000; font-weight:700; margin-bottom:10px }
#contact table.connection {width:100%; font-size:14px; font-weight:700; line-height:25px; margin-bottom:20px; overflow:hidden}
/*#contact table.connection tr:nth-child(1) td {color:#000}*/
#contact table.connection td:nth-child(1) {width:70px; color:#1763af}
#contact table.connection td.big {font-size:16px}
#contact table.connection td {color:#000}
#contact table.connection td a {color:#000}
#contact table.connection td a:hover {color:#1763af}
#contact #map img{margin-top:15px;}

/*==========================================
**Others
==========================================*/
#objective .Main {margin:20px 30px 20px 30px; max-height:425px; width:880px; overflow:hidden; position:absolute}
#faith .Main {margin:20px 30px 20px 30px; max-height:425px; width:880px; overflow:hidden; position:absolute}
#faith .Main a {font-size:14px; color:#1763af}