/* General Blueprint Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */

.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

/* body {margin:0;padding:0;font-family:'jingak', 'Áø°¢Á¾Ã¼', sans-serif; } */

body {
    font-family: "Tahoma", "SimSun", "SimHei","Microsoft YaHei", sans-serif; 
    color: #47a3da;
}

a {
	color: #f0f0f0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.container {
	position: relative;
}

.container > header,
.main section > div {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

.main section .cont{
	font-family:"Tahoma", "SimSun", "SimHei","Microsoft YaHei", sans-serif; 
	color:#565656;
}

.main section .cont {
	width: 1280px;
}

#header {
	font-family:"Tahoma", "SimSun", "SimHei","Microsoft YaHei", sans-serif; 
	color:#222121;
}
#header .nbox .navi1 {
float:left;
font-weight:bold;
margin-top:22px;
}
.top_nav .nbox {
	width: 1060px;
	margin: 0 auto;
}

#header .nbox {
	width: 520px;
	margin: 0 auto;
}

.main .sbox {
	width: 1060px;
	margin: 0 auto;
}

.main .sbox1 {
	width: 850px;
	margin: 0 auto;
	line-height:150%;
}


.main .sbox2 {
	width: 770px;
	margin: 0 auto;
	line-height:120%;
}

.cpointer {
cursor:pointer
}

.lheight120 { line-height:120%; }
.lheight130 { line-height:130%; }
.lheight140 { line-height:140%; }
.lheight150 { line-height:150%; }
.lheight160 { line-height:160%; }
.lheight170 { line-height:170%; }
.lheight180 { line-height:180%; }
.lheight190 { line-height:190%; }
.lheight200 { line-height:200%; }
.lheight220 { line-height:220%; }

.lletter1 { letter-spacing:-1px; }
.lletter2 { letter-spacing:-2px; }


.t10 { margin-top:10px; }
.t20 { margin-top:20px; }
.t30 { margin-top:30px; }
.t40 { margin-top:40px; }
.t50 { margin-top:50px; }
.t60 { margin-top:60px; }
.t70 { margin-top:70px; }
.t80 { margin-top:80px; }
.t90 { margin-top:90px; }
.t100 { margin-top:100px; }
.t110 { margin-top:110px; }
.t120 { margin-top:120px; }
.t130 { margin-top:130px; }
.t140 { margin-top:140px; }
.t150 { margin-top:150px; }
.t180 { margin-top:180px; }
.t200 { margin-top:200px; }
.t220 { margin-top:220px; }
.t250 { margin-top:250px; }
.t280 { margin-top:280px; }
.t300 { margin-top:300px; }

.pb10 { margin-bottom:10px; }
.pb20 { margin-bottom:20px; }
.pb30 { margin-bottom:30px; }
.pb40 { margin-bottom:40px; }
.pb50 { margin-bottom:50px; }
.pb60 { margin-bottom:60px; }
.pb70 { margin-bottom:70px; }
.pb80 { margin-bottom:80px; }
.pb90 { margin-bottom:90px; }
.pb100 { margin-bottom:100px; }
.pb110 { margin-bottom:110px; }
.pb120 { margin-bottom:120px; }
.pb130 { margin-bottom:130px; }
.pb140 { margin-bottom:140px; }
.pb150 { margin-bottom:150px; }
.pb180 { margin-bottom:180px; }
.pb200 { margin-bottom:200px; }
.pb220 { margin-bottom:220px; }
.pb250 { margin-bottom:250px; }
.pb280 { margin-bottom:280px; }
.pb300 { margin-bottom:300px; }

.p1 { padding-top:1px; }
.p2 { padding-top:2px; }
.p3 { padding-top:3px; }
.p4 { padding-top:4px; }
.p5 { padding-top:5px; }
.p6 { padding-top:6px; }
.p7 { padding-top:7px; }
.p8 { padding-top:8px; }
.p9 { padding-top:9px; }
.p10 { padding-top:10px; }
.p20 { padding-top:20px; }
.p25 { padding-top:25px; }
.p30 { padding-top:30px; }
.p40 { padding-top:40px; }
.p50 { padding-top:50px; }
.p60 { padding-top:60px; }
.p70 { padding-top:70px; }
.p80 { padding-top:80px; }
.p90 { padding-top:90px; }

