/* override*/

.ProductContainer .eyecatch.pearge .logo {
	width: 190px;
}

#product .btn.pearge {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	max-width: 300px;
	margin: 20px auto 0;
}

#product .ProductContainer {
	width: 100%;
}

#spec .tab-content {
	padding-top: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	.ProductContainer .eyecatch.pearge {
		padding: 50px 25px 40px;
	}
	.ProductContainer .eyecatch.pearge .logo {
		position: absolute;
		top: 34px;
		right: 25px;
		width: 206px;
	}
	.ProductContainer .eyecatch.pearge img {
		margin-top: 0;
		margin-bottom: 0;
	}
	
}

@media screen and (min-width: 992px) {
	
	.ProductContainer .eyecatch.pearge {
		padding: 82px 20px 40px;
	}
	.ProductContainer .eyecatch.pearge .logo {
		position: absolute;
		top: 48px;
		right: 70px;
		width: 256px;
	}
	.ProductContainer .eyecatch.pearge img {
		margin-top: 0;
		margin-bottom: 0;
	}
	.ProductContainer .eyecatch.pearge article {
		position: absolute;
		top: 360px;
		padding-bottom: 10px;
	}
	
	#product .ProductContainer {
		max-width: 970px;
	}
	
	#function article {
		min-height: 100px;
	}
	
}

@media screen and (max-width: 767px) {
	
	#product .XsImg-layout {
		width: 100%;
		max-width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#product .btn.pearge {
		margin-bottom: 20px;
	}
	
	#download img {
		max-width: 200px;
	}
	
}

@media screen and (max-width: 479px) {

	.ProductContainer .eyecatch.pearge article p {
		font-size: 95%;
	}
}