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


	#body.revamp.index h2 				{ font-size:50px; font-weight:normal; color:#13426b; line-height:1;}
	#body.revamp.index .icon-go 			{ width:30px; height:22px; display:inline-block; margin-left:10px; cursor:pointer; top:-0px; opacity:1;  transition: all 0.3s ease-out;}
	#body.revamp.index .icon-go:hover 	{ opacity:0.8; }
	#body.revamp.index .btn-view 		{ color:#00a3e0; cursor:pointer; text-transform:uppercase; transition:all 0.3s ease-out; font-size:80%; font-weight: 500;}
	#body.revamp.index .btn-view:hover   { color:#13426b; }

	#body.revamp.index .bannerList .pattern-red 	{ width:15%; height:auto; position:absolute; left:-100px; top:0%; animation: wave3 10s linear 0s infinite; z-index: 100; opacity: 0.8;}
	@keyframes wave3 {
	  0% {transform: translateY(10%);}
	  50% {transform: translateY(1%);}
	  100% {transform: translateY(10%);}
	}


	/* latest updates
	-------------------------------------------*/
	#body.revamp.index #updates				{ padding:50px 0; background:#fff; background-size:50%; background-position:right top; }
	#body.revamp.index #updates .updates-pos { padding:50px 0; }
	#body.cn.revamp.index #updates .updates-pos { padding:35px 0; }
	
	#body.revamp.index .update-bg 			{ position: absolute; left: 0; top:0; width: 100%; height: 100%; overflow: hidden; }
	#body.revamp.index .update-bg .update 	{ width: 100%; height: 120%; background-size:50%; background-position:right top; background-repeat: no-repeat; animation: wave 10s linear 0s infinite; }
	
	@keyframes wave {
	  0% {transform: translateY(-10%);}
	  50% {transform: translateY(-1%);}
	  100% {transform: translateY(-10%);}
	}
	
	@keyframes wave2 {
	  0% {transform: translateY(10%);}
	  50% {transform: translateY(1%);}
	  100% {transform: translateY(10%);}
	}

	/* product highlight
	-------------------------------------------*/
	#body.revamp.index #highlight .pattern-red 	{ width:20%; height:auto; position:absolute; left:-80px; top:-50px; animation: wave2 10s linear 0s infinite; }

	#body.revamp.index #highlight 				{ padding-top:50px; top:-50px; overflow:hidden;}
	#body.revamp.index #highlight .hl-wrapper 	{ padding:50px 0 70px 0; background:url(images/bg-highlight.jpg); background-size:cover;  }
	#body.revamp.index #highlight h2 			{ color:#fff; }

	#body.revamp.index #highlight .two-col-blk						{ margin-top:50px; display:flex; flex-direction:row;}
	#body.revamp.index #highlight .two-col-blk .hl-col 				{ flex:1;  /*height:250px;*/ margin-left:20px;  background-color:#c5dce8; overflow:hidden;}
	#body.revamp.index #highlight .two-col-blk .hl-col:first-child 	{ margin-left:0; }

	#body.revamp.index #highlight .hl-white-triangle 	{ width:0; height:0;
							                              border-style: solid;
							                              border-width: 0 0 550px 550px;
							                              border-color: transparent transparent #fff transparent; position:absolute; right:0; bottom:0 }
	#body.revamp.index #highlight .btn-hl		{ margin-top: 5px; }
	#body.revamp.index #highlight .hl-icon-blk 			{ width:100px; background-color:#fff; text-align:center;  position:absolute; top:0; right:0; height:auto; z-index:10;}
	#body.revamp.index #highlight .hl-icon-blk .hl-icon 	{ width:50px; text-align:center;margin:0 auto; margin-top:10px }


	#body.revamp.index #highlight .hl-intro-blk 		{ margin:20px 20px 0 20px; padding-bottom:80px; color:#13426b }
	#body.revamp.index #highlight .hl-title 			{ padding-bottom:10px; font-size:42px; font-weight:bolder; line-height:1; width:100%; border-bottom:1px solid red; }
	#body.revamp.index #highlight .hl-title .btn-knowmore 			{ font-size:12px; font-weight: initial; text-transform:uppercase; text-decoration: none; position: absolute; right: 0; bottom: 10px; color: #00a3e0; cursor: pointer; }
	#body.revamp.index #highlight .hl-title .btn-knowmore:hover   { color:#13426b; }
	#body.revamp.index #highlight .hl-intro 			{ width:100%; margin-top:20px; font-size:120%; margin-bottom: 50px; }


	#body.revamp.index #highlight .btn 			{ position:absolute; bottom:0; right:0; font-size:20px; font-weight:500; z-index:20; }
	#body.revamp.index #highlight .btn-hl		{ cursor:pointer; width:auto; float:right; background-color:#00a3e0; line-height:normal; text-transform:uppercase; color:#fff;
												  padding:7px 15px 5px 15px; height:36px; transition: all 0.3s ease-out; margin-left:36px; }
	#body.revamp.index #highlight .btn-hl::before 	{ content: ""; position: absolute; bottom:0; left:-36px; transition: all 0.3s ease-out;
													    	  width: 0px;
													         height: 0px;
													   border-style: solid;
													   border-width: 0 0 36px 36px;
													   border-color: transparent transparent #00a3e0 transparent;
													      transform: rotate(0deg);}

	#body.revamp.index #highlight .btn-hl:hover, #body.revamp.index #highlight .btn2-hl:hover 			{ background-color:#13426b }
	#body.revamp.index #highlight .btn-hl:hover::before  { border-color: transparent transparent #13426b transparent; } 
	#body.revamp.index #highlight .btn2-hl:hover::before  { border-color: transparent transparent #13426b #c5dce8; } 



	/* Flash Report
	-------------------------------------------*/
	#body.revamp.index #report	{ padding:0; overflow:hidden; 
									background: rgb(163,204,224);
									background: linear-gradient(360deg, rgba(163,204,224,1) 12%, rgba(255,255,255,1) 100%) }
	#body.revamp.index #report .pattern-report 	{ background:url(images/bg-pattern-white.svg) no-repeat; background-size:50%; background-position:right bottom; }

	#body.revamp.index #report .report-intro 	{ padding:10px 0;  width:80%; font-size:120%;}

	
	#body.revamp.index #report .btn-view-pos 	{ position:absolute; bottom:0; right:0; line-height: 1; }

	/* Flash Report (Grid = five issues)
	-------------------------------------------*/
	#body.cn .grid		{ margin-top: 90px; }
	.grid 				{ position:relative; top:50px; left:0; width:100%; 
									  display: grid;
						grid-template-columns: 15% 15% 15% 15% 15% ;
						      grid-column-gap: 5%;
						    /*   pointer-events: none;*/
						             overflow: initial; margin-top:50px;}
	.grid--thumbs 		{ z-index:100; z-index:100; }
	.grid__item-title,
	.grid__item-number 			{ z-index:100;
							-webkit-writing-mode: vertical-rl;
							        writing-mode: vertical-rl;}
									
	#body.cn .grid__item-title,
	#body.cn .grid__item-number 			{ z-index:100;
							-webkit-writing-mode: horizontal-tb;
							        writing-mode: horizontal-tb;}
	.grid__item-title span,
	.grid__item-number span 	{ display: block;}
	.grid__item-title 			{ position:absolute; top:-80px; right:-1.75rem; white-space:nowrap; margin:0; font-weight:normal; color:#f4364c}
	.grid__item-number 			{ top: -10px; right: 0; line-height: 1; position: absolute; font-size: 50px; font-weight: bolder; color: #13426b; transform: translateY(-100%);}
	.grid__item::after  		{ content: ''; position:absolute; width:calc(100% + 2rem); height:calc(100% + 3rem); bottom:0; left:0;}

	.grid__item-imgwrap  	{ position:relative; overflow:hidden;     height: 100%;}

	/*.grid__item:nth-child(1) { margin-top:20px; }
	.grid__item:nth-child(2) { margin-top:50px; }
	.grid__item:nth-child(3) { margin-top:15px; }
	.grid__item:nth-child(4) { margin-top:50px; }
	.grid__item:nth-child(5) { margin-top:30px; }*/
	.grid__item:nth-child(1) { margin-top:55px; }
	.grid__item:nth-child(2) { margin-top:50px; }
	.grid__item:nth-child(3) { margin-top:90px; }
	.grid__item:nth-child(4) { margin-top:90px; }
	.grid__item:nth-child(5) { margin-top:30px; }
/* 	.grid__item:nth-child(1) { margin-top:100px; }
	.grid__item:nth-child(2) { margin-top:100px; }
	.grid__item:nth-child(3) { margin-top:100px; }
	.grid__item:nth-child(4) { margin-top:100px; }
	.grid__item:nth-child(5) { margin-top:100px; } */


	.grid__item p { color:#fff; text-transform:uppercase;}
	.grid__item:nth-child(1) p { position:absolute; bottom:55px; right:25px }
	.grid__item:nth-child(2) p { position:absolute; bottom:55px; right:25px }
	.grid__item:nth-child(3) p { position:absolute; bottom:55px; right:25px }
	.grid__item:nth-child(4) p { position:absolute; bottom:55px; right:25px }
	.grid__item:nth-child(5) p { position:absolute; bottom:55px; right:25px }


	.grid__item 			{cursor:pointer;}

	.grid__item .grid__item-imgwrap .grid__item-img  		{ width: 100%; -webkit-transform: scale(1);
																	   transform: scale(1);
															  -webkit-transition: .3s ease-in-out;
																      transition: .3s ease-in-out;
																	  height: 100%; }
	.grid__item:hover .grid__item-imgwrap .grid__item-img 	{  -webkit-transform: scale(1.3);
																	   transform: scale(1.3);}
	.m-grid,
	.divTable 	{ display:none;}



	/* News 
	-------------------------------------------*/
	#body.revamp.index #develop 	{ padding:80px 0; background-color:#fff; }
	#body.revamp.index #develop .d-two-col-blk						{ /*margin-top:50px;*/ display:flex; flex-direction:row;}
	#body.revamp.index #develop .d-two-col-blk .dev-col 				{ flex:1; margin-left:80px; overflow:hidden;}
	#body.revamp.index #develop .d-two-col-blk .dev-col:first-child 	{ margin-left:0; }

/*	body.revamp.index #develop .dev-title 		{ height:95px;}
	body.revamp.index #develop .dev-title h2 	{ position:absolute; bottom:0; } */
	#body.revamp.index #develop .dev-title h2 	{ position:relative; bottom:0; } 

	#body.revamp.index #develop .btn-view-pos 	{ position:absolute; bottom:0; right:0; line-height: 1; }


	#body.revamp.index #develop .article-pos 		{ margin-top:30px }
	#body.revamp.index #develop article  			{ position:relative; border-bottom:1px solid #ececec; padding:0 0 40px 0; margin-bottom:40px; cursor:pointer; transition: all 0.3s ease-out; } 
	#body.revamp.index #develop article:last-child 	{ margin-bottom:0}
	#body.revamp.index #develop article span 		{ display:block; margin-bottom:10px; font-weight:bolder;}
	#body.revamp.index #develop article img  		{ width: 100%; height:auto; }
	#body.revamp.index #develop article .img-wrp  	{ margin-right:20px; width:65%; height:auto; overflow: hidden; }


	#body.revamp.index #develop .a-link				{ display:flex; align-items:flex-start; }
	#body.revamp.index #develop .a-link img 			{ transition: .3s ease-in-out;  }
    #body.revamp.index #develop .a-link:hover img 	{ transform: scale(1.3); }
	#body.revamp.index #develop .a-link .article-title		{ transition: all 0.3s ease-out; cursor:pointer; font-size:120%; }
	#body.revamp.index #develop .a-link:hover .article-title { color:#00a3e0; cursor:pointer; }

	#body.revamp.index #develop .a-intro { width:65%; }

	#body.revamp.index .btn-find 		{ position:absolute; right:0; top:0; font-weight:normal; text-transform:uppercase; font-size:80%; transition: all 0.3s ease-out; cursor:pointer;     color: #b8afaf;}
	#body.revamp.index .btn-find:hover 	{ color:#00a3e0}



	/* Flows 
	-------------------------------------------*/
	#body.revamp.index #flows 					{ padding:50px 0;  background:url(images/bg-flows.jpg) no-repeat; background-size:150% 900px; background-position:right top;}
	#body.revamp.index #flows .flows-img-blk 	{ width:45em;/*60%;*/ margin: 0 auto; }




	/* Footer 
	-------------------------------------------*/
	#body.revamp footer#footer						{ background-color:#13426b; color:#fff; /*overflow:hidden; otherwise qr code cut */ font-size:14px; clear:both;}
	#body.revamp footer#footer .footer-top,  		{ border-bottom:1px solid #336788; }
	#body.revamp footer#footer .f-col1 				{ width:65% }
	#body.revamp footer#footer .f-col2 				{ /* width:100%;  */position:absolute; top:0; left:65%;     height: 100%; }
	
	

	/* Footer (Top)
	-------------------------------------------*/
	#body.revamp footer#footer .footer-top .f-col2 	 { border-left:1px solid #336788; }

	#body.revamp footer#footer .footer-top,
	#body.revamp footer#footer .footer-top .f-col1,
	#body.revamp footer#footer .footer-top .f-col2 	 { min-height:170px; }


	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos 						{ padding:20px 0 20px 0 }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk 		{ float:left; margin-right:80px }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk img 	{ width:auto; height:50px; margin-right:30px; margin-bottom:0; }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk>a:last-child img { margin-right:0 }

	#body.revamp footer#footer .footer-top .f-col1 .external-link 						{ float:left; }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink 				{ margin:-6px 0 0 0; padding:0; }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li			{ margin:0 0 0 15px; padding:0 ;  }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li a 		{ color:#fff; text-decoration:none; transition: all 0.3s ease-out;}
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li a:hover 	{ color:#00a3e0;}

	#body.revamp footer#footer .footer-top .f-col2 .f-col2-pos 	{ padding:20px 0 20px 20px; border-bottom:1px solid #336788;}


	#body.revamp footer#footer .footer-top p.sub-title 	{ margin-bottom:20px; }

	#body.revamp footer#footer .subscription-nbtn, #body.revamp header .subscription-nbtn { height: 60px;}
	#body.revamp footer#footer .subscription-nbtn img, #body.revamp header .subscription-nbtn img { width: auto; height: 100%;}
	#body.revamp footer#footer .subscr-border, #body.revamp header .subscr-border	{ border-radius: 10px; padding: 10px; background-color: #fff;  }
	/* #body.revamp footer#footer .border-bg {
		position: absolute;
		left: -10px;
		top: -10px;
		width: calc(100% + 20px);
		height: calc(100% + 20px);
		border-radius: 10px;
	} */	
	#body.revamp footer#footer .border-bg, #body.revamp header .border-bg {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 7px;
	}
	#body.revamp footer#footer .border-txt, #body.revamp header .border-txt { padding: 4px 10px;	}
	#body.revamp footer#footer .subscription, #body.revamp header .subscription 			{ display:table; position:relative; padding:0; /* color:#fff; */ color: #13426b; cursor:pointer;}
	#body.revamp footer#footer .subscription-icon, #body.revamp header .subscription-icon 		{ display:block; width:auto; text-align:center; display:table-cell; vertical-align:middle; padding-left:10px;}
	#body.revamp footer#footer .subscription-icon img 	{  }
	#body.revamp footer#footer .subscription i, #body.revamp header .subscription i 			{ display:inline-block; /* font-size:26px; */ font-size:18px; }
	#body.revamp footer#footer .subscription-text, #body.revamp header .subscription-text 		{ display:block; display:table-cell; vertical-align:middle; /* vertical-align:top; */ line-height:normal; transition: all 0.3s ease-out;}
	#body.revamp footer#footer .subscription h3, #body.revamp header .subscription h3 			{ /* font-size:26px; */ font-size:18px; font-weight:500; transition: all 0.3s ease-out; line-height: 1;}
	#body.revamp footer#footer .subscription:hover h3, #body.revamp header .subscription:hover h3,
	#body.revamp footer#footer .subscription:hover .subscription-text, #body.revamp header .subscription:hover .subscription-text  	{ color:#00a3e0; }

	#body.revamp footer#footer .media-icon 		{ padding:20px 0 20px 0  }
	#body.revamp footer#footer .media-icon i 	{ display:inline-block; font-size:26px; padding-left:20px;  cursor: pointer;}
	#body.revamp footer#footer .media-icon>span { display:inline-block; cursor: pointer; }
	#body.revamp footer#footer .media-icon .wechat_code	{ position: absolute; width: 200px; 
		background-color: rgb(136, 136, 136); bottom: 46px; left:auto; right: 0; 
		z-index: 501; display: none; }
	#body.revamp footer#footer .media-icon .wechat_code img	{ width: 100%; height: auto; }
	#body.revamp footer#footer .media-icon .wechat_hover:hover .wechat_code { display: block; }
	
	
	
	
	
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos 						{ padding:20px 0 20px 0 }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk 		{ float:left; margin-right:80px }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk img 	{ width:auto; height:50px; margin-right:30px; margin-bottom:0; }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk>a:last-child img { margin-right:0 }

	#body.revamp footer#footer .footer-top .f-col1 .external-link 						{ float:left; }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink 				{ margin:-6px 0 0 0; padding:0; }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li			{ margin:0 0 0 15px; padding:0 ;  }
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li a 		{ color:#fff; text-decoration:none; transition: all 0.3s ease-out;}
	#body.revamp footer#footer .footer-top .f-col1 .external-link ul.exlink li a:hover 	{ color:#00a3e0;}

	#body.revamp footer#footer .footer-top .f-col2 .f-col2-pos 	{ padding:20px 0 20px 20px; border-bottom:1px solid #336788;}


	#body.revamp footer#footer .footer-top p.sub-title 	{ margin-bottom:20px; }




	/* Footer (Bottom)
	-------------------------------------------*/
	#body.revamp footer#footer .footer-bottom    		{ background: url(images/bg-footer-arrow.svg) no-repeat bottom right; background-size:105%; } 

	#body.revamp footer#footer .footer-bottom,
	#body.revamp footer#footer .footer-bottom .f-col1,
	#body.revamp footer#footer .footer-bottom .f-col2 	{ min-height:150px; }

	#body.revamp footer#footer .footer-bottom .f-col1    { padding-top:50px;}


	#body.revamp footer#footer .fb-logo-blk { width:120px; margin:30px 0 0 20px; }


	#body.revamp footer#footer ul.legal-link  						{ margin:0; padding:0;}
	#body.revamp footer#footer ul.legal-link  li 					{ margin:0; padding:0; display:inline-block; list-style:none;} 
	#body.revamp footer#footer ul.legal-link  li:before 				{ content:"•"; display:inline-block; vertical-align: middle; color:#f4364c; padding:0 10px 0  10px}
	#body.revamp footer#footer ul.legal-link  li:first-child:before 	{ content:""; padding-left:0; padding-right:0;}
	#body.revamp footer#footer ul.legal-link  li a 					{ color:#fff; text-decoration:none; transition: all 0.3s ease-out;}
	#body.revamp footer#footer ul.legal-link  li a:hover 			{ color:#00a3e0;}




	/* update "index.html"
	-------------------------------------------*/
	.pos-no { padding:0;  margin-bottom:0; margin-top:0;}

	table.no 								{ width:100%; border:none;}
	table.no tr:first-child td  			{ color:#f4364c; border-bottom:1px solid #13426b; line-height:normal; padding-bottom:5px; }
	table.no tr:last-child td 				{ color:#13426b;}

	#body.en table.no tr:last-child td div 	{ margin-top:10px; }
	#body.en table.no tr:first-child td div,
	#body.en table.no tr:first-child td span,
	#body.cn table.no tr:first-child td div,
	#body.cn table.no tr:first-child td span { font-weight:lighter; }
	#body.en table.no tr:last-child td div,
	#body.cn table.no tr:last-child td div   { font-size:18px; font-weight:bold;}


	#body.revamp.index .tab  					{ width:20%; margin-top:50px; float:left; font-size: 120%;}
	#body.revamp.index .tabcontent 				{ width:80%; margin-top:-50px; float:left; padding:0px 30px 0 80px; border-left: none;  }

	#body.revamp.index .tabcontent img 			{  width:100%; height:auto;}
	#body.revamp.index .tab button 				{  display:block; background-color:inherit; border:none; outline:none; border-bottom:1px solid #ccc; position:relative; 
												   padding:16px 16px 16px 0; width:100%; text-align:left; color:#13426b; text-decoration:none; cursor:pointer; 
												   transition: 0.3s; font-size:100%; font-family:  "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", FSElliot, "微軟正黑體", "SimSuum", "Heiti SC", "微软雅黑", "Heiti TC",  "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei", sans-serif;}
	#body.cn.revamp.index .tab button 				{  font-family: "Microsoft JhengHei", "微軟正黑體", "Heiti SC", "Heiti TC", "Microsoft YaHei", "SF Pro Icons", "Helvetica Neue", "Helvetica", "Arial", FSElliot, "SimSuum", sans-serif;}
	#body.revamp.index .tab button::after 		{  content: ''; position:absolute; width:100%;
													   transform: scaleX(0); border-radius:5px; height:1px; bottom:-1px; left:0;
							  						  background: #13426b;
							  					transform-origin: bottom right;
							  						  transition: transform 0.25s ease-out; }

	#body.revamp.index .tab button:hover 			{ color:#13426b; }

	#body.revamp.index .tab button:hover::after 		{ transform: scaleX(1);
	  						                   transform-origin: bottom left; }


	#body.revamp.index .tab button.active 		{ border-bottom:1px solid #f4364c; color:#13426b; pointer-events: none;}
	#body.revamp.index .tab button.active:after 	{ content:"";  }

	
	/* Adjust font size
	-------------------------------------------*/
	#body.revamp.index #develop article span	{ font-size:105%;}

	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1430px) {
	#body.revamp.index #highlight .hl-title 	{ font-size:36px; }
	}


	@media only screen and (max-width:1366px) {
	#body.revamp.index #highlight .btn-hl		{ clear: both; width: 175px; font-size: 75%; text-align: center; line-height: 1.7; }
	#body.revamp footer#footer 						{ font-size:90% }
	}

	@media only screen and (max-width:1270px) {
	#body.revamp.index #highlight .hl-title 	{ font-size:28px; }
	}

	@media only screen and (max-width:1280px) {
	#body.revamp footer#footer .f-col1 				{ width:70% }
	#body.revamp footer#footer .f-col2 				{ left:70%; }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk 			{ margin-right:60px; }

	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk img 		{ height:40px;}
	#body.revamp footer#footer .fb-logo-blk 			{ width:110px; margin: 20px 0 0 20px;}

	#body.revamp footer#footer .footer-bottom    	{ background: url(images/bg-footer-arrow-1280.svg) no-repeat ; background-position: bottom 5px right 0;  } 

	#body.revamp footer#footer .footer-bottom,
	#body.revamp footer#footer .footer-bottom .f-col1,
	#body.revamp footer#footer .footer-bottom .f-col2 	{ min-height:120px; }

	#body.revamp footer#footer .footer-bottom .f-col1 	{ padding-top:35px;}

	table.no tr:first-child td { font-size: 40px;}
	table.no tr td { padding-left:20px; }
	
	#body.revamp.index .update-bg .update 	{ background-size:70%; background-position:600px;}
	
	
	#body.revamp .form-main          { width:100%; }

	}


	@media only screen and (max-width:1024px) {
	#body.revamp.index h2 { font-size: 40px;}

	#body.en table.no tr td div,
	#body.cn table.no tr td div 	{ font-size:16px; }
	#body.en table.no tr td span,
	#body.cn table.no tr td span    { font-size:12px; }

	#body.revamp.index #updates 		{ background-size:100%; background-position: right -340px top;}

	#body.revamp.index #highlight .hl-icon-blk 			{ width:60px }
	#body.revamp.index #highlight .hl-icon-blk .hl-icon  { width:40px }

	#body.revamp.index #highlight .hl-white-triangle   { width:0; height:0; position:absolute; right:0; bottom:0;
													    border-style: solid;
													    border-width: 0 0 290px 290px;
													    border-color: transparent transparent #fff transparent; }

	#body.revamp.index #highlight .btn-hl		{ margin-top: 5px; clear: none; width:auto; }
	#body.revamp.index #highlight .hl-title 				{ font-size:25px; width:100%;}
	#body.revamp.index #highlight .hl-intro 				{ width:100%;}
	#body.revamp.index #highlight .two-col-blk    		{ display:block; flex-direction:column; margin-bottom:0; margin-top:20px}
	#body.revamp.index #highlight .two-col-blk .hl-col 	{ margin-left:0; margin-bottom:30px; min-height:250px;  height:auto;}
	#body.revamp.index #highlight .two-col-blk .hl-col:last-child { margin-bottom:0; }
	#body.revamp.index #highlight .hl-white-triangle     { border-width: 0 0 260px 260px; }
	#body.revamp.index #highlight .hl-intro-blk 			{ padding-bottom:120px; }

	#body.revamp.index #report 					{ height:/*545*/320px; }
	#body.revamp.index #report .report-intro 	{ width:100%; }

	.grid  				{/*  top:-15px */ }
	.grid__item-number  { font-size:40px; /* top:-3.2rem */ }
	.grid__item-title 	{ font-size:13px; right:-1.5rem; }
	.grid__item p 		{ font-size:13px; }

	#body.revamp.index .tab  					{ width:30%; margin-top:30px; }
	#body.revamp.index .tabcontent 				{ width:70%; margin-top:30px; padding: 0px 0 0 20px;}
	#body.revamp.index #flows .flows-img-blk 	{ width:100%;}

	#body.revamp footer#footer .f-col1 { width:100%;}


	#body.revamp footer#footer .footer-top,
	#body.revamp footer#footer .footer-top .f-col1    { min-height:auto; max-width:100%; width:100%; }
	#body.revamp footer#footer .footer-top .f-col2 	 { min-height:auto; max-width:100%; width:100%; border-left:none; position:relative; left:0; border-top: 1px solid #336788; }
	#body.revamp footer#footer .footer-top .f-col2 .f-col2-pos  { border-bottom:none; padding: 20px 0 20px 0; max-width:90%; margin:0 auto }

	#body.revamp footer#footer .media-icon { position: absolute; bottom:0px; right:calc(50% - 80px); }

	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk 			{ margin-right:0; width: 50%; }


	#body.revamp footer#footer .footer-bottom .f-col1,
	#body.revamp footer#footer .footer-bottom .f-col2 	{ min-height:auto; }

	#body.revamp footer#footer .footer-bottom .f-col1  	{ padding-top:20px }
	#body.revamp footer#footer .footer-bottom .f-col2 	{ position:relative; /* width:100%; */ text-align:-webkit-right; left:0;  }
	#body.revamp footer#footer .fb-logo-blk 	 			{ width:110px; margin: 20px 90px 0 0;}

	#body.revamp footer#footer .footer-bottom,
	#body.revamp footer#footer .footer-bottom .f-col1,
	#body.revamp footer#footer .footer-bottom .f-col2  { min-height:auto; height:auto; }

	#body.revamp footer#footer .footer-bottom { background-position: bottom right -200px; background-size: 200%; padding-bottom: 50px; }
	
	#body.revamp footer#footer .footer-bottom .f-col1 { z-index:100;}
	#body.revamp footer#footer .footer-bottom .f-col2 { z-index:10;}

	#body.revamp.index .update-bg .update 	{ background-size:80%; background-position:400px;}
	table.no tr:first-child td 				{ font-size:40px;}

	.grid__item-title { top:-50px }
	
	#body.revamp .form-main h2       { display:block; }
	#body.revamp .tf-col1            { width:100%;  }
	#body.revamp .tf-col2            { display:none; }
	
	

	}
	


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	#body.revamp.index #develop .d-two-col-blk 			{ flex-direction:column; margin-top:0}
	#body.revamp.index #develop .d-two-col-blk .dev-col 	{ margin-left:0 }
	
    #body.revamp footer#footer .media-icon .wechat_code	{ left:-80px; }
    
	#body.revamp.index #flows 	{ background-position: right -200px top; }
	#body.revamp.index .update-bg .update 	{ background-size:90%; background-position:450px;}

	.grid__item:nth-child(1) p { position:absolute; bottom:45px; right:10px;}
	.grid__item:nth-child(2) p { position:absolute; bottom:78px; right:10px;}
	.grid__item:nth-child(3) p { position:absolute; bottom:42px; right:10px;}
	.grid__item:nth-child(4) p { position:absolute; bottom:78px; right:10px;}
	.grid__item:nth-child(5) p { position:absolute; bottom:56px; right:10px;}
	#body.revamp.index #highlight .hl-title .btn-knowmore 	{ font-size:16px; }
	}


	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	#body.revamp footer#footer .fb-logo-blk 		{ width: 120px;  margin:-40px 100px 0 0;}
	#body.revamp footer#footer .footer-bottom 	{ background-position: bottom right -230px; background-size:170%; padding-bottom: 50px; }

