/* product_list */
#product_list .info_box {width: 35%;}
#product_list .info_box h3 {height: auto;font-size: 24px;font-weight: 400;}
#product_list .info_box article { height: 23px; font-weight: 100; font-size: 14px; }
#product_list .info_box p * { line-height: 100%; font-size: 18px; vertical-align: text-bottom; }
#product_list .info_box p  {font-size: 17px;font-family: 'Arsenal', sans-serif;color: #888;margin-bottom: 20px;}
#product_list .info_box p.price * { font-weight: 600; }
#product_list .info_box p.old font { font-weight: 100; font-size: 15px; text-decoration: line-through; }

/* list_page */
#product_list li {margin-bottom: 80px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#product_list li a{z-index:10}
#product_list li img{-webkit-transform: scale(1);}
#product_list li .imgg{width: 60%;position: relative;}
#product_list li .imgg:after{content:'';position: absolute;width: 100%;height: 100%;top: 10px;left: 10px;border: 1px solid rgba(198, 198, 198, 0.5);z-index: 2;}
#product_list li:nth-child(even) .imgg{order:2}
#product_list li:hover .imgg:after{top: 10px;left: 10px;width: calc(100% - 20px);height: calc(100% - 20px);border-color: rgba(255, 255, 255, 0.2);}
#product_list li .imgg:before{content:'';position: absolute;width: 100%;height: 100%;background: var(--primary);z-index: 1;opacity: 0;}
#product_list li:hover .imgg:before{opacity:.8;}

/* imglist */
#imglist { margin-bottom: 5vw; }

/* productdetail */
#productdetail {margin: 50px 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
#productdetail >div{margin:0;}

/* productinfo */
#productinfo .item {padding: 50px;background: #f8f8f8;border: 1px solid #ddd;}
#productinfo .item .infoo{margin-bottom:25px;}
#productinfo .item ul { margin: 15px 0 35px; }
#productinfo .item ul li { padding: 5px; border-bottom: 1px rgba(var(--gray-rgb), .1) solid; }
#productinfo .item ul li label { margin-right: 10px; width: 90px; }
#productinfo .item ul li font { width: calc(100% - 100px); }
#productinfo .item .sell_box { margin-bottom: 10px; }
#productinfo .item .sell_box >* { line-height: 100%; font-size: 17px; vertical-align: baseline; }
#productinfo .item .sell_box span { margin: 0 3px 0 15px; }
#productinfo .item .sell_box b { font-size: 36px; }
#productinfo .item a {display: block;text-align: center;background: var(--secondary);padding: 10px 0;color: var(--white);}

/* productTabs */
#productTabs .tabs {margin-bottom: 15px;border-bottom: 1px solid #ddd;}
#productTabs .tabs li a {padding: 15px;}
#productTabs .tabs li a:before {position: absolute;width: 0;height: 3px;background: var(--primary);display: block;bottom: -1px;left: 0;content: "";}
#productTabs .tabs li.active a:before { width: 100%; }
#productTabs .tabs li a:after{content:'';position:absolute;top:50%;left:0;z-index:1;width:1px;height:14px;margin-top:-7px;background-color:#e5e5e5;}
#productTabs .tabs li:first-child a:after{display:none;}

@media screen and (min-width: 1281px){
	#productdetail >.row {width: calc(100% - 480px);vertical-align: top;}
	#productdetail #productinfo {width: 400px;}
	#productinfo #community { margin-top: 10px; }
	#productTabs .tabs li:hover a:before { width: 100%; }
}
@media screen and (max-width: 1280px){
	.list_page { width: 100%; }
	#productTabs { margin-top: 30px; }
	#productdetail #productinfo{width:100%;margin-bottom: 40px;}
}
@media screen and (max-width: 768px){
	#product_list li .imgg{width:100%;margin-bottom: 25px;}
	#product_list .info_box{width:100%;}
	#product_list li:nth-child(even) .imgg{order:0}
	#product_list li{margin-bottom:40px;}
}
@media screen and (max-width: 760px){
	#product_list .info_box p.price { margin-right: 15px; }
}
@media screen and (max-width: 640px) and (min-width: 421px){
	.list_page { width: 400px; }
}
@media screen and (max-width: 450px){
	#productinfo .item{padding:30px;}
	#productinfo .item .sell_box { text-align: left; }
	#orderfunction { width: 100%; margin-bottom: 15px; }
	#productinfo .item .btns { width: 50%; }
	#productinfo .item .btns a { padding: 10px 0; display: block; text-align: center; }
}