.item-recommend ul li{position: relative;}
.item-recommend ul li dl dt{margin-bottom: .25rem!important;position: relative!important;max-width: 100%;height: 0;padding-bottom: 74%;z-index: 5;user-select: none;border: none;}
.item-recommend ul li dl dd{font-size: 0.875rem;padding-top:0px;padding-left:5px;color: #666;align-content: center;}
.item-recommend ul li dl dd:first-of-type{width: 100%;}
.item-recommend ul li dl dd a{font-size: 1rem;}
.item-recommend ul li dl dd span{font-size: 1rem;}
.item-recommend ul li dl dd.title{margin-bottom: 5px;}
.item-recommend ul li dl dd.year{display: none;}
.item-recommend ul li dl dd.price {color: #000;}
.item-recommend ul li dl dd.price span{font-size: 1.2rem;}
.item-recommend ul li dl dd.price i{color: #F00;margin-top: 5px;}
.item-recommend ul li dl dd.price .down{display:inline-block;text-decoration: line-through;margin-left: 5px;color: #666;font-size: 0.7rem;}
.item-recommend ul li dl dd.pings span:before{content: '/';font-weight: normal;}
.item-recommend ul li dl dd.pings span:first-child:before{display: none;}
.item-recommend .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0px;}

.item-recommend ul li dl dd.price .del{font-size:1rem;position: absolute;top: -25px;right: 0px;text-shadow: 0 1px #FFF, 1px 0 #FFF, -1px 0 #FFF, 0 -1px #FFF;}
.item-recommend ul li dl dd.price .del font{font-size:0.85rem;text-decoration: line-through;margin-right: 5px;}
/*item-recommend ul li dl dd.price .del::before{content: "原價";font-size:0.5rem;}*/
.item-recommend ul li dl dd.price .del::after{content: "萬";font-size:0.5rem;}
.item-recommend ul li dl dd.down{position: absolute;top: 0px;right: 0px;font-size: 1rem;color: #FFF;margin: 0px;}
.item-recommend ul li dl dd.down span{font-size: 1.5rem;color: #FFF;}
.item-recommend ul li dl dd.down .bg{position: relative;padding: 5px;}
.item-recommend ul li dl dd.down .bg .range{z-index: 2;position: absolute;top:5px;right: 5px;width: 70px;text-align: right;z-index: 6;}
.item-recommend ul li dl dd.down .bg:before{top: 0px;right: 0px;width: 0;height: 0;border-style: solid;border-width: 0 7em 4em 0;border-color: transparent #F00 transparent transparent;display: block;z-index: 5;}
.item-recommend .swiper{margin:0 8px;padding-bottom: 30px;}
.item-recommend .swiper-button-next{right: 0px;}
.item-recommend .swiper-button-prev {left: 0px;}
.item-recommend ul li dl dt .various img{max-height:100%;max-width:100%;top: 50%;left: 50%;transform: translate(-50%,-50%);transform-origin: 0 0;position: absolute!important;transition: all 0.5s ease-out;-webkit-backface-visibility: hidden;}

@media screen and (min-width: 769px) {
.item-recommend ul li{margin-right:7px;margin-left:6px;width: 135px;padding-bottom:10px;cursor: pointer;}
.item-recommend ul li dl dd span:after{font-size: 14px;}
}
@media screen and (min-width: 1260px) {
.item-recommend .swiper{margin:0 36px;}
}
@media screen and (max-width: 768px) {
.item-recommend ul li{margin-bottom:20px;padding-bottom:10px;}
.item-recommend ul li dl dt {margin-bottom: 10px;}
.item-recommend ul li dl dd {font-size:1rem; }
.item-recommend ul li dl .imgbox{max-height:75vw;overflow: hidden;}
/*.item-recommend ul li dl .imgbox img{max-width:calc(100% - 2px);}*/
#TabbedPanels3 .item-recommend ul li dl {margin: 0 20px;}
}
@media screen and (max-width: 480px) {
.item-recommend label,.tips label{display: inline-block;}
}
#self-item.item-recommend ul li dl dt{border: 1px solid transparent;}
#self-item.item-recommend ul li dl.SelfItemMarked .imgbox{border:1px solid #E70012;}

#self-item.item-recommend ul li:hover img {transform: scale(1.025) /*translate(-50%,-50%);transform-origin: 0 0;*/}
#self-item.item-recommend ul li:hover img.youtubebnt,#self-item.item-recommend ul li:hover img.FBplaybnt {transform: scale(1) translate(-50%,-50%);transform-origin: 0 0;}
#self-item.item-recommend ul li dl dd{display:inline-block;width:100%;}
#self-item.item-recommend ul li dl dd:nth-of-type(2){width:calc(60% - 10px);}
#self-item.item-recommend ul li dl dd:nth-of-type(3){width:calc(40% - 5px);font-weight: bold;text-align: right;}
#self-item.item-recommend ul li{margin:0px;width:calc(100% / 4);padding: 13px;}
#self-item.item-recommend ul li:hover dl:after{pointer-events: none;display:block;height:calc(100% - 4px);width:calc(100% - 4px);box-shadow:0 0px 5px rgba(0,0,0,0.2);transform:translate(0,-4px);left: 2px;top: 2px;}
#self-item.item-recommend ul li dl dd a{width: calc(100% - 20px);}
#self-item.item-recommend .guild{left:20px;top: 20px;}
#self-item label span{margin: 0px;}
@media screen and (max-width: 768px) {
#self-item.item-recommend ul li{width:calc(100% / 3);padding: 5px;}
#self-item.item-recommend ul li dl dd:nth-of-type(2),#self-item.item-recommend ul li dl dd:nth-of-type(3){width:100%;text-align: left;}
#TabbedPanels3 #self-item.item-recommend ul li dl{margin: 0px;}
}
@media screen and (max-width: 480px) {
#self-item.item-recommend ul li{width:calc(100% / 2);}
}