.general.adj-teams { margin-bottom:100px}
	.teams-wrap { overflow:hidden}

	.teams-row 				{ width:calc(100% + 100px); }
	.teams-row .tr-item 	{ width:calc(100% / 4); float:left; padding-right:100px; transition: all 0.3s ease-out;}
	.teams-row .tr-item img { width:100%; height:auto; display: block;
							  object-fit: cover; transition: all .3s ease-in-out;}
	.teams-row .tr-item:first-child  	{ margin-top:150px}
	.teams-row .tr-item:nth-child(3n)   { margin-top:150px}
	.teams-row .tr-half { width:50%; /* float:left; */ float: right;}

	.tr-intro-blk		{ padding-top:50px; padding-bottom:40px; border-bottom:1px solid #d6d6d6}
	.tr-intro-blk .name { font-size:24px; line-height:normal; font-weight:600}
	.tr-intro-blk .pos  { text-transform:uppercase; color:#666; font-size:14px; line-height:1.4; font-weight:500} 

	#body.en .tr-intro-blk .name { font-size:24px; line-height:normal; }
	#body.cn .tr-intro-blk .name { font-size:30px; }

	#body.en .tr-intro-blk .pos { font-size:14px; }
	#body.cn .tr-intro-blk .pos { font-size:16px; }

	/* Row3 
	============================================================================= */
	.row3-an 	{ animation: float 6s ease-in-out infinite;}
	#body.en img.img-en 		{ display:block}
	#body.en img.img-tc 		{ display:none }
	#body.en img.img-sc 		{ display:none }

	#body.cn img.img-en 		{ display:none }
	#body.cn img.img-tc 		{ display:block}
	#body.cn img.img-sc 		{ display:none }

	#body.cn.sc img.img-en 	{ display:none }
	#body.cn.sc img.img-tc 	{ display:none }
	#body.cn.sc img.img-sc 	{ display:block}

	/* Row5 animation
	============================================================================= */
	.row4-animation { width:450px; height:250px; position:absolute; top:50px; margin-left:50px; animation: float 6s ease-in-out infinite}
	
	@keyframes move {
	 	0%   { background-color:#e84124; left:0px; top:-65px;}
	  	25%  { background-color:#0062a7; left:-210px; top:190px;}
	  	50%  { background-color:#333; left:450px; top:190px;}
	  	75%  { background-color:#0062a7; left:420px; top:150px;}
	  	100% { background-color:#e84124; left:0px; top:-65px;}
	}

	.row4-animation-move {  position: relative;
	  width: 100px;
	  height: 100px;
	  background-color: #e84124;
	  position: relative;
	  animation-name: move;
	  animation-duration: 6s;
	  animation-iteration-count: infinite;
	 border-radius:50%
	}

	.row4-animation-move-pos 		{ margin-top:100px;}
	.row4-animation img.for-large   { display:block;}
	.row4-animation img.for-sm      { display:none;}


	/* Row5 animation
	============================================================================= */
 	.row5-wrap 		{ overflow:hidden;}
 	.row5-top-row 	{ position:absolute!important; z-index:-1; padding-top:220px}
 	.row5-top-row .pattern-red 		{ width:90%; height:auto; left:-20px; position:absolute;}
 	.row5-top-row .pattern-blue 	{ width:130%; height:auto; margin-left:-100px}
 	.row5-top-row .pattern-circle 	{ width:90%; height:auto;  position:absolute; top:240px; left:-15px;}


	/* Animation Float
	============================================================================= */
	@keyframes float {
		0% 	 { transform: translatey(0px);}
		50%  { transform: translatey(-20px);}
		100% { transform: translatey(0px);}
	}

	.floating { animation: float 3s ease-in-out infinite}


	/* Animation Float
	============================================================================= */
	@keyframes float-slow {
		0% 	 { transform: translatey(0px);}
		50%  { transform: translatey(20px);}
		100% { transform: translatey(0px);}
	}

	.floating-slow { animation: float-slow 8s ease-in-out infinite}


	/* Animation scale
	============================================================================= */
	.scaling {
	  width: 100px;
	  height: 100px;
	  animation: scale 8s alternate infinite ease-in;
	}

	@keyframes scale {
	  0%   {transform: scale(.8);}
	  100% {transform: scale(1.3);}
	}


	/* Animation scale
	============================================================================= */
	.scaling-slow {
	  width: 200px;
	  height: 200px;
	  animation: scale-slow 24s alternate infinite ease-in;
	}

	@keyframes scale-slow {
	  0%   {transform: scale(.8);}
	  100% {transform: scale(1.6);}
	}


	/* Animation scale
	============================================================================= */
	.scaling-m {
	  width: 150px;
	  height: 150px;
	  animation: scale-m 24s alternate infinite ease-in;
	}

	@keyframes scale-m {
	  0%   {transform: scale(1.4);}
	  100% {transform: scale(0.8);}
	}


	/* Row6
	============================================================================= */
	.row6-wrap { overflow:hidden;}


	.row6-animation-blk 	{ position:absolute!important;z-index:-1; top:0; width: 100%; margin-left:75%;}
	.row6-animation-adj-pos { top:100px;}
	.row6-round-blk		{ z-index:2; top:300px}
	.row6-round 		{ width:100px; height:100px; transform-origin:350% center; position:relative;
					  	  animation:rotate 10s linear infinite; }
	.row6-round:before 	{ content:''; position:absolute; height:100%; width:100%; background:#fff; border-radius:50%;
					      animation:rotate 10s linear reverse infinite; }
	@keyframes rotate 	{ 100% { transform:rotate(-360deg); } }


	.row6-circle-blk { position:absolute!important; top:0; width:800px; height:800px; z-index:1;}
	.row6-circle 	 { width:700px; height:700px; border-radius:50%; background-color:#f1f1f1; }




	/* ==========================================================================
	    Media Style:
	============================================================================= */
	@media only screen and (max-width:1400px) {
	.teams-row 			{ width:calc(100% + 80px); }
	.teams-row .tr-item { padding-right:80px;}

	@keyframes move {
	 	0%   { background-color:#e84124; left:20px; top:-65px;}
	  	25%  { background-color:#0062a7; left:-150px; top:220px;}
	  	50%  { background-color:#333; left:450px; top:220px;}
	  	75%  { background-color:#0062a7; left:440px; top:140px;}
	  	100% { background-color:#e84124; left:20px; top:-65px;}
	}

	.row4-animation-move {  width:70px; height:70px;}
	}

	@media only screen and (max-width:1200px) {
	#body.en .tr-intro-blk .name { font-size:20px; line-height:1.2 }
	#body.cn .tr-intro-blk .name { font-size:26px; }
	#body.en .tr-intro-blk .pos { font-size:12px; }
	#body.cn .tr-intro-blk .pos { font-size:14px; }


	.teams-row 			{ width:calc(100% + 40px); }
	.teams-row .tr-item { padding-right:40px;}

	.teams-row .tr-item:first-child  	{ margin-top:100px}
	.teams-row .tr-item:nth-child(3n)   { margin-top:100px}
	.tr-intro-blk			{ padding-top:30px; padding-bottom:30px;}
	.tr-item .name 			{ font-size:1.4rem;}

	.row4-animation-move,
	ul.particles,
	.row4-animation img.for-large  { display:none;}
	.row4-animation img.for-sm     { display:block;}

	.row4-animation { width:380px; height:180px;}

 	.row5-top-row   { padding-top:150px}
	.scaling-slow {
	  width: 200px;
	  height: 200px;
	  animation: scale-slow 18s alternate infinite ease-in;
	}

	@keyframes scale-slow {
	  0%   {transform: scale(.8);}
	  100% {transform: scale(1.4);}
	}


	.row6-round-blk		{ top:180px}
	.row6-round 		{ transform-origin:228%}


	.row6-circle-blk { width:450px; height:450px;}
	.row6-circle 	 { width:450px; height:450px;}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.teams-row .tr-item:first-child  	{ margin-top:70px}
	.teams-row .tr-item:nth-child(3n)   { margin-top:70px}
	.tr-intro-blk		{ padding-top:20px; padding-bottom:20px;}

	.tr-item .name 		{ font-size:1rem;}
	.tr-intro-blk .pos  { font-size:11px} 

	.row4-animation  	{ width:250px; height:50px;}

 	.row5-top-row .pattern-red 		{ width:55%; top:-50px}
 	.row5-top-row .pattern-blue 	{ width:120%; top:-50px}
 	.row5-top-row .pattern-circle 	{ width:80%; top:-50px}
	}

	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	.teams-row .tr-item:first-child  	{ margin-top:100px}
	.teams-row .tr-item:nth-child(3n)   { margin-top:100px}
	.tr-item .name 		{ font-size:1.2rem;}
	.tr-intro-blk .pos  { font-size:12px} 

	.tr-intro-blk { padding-top:10px;}
	}


	@media only screen and (max-width:767px) {
	.general.adj-teams { margin-bottom:30px}

	#body.en .tr-intro-blk .name { font-size:18px;}

	.teams-row 				{ width:100%;   display:flex; flex-wrap: wrap;}
	.teams-row .tr-item 	{ width:calc(100% / 2); padding-right:0; margin-bottom:50px; }

	.teams-row .tr-item:nth-child(odd)  { padding-right:15px}
	.teams-row .tr-item:nth-child(even) { padding-left:15px}

	.teams-row .tr-item:first-child  	{ margin-top:50px}
	.teams-row .tr-item:nth-child(2n)   { margin-top:0px}
	.teams-row .tr-item:nth-child(3n)   { margin-top:0px; margin-bottom:0}
	.teams-row .tr-item:nth-child(4n)   { margin-top:-50px; margin-bottom:0}

	.tr-intro-blk 		{ padding-top:20px; padding-bottom:20px;}
	.tr-item .name 		{ font-size:18px;}
	.tr-intro-blk .pos  { font-size:12px;} 

	.teams-row .tr-half { display:none;}

 	.row5-top-row .pattern-red 		{ width:55%; top:-50px}
 	.row5-top-row .pattern-blue 	{ width:120%; top:-50px}
 	.row5-top-row .pattern-circle 	{ width:80%; top:-50px}

	}