/* expand collapse */
	.esec 			{ margin-bottom:1px; }
	.esec>h3 		{ font-size:16px; font-weight:500;  line-height:normal!important;  margin:0px;
					  background-color:#fff; padding:15px 80px 15px 20px;
					  border-bottom:1px solid #ececec;
					  cursor:pointer; 
					  transition: all 0.3s ease-out; }
	.esec>h3:hover 	{ background-color:#fff; color:#0062a7}
	.esec>h3::after { content:" "; width:20px; height:20px; position:absolute; display:block; 
	                  right:20px; top:15px; 
	                  background-image: url(images/arrow-left.svg); 
	                 background-repeat: no-repeat; 
	                   background-size: contain; 
	               background-position:right center; 
	                        transition: transform 300ms ease; }

	.esec.open>h3::after 	{ transform:rotate(90deg);   }         
	.esec>h3+div 			{ display:none; }         
    .esec.open>h3+div 		{ display:block;}
	.esec>div 				{ margin:0; margin-bottom:30px; 
							  padding:20px 25px; padding-bottom:50px;
							  background:#f4f4f4 url(images/bg-tab.svg) no-repeat right bottom; background-size:30%;}


	/* tabs */
	.estabs-m 							{ display:none; }
	.estabs 							{ border-collapse:separate; border-spacing:2px 0px; margin:0; margin-left:-2px; }
	.estabs td 							{ padding:5px 20px; background:#666; color:#fff; vertical-align:bottom; cursor:pointer; transition:all 300ms ease; }
	.estabs td.active 					{ background:#600; color:#fff; }
	.estabs+.estabcts 					{ width:100%; }
	.estabs+.estabcts>section 			{ display:none; padding:10px; background:#fff; box-sizing:border-box; width:100%; }
	.estabs+.estabcts>section.active 	{ display:block; }
	.estabs.run+.estabcts>section.chg 	{ display:block; position:absolute; top:0; left:0; opacity:0; z-index:100; width:100%; box-sizing:border-box;}
	              
	.general .esec>h3 			{ margin-bottom:0; color:#333; }
	.general .esec>div h3 		{ color:#0062af; font-size:16px; font-weight:500; }
    .general .esec>div h4 		{ font-weight:500; }

	.general .esec>h3:hover 	{ color:#333}

	#body.en .general .esec>h3 	{ font-size:20px; padding:15px 80px 15px 20px;}
	#body.cn .general .esec>h3 	{ font-size:20px; padding:15px 80px 15px 20px;}

	#body.en .general .esec>h3 p { font-size:16px; padding-top:10px}
	#body.cn .general .esec>h3 p { font-size:16px; padding-top:10px}


	.test::after 		{ content:''; display:block; width:0; height:5px; background:#333; transition: width .3s; }
	.test:hover::after  { width: 100%; transition: width .3s;}
	.test.open::after 	{ display:none; }         



	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1024px) {
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	.test::after,		
	.test:hover::after, 
	.test.open::after 	{ display:none; }         

	}

	@media only screen and (max-width:767px) {
	.estabs 	{ display:none; }    
	.estabs-m 	{ display:block; width:100%; margin:5px 0; }
	.esec>h3	{ padding: 15px 60px 15px 20px;}

	#body.en .general .esec>h3 	{ font-size:1.125rem; font-weight:600}
	#body.cn .general .esec>h3 	{ font-size:1.125rem; font-weight:600}
	
	#body.en .general .esec>h3 p 	{ font-size:14px; padding-top:8px; font-weight:normal}
	#body.cn .general .esec>h3 p	{ font-size:14px; padding-top:8px; font-weight:normal}



	}