/**************************************************************/
/*** Product Box ***/
/**************************************************************/
#wrap_product {
	width:100%;
	display: grid;
	grid-template-columns:1fr 1fr;
	grid-column-gap: 8px;
}
#product_list {
	padding:8px;
    width:100%; 
    margin-bottom: 5px;
	background: -webkit-gradient(linear,left top,left bottom,from(#666),to(#000));
    background: -moz-linear-gradient(top,#666, #000);
    background-color: #666;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	display: grid;
	grid-template-columns:1fr 100px;
	grid-column-gap: 8px;
}
#product_box {
	display: grid;
	grid-template-rows: 1fr auto;
	font-weight: 400;
}
#product_btn {
	display: grid;
	grid-row-gap: 5px;
    justify-items: center;
    align-items: center;
}
#product_number {
	display: block;
	width:100%;
	padding: 1px 0px;
    text-align: center;
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
    background: -moz-linear-gradient(top,#fff, #ccc);
    background-color: #ccc;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    font-size: 2em;
    font-weight: 400;
    border: 1px solid #666;
    border-bottom: none;
}
#product_price {
	display: block;
	width:100%;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
    background: -moz-linear-gradient(top,#fff, #ccc);
    background-color: #ccc;
	padding: 3px;
	border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
	font-weight: 500;
    font-size: 1em;
}
#order_btn {
	display: block;
	width:100%;
	/*background-color: #8cc601;
    background: -webkit-gradient(linear,left top,left bottom,from(#a0e300),to(#8cc601));
    background: -moz-linear-gradient(top,#a0e300, #8cc601);*/
    background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
    background: -moz-linear-gradient(top,#fff, #ccc);
    background-color: #ccc;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding: 8px 4px;
    text-align: center;
    font-size: 19px;
}
#order_btn a {
    color: #333333;
    text-decoration: none;
}
#booking_btn {
	display: block;
	width:100%;
	background-color: #ffe035;
	background:-webkit-gradient(linear,left top,left bottom,from(#ffe035),to(#fec031));
	background:-moz-linear-gradient(top,#ffe035, #fec031);
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding: 8px 4px;
    text-align: center;
    font-size: 19px;
}
#booking_btn a {
    color: #FFFFFF;
    text-decoration: none;
}
#sold_btn {
	display: block;
	width:100%;
	background-color: #da1a00;
	background:-webkit-gradient(linear,left top,left bottom,from(#da1a00),to(#a41400));
	background:-moz-linear-gradient(top,#da1a00, #a41400);
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	padding: 8px 4px;
    text-align: center;
    font-size: 19px;
}
#sold_btn a {
    color: #FFFFFF;
    text-decoration: none;
}
#detail_btn {
	display: block;
	width:100%;
	background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccc));
    background: -moz-linear-gradient(top,#fff, #ccc);
    background-color: #ccc;
    padding: 4px;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
	text-align: center;
	font-weight: 400;
}
.textgold {
    background: linear-gradient(180deg, #FF8C00 0%, #DAA520 25%, #f6e9bd 50%, #DAA520 75%, #FF8C00 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.textwhite {
    color: #333333;
}