*{margin:0px;padding:0px;}
body{background:pink;
padding-bottom:18px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
}
#marquee{
	float-right:8%;
}
#header{width:100%;height:80px;background:#333;border:2px;border-color:pink;box-shadow:0px 2px 4px gray;}
#navbar{width:680px;height:80px;border:none;float:right;}
#navbar>li{width:150px;list-style:none;float:right;border-right:1px solid gray;border-;left:1px solid gray;}
li>a{display:block;color:white;line-height:80px; text-align:center;font-family:cursive;
font-size:13px;text-decoration:none; }
#logo{width:250px;height:80px;float:left;padding-left:0px;}
#logo>{width:250px;height:80px;float:left;padding-left:0px;}
li>a:hover,
li>a:focus{background:skyblue;color:#333;}



@media screen and (max-width:1260px;){
	#navbar{width:100%;height:80px;}
#navbar>li{width:120px; }
li>a:hover,
li>a:focus{background:white;color:#333;}
#logo{width:250px;height:80px;}
}
@media screen and(max-width:1060px;){
	#header{width:100%;height:60px;position:relative;top:80px}
	#navbar{width:100%;height:60px;float:left}
#navbar>li{width:15%;background-color:black;}
li>a{line-height:60px;font-size:8px; }
#logo{width:150px;height:80px;float:left;padding-left:40px;position:absolute;top:-80;}
}
@media screen and (max-width:480px;){
	#header{width:100%;height:60px;}
#navbar{width:1000px;height:60px;float:none;}
#navbar>li{width:100%;list-style:none;float:none;border-bottom:1px solid skyblue;}
li>a{display:block;color:white;line-height:60px; 
font-size:8px; }
}


@keyframes slider { 
	0%{
		left:-2%;
	}
	20%{
		left:-2%;
	}
	45%{
		left:-104%;
	}
		
	50%{
		left:-104%;
	}
	75%{
		left:-208%;
	}
	100%{
		left:-208%;
	}
	
	
}
#slider{
	overflow:hidden;
}
	#slider figure img{
		width:1030px;
		float-right:5%;
		flash:100%;
	}
	#slider figure{
		position:relative;
		width:3100px;
		margin:0;
		left:0;
		text-align:left;
		font-size:0;
		animation:20s slider infinite;
	}
	
	#image1{
		padding-left:10%;
		border:0px;
		border-color:#333;
		float:none;
		padding-left:12%;
	}
	
#image2{
		padding-left:10%;
		border:2px;
		border-color:#333;
		float:left;
		padding-left:8%;
	}
	#img3{
		float:right;
		padding-right:8%;
		
	}
	#img4{
		padding-left:8%;
		margin-bottom:0%;
		float:left;
		margin-top:3%;
		
	}
	#img5{
		padding-right:8%;
		margin-bottom:0%;
		float:right;
		margin-top:3%;	
	}
	#img6{
		padding-left:8%;
		margin-bottom:0%;
		float:left;
		margin-top:3%;
	}
	#img7{
		padding-right:8%;
		margin-bottom:0%;
		float:right;
		margin-top:3%;
		
	}