@charset "utf-8";
/* CSS Document */
body{
	background-color:#fffddf;
}

#header{
	border-top:3px solid #CB0000;
	background-color:#FFF;
	box-shadow:0px 1px 4px #CCC;
	z-index:10;
	position:relative;
}
#header .inner{
	width:800px;
	margin:auto;
	padding:5px 20px 5px 5px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#header .inner .logo{
	width: 16%;
}
#header .inner .logo img{
	width: 100%;
}
#header .inner .right{
	width: 15%;
	margin-left: auto;
}
ul#links{
	margin:auto;
	text-align:center;
	margin-top:50px;
	font-size:16px;
}
ul#links li{
	text-align:center;
}
#footer{
	background-color:#e5211b;
	color:#FFF;
	text-align:center;
	padding:30px;
	font-size:16px;
}
.animate11{
	margin:0 auto 0 auto;
	-webkit-animation-duration: 0.8s;
    -moz-animation-duration: 0.8s;
    -ms-animation-duration: 0.8s;
    -o-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: ease-in;
    -moz-animation-timing-function: ease-in;
    -o-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-name: animate11;
    -moz-animation-name: animate11;
    -o-animation-name: animate11;
    animation-name: animate11;
}
@keyframes animate11{
	0% { transform: skewX(5deg); }
	10% { transform: skewX(-4.44deg); }
	20% { transform: skewX(3.88deg); }
	30% { transform: skewX(-3.32deg); }
	40% { transform: skewX(2.76deg); }
	50% { transform: skewX(-2.2deg); }
	60% { transform: skewX(1.64deg); }
	70% { transform: skewX(-1.08deg); }
	80% { transform: skewX(0.52deg); }
	90% { transform: skewX(0deg); }
	100% { transform: skewX(0deg); }
}