.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr20 { padding-right:20px; }
.pr30 { padding-right:30px; }
.pr40 { padding-right:40px; }
.pr50 { padding-right:50px; }

.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl20 { padding-left:20px; }
.pl30 { padding-left:30px; }
.pl40 { padding-left:40px; }
.pl50 { padding-left:50px; }
.pl60 { padding-left:60px; }
.pl70 { padding-left:70px; }
.pl80 { padding-left:80px; }
.pl90 { padding-left:90px; }

.tright { text-align:right; }

.tcenter { text-align:center; }

.tfloat { float:left; }

.rfloat { float:right; }


.tclear { clear:both; }

.tbold { font-weight:bold; }

.line { border-top:2px solid;}

.b565656{ border-color:#565656;}
.cffffff{ color:#ffffff;}
.back393939{ background-color:#393939;}
.backffffff{ background-color:#ffffff;}
.cf8c46e {color:#f8c46e}
.bf8c46e{ border-color:#f8c46e;}
.cb8b8b8 {color:#b8b8b8} 
.cc6a264 { color:#c6a264 }
.c3b3b3b { color:#c3b3b3b }


.main .title {
    font-size:3.5em;
	font-weight:bold;
	margin-bottom:10px;
}

.main .mtitle {
    font-size:1.23em;
	font-weight:bold;
	height:40px;
}

.main .stitle {
    font-size:2em;
	font-weight:bold;
}

.main .smtitle {
    font-size:1.72em;
}

.main .xtitle {
    font-size:1.7em;
	font-weight:bold;
}

.main .d1 {
    background-color:#e8e8e8;
}
.main .d2 {
    background-color:#dfdfdf;
}
.main .d3 {
    background-color:#6c685d;
}
.main .d4 {
    background-color:#757166;
}
.main .d5 {
    background-color:#635e51;
}
.main .d6 {
    background-color:#282828;
}
.main .d7 {
    background-color:#323232;
}
.main .d8 {
    background-color:#dad8d6;
}
.main .d9 {
    background-color:#e4e2df;
}
.main .d10 {
    background-color:#dad8d6;
}
.main .d11 {
    background-color:#e4e4e4;
}
.main .d12 {
    background-color:#494848;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0 0 0.6em 0;
	float: left;
	font-weight: 400;
}

.container > header > span {
	display: block;
	position: relative;
	z-index: 9999;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header > span span:after {
	width: 30px;
	height: 30px;
	left: -12px;
	font-size: 50%;
	top: -8px;
	font-size: 75%;
	position: relative;
}

.container > header > span span:hover:before {
	content: attr(data-content);
	text-transform: none;
	text-indent: 0;
	letter-spacing: 0;
	font-weight: 300;
	font-size: 110%;
	padding: 0.8em 1em;
	line-height: 1.2;
	text-align: left;
	left: auto;
	margin-left: 4px;
	position: absolute;
	color: #fff;
	background: #47a3da;
}

.container > header nav {
	float: right;
	text-align: center;
}

.container > header nav a {
	display: inline-block;
	position: relative;
	text-align: left;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
}

.container > header nav a > span {
	display: none;
}

.container > header nav a:hover:before {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	pointer-events: none;
}

.container > header nav a:hover {
	background: #47a3da;
}

.bp-icon:after {
	font-family: 'bpicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
}

.container > header nav .bp-icon:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height: 2;
	text-indent: 0;
}

.container > header nav a:hover:after {
	color: #fff;
}

.bp-icon-next:after {
	content: "\e000";
}
.bp-icon-drop:after {
	content: "\e001";
}
.bp-icon-archive:after {
	content: "\e002";
}
.bp-icon-about:after {
	content: "\e003";
}
.bp-icon-prev:after {
	content: "\e004";
}


.main section:first-child > div {
	padding-top: 0em;
}

.main section p {
	margin: 0;
	padding: 1em 0;
	font-size: 1.8em;
	line-height: 1.5;
}

@media screen and (max-width: 55em) {

	.container > header h1,
	.container > header nav {
		float: none;
	}

	.container > header > span,
	.container > header h1 {
		text-align: center;
	}

	.container > header nav {
		margin: 0 auto;
	}

	.container > header > span {
		text-indent: 30px;
	}

	.main section p {
		padding: 2em 5%;
		font-size: 1.4em;
	}
}


  .header_2 { height:63px;background-image:url('/eng/img/mbg.jpg') }

  .top_nav{width:100%; position:relative; top:0; left:0;  height:76px; border-top:2px solid #f8c46e;  }

  .boxed_layout header#header.header_1, .boxed_layout header#header.header_2, .boxed_layout header#header.header_3{width:1200px}

  header#header.header_1, header#header.header_2, header#header.header_3{position:fixed; width:100%; z-index:1004;}


header, a, img, li{
transition: all 1s;
-moz-transition: all 1s; /* Firefox 4 */
-webkit-transition: all 1s; /* Safari and Chrome */
-o-transition: all 1s; /* Opera */
		}

		ul{
list-style-type: none;
margin:0px;
		}

		li{
float: left;
margin-top:0px;
margin-left:-40px;
		}

		nav{
width: 100%;
margin: 0 auto;

		}



		header{


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f8c471+54,f8c471+100 */
background: #fcd391; /* Old browsers */
background: -moz-linear-gradient(top,  #f8c471 54%, #f8c471 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f8c471 54%,#f8c471 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f8c471 54%,#f8c471 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcd391', endColorstr='#f8c471',GradientType=0 ); /* IE6-9 */


float: left;
width: 100%;
position: fixed;
z-index: 10;
		}

	

header li{
	margin-right: 30px;
}

/* Sizes for the bigger menu */
header.large{
	height: 139px;
}

header.large .logo1 li{ 
	margin-top: 0px; 
}

header.large .logo2 li{
	margin-top: 20px;
	
}


/* Sizes for the smaller menu */
header.small{ 
	height: 69px; 
}

header.small .logo1 li{ 
	margin-top: -76px; 
}

header.small .logo2 li{ 
	margin-top: -52px; 
}


.maind1 {
    background-color:#dfdbbf;
    width:100$;
	height:139px;

}
.maind8 {
    background-color:#dad8d6;
    width:100$;
	height:139px;
}
.maind11 {
    background-color:#e4e4e4;
    width:100$;
	height:139px;
}
.maind12 {
    background-color:#494848;
    width:100$;
	height:139px;
}

.nav1 { height:76px; }

.nav2 { height:63px; }

.logo1 { width:100%;z-index:100 }

.logo1 li { width:100%;height:76px;background-color:#ffffff;border-top:2px solid #f8c46e;position: absolute;text-align:center; }

.logo2 { margin: 0 auto;width:740px;text-align:center }

.logo2 .li1{ width:120px;height:60px;color:#000;font-weight:bold;cursor:pointer }

.logo2 .li2{ width:160px;height:60px;color:#000;font-weight:bold;cursor:pointer }

.logo2 .li3{ width:130px;height:60px;color:#000;font-weight:bold;cursor:pointer }

.logo2 .li4{ width:200px;height:60px;color:#000;font-weight:bold;cursor:pointer }

.logo2 .li5{ width:130px;height:60px;color:#000;font-weight:bold;cursor:pointer }



.logo2 .li1o{ color:#fd6f06 }

.logo2 .li2o{ color:#fd6f06 }

.logo2 .li3o{ color:#fd6f06 }

.logo2 .li4o{ color:#fd6f06 }

.logo2 .li5o{ color:#fd6f06 }