/* product_list */
#product_list { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 10px; }
#product_list li { overflow: hidden; position: relative; background: url(img/img_product_bg.jpg) no-repeat 50% bottom; }
#product_list li:before , #product_list li:after { position: absolute; width: 32px; height: 32px; background: #e9cd71; background: -moz-linear-gradient(45deg, #e9cd71 0%, #e9cd71 50%, #c4902d 51%, #c4902d 100%); background: -webkit-linear-gradient(45deg, #e9cd71 0%,#e9cd71 50%,#c4902d 51%,#c4902d 100%); background: linear-gradient(45deg, #e9cd71 0%,#e9cd71 50%,#c4902d 51%,#c4902d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9cd71', endColorstr='#c4902d',GradientType=1 ); display: block; clip-path: polygon(0 0, 0% 100%, 100% 0); top: -1px; left: -1px; content: ""; }
#product_list li:after { top: auto; right: -1px; bottom: -1px; left: auto; -webkit-transform: scale(-1); transform: scale(-1); }
#product_list li .info { padding: 20px 15px 15px; display: flex; flex-direction: column; justify-content: space-around; align-items: center; }
#product_list li .info * { text-align: center; line-height: 1.5; color: #f6e7c7; }
#product_list li .info:before , #product_list li .info:after { position: absolute; width: 32px; height: 32px; background: #c4902d; background: -moz-linear-gradient(-45deg, #c4902d 0%, #c4902d 49%, #e9cd71 50%, #e9cd71 100%); background: -webkit-linear-gradient(-45deg, #c4902d 0%,#c4902d 49%,#e9cd71 50%,#e9cd71 100%); background: linear-gradient(135deg, #c4902d 0%,#c4902d 49%,#e9cd71 50%,#e9cd71 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4902d', endColorstr='#e9cd71',GradientType=1 ); display: block; clip-path: polygon(0 0, 100% 100%, 100% 0); top: -1px; right: -1px; content: ""; }
#product_list li .info:after { top: auto; right: auto; bottom: -1px; left: -1px; -webkit-transform: scale(-1); transform: scale(-1); }
#product_list li .info .item { margin-bottom: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#product_list li .info .item h4 { letter-spacing: .1em; }
#product_list li .info .item p { font-size: 14px; }
#product_list li .info .item h3 { font-size: 23px; display: flex; justify-content: center; align-items: baseline; }
#product_list li .info .item h3 b { margin-left: .4em; font-weight: 400; font-size: 13px; }
#product_list li .info .item a { padding: .2em 1.5em .3em; background: #e2be84; background: -moz-linear-gradient(top,  #e2be84 0%, #fdf4dc 32%, #e0bc84 63%, #fdf4dc 100%); background: -webkit-linear-gradient(top,  #e2be84 0%,#fdf4dc 32%,#e0bc84 63%,#fdf4dc 100%); background: linear-gradient(to bottom,  #e2be84 0%,#fdf4dc 32%,#e0bc84 63%,#fdf4dc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2be84', endColorstr='#fdf4dc',GradientType=0 ); border-radius: .5em; display: block; font-weight: 500; font-size: 16px; color: #ad0509; }
#product_list li .info .item:nth-child(1) { min-height: 48px; }
#product_list li .info .item:nth-child(2) { min-height: 132px; }
#product_list li .info .item:nth-child(3) { margin-bottom: 5px; min-height: 55px; }
#product_list li .info .item:last-child { margin-bottom: 0; }
#product_list li .info .item.discount { position: relative; }
#product_list li .info .item.discount:after { position: absolute; width: 67px; height: 67px; background: #f0d174; background: -moz-linear-gradient(top, #f0d174 0%, #d68a2d 100%); background: -webkit-linear-gradient(top, #f0d174 0%,#d68a2d 100%); background: linear-gradient(to bottom, #f0d174 0%,#d68a2d 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d174', endColorstr='#d68a2d',GradientType=0 ); border-radius: 50%; display: flex; justify-content: center; align-items: center; box-shadow: 0 0 10px rgb(0 0 0 / 60%); text-shadow: 0 0 10px rgb(0 0 0 / 50%); font-weight: bold; line-height: 1; font-size: 24px; color: #fff; top: -15px; right: 0; -webkit-transform: rotate(-13deg); transform: rotate(-13deg); content: "超值"; }

@media screen and (max-width: 768px){
	#product_list { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (max-width: 640px){
	#product_list { grid-template-columns: repeat(2, 1fr); }
}