@charset "utf-8";
/* CSS Document */

.header-logo img {
	display: block;
	width: auto;
	opacity: 0;
	visibility: hidden;
	transition: 0.42s opacity;
}
.header-logo img.show {
	opacity: 1;
	visibility: visible;
	position: relative;
}
.header-logo:before {
	content: "";
	height: 0px;
	background: rgba(255,255,255,0.2);
	background: #fff\9;
	filter: alpha(opacity=20);
	position: absolute;
}
.header-logo:after {
	content: "";
	width: 0px;
	height: 28px;
	position: absolute;
	background: rgba(255,255,255,0.2);
	background: #fff\9;
	filter: alpha(opacity=20);
}
.page-index .header.fixed .header-logo img.show {
	opacity: 0;
	visibility: hidden;
	position: absolute;
}
.page-index .header.fixed .header-logo img.hide {
	opacity: 1;
	visibility: visible;
	position: relative;
	left: 0;
	margin-top: 0px;
	margin-bottom: 10px
}

@media screen and (max-width:1100px) {
.header-logo {
	left: 20px;
	margin-top: -16px
}
.header-logo:after {
	display: none;
}
.header-logo img {
	height: 40px
}
.header-logo img.show {
	display: none;
}
.header-logo img.hide {
	opacity: 1;
	visibility: visible;
	position: relative
}
}