/* dropdown menu */
	.ddmenu .upper 		{ /*text-transform:uppercase;*/}
	.ddmenu 			{ right: 150px; /*font-size:95%*/ }
	#body.cn .ddmenu		{ font-size:16px; font-weight:600; line-height:1.8}
	#body.en .ddmenu		{ font-size:14px; font-weight:500; line-height:1.8}

	.ddmenu nav			{ visibility:hidden; position:absolute; left:0; top:100%; border-left: 1px solid #ececec; border-right: 1px solid #ececec; } 
	.ddmenu nav a 		{ display:block; padding:8px 18px; border-bottom:1px solid #ececec; background:#fff; color:#333;
						  cursor:pointer; white-space:nowrap; text-decoration:none; border-right:1px solid #ececec; font-size:90%;
						   line-height:1.4;	
					/*	-webkit-box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.1);
						   -moz-box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.1);
							    box-shadow: 5px 5px 0px 0px rgba(50, 50, 50, 0.1); */
							    transition: all 0.3s ease-out;}

	.ddmenu nav a:first-child { border-top:1px solid #ececec;}
	.ddmenu nav a:hover { background:#333; color:#fff;}  
	.ddmenu>a 			{ margin-left:30px; padding-bottom:22px; text-decoration:none; color:#333;}
	.ddmenu>a:hover 	{ color:#333; }
	/* mobile side menu & ham btn */
	#btham 							{ position:absolute!important; top:8px; right:20px; z-index:1000; padding:15px 13px; 
	            					  background:#e84124; color:#fff; transform:scaleX(1.2); display:none; border-radius:50%; }
	.esfpmask 						{ position:fixed; width:100%; height:0; background:rgba(0,0,0,0.8); top:0; left:0;
	            					  z-index:5000; opacity:0; transition: opacity 0.2s ease-in; }
	#body.openesfpm .esfpmask 		{ height:100%; opacity:1; }
	.esfpushm 						{ position:fixed; top:0; height:100%; background:#ececec; display:none;
	            						transition: all 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99); color:#333; z-index:8000; overflow-y: auto;}            
	.esfpushm.right 				{ right:-50%; width:50%; }
	#body.openesfpm .esfpushm.right 	{ right:0; }
	.esfpushm.left 					{ left:-50%; width:50%; }
	#body.openesfpm .esfpushm.left 	{ left:0; }

	.esfpushm>a 					{ text-transform:uppercase; }
	.esfpushm>a, .esfpushm nav>a 	{ display:block; padding:15px 20px 10px 15px; color:#333; border-bottom:solid 1px #ccc; text-decoration:none;}            
	.esfpushm>a.sub 				{ padding-right:50px; } /*top level*/
	.esfpushm>a.sub:after 			{ font-family: FontAwesome; content:"\f105"; top:15px; right:20px; 
	                       				 position:absolute; transition: transform 200ms ease-in;}                        
	.esfpushm>a.sub.open:after 		{ transform:rotate(90deg); color:#fff }                         
	.esfpushm>a.sub.open 			{ background-color:#0062af; color:#fff;}
	.esfpushm>a.sub.open .navcurrent { color:#fff}

	.esfpushm>nav 					{ background:#fff; padding-bottom:10px; display:none; font-size:90% } /*Sublevel 1*/
	.esfpushm>nav a 				{ border-bottom:none; padding:10px 20px 0 30px; }
	.esfpushm>nav a:before 			{ content:'\2022'; position:absolute; top:11px; left:20px; color:#e84124; }
	.esfpushm>nav>nav				{  } /*Sublevel 2*/
	.esfpushm>nav>nav a 			{ padding:10px 20px 0 50px; }
	.esfpushm>nav>nav>a:before 		{ left:35px; }
	.esfpushm>nav>nav>nav 			{  } /*Sublevel 3*/
	.esfpushm>nav>nav>nav a 		{ padding:10px 20px 0 70px; }
	.esfpushm>nav>nav>nav>a:before 	{ left:55px; }

	.navcurrent 		{ border-bottom:5px solid #0062af; display:inline-block; color:#0062af;} 
	#body.en .navcurrent { padding-bottom:15px;}
	#body.cn .navcurrent { padding-bottom:12px;}

	.line 				{ display:inline-block; text-decoration:none;}
	.line::after 		{ content:''; display:block; width:0; height:5px; background:#333;
					   		transition: width .3s; }
	.line:hover::after  { width: 100%; transition: width .3s;}
	
	#body.en .line::after {  margin-top:15px;}
	#body.en.smhead header .line::after 		{ margin-top:5px}
	#body.cn .line::after {  margin-top:12px;}
	#body.cn.smhead header .line::after 		{ margin-top:0px}


	#body.smhead header .ddmenu nav 		{ top:calc(100% - 5px);}

	#body.smhead.en .navcurrent 				{ padding-bottom:5px}
	#body.smhead.cn .navcurrent 				{ padding-bottom:0px}



	.nav-m 			{ display:none;}
	.nav-search-m 	{ background-color:#000; height:60px}
	.nav-search-m input 	{ width:80%; float:left; background-color:#000; padding:10px 20px; font-size:14px; height:60px; color: #fff;  outline:none; border:none;}
	.nav-search-m button	{ width:20%; background-color:#000; height:60px; text-align:center; outline:none; border:none;} 

	.nav-search-m input::placeholder 	{ font-weight:300; color:#fff}

	.nav-search-m input:-webkit-autofill,
	.nav-search-m input:-webkit-autofill:hover,
	.nav-search-m input:-webkit-autofill:focus,
	.nav-search-m input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px white inset!important}


	/* ==========================================================================
		Media Style
	============================================================================= */

	@media only screen and (max-width:1600px) {
	.ddmenu 		{ right:100px; }
	}

	@media only screen and (max-width:1400px) {
	.ddmenu 		{ right:50px; font-size:90% }
	}


	@media only screen and (max-width:1300px) {
	.ddmenu 		{ font-size:85% }
	}


	@media only screen and (max-width:1200px) {
	.ddmenu { display:none; }
	    
	/* mobile side menu & ham btn */
	.esfpushm,#btham { display:block; }        

	.line::after 	 { content:''; display:none; width:0; height:0px; background:transparent; margin-top:0; transition:none }
	.navcurrent 	 { border-bottom:none; padding-bottom:0; color:#333;} 

	#body.en .navcurrent { padding-bottom:0;}
	#body.cn .navcurrent { padding-bottom:0;}

	}

	@media only screen and (max-width:767px) {
	.esfpushm.right 				{ right:-80%; width:80%; }
	#body.openesfpm .esfpushm.right 	{ right:0; }
	.esfpushm.left 					{ left:-80%; width:80%; }
	#body.openesfpm .esfpushm.left 	{ left:0; }

	.nav-m 			        { display:block;}
	.nav-m ul.nm-lang		{ padding:15px 20px; margin:0; list-style:none; background-color:#e84124; color:#fff;}
	.nav-m ul.nm-lang li 	{ padding:0 8px; margin:0; list-style:none; display:inline-block;}
	.nav-m ul.nm-lang li:first-child { padding-left:0}
	.nav-m ul.nm-lang li:last-child  { padding-right:0}
	.nav-m ul.nm-lang li a 	{ color: #fff; text-decoration: none; }
	.ddmenu>a.nav-first 	{ border-left:none;}

#body.en .navcurrent,
#body.cn .navcurrent { padding-bottom:0}
.line::after	{display:none}
	}