﻿.title_top{
	width: 900px;
	height: 595px;
	position:relative;
	background-image: url('../i/back.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	transition : 0.1s;
}
.box{
	border-bottom : 6px solid #ae9a7d;
}
.title_top img{
	z-index : 10;
	width: 460px;
	height: 400px;
	top:110px;
	left:400px;
	position:relative;
	display : block;
	transition : 0.1s;
}
header{
	display:none;
}
#topmenu,
#topmenu ul{
	width: 460px;
	height: 100px;
	margin:0;
	padding:0;
	position:relative;
	display : block;
}
#topmenu{
	margin:19px 410px 43px 30px;
	float:right;
}
#topmenu ul{
	list-style:none;
	position:relative;
	overflow:hidden;
}
#topmenu li,
#topmenu li a{
	width: 230px;
	height: 50px;
	margin :0;
	padding:0;
	background-position: 0 0;
	background-repeat: no-repeat;
	position:absolute;
	display : block;
	overflow:hidden;
}
#topmenu li a img{
	display : none;
}
#topmenu li:nth-child(1),
#topmenu li:nth-child(2){
	left:0px;
}
#topmenu li:nth-child(3),
#topmenu li:nth-child(4){
	right:0px;
}
#topmenu li:nth-child(1),
#topmenu li:nth-child(3){
	top:0px;
}
#topmenu li:nth-child(2),
#topmenu li:nth-child(4){
	top:50px;
}
#topmenu li:nth-child(1) a {
	background-image: url('../i/topmenu_1.png');
}
#topmenu li:nth-child(2) a {
	background-image: url('../i/topmenu_2.png');
}
#topmenu li:nth-child(3) a {
	background-image: url('../i/topmenu_3.png');
}
#topmenu li:nth-child(4) a {
	background-image: url('../i/topmenu_4.png');
}
#topmenu li a:hover {
	background-position: 0 50px;
}
#topmenu li a{
	color : rgba(255, 255, 255, 0);
	background: rgba(255, 255, 255, 0);
}

@media (max-width: 1020px) {
	#topmenu{
		float:none;
		position:relative;
		display : block;
	}
	.title_top{
		width: 100%;
		height: auto;
		padding:25px 0;
		background-size:cover;
	}
	.title_top::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.4);
	}
	.title_top img{
		z-index : 10;
		width: 100%;
		height: auto;
		top:0px;
		left:0px;
		position:relative;
		display : block;
	}
	#topmenu,
	#topmenu ul{
		width: auto;
		height: auto;
		margin:0;
		padding:0;
		overflow:visible;
	}
	#topmenu{
		margin:15px auto 15px auto;
	}
	#topmenu li{
		top:auto!important;
		left:auto!important;
		right:auto!important;
	}
	#topmenu li,
	#topmenu li a{
		width: auto;
		height: auto;
		margin :0;
		padding:0;
		background-image: none!important;
		position:relative;
		display : block;
		overflow:visible;
	}
	#topmenu li a img{
		display : inline;
		width: 100%;
	}
	#topmenu li a span{
		display : none;
	}
}
@media (max-width: 920px) {
	header{
		float:none;
		position:relative;
		display : block;
	}
}
@media (max-width: 520px) {
}
