/* product_list */
#product_list .info_box {padding: 20px 0;width: 100%;border-radius: 0px;bottom: 25px;left: 0%;}
#product_list .info_box h3 {height: 35px;font-size: 21px;text-align: center;font-weight: 400;letter-spacing: 0.05em;}
#product_list .info_box article {height: 0px;font-weight: 100;font-size: 17px;width: 80%;display: flex;color: #ffffff;word-wrap: unset;opacity: 0;}
#product_list .info_box .sgeee{
    color: white;
}
#product_list .info_box p * { line-height: 100%; font-size: 18px; vertical-align: text-bottom; }
#product_list .info_box p span { font-weight: 100; margin-right: 2px; font-size: 12px; }
#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; }

.inpopo #product_list .info_box{
    bottom: 0;
    background-color: #243454;
}
.inpopo #product_list  .left_box{
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.inpopo #product_list .info_box h3{
	color:white;
	text-align: left;
}
.inpopo #product_list .info_box article{
    opacity: 1;
    height: 24px;
    width: 100%;
}
/* list_page */
.list_page #product_list li { margin-bottom: 50px; }

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

/* productdetail */
#productdetail { margin: 50px 0; }

/* productinfo */
#productinfo .item { margin-bottom: 10px; padding: 30px 25px; box-shadow: 0 0 20px rgba(var(--black-rgb), .08); }
#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 .ask { padding: 0 35px; }
#product_area .list_box ul li .left_box{
    width: 98%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#product_area .list_box ul li .left_box h3{
	border-bottom: #ffffff4d 1px solid;
	line-height: 180%;
	height: auto;
	margin-bottom: 14px;
	font-size: 31px;
	color: white;
	padding-bottom: 10px;
	letter-spacing: 0.15em;
	font-weight: 500;
	display: flex;
	justify-content: center;
}
#product_area .list_box ul li .info_box{
	background-color: #3d4d6ed9;
	display: flex;
	flex-direction: column;
}
/* orderfunction */
#orderfunction a[data-action="plusBtn"] { margin: 0 2px; width: 35px; height: 35px; background: rgba(var(--black-rgb), .1); border-radius: 5px; line-height: 30px; font-weight: 600; font-size: 28px; }
#orderfunction a.limit[data-action="plusBtn"] { line-height: 27px; font-size: 33px; }
#orderfunction input { margin: 0 5px; width: 30px; border-width: 0 0 1px; }
#orderfunction .addcar { float: right; }

/* productTabs */
#productTabs .tabs { margin-bottom: 15px; background: rgba(var(--black-rgb), .08); }
#productTabs .tabs li a { padding: 15px 30px; }
#productTabs .tabs li a:before { position: absolute; width: 0; height: 3px; background: var(--primary); display: block; bottom: 0; left: 0; content: ""; }
#productTabs .tabs li.active a:before { width: 100%; }

@media screen and (min-width: 1281px){
	#productdetail >.row {width: calc(100% - 0px);vertical-align: top;display: flex;flex-direction: column;margin: 0 auto;}
	#productdetail #productinfo { width: 370px; }
	#productinfo #community { margin-top: 10px; }
	#productTabs .tabs li:hover a:before { width: 100%; }

    #product_area .list_box ul li:hover .sgeee{
	 transform: translateY(20px);
	 padding-bottom: 20px;
	 }
     #product_area .list_box ul li:hover article{
	 transform: translateY(20px);
	 color: white;
	 display: flex;
	 opacity: 1;
	 height: 33px;
	 }
	 #product_area .list_box ul li:hover h3{
    margin-bottom: 0;
}
	 #product_area .list_box ul li:hover .info_box{opacity: 0.9;}
}
@media screen and (max-width: 1440px){
	#product_area .list_box ul li .left_box h3{
    font-size: 20px;
}
}

@media screen and (max-width: 1280px){
	.list_page { width: 100%; }
	#productTabs { margin-top: 30px; }
}
@media screen and (max-width: 1280px) and (min-width: 761px){
	#productinfo .item .sell_box { text-align: left; }
	#orderfunction { width: calc(100% - 300px); }
	#productinfo .item .btns { width: 150px; }
}
@media screen and (max-width: 1024px) and (min-width: 769px){
	.list_page { width: 768px; }
}
@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 .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; }
    #product_area .list_box ul li .info_box{
    bottom: 0;
    }
    #product_area .bgBox{
    height: 400px;
}
}