/* 	#body.revamp.index #report 		{ height:280px;}
	#body.revamp.index #flows 		{ background-position: right -200px top;} */
	
	#body.revamp.index #report 		{ height:280px;}
	#body.revamp.index #flows 		{ background-position: right top;}

	#body.revamp.index .update-bg .update 	{ background-size:80%; background-position:500px;}
	table.no tr:first-child td 				{ font-size:50px;}

	.grid__item-title { top:-50px }
	#body.revamp.index #highlight .hl-title .btn-knowmore 	{ font-size:20px; }
	}


	@media only screen and (max-width:767px) {
	#body.revamp.index h2 			{ font-size:30px;}
	#body.revamp.index .icon-go 		{ width:20px; height:15px; top:-2px;}
	table.no-m,
	table.no-m tr td:first-child span  	{ color:#f4364c; }
	table.no-m tr td:last-child span,
	table.no-m tr td:last-child div 	{ color:#13426b; line-height:normal; }
	table.no-m tr td  					{ border-bottom:1px solid #13426b}
	table.no-m tr td:first-child span   { font-weight:lighter; font-size:12px;}
	table.no-m tr td:last-child span 	{ line-height:1.6; }
	.pos-no-m { padding:0; padding-bottom:20px;}
	table.no-m tr td { padding-top:15px; padding-bottom:15px; }

	#body.revamp.index .bannerList .pattern-red { display: none; }
	#body.revamp.index .update-bg .update 	{ background-size:200%; background-position:250px;}


	#body.revamp.index #highlight .pattern-red	 		{ width:40%; left:-20px; animation: wave2 10s linear 0s infinite;}
	@keyframes wave2 {
	  0% {transform: translateY(10%);}
	  50% {transform: translateY(1%);}
	  100% {transform: translateY(10%);}
	}

	#body.revamp.index #highlight .two-col-blk    		{ display:block; flex-direction:column; margin-bottom:0; margin-top:20px}
	#body.revamp.index #highlight .two-col-blk .hl-col 	{ margin-left:0; margin-bottom:30px; min-height:250px;  height:auto;}
	#body.revamp.index #highlight .two-col-blk .hl-col:last-child { margin-bottom:0; }
	#body.revamp.index #highlight .hl-white-triangle     { border-width: 0 0 260px 260px; }
	
	#body.revamp.index #develop .d-two-col-blk 			{ display:block; flex-direction:column; }
	#body.revamp.index #develop .d-two-col-blk .dev-col 	{ margin-left:0; }

	#body.revamp.index #develop .a-intro			    { width: 100%; }
	#body.revamp.index #develop article .img-wrp		{ width:100%; margin-bottom:20px;}
	#body.revamp.index .btn-find 						{ top:auto; bottom:0 }
	#body.revamp.index #develop article span 			{ margin-bottom:5px; }
	#body.revamp.index #develop .a-link .article-title 	{ margin-bottom:10px; }

	#body.revamp.index #develop .dev-title h2    { position:relative; }
	#body.revamp.index #develop .dev-title  		{ height:auto; }
	#body.revamp.index #develop .d-two-col-blk 						{ margin-top:0; }
	#body.revamp.index #develop .d-two-col-blk .dev-col  			{ margin-bottom:80px; }
	#body.revamp.index #develop .d-two-col-blk .dev-col:last-child  	{ margin-bottom:0; }

	#body.revamp.index #highlight .btn-hl		{ clear: both; width: 175px; font-size: 75%; text-align: center; line-height: 1.7; }

	#body.revamp.index #flows 		{ background-position: right -220px top; background-size: cover; }
	#body.revamp.index .tab button   { /*display:inline-block; width:calc(90% / 2);*/ margin-right:10px; padding:16px 0}
	#body.revamp.index .tab          { width:100%; margin-top:0;} 
	#body.revamp.index .tabcontent 	{ width:100%; padding:0;}

	#body.revamp.index #flows 	{ padding:40px 0;}

	#body.revamp footer#footer { margin-top: 50px; }
	#body.revamp footer#footer .footer-top .f-col1 .f-col1-pos .f-col1-icon-blk,
	#body.revamp footer#footer .footer-top .f-col1 .external-link 				{ width:100% }

	#body.revamp footer#footer .footer-top .f-col1 .external-link { margin-top:40px; }
	#body.revamp footer#footer .media-icon 			{ right:20px }
	#body.revamp footer#footer .subscription-icon	{ width: auto;    /*  padding-right: 10px; */ }
	#body.revamp footer#footer ul.legal-link li   	{ display:block; }
	#body.revamp footer#footer ul.legal-link li:before 				{/*  content:''; *//*  display:block;  */color:#f4364c; padding:0 10px 0  2px}
	/* #body.revamp footer#footer ul.legal-link li:first-child:before   { content:''; display:block; padding:0 10px 0  2px} */
	#body.revamp footer#footer .fb-logo-blk 				{ width:100px; margin:20px 60px 0 0;}
	#body.revamp footer#footer .footer-bottom 			{ background-position: bottom right -160px; background-size: 300%; padding-bottom: 40px;}
	#body.revamp footer#footer .footer-bottom .f-col2 	{ margin-top:-20px; }

	#body.revamp.index #report 					{ height:auto;}
	#body.revamp.index #report .pattern-report 	{ background: url(images/bg-pattern-white.svg) no-repeat;
										     background-size: 225%;
									     background-position: right top -200px;}


	.grid 				{ display:none;  }
	.m-grid 			{ display:block; padding-top:30px }
	.divTable-grid 		{ display:table; width:100%; padding:0; margin:50px 0; line-height:normal;}
	.divTableBody 		{ display:table-row-group;}
	.divTableRow  		{ display:table-row; padding:0; margin:0;}
	.divTableCell 				{ display:table-cell; padding:0 0 30px 0; margin:0; width:50%; vertical-align:top; }
	.divTableCell:last-child 	{ /*vertical-align:bottom;*/ }

	.divTableRow:first-child .divTableCell img 			{ width:100%; height:auto; float:none; padding:0}
	.divTableCell img 				{ width:45%; height:auto; float:left; padding:0}
	.divTableCell .past-issues 		{ width:50%; float:left; padding-left:10px; }	
	.divTableCell .past-issues span { font-size:30px; font-weight:800; line-height:1; color:#13426b;  }
	.divTableCell .past-issues p 	{ font-size:14px; font-weight:200; line-height:1; letter-spacing:-0.2px; color:#f4364c;} 

	.divTableCell .current-issues 	{ padding-left:20px; width:100%; }
	.divTableCell .current-issues span  { font-size:60px; font-weight:800; line-height:1; color:#13426b; } 
	.divTableCell .current-issues p 	{ font-size:20px; font-weight:200; line-height:1; letter-spacing:-0.2px; color:#f4364c;} 

	.current-issues 		{ padding-left:15px; width:100%; }
	.current-issues span  	{ font-size:30px; font-weight:800; line-height:1; color:#13426b; } 
	.current-issues p 		{ font-size:20px; font-weight:200; line-height:1; letter-spacing:-0.2px; color:#f4364c;} 

	#body.revamp.index .report-itme-m 			{ padding-bottom:20px; }
	#body.revamp.index .report-itme-m[onclick] 			{ cursor: pointer; }
	#body.revamp.index .report-itme-m .rim-col1 	{ width:150px; height:80px; float:left; }
	#body.revamp.index .report-itme-m .rim-col2  { width:calc(100% - 150px); float:left; }
	#body.revamp.index .report-itme-m:last-child { padding-bottom:50px;}
	
	#body.revamp.index #highlight .hl-intro-blk 	{padding-bottom: 130px;}
	#body.revamp.index #highlight .hl-title  	{ font-size:30px; }
	#body.revamp.index #highlight .hl-title .btn-knowmore 	{ font-size:14px; }
	
	#body.revamp.index #develop .a-link { display:block; }
	
	
	}