body {background-color: #f4f5f7;}
.wrapper {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 1;
}
header{
	width: 100%;
	height: 70px;
	background-color: #fff;
	border-bottom: 3px solid #17629e;
	padding-top: 15px;
	padding-left: 15px;
	position: relative;
	top: 0;
	left: 0;
	z-index: 20;
}
.logo {
	width: 181px;
	height: 40px;
}
/* menu */
.btn-menu, .btn-cancel, .btn-top {
	width: 70px;
	height: 70px;
}
.btn-menu {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
}
.btn-cancel {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 21;
}
.menu-cont {
	width: 0;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 18;
	overflow-x: hidden;
    transition: 0.5s;
}
.black {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 17;
}
.bg-menu {
	width: 100%;
	height: 100%;
	background-color: #17629e;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 19;
	padding-top: 80px;
}
ol li {
	padding: 3% 0;
}
.item {
	width: 230px;
	margin: 0 auto;
}
/**/
.btn-top {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 3;
}
.cont {margin-bottom: 20px;}
.container {
	padding: 2% 2% 20%;
	position: relative;
	top: 0;
	left: 0;
	z-index: 2;
}
.line {
	height: 8px;
	background-color: #17629e;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.info {
	margin-bottom: 10px;
} 
.btn-products {
	margin-bottom: 15px;
}



/* PC */
@media screen and (min-width: 768px) {
	.wrapper {
		width: 640px;
		margin: 0 auto;
		background-color: #f4f5f7;
	}
	body {background-color: #fff;}
	.item {
		width: 280px;
		margin: 0 auto;
	}
	
	
}