/* product_tabs */
.product_tabs {display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: 2px;}
.product_tabs li a {padding: .2em 0;background: linear-gradient(to bottom, #21221e 6%, #595959 66%, #5b5a57 99%);display: block;font-weight: 500;text-align: center;font-size: 1.2em;color: #fff;}
.product_tabs li.active a {background: linear-gradient(to bottom, #aa0101 5%, #c41a1a 40%, #6b0000 94%, #250000 100%);}

/* product_list */
.product_list { padding: 4% 0; }
.product_list ul {display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 25px;}
.product_list li {overflow: hidden;position: relative;background-color: #ffffff;-webkit-box-shadow: 0px 1px 15px 3px rgba(0 0 0 / 10%);box-shadow: 0px 1px 15px 3px rgb(0 0 0 / 10%);border-radius: 10px;border: 1px solid #e8e8e8;}
.product_list li .tag_box { position: absolute; width: 100%; display: flex; flex-wrap: wrap; gap: .1em; align-items: center; top: 0; left: 0; z-index: 2; }
.product_list li .tag_box .tag {line-height: 1;text-align: center;white-space: nowrap;vertical-align: baseline;color: #fff;font-size: 13px;border-radius: 3px;font-weight: 500;position: relative;display: block;padding: 7px 16px;}
.product_list li .tag_box .tag.tag1 { background: linear-gradient(to bottom, #f01111 0%,#9c1212 100%); }
.product_list li .tag_box .tag.tag2 { background: linear-gradient(to bottom, #f2cb9c 0%, #e58a1a 100%); color: #fff8f0; }
.product_list li .tag_box .tag.tag3 { background: linear-gradient(to bottom, #f4dc7a 0%,#d39409 100%); }
.product_list li .tag_box .tag.tag4 { background: linear-gradient(to bottom, #3fa040 0%, #1f4f20 100%); }
.product_list li .tag_box .tag.tag5 {background: linear-gradient(to bottom, #31a6cd 0%,#2c8ec4 50%,#3551a4 100%);border: 1px solid #2c8ec4;}
.product_list li .tag_box .tag.tag6 { background: linear-gradient(to bottom, #c86df2 0%,#6427c5 100%); }
.product_list li .tag_box .tag.tag7 { background: linear-gradient(to bottom, #949a94 0%, #212521 100%); }
.product_list li .tag_box .tag.tag8 { background: linear-gradient(to bottom, #fff 0%, #c2c2c2 100%); color: #000; }
.product_list li .info {padding: 25px 15px 25px 30px;display: flex;flex-direction: row;justify-content: space-between;}
.product_list li .info * {line-height: 1.5;color: #2b2b2b;}
.product_list li .info .item {flex-direction: row;justify-content: space-around;width: 100%;display: grid;grid-template-columns: 160px 1fr;gap: 40px;align-items: center;}
.product_list li .info .item .Img{margin:auto}
.product_list li .info .item .Img img{aspect-ratio:1 / 1;object-fit:contain}
.product_list li .info .item .Txt{display:flex;flex-direction:column;align-items:flex-start}
.product_list li .info .item .Txt .button{margin-top:20px;width: 100%;}
.product_list li .info .item h4 {letter-spacing: .2px;color: #222;font-size: 1.3rem;}
.product_list li .info .item p { font-size: 14px; }
.product_list li .info .item .desc_open { display: flex; align-items: center; font-size: 14px; }
.product_list li .info .item .desc_open font { margin-right: .5em; display: inline-block; font-size: 1em; }
.product_list li .info .item .desc_open svg { width: 1em; height: 1em; fill: #696969; }
.product_list li .info .item .price {margin-bottom: 15px;display: flex;flex-direction: row;align-items: baseline;justify-content: center;gap: 10px;}
.product_list li .info .item .price del { font-size: 13px; }
.product_list li .info .item .price ins {font-size: 16px;text-decoration: none;color: #c52b29;font-weight: 500;}
.product_list li .info .item .btn {padding: 3px 15px;min-width: 7em;background: linear-gradient(135deg, #b60c0c 7%, #d61c1c 34%, #8d0f17 70%, #c11919 90%, #ef706c 100%);display: block;font-size: 14px;color: #fff;border-radius: 50px;text-align: center;font-weight: 500;}
.product_list li .info .item .btn.fail { background: linear-gradient(135deg,  #b9b9b9 7%,#717171 24%,#484848 50%,#717171 77%,#b9b9b9 100%); cursor: not-allowed; }
.product_list li .info .item:nth-child(1) {}
.product_list li .info .item:nth-child(2) { min-height: 132px; }
.product_list li .info .item:nth-child(3) { margin-bottom: 5px; min-height: 65px; }
.product_list li .info .item:last-child {}

/* introduceModal */
#introduceModal { position: fixed; width: 100vw; height: 100vh; background: rgb(0 0 0 / 70%); display: none; top: 0; left: 0; z-index: 999; }
#introduceModal[data-type="1"] { display: flex; justify-content: center; align-items: center; }
#introduceModal >div { position: relative; padding: 1.5em 1em; width: min(90%, 380px); max-height: 90vh; background: #fff; border-radius: .5em; }
#introduceModal >div .close_win_box { position: absolute; width: 1.5em; height: 1.5em; background: #000; border: 2px #fff solid; border-radius: 50%; display: flex; justify-content: center; align-items: center; top: -.5em; right: -.5em; }
#introduceModal >div .close_win_box svg { width: 55%; height: 55%; }

@media screen and (max-width: 960px){
	.product_list li .info{padding: 20px 15px;}
	.product_list li .info .item{gap: 20px;}
	.product_list li .info .item:nth-child(2){ min-height:60px; width:80%; }
	.product_list li .info .item:nth-child(3){ margin-bottom:5px; min-height:60px; }
	.product_list li .info .item .price{min-height: 25px;margin-top: 5px;gap: 4px;}
	.product_list li .info .item .price ins{ font-size:15px; }
	.product_list li .tag_box .tag{font-size: 13px;}
}

@media screen and (max-width: 768px){
    .product_list ul{grid-gap: 15px;}
	.product_list li .info .item{grid-template-columns: 130px 1fr;gap: 15px;}
    .product_list li .info .item h4{font-size: 1.1rem;}
    .product_list li .info .item .Txt .button{ margin-top: 10px;}
}

@media screen and (max-width:640px){
	.product_list ul{grid-template-columns: 1fr;grid-gap: 20px;}
	.product_tabs li a{ font-size: 1.1em; }
}