#body button, #body input, #body *:focus 	{ outline:none; border:none;}
	#body * {box-sizing: border-box}
	
	#body 			{ margin:0; padding:0; background:#fff; opacity:0;
					  font-family: 'Lexend Deca Regular', "Helvetica Neue","Helvetica","Arial",sans-serif; font-weight:normal; color:#333; line-height:1.4;
					  -webkit-font-smoothing: antialiased;
  					 -moz-osx-font-smoothing: grayscale;}
	#body.ready 		{ opacity:1; }
	

	div,header,section,ul,li,a,main { position:relative;}
	h1,h2,h3,h4,p 	{ margin:0; }
	a 				{ cursor:pointer; }

	.clearfix::after { content: ""; clear: both; display: table;}
	.float-r		 { float:right;}
	.float-l 		 { float:left}


	/* font
	------------------------------------------------------------ */
    @font-face {
    font-family: 'Lexend Deca Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Lexend Deca Regular'), url('fonts/LexendDecaRegular.woff') format('woff');
    }

    #body .sp-font		{ font-family: 'Lexend Deca Regular', "Helvetica Neue","Helvetica","Arial",sans-serif;}

	#body.en.font-a 	{ font-size:14px; }
	#body.en.font-aa 	{ font-size:16px; }
	#body.en.font-aaa 	{ font-size:18px; }

	#body.cn.font-a 	{ font-size:14px; }
	#body.cn.font-aa 	{ font-size:18px; }
	#body.cn.font-aaa 	{ font-size:20px; }

	#body.inside .esec>h3,  #body.inside .esec-download>h3 { font-size:100%}


	/* Page
	------------------------------------------------------------ */
	.pg-container 		{ width:100%; padding-left:100px; margin:0 auto; transition: all 0.3s ease-out; position:relative;/* background-color:#fff*/}



	/* Header Logo
	------------------------------------------------------------ */
	header 									{ position:fixed; top:0; left:0; width:100%; height:110px; background:#fff; z-index:1000;}
	header .headlogos 						{ width:50%;  height:100%; padding:15px 0; float:left; }

	header .logo, header .sub-logo 			{ position:relative; height:78px; left:0px; float:left; transition:all 1s ease-out;}
	header .logo img, header .sub-logo img	{ width:auto; height:100%;}

	header, header .main-nav			{ transition:all 1s ease-out; }

	header s 							{ background:#ececec; margin:0 20px; float:left; display:block; height:100%; width:1px; }

	header .main-nav 				{ height:110px;  background-color:#fff;}
	body.smhead header,
	body.smhead header .main-nav 	{ height:81px; transition:all 1s ease-out; } 
	body.smhead header .main-nav  	{ border-bottom:1px solid #f8e9d4; }
	body.smhead header .logo,
	body.smhead header .sub-logo 		{ height:60px;}
	body.smhead header .headlogos 		{ padding:10px 0 }
	
	header,
	header .main-nav 	{ height:81px; transition:all 1s ease-out; } 
	header .main-nav  	{ border-bottom:1px solid #f8e9d4; }
	header .logo,
	header .sub-logo 		{ height:60px;}
	header .headlogos 		{ padding:10px 0 }


	/* Header Right Column 
	------------------------------------------------------------ */
	header .headright 	{ width:560px; float:right; height:100%; top:0; text-align:right;}


	/* Go To Top
	------------------------------------------------------------ */
	.gotop,
    .gotop span   	{ width:60px; height:60px; }

    .gotop.show 	{ opacity:1; }           
	.gotop  		{ position:fixed; bottom:0; right:0; z-index:1500; opacity:0;
					display:block; text-align:center; text-decoration:none; color:#333; cursor:pointer;
			              -webkit-transition: 1s;
			                 -moz-transition: 1s;
			              	      transition: 1s;}
	.gotop:hover	{ color: #fff;}
	.gotop span     { display:block; margin-bottom:0px; background:#ececec;
		                  -webkit-transition: 1s;
		                     -moz-transition: 1s;
		                          transition: 1s;}
	.gotop i 		{ font-size:25px; line-height:normal; margin-top:18px}


	/* Breadcrumb
	------------------------------------------------------------ */
	ul.breadcrumb 					{ padding:20px 16px 15px 0; list-style:none; color:#666; /*background-color: #f8e9d4;*/ margin:0; font-size:85%; /*border-top:1px solid #ececec*/}
	ul.breadcrumb li 				{ display:inline }
	ul.breadcrumb li+li:before 		{ padding:8px; color:black; content: "/\00a0"; color:#666;}
	ul.breadcrumb li a 				{ color:#666; text-decoration:none;  transition: all 0.3s ease-out;}
	ul.breadcrumb li a:hover 		{ color:#333;text-decoration:underline;}


	/* Footer
	------------------------------------------------------------ */
	#body.index footer { margin-top:0; background-color:transparent}
	footer 									{ margin-top:100px; background-color:#fff; padding:10px 15px; font-size:80%; color:#666}
	footer ul.f-link 						{ margin:0; padding:0}
	footer ul.f-link li  					{ margin:0; padding:0; padding:5px 10px 0 0; list-style:none; display:inline-block;}
	footer ul.f-link li:after 				{ content: "\2022"; color:#666; font-weight: bold; width:1em; padding-left:10px;}
	footer ul.f-link li a					{ text-decoration:none; color:#666; transition: all 0.3s ease-out;}
	footer ul.f-link li a:hover				{ color:#333; }
	footer ul.f-link li:last-child:after  	{ content:""}
	footer .f-copyright 					{ margin-bottom:2px}


	/* ==========================================================================
	 Media Style
	============================================================================= */
	@media only screen and (max-width:1700px) {
	header .headright 	{ width:360px; }
	}
	@media only screen and (max-width:1500px) {
	.pg-container 				{ padding-left:50px;} 
	}


	@media only screen and (max-width:1200px) {
	.pg-container 				{ padding-left:50px} 
	.inside .main-content 		{ padding-right:50px}
	footer 						{ font-size:70%; padding:15px; padding-left:50px; margin-left:-50px;  width: calc(100% + 50px); }
	}


	@media only screen and (max-width:1024px) {
	.pg-container 			{ padding-left:30px} 
	.inside .main-content 	{ padding-right:30px}

	header, header .main-nav, body.smhead header, body.smhead header .main-nav 				{ height:81px;} 
	header .logo, header .sub-logo, body.smhead header .logo, body.smhead header .sub-logo  { height:60px;}
	footer 						{ font-size:70%; padding:15px; padding-left:30px; margin-left:-30px; width: calc(100% + 30px);}
	header s {margin:0 15px}

	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	header .headlogos 	{ padding:10px 0}
	}


	@media only screen and (max-width:767px) {
	.pg-container 			{ padding-left:20px} 
	.inside .main-content 	{ padding-right:20px}

	header, header .main-nav, body.smhead header, body.smhead header .main-nav 		{ height:60px;} 
	header .logo, header .sub-logo, body.smhead header .logo, body.smhead header .sub-logo  { height:45px;}
	body.smhead header .headlogos, header .headlogos  		{ padding:8px 0 }
	


	ul.breadcrumb { font-size:70%; padding:20px 0 8px 0}
	header .headright 			{ width:auto}

	footer ul.f-link li  		{ display:inline-block; width:45%; padding:0px; margin: 5px 0;}
	footer ul.f-link li:after 	{ content: ""; color:none; width:0; padding-left:0;}
	footer ul.f-link li:before 	{ content: "\2022"; color:#666; font-weight:bold; width:1em; padding-right:10px; margin-bottom:10px}
	footer .f-copyright 		{ margin-bottom:10px}
	footer 						{ font-size:70%; padding:15px; padding-left:20px; margin-left:-20px; width: calc(100% + 20px);}
	}


	@media only screen and (max-width:280px) {
	header .logo, header .sub-logo, body.smhead header .logo, body.smhead header .sub-logo  { height:35px;}
	}


	/* ==========================================================================
    Print
	============================================================================= */

	@media print {
	header 							{ position:relative; height:80px; top:0;}
	header .logo, header .sub-logo 	{ height:50px}
	header .main-nav 				{ height:80px}

	header 							{ height:50px; background-color:#666}
	header .headlogos 				{ width:100%}
	ul.breadcrumb 					{ padding:6px 0; border:1px solid #ececec; border-right:none; border-left:none; background-color:#fff; margin-bottom:10px;
									  font-size:12px;}

	#body.en.font-a 	{ font-size:14px; }
	#body.en.font-aa 	{ font-size:14px; }
	#body.en.font-aaa 	{ font-size:14px; }
	#body.cn.font-a 	{ font-size:14px; }
	#body.cn.font-aa 	{ font-size:14px; }
	#body.cn.font-aaa 	{ font-size:14px; }


	header #announcement .pg-container, 
	header .headright,
	.gotop 				{ display:none}

	.pg-container 					{ padding-left:0px} 
	.inside .main-content 			{ padding-right:0px}



	}
	
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		#announcement{
			height: 110px;
			overflow-y: auto;
		}
		#body main {
			top: 220px;
		}
		#body.smhead main {
			top: 191px;
		}
		#body.closeannouncement main{
			top: 110px;
		}
		#body.closeannouncement.smhead main {
			top: 81px;
		}
		
		
		
		@media only screen and (max-width:1024px) {
		#body main {
			top: 191px;
		}
		
		#body.closeannouncement main{
			top: 81px;
		}

		}

		@media only screen and (max-width:767px) {
		#body main {
			top: 170px;
		}
		#body.smhead main {
			top: 170px;
		}
		#body.closeannouncement main{
			top: 60px;
		}
		#body.closeannouncement.smhead main {
			top: 60px;
		}
		}
		
		
	}