	* {
		box-sizing: border-box;
	}
	.wtm{
		position:absolute;
		width: 80%;
		margin: 0 auto;
		left: 0;
		right: 0;
		top: 30%;
		filter: opacity(10%);
	}
	.name-prd{
		width: 90%;
		margin: 80px auto;
		border-left: 5px solid #decf1d;
		padding: 0px 10px	
	}
	.prd-list{
		width: 90%;
		margin: auto auto;
	}
	.card-img img{
		display: block;
		width: 90%;
		height: auto;
		margin: auto auto;
	}
	.card-img {
		position: relative;
	}
	.row {
		display: flex;
		flex-wrap: wrap;
		width: fit-content;
		margin: 0 auto;
		padding: 10px 0;
		justify-content: left;
	}
	.card {
		padding: 10px 0;
		margin: 10px 10px;
		width: 30%;
		max-width: 250px;
		transition: box-shadow,0.4,ease-in-out;
		border-radius: 10px;
		border: 3px solid #decf1d;
		transition: all .1s ease-in-out;
		background-color: #fff;
	}
	.card:hover{
		box-shadow: 0px 0px 6px 5px #f1f1f1;
		transform : scale(1.05);
		border: 3px solid black;
	}
	.info {
		display: block;
		text-align: center;
	}
	.info p {
		font-weight: 600;
	}

	.down {
		border: solid;
		border-radius: 50px;
		width: 80%;
		background-color: black;
		margin: 0 auto;
		color: whitesmoke;
		transition: all .1s ease-in-out;
	}

	#out:hover {
		padding: 10px 0;
		margin: 10px 10px;
		width: 30%;
		max-width: 250px;
		transition: box-shadow,0.4,ease-in-out;
		border-radius: 10px;
		border: 3px solid #decf1d;
		transition: all .1s ease-in-out;
		background-color: #fff;
		box-shadow: 0px 0px 0px 0px #fff;
		transform : scale(1.0);
	}

	#out {
		filter: grayscale(100%);
	}

	.alert {
		position: fixed;
		width: 98%;
		height: 98%;
		margin: auto auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		box-shadow: 0 0 5px 15px #f1f1f1;
		border-radius: 10px;
		z-index: 99;
		visibility: hidden;
	}

	.link{
		text-decoration: none;
		transition: all .1s ease-in-out;
	}

	@media only screen and (max-width:720px){
		.row {
			justify-content: space-between;
		}

		.card {
			width: 40%;
			max-width: 180px;
			
		}

		.name-prd{
			text-align: center;
			border-left: 0;
		}

		.down strong {
			font-size: 15px;
		}
		
		.down {
			border-radius: 8px;	
		}
	}