* {box-sizing: border-box}


	@font-face {
	  font-family: FSElliot;
	  src: url("fonts/FS-Elliot-Pro-Regular.otf"); 
	}
		
	button, input, *:focus 	{ outline:none; border:none;}

	body#body			{ margin:0; padding:0; background:#fff; opacity:0;
					  font-family:  "SF Pro Icons","Helvetica Neue","Helvetica","Arial", FSElliot, "SimSuum", "Heiti SC", "微软雅黑", "Heiti TC",  "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
					  font-weight:normal; line-height:1.6; color:#333}
	body#body.ready 		{ opacity:1; }
	body#body.en.font-a 	{ font-size:12px; }
	body#body.en.font-aa 	{ font-size:14px; }
	body#body.en.font-aaa 	{ font-size:16px; }

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


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

	header 			{ position:fixed; top:0; left:0; width:100%;  background:#fff; z-index:1600; }
	/*header img.logo { position:relative; height:80px; width:auto; top:15px; left:30px; transition:all 0.6s ease-out;   }*/
	header img.logo { position:relative; height:65px; width:auto; top:15px; left:30px; transition:all 0.6s ease-out;   }
	/* header nav 		{ position:absolute; left: auto; top:50%; color:#fff; } */
	header 			{ transition:all 1s ease-out; }
	/*header .btn 	{ position:absolute; top:55px; right:30px; transition:all 1s ease-out; }  */
	header .btn 	{ position:absolute; top:40px; right:30px; transition:all 1s ease-out; }  
	header ul 		{ margin:0; padding:0; }
	header ul li 	{ margin:0; padding:0 10px; display:inline; color:; }
	header ul li:last-child 	{ padding-right:0px;}
	header ul li:first-child 	{ padding-left:0px;}
	header ul li.a 			{ font-size:80%}
	header ul li.aa 		{ font-size:100%}
	header ul li.aaa 		{ font-size:120%}
	header ul li:hover 		{ color:#f4364c; cursor:pointer; transition: all 0.3s ease-out;}
	/*header .top-nav 		{ height:115px; transition:all 1s ease-out; background-color:#fff;}*/
	header .top-nav 		{ height:100px; transition:all 1s ease-out; background-color:#fff;}
	
	header input[type=text] 	{ padding:6px 15px; font-size:14px; border:none; height:42px; font-family:FSElliot, Arial; background-color:#ececec}

	header .search 				{ display:inline; }
	header .search button 		{ float:right; padding:6px 15px; background:#00a3e0; font-size:17px; color:#fff;
							  border:none; cursor:pointer; height:42px; width: 46px;}
	header ul li.sep 			{ padding:0; display:inline-block; width:1px; height:100%; background:#ececec; height:19px;
								  margin-bottom:3px; vertical-align: middle;}


	header ul li.current,
	.txt-red 		{ color:#f4364c}
	header ul li,
	.txt-darkblue 	{ color:#13426b}
	.txt-lightblue	{ color:#00a3e0 }
	/*main 			{ padding-top:147px; }*/
	main 			{ padding-top:132px; }


	/*body.smhead header,
	body.smhead header .top-nav  	{ height:85px }     
	body.smhead header img.logo 	{ height:55px }
	body.smhead header .btn 		{ top:35px}  
	body.smhead header .top-nav 	{ height:85px}

	body.smhead main 	{ padding-top:100px; }*/
	
	.clearfix::after { content: ""; clear: both; display: table; position: relative;}

	body.contactus .gotop  { bottom:120px;}
	
	.gotop,
    .gotop span   	{ width:60px; height:60px; }

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

	/* Custom Page Layout */
	.pg-container 	{ max-width:80%; margin:0 auto; display: block; transition: all 0.3s ease-out; position:relative;}


	/* Fixed right button */
	.icon-bar 	{ position:fixed; top:50%; right:0; z-index:10000;
				  -webkit-transform: translateY(-90%);
				      -ms-transform: translateY(-90%);
				  		  transform: translateY(-90%);}

	.icon-bar p 	{ padding-top:5px}
	.icon-bar a 	{ font-family:Arial; line-height:normal; display:block; text-align:center;
	  			  	  padding: 12px 8px; color:#13426b; font-size:11px; height: 62px; width: 65px;
	 			  	  background-color:#f1f8fd; border-bottom:1px solid #fff; text-decoration:none;
	  	  		  	  transition: all 0.3s ease;}

	.icon-bar div 		{ width:20px; height:auto; text-align:center; margin:0 auto; }
	.icon-bar div img 	{ width:100%; height:auto;}
	.icon-bar a:hover 	{ background-color:#13426b;}
	.icon-bar a:hover p	{ color:#00a3e0;}
	
	.clear { clear: both; }
	
	.img-scale { width: 100%; height: auto; }
	
	.abs-full { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
	
	.pt-el,
	.pt-onlywrp { pointer-events: none; }
	.pt-onlywrp  > * { pointer-events: auto; }
	
	.bg-gray { background-color: #eee; }


	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1600px) {
	.pg-container 		{ max-width:90%;}
	}

	@media only screen and (max-width:1200px) {
	.gotop  		{ bottom:221px; }
    .gotop,
    .gotop span   	{ width:60px; height:60px; }
	.gotop i 		{ font-size:25px; line-height:normal; margin-top:18px}
	}

	@media only screen and (max-width:1024px) {
	.pg-container 		{ max-width:100%;}
	header img.logo 	{ height:60px;}
	header .btn 	    { display:none }  
	header .top-nav 	{ height:90px;}
	
	body.smhead header .top-nav,
	body.smhead header  			{ height:70px;}
	body.smhead header img.logo 	{ height:40px; }

	body.smhead header { -webkit-box-shadow: 2px 2px 11px 0px rgba(50, 50, 50, 0.12);
			                -moz-box-shadow: 2px 2px 11px 0px rgba(50, 50, 50, 0.12);
			                     box-shadow: 2px 2px 11px 0px rgba(50, 50, 50, 0.12);
			                  border-bottom:1px solid #ececec}

	main 		{ padding-top:90px; }
	.icon-bar 	{ display:none}
	}



	@media only screen and (max-width:767px) {
	header img.logo 	{ height:40px; top:10px; left:15px;}
	header .top-nav,
	body.smhead header .top-nav,
	body.smhead header  			{ height:60px;}
	body.smhead header img.logo 	{ height:40px;}
	main 			{ padding-top:60px; }

	body.contactus .gotop  { bottom:100px;}
	.gotop  		{ bottom:90px;}
    .gotop,
    .gotop span   	{ width:45px; height:45px; }
	.gotop i 		{ font-size:20px; line-height:normal; margin-top:10px}
	}