html, body{
margin:0;
padding:0;
}

#header a {
	text-decoration: none;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	-ms-transition: all .7s ease;
	transition: all .7s ease;
}

#header li li a {
	padding-left:0px;
	-webkit-transition: all .7s ease;
	-moz-transition: all .7s ease;
	-o-transition: all .7s ease;
	-ms-transition: all .7s ease;
	transition: all .7s ease;

}

#header li li a:hover {
	padding-left:10px;
}

#header {
	position: fixed;
	margin-top: 0px;
	float:left;
		 width:100%;
	max-width: 16.2%;
	height:100%;
}


.toc {
	z-index: 10;
	width:100%;
	height:100%;
	padding:0;
	display:block;
	margin:0 auto;
	background: #2a2a2a;
}


.toc-h1{
list-style: none;
margin:20px 0;
padding: 0;
top:0;
width:100%;
height:5%;
text-align:center;
display:table;
vertical-align:middle;
}

.toc-h1 > a {
margin:0 auto;
display: table-cell;
vertical-align:top;
width:40%;
}



.toc-h1 > a + ul.toc-sub li{
display:block;
text-align:left;
margin:0 auto;
width:100%;

}
.toc-h1 > a + ul.toc-sub{
padding:0;
width:100%;
margin:0 auto;

}


.toc-h1 > a + ul.toc-sub.closed{
padding:0;
width:0%;
margin:0 auto;
}



.toc-h1 > a + ul.toc-sub.closed li{
display:block;
text-align:left;
margin:0 auto;
width:100%;

}
.toc-h1:first-child{
	list-style: none;
	margin: 0;
	padding: 0;
	width:100%;
	height:10%;
text-align:center;
display:inline-block;
margin-top:80%;

	vertical-align:middle;
}
.toc-h1:last-child{
	list-style: none;
    margin: 8% 0;
padding: 0;
	width:100%;
	    left: 0;
	height:auto;
text-align:center;
position:Absolute;
display:inline;
top:0;
}

.toc-h1:first-child > a{
width:90%;
display:inline-block;
text-align:center;
margin: 0 auto;
vertical-align:middle;
padding:0;
}

.toc-h1:last-child > a{
width:30%;
display:inline-block;
vertical-align:middle;
padding:0;

}

.toc-h1:first-child > a img{
display:block;
max-width:234px;
width:100%;
    margin: 0 auto;
}


.closed {
	display: block;
}

		.inner1 {
		padding:0;
		margin: 0 auto;
		text-align: center;
		width: 10%;
		vertical-align:middle;
		float: right;
		display:table-cell;
		height:100%;
		z-index:1;
		}
		.inner1 span{
		padding:0;
		margin: 0 auto;
		width: 100%;
		display:table;
		height:100%;
		}

		.inner1 span > a{
		padding:0;
		margin: 0 auto;
		width: 50%;
		display:table-cell;
		vertical-align:middle;
		height:100%;
				z-index:1;

		}


		.inner2 {
		width: 10%;
		float: left;
		text-align: center;
		padding:0;
		margin: 0;
		display:table;
		height:100%;
		z-index:1;
		}
		.inner2 a {
		width: auto;
		max-width: none;
		padding: 0;
		text-align: center;
		display:table-cell;
		height:100%;
		vertical-align:middle;

		}
		.inner2 a img{
		width:100%;margin:0; padding:0;
		}





@media all and (max-width: 1280px){


		#header {
		width: 100%;
		max-width: 100%;
		}

		#header li li a {
		padding-left:0px;
		}

		#header li li a:hover {
		padding-left: 10px;
		}

		#header {
		position: fixed;
		margin-top: 0px;
		position: Relative;
		float:left;
		}


		.toc {
		z-index: 10;
		width: 100%;
		height:50px;
		padding:0;
		display:Table;
		margin:0 auto;
		position:absolute;
		background: #2a2a2a;
		}
		.toc-h1 > a + ul.toc-sub{
		padding:0 0 20px 0;
		width: 60%;
		border-top:1px solid #686868;
		}

		.toc-h1 > a + ul.toc-sub li{
		display:block;
		text-align:left;
		margin:0 auto;
		width:100%;

		}
		.toc-h1:first-child{
		list-style: none;
		margin: 0;
		padding: 0;
		width:15%;
		height:100%;
		text-align:center;
		display:table-cell;
		vertical-align:middle;

		margin:0 auto;
		}
		.toc-h1:last-child{
		list-style: none;
		margin: 0;
		padding: 0;
		width:20%;
		height:100%;
		text-align:center;
		display:table-cell;
		vertical-align:middle;
    position: Relative;
		margin:0 auto;
		}

		.toc-h1:first-child > a{
		float:none;
		width:70%;
		display:inline-block;
		vertical-align:middle;
		}
		.toc-h1:last-child > a{
		float:left;
		width:50%;
		display:inline-block;
		vertical-align:middle;
		}

		.toc-h1:first-child > a img{
		display:block;
		max-width:234px;
		width:100%;
		}


		.toc-h1{
		list-style: none;
		margin: 0;
		padding: 0;
		width:15%;
		height:100%;
		text-align:center;
		display:table-cell;
		vertical-align:middle;

		margin:0 auto;
		}
		.toc-h1 ul {
		list-style: none;
		margin: 0 auto;
		width:85%;
		background: #2a2a2a;
		font-size:15px;
		line-height: 28px;
		text-align:center;


		}

		.toc-h1 > a {
		color: white;
		padding: 10px 0 10px 0;
		display: block;
		}

		.closed {
		display: block;
		}


		.top-link {
		display: block;
		text-decoration: none;
		position: fixed;
		bottom: 0;
		right: 2%;
		color: white;
		background: #222;
		padding: 8px 16px 0 16px;
		height: 30px;
		font-size: 14px;
		-webkit-border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		}

		.inner1 {
		padding:0;
		margin: 0 auto;
		text-align: center;
		width: 10%;
		vertical-align:middle;
		float: right;
		display:table-cell;
		height:100%;
		z-index:1;
		}
		.inner1 span{
		padding:0;
		margin: 0 auto;
		width: 100%;
		display:table;
		height:100%;
		}

		.inner1 span > a{
		padding:0;
		margin: 0 auto;
		width: 50%;
		display:table-cell;
		vertical-align:middle;
		height:100%;
			z-index:1;

		}


		.inner2 {
		width: 10%;
		float: left;
		text-align: center;
		padding:0;
		margin: 0;
		display:table;
		height:100%;
		z-index:1;
		}
		.inner2 a {
		width: auto;
		max-width: none;
		padding: 0;
		text-align: center;
		display:table-cell;
		height:100%;
		vertical-align:middle;

		}
		.inner2 a img{
		width:100%;margin:0; padding:0;
		}
}