#body.download .template1 		{ overflow:hidden;}
	#body.download .spin-wrapper 	{ position:absolute; left:50%; margin-left:20%; top:-100px }	
	#body.download .spin-wrapper2 	{ position:absolute; left:200px; top:600px }	


	table.t-download				{ width:100%; border:none;}
	table.t-download tbody tr td 	{ vertical-align:top; text-align:left; width:50%; padding:15px; margin:10px; line-height:1.5;
									  background-color:#ececec; color:#fff}


    #body.en .general table.t-download h2,
    #body.cn .general table.t-download h2 	{ color:#fff; border-bottom:solid 1px rgba(255,255,255,0.4); margin-bottom:10px; }


	#body.en .general table.t-download h2 { font-size:20px; line-height:normal; line-height:1.3}
	#body.cn .general table.t-download h2 { font-size:20px; line-height:normal; line-height:1.3; padding-bottom:10px; font-weight:bold;}


	table.t-download tbody tr td.color1 	{ background-color:#9e2a2b; }
	table.t-download tbody tr td.color2 	{ background-color:#f94144; }
	table.t-download tbody tr td.color3 	{ background-color:#f3722c; }
	table.t-download tbody tr td.color4 	{ background-color:#f8961e; }
	table.t-download tbody tr td.color5 	{ background-color:#90be6d; }
	table.t-download tbody tr td.color6 	{ background-color:#43aa8b; }
	table.t-download tbody tr td.color7 	{ background-color:#00a9e2; }
	table.t-download tbody tr td.color8 	{ background-color:#007bba; }
	table.t-download tbody tr td.color9 	{ background-color:#8093f1; }
	table.t-download tbody tr td.color10 	{ background-color:#b388eb; }


	/* Grow Shadow
	==================================================================== */
	.hvr-grow-shadow 	{	vertical-align: middle;
	  					 -webkit-transform: perspective(1px) translateZ(0);
	 				             transform: perspective(1px) translateZ(0);
	   							box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	   		   -webkit-transition-duration: 0.3s;
					   transition-duration: 0.3s;
	 		   -webkit-transition-property: box-shadow, transform;
					   transition-property: box-shadow, transform; }

	.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
	 						    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	  					 -webkit-transform: scale(1.1);
	 						     transform: scale(1.1);
	 							    cursor: pointer; }

/* ===================================================================== */
	/* Spin background (large circle)
	==================================================================== */
	.spin-wrapper 				{ position: relative;}
	.spin-wrapper .spinner 		{ position: absolute; height:600px; width:600px;
								    border: 12px solid transparent; border-top-color:#aed9e0;  border-radius:50%; margin:-30px;
	 							   	   top: 50%;
	 							   	  left: 50%;
	  					 		 animation: spin 20s linear infinite; }

	.spin-wrapper .spinner:before,
	.spin-wrapper .spinner:after { content: ''; position:absolute;
									border: 12px solid transparent;
	  						 border-radius: 50%; }
	.spin-wrapper .spinner:before { border-top-color: #b8f2e6;
				  								 top: -80px;
				  							    left: -80px;
				  						       right: -80px;
				  							  bottom: -80px;
	  							 	animation: spin 20s linear infinite;}
	
	.spin-wrapper .spinner:after { border-top-color: #b8f2e6;
	  								   top:24px; left:24px; right:24px; bottom:24px;
								    animation: spin 20s linear infinite; }


	/* Spin background (small circle)
	==================================================================== */
	.spin-wrapper2 .spinner 	{ position:absolute; height:100px; width:100px; border:3px solid transparent; border-top-color:#aed9e0; margin:-30px; border-radius:50%;
	  							  top: 50%;
	  							 left: 50%;
									animation: spin 10s linear infinite;}


	.spin-wrapper2 .spinner:before,
	.spin-wrapper2 .spinner:after 	{ content:''; position:absolute; border:3px solid transparent; border-radius:50%;}
	.spin-wrapper2 .spinner:before 	{ border-top-color: #b8f2e6;
										       top: -12px;
										      left: -12px;
										     right: -12px;
										    bottom: -12px;
	 									 animation: spin 10s linear infinite; }
	.spin-wrapper2 .spinner:after { border-top-color: #b8f2e6;
      											 top: 6px;
      											left: 6px;
     										   right: 6px;
     										  bottom: 6px;  
	  									   animation: spin 10s linear infinite;	}

	@keyframes spin {
	  0% {
	    transform: rotate(0deg);
	  }
	  100% {
	    transform: rotate(360deg);
	  }
	}
/* ===================================================================== */


	/* ==========================================================================
	    Media Style
	============================================================================= */
	@media only screen and (max-width:1024px) {
	.hvr-grow-shadow:hover,
	.hvr-grow-shadow:focus,
	.hvr-grow-shadow:active {
	  					 -webkit-transform: scale(1);
	 						     transform: scale(1) }
	}


	@media only screen and (max-width:767px) {
	table.t-download,
	table.t-download tbody,
	table.t-download tbody tr,
	table.t-download tbody tr td 				{ width:100%; display:block; margin-left:0}	

	#body.cn .general table.t-download h2 	{ font-weight:normal }
	}