* {box-sizing: border-box; } 
.row {display:flex; flex-wrap:wrap; }
.column {flex:25%; max-width:25%; padding:8px; }
/*.column {float:left; width:25%; padding:8px; }
.row:after {content:""; display:table; clear:both; }	*/
.card {background-color:#f0f0e8; border:2px solid #ff6010; border-radius:12px 12px 0 0; box-shadow:0 4px 6px 2px rgba(0,0,0,0.6); text-align:center; font-family:sans-serif; font-size:12px; }  /* background-color:#f0f0f0; */
@media screen and (max-width: 660px) {
  .column {flex:50%; max-width:50%; }
}    /* column:flex50%; width: 50%; display: block; margin-bottom: 20px;  */
@media screen and (max-width: 480px) {
  .column {flex:100%; max-width:100%; }
}	/*  flex-direction: column; width: 100%; display: block; margin-bottom: 20px; 	*/

.card_head {width:100%; height:22px; overflow:hidden; font-size:1.5em; color:black; margin:5px 0 5px 0; }
.price {color:#0000ff; font-size:16px; }
.card img {height:85px; border:none; }
.card_detail {width:100%; height:42px; color:black; overflow:hidden; margin:5px 0 5px 0; }
/*.card_bot {width:100%; height:32px; }*/

#card_form {width:100px; overflow:hidden; color:#ff8010; font-weight:bold; display:inline; }
#card_form input[type=number] {width:40px; }

.card button {border:none; padding:4px; background-color:#555; color:white; text-align:center; font-family:Arial; font-size:12px; font-weight:bold; margin:5px 0; cursor:pointer; }
.card button:hover {background-color:#000; color:#f06010; }
.disabled:hover {background-color:#555; color:white; cursor:not-allowed; }
.Mimg {opacity:0.7; transition:0.5s; }
.Mimg:hover {opacity:1; cursor:pointer; }