header{
	width: 100%;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
	text-align: center;
	
}
	#header{
		width: 100%;
		margin: auto;
		background: linear-gradient(to right, rgba(255,255,255,0.75) 0%,rgba(255,133,0,0.75) 22%,rgba(255,133,0,0.75) 50%,rgba(255,133,0,0.75) 66%,rgba(255,255,255,0.75) 97%);
		box-shadow: 0px 5px 5px rgba(0,0,0,0.7);
		display: flex;
		box-sizing: border-box;
		padding: 5px 0px 5px;
		font-family: moolboran;
		font-size: 1.5em;
		font-weight: normal;
		line-height: 0.7em;
		
	}
		#header span[class^="icon-"]{
			font-size: 0.8em;
			cursor: pointer;
		}
		#header>div{
			width: 33%;
			position: relative;
			margin: auto;
			text-align: center;
		}
			#header>div div{
				text-align: center;
				margin: auto;
			}
			.china{
				text-transform: uppercase;
				text-align: center;
				font-family: moolboran;
				font-size: 1.3em;
				font-weight: normal;
				line-height: 0.9em;
				color: #565656;

			}
			
	header img{
		width: 90%;
		cursor: pointer;
	
	}
	header nav{
		position: relative;
		top: 90%;

	}
		header nav ul{
			list-style: none;
			display: flex;

		}
			header nav ul li{
				margin: auto;
				width: 100%;

			}
				header nav ul li a{
					font-family: arial;
					text-transform: uppercase;
					font-weight: bold;
					text-align: center;
					text-decoration: none;
					color: white;
					display: block;
					padding: 10px 15px;
					box-sizing: border-box;
					background: rgba(0,0,0,0.8);
					transition: 0.5s ease all;
				

				}
					header nav ul li a:hover{
						background:  rgba(0,0,0,0.5);;

					}
				header .navSelect a{
					background: rgba(255,0,0,0.8);
					transition: 0.5s ease all;

				}
					header .navSelect a:hover{
						background: rgba(255,0,0,0.5);

					}