﻿.box{
	background-image: url('../i/back.jpg');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 900px;
	background-attachment: scroll;
	background-clip:content-box;
	overflow: hidden!important;
}
.box img{
	width: 576px;
	margin:160px 162px 0 162px;
	padding:0;
}
.overview{
	z-index : 14;
	width: 576px;
	height: auto;
	margin : 40px auto;
	padding : 0;
	background-color: rgba(255,255,255,0.7);
	position:relative;
}
.overviewtitle{
	width: 95%;
	margin : 0 auto;
	padding : 7px 0 3px 0;
	font-size : 14px;
	font-weight:500;
	line-height: 2;
	color : #000000;
	vertical-align : top;
	text-align : left;
	border-bottom:1px solid #000000;
}
.overviewbox{
	width: 90%;
	margin : 0 auto;
	padding : 0;
	border-bottom:1px solid #000000;
}
.overviewbox:nth-child(7){
	border-bottom:0px solid #000000;
}
.overviewbox:after{
	content : "";
	clear : both;
	display : block;
}
.overviewbox div{
	margin : 0;
	padding : 7px 15px 7px 0;
	font-size : 12px;
	font-weight:500;
	line-height: 2;
	color : #000000;
	vertical-align : top;
	text-align : left;
	float: left;
}
.overviewbox div:nth-child(1){
	width: 150px;
}

@media (max-width: 1020px) {
}
@media (max-width: 920px) {
	.box{
		background-size: cover;
		background-position: center top;
	}
	.box img{
		width: 90%;
		margin:20% 0 0 0;
		padding:0;
	}
	.overview{
		width: 90%;
		margin : 40px auto;
	}
}
@media (max-width: 720px) {
}
@media (max-width: 620px) {
	.box img{
		width: 95%;
		padding:0;
	}
	.overview{
		width: 95%;
		margin : 20px auto;
	}
	.overviewtitle{
		padding : 5px 0 3px 0;
	}
	.overviewbox div{
		width: 100%!important;
		float: none;
	}
	.overviewbox div:nth-child(1){
		margin : 5px 0 0 0;
		padding : 2px 10px;
		color:#ffffff;
		background: rgba(0,0,0,0.7);
	}
	.overviewbox div:nth-child(2){
		padding : 2px 10px;
	}
	.overviewbox{
		border-bottom:0px solid #000000!important;
	}
}
