body {
	background-color: rgb(0,0,0);
	margin: 0px; 
	border: 0px black;
	padding: 0px;
	overflow: hidden;
	} 
		
	a {
	text-decoration: none;
	outline: 0;
	color: white;
	}
		
	#logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 64vw;
	font-size: 0px;
	transform: translate(-50%, -50%);
	text-align: center;
	}

	#logo:hover a {	
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%;
	}    
		
	#en, #zh, #es, #ar, #fr, #ru, #de, #he {
	display: block;
	height: 20vw;
	width: 8vw; 
	display: inline;
	}
		
	#en a, #zh a, #es a, #ar a, #fr a, #ru a, #de a, #he a {
	display: inline-block;
	height: 20vw;
	width: 8vw;   
	}

	.wrap {
	display: inline;
	white-space: pre;
	}

	#content {
	background-color: rgba(0,0,0,0);
	max-width:100vw;
	min-width:100vw;
	color: white;
	z-index: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	}

	.header, .headerzh, .headerar, .headerfr, .headerde, .headerit {
	font-family: 'Tahoma';
	font-size: 1.65vw;
	text-transform: uppercase;
	}
					
	.header {
	max-width: 45vw;
	}

	.headerzh {
	max-width: 37.5vw;
	font-weight: 900;
	}

	.headerar {
	font-family: 'Courier New'; 
	max-width: 35vw;
	font-size: 2.4vw;
	font-weight: 600;
	}
				
	.headerfr {
	max-width: 47.5vw;
	}

	.headerde {
	max-width: 50vw;
	}
				
	.headerhe {
	font-family: 'Courier New'; 
	max-width: 45vw;
	font-size: 2.4vw;
	font-weight: 600;
	letter-spacing: -0.25vw;
	}

	.break {
	max-height:2vw;
	min-height:2vw;
	}

	.sub, .subzh, .subar, .subfr, .subde, .subit { 
	max-width: 70vw;
	min-width: 70vw;
	font-size: 1.2vw;
	font-family: 'Courier New';
	letter-spacing: -0.075vw;  
	}

	#en a, #zh a, #es a, #ar a, #fr a, #ru a, #de a, #he a{
	display: inline-block;	
	height: 20vw;
	width: 8vw;
	}

	#en a{            	           
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}	 

	#en:hover a{             	   
	background: url(sprite1.png) 37.5% 0;
	background-size:1700% 100%;
	}            

	#zh a{
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}	   
				
	#zh:hover a{
	background: url(sprite1.png) 93.75% 0;
	background-size:1700% 100%;
	}   

	#es a{
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}	 

	#es:hover a{
	background: url(sprite1.png) 50% 0;
	background-size:1700% 100%;
	}      

	#ar a{
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}	
				
	#ar:hover a{
	background: url(sprite1.png) 12.5% 0;
	background-size:1700% 100%;
	}   

	#fr a{
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}

	#fr:hover a{     
	background: url(sprite1.png) 62.5% 0;
	background-size:1700% 100%;
	}     

	#ru a{
	background: url(sprite1.png) 6.25% 0;
	background-size:1700% 100%; 
	}	     

	#ru:hover a{
	background: url(sprite1.png) 81.25% 0;
	background-size:1700% 100%;
	}       

	#de a{            	           		   
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%; 
	}

	#de:hover a{
	background: url(sprite1.png) 25% 0;
	background-size:1700% 100%;
	}      

	#he a{
	background: url(sprite1.png) 6.25% 0;
	background-size:1700% 100%; 
	}	     

	#he:hover a{
	background: url(sprite1.png) 75% 0;
	background-size:1700% 100%;
	}    
					
	a.sub {
	font-size: 100%;
	text-decoration: none;
	font-family: 'Courier New';
	letter-spacing: .05vw;
	font-weight: 100;
	} 


	@media only screen and (orientation: portrait) {
		 
	#logo {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100vw;
	font-size: 0px;
	transform: translate(-50%, -50%);
	text-align: center;
	}

	#logo:hover a {			
	background: url(sprite1.png) 0 0;
	background-size:1700% 100%;
	}    
		
	#en, #zh, #es, #ar, #fr, #ru, #de, #he {
	display: block;
	height: 30.25vw;
	width: 12.1vw; 
	display: inline;
	}
		
	#en a, #zh a, #es a, #ar a, #fr a, #ru a, #de a, #he a {
	display: inline-block;
	height: 30.25vw;
	width: 12.1vw;   
	}

	.wrap {
	display: inline;
	white-space: pre;
	}

	#content {
	background-color: rgba(0,0,0,0);
	max-width:100vw;
	min-width:100vw;
	color: white;
	z-index: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	transform: translate(-50%, -50%);
	}

	.header, .headerzh, .headerar, .headerfr, .headerde, .headerhe {
	font-family: 'Tahoma';
	font-size: 3vw;
	}
					
	.header {
	max-width: 80vw;
	}

	.headerzh {
	max-width: 75vw;
	font-weight: 900;
	}

	.headerar {
	font-family: 'Courier New'; 
	max-width: 70vw;
	font-size: 4.8vw;
	font-weight: 600;
	}
				
	.headerfr {
	max-width: 95vw;
	}

	.headerde {
	max-width: 99.5vw;
	}
				
	.headerhe {
	max-width: 80vw;
	font-family: 'Courier New'; 
	font-size: 4.8vw;
	font-weight: 600;
	letter-spacing: -0.45vw;
	}

	.break {
	max-height:4vw;
	min-height:4vw;
	}

	.sub, .subzh, .subar, .subfr, .subde, .subhe { 
	max-width: 90vw;
	min-width: 90vw;
	font-size: 2.75vw;
	font-family: 'Courier New';
	letter-spacing: -0.075vw;  
	}

	#en a, #zh a, #es a, #ar a, #fr a, #ru a, #de a, #he a{
	display: inline-block;	
	height: 30.25vw;
	width: 12.1vw;
	}

					
	#en a{            	           
	background: url(sprite1.png) 43.75% 0;
	background-size:1700% 100%; 
	}	 

	#en:hover a{             	   
	background: url(sprite1.png) 37.5% 0;
	background-size:1700% 100%;
	}            

	#zh a{
	background: url(sprite1.png) 87.5% 0;
	background-size:1700% 100%; 
	}	   

	#zh:hover a{
	background: url(sprite1.png) 93.75% 0;
	background-size:1700% 100%;
	}   

	#es a{
	background: url(sprite1.png) 56.25% 0;
	background-size:1700% 100%; 
	}	 

	#es:hover a{
	background: url(sprite1.png) 50% 0;
	background-size:1700% 100%;
	}      

	#ar a{
	background: url(sprite1.png) 18.75% 0;
	background-size:1700% 100%; 
	}	

	#ar:hover a{
	background: url(sprite1.png) 12.5% 0;
	background-size:1700% 100%;
	}   

	#fr a{
	background: url(sprite1.png) 68.75% 0;
	background-size:1700% 100%; 
	}

	#fr:hover a{     
	background: url(sprite1.png) 62.5% 0;
	background-size:1700% 100%;
	}     

	#ru a{
	background: url(sprite1.png) 81.25% 0;
	background-size:1700% 100%; 
	}	     

	#ru:hover a{
	background: url(sprite1.png) 81.25% 0;
	background-size:1700% 100%;
	}       

	#de a{            	           
	background: url(sprite1.png) 31.25% 0;
	background-size:1700% 100%; 
	}	     

	#de:hover a{
	background: url(sprite1.png) 25% 0;
	background-size:1700% 100%;
	}      

	#he a{
	background: url(sprite1.png) 75% 0;
	background-size:1700% 100%; 
	}
		
	#he:hover a{
	background: url(sprite1.png) 75% 0;
	background-size:1700% 100%;
	}
	}