/*物件樣式大格-首頁物件/社區物件*/
#pc2 .linkbnt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 4;}
#pc2 .item-recommend,#pc3 .FocusNews{padding-right: 15px;padding-left: 15px;}
#pc2 .item-recommend ul li,.attention_box .item-recommend ul li{margin:0;width:25%;padding:15px;padding-bottom:40px;}
#pc2 .item-recommend ul li dl,.attention_box .item-recommend ul li dl{position:relative;overflow:hidden;}
#pc2 .item-recommend ul li dl dt,.attention_box .item-recommend ul li dl dt{padding-bottom: min(29vw, 68%);margin-bottom: 0;}
#pc2 .item-recommend ul li dl dd,.attention_box .item-recommend ul li dl dd{display: inline-block;width:50%;font-size:1rem;padding:0px 2px;margin:8px 0;}
/*#pc2 .item-recommend ul li .imgbox img,.attention_box .item-recommend ul li .imgbox img{max-width:100%;max-height:100%}*/
#pc2 .item-recommend ul li dl .imgbox:after,.attention_box .item-recommend ul li dl .imgbox:after{content:"";display: block;height: 50px;position: absolute;left: 0px;bottom: 0px;z-index: 999;width: 100%;/*background-image: url(../../images/linear.png);background-position: bottom;*/}
#pc2 .item-recommend ul li dl dd.title,.attention_box .item-recommend ul li dl dd.title{margin: 0 10px;padding: 8px 0;width:100%;}
#pc2 .item-recommend ul li dl dd a,.attention_box .item-recommend ul li dl dd a{font-size:1.25rem}
#pc2 .item-recommend ul li dl dd span:after,.attention_box .item-recommend ul li dl dd span:after{font-size:1rem}
#pc2 .item-recommend ul li dl dd.price,#pc2 .item-recommend ul li dl dd.pings,.attention_box .item-recommend ul li dl dd.price,.attention_box .item-recommend ul li dl dd.pings{position:absolute;top:min(30vw - 35px, 68% - 44px);z-index:6;line-height:35px;height:auto;margin: 0px;overflow : visible;}
#pc2 .item-recommend ul li dl dd.price,
#pc2 .item-recommend ul li dl dd.pings,
#pc2 .item-recommend ul li dl dd.price span,
#pc2 .item-recommend ul li dl dd.pings span,
.attention_box .item-recommend ul li dl dd.price,
.attention_box .item-recommend ul li dl dd.pings,
.attention_box .item-recommend ul li dl dd.price span,
.attention_box .item-recommend ul li dl dd.pings span{
	color:#FFF;
}
#pc2 .item-recommend ul li dl dd.price,.attention_box .item-recommend ul li dl dd.price{right:5px;font-size:0.875rem;justify-content:flex-end;text-align: right;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;overflow: visible;}
#pc2 .item-recommend ul li dl dd.price span,.attention_box .item-recommend ul li dl dd.price span{font-size:1.6rem;}
#pc2 .item-recommend ul li dl dd.price .del,.attention_box .item-recommend ul li dl dd.price .del{color: #333;}
#pc2 .item-recommend ul li dl dd.price .del font,.attention_box .item-recommend ul li dl dd.price .del font{color: #333;}
#pc2 .item-recommend ul li dl dd.price .del::before,.attention_box .item-recommend ul li dl dd.price .del::before{color: #666;}
#pc2 .item-recommend ul li dl dd.price .del::after,.attention_box .item-recommend ul li dl dd.price .del::after{color: #666;}
#pc2 .item-recommend ul li dl dd.down,.attention_box .item-recommend ul li dl dd.down{margin: 0px;overflow : visible;width: 100%;padding: 0px;justify-content:flex-end;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
#pc2 .item-recommend ul li dl dd.pings,.attention_box .item-recommend ul li dl dd.pings{left:5px;height:auto;font-size:0.875rem;justify-content:flex-start;text-align: left;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
#pc2 .item-recommend ul li dl dd.pings span,.attention_box .item-recommend ul li dl dd.pings span{font-size:1.125rem;}
#pc2 .item-recommend ul li dl dd.address.part,.attention_box .item-recommend ul li dl dd.address.part{border-right: none;margin-right: 0px;padding-right: 0px;}
#pc2 .item-recommend ul li dl dd.year,.attention_box .item-recommend ul li dl dd.year{display: none;}
#pc2 .item-recommend .swiper-button-next{right: 0px;}
#pc2 .item-recommend .swiper-button-prev {left: 0px;}

#pc3 .FocusBox li header{line-height:40px;margin-top: 10px;padding-top: 8px;padding-right: 20px;padding-left: 20px;}
#pc3 .FocusBox li header{border: none;} 
#pc3 .FocusNews ul li{margin:0;padding:15px;height:auto;padding-bottom:40px;}
#pc3 .FocusNews ul li dl{height:330px;position:relative;overflow: hidden;}
#pc3 .FocusNews ul li dl dt.imgbox{width:100%;height:66%;margin-bottom:0;display: block;border-style: none;overflow: hidden;}
#pc3 .FocusNews ul li .imgbox img{max-width:100%;/*max-height:100%*/}
#pc3 .FocusNews ul li dl dd{width: 100%;background-color: transparent;margin-top: 0px;}
#pc3 .FocusNews ul li dl dd h3{width:100%;}
#pc3 .FocusNews ul li dl dd h4{height: 50px;overflow: hidden;font-size:0.875rem}
#pc3 .FocusNews ul li dl dd a{font-size:1.25rem;line-height: 24px;width: 100%;padding-bottom: 6px;margin-bottom: 6px;}
#pc3 .FocusNews .swiper-button-next{right: 0px;}
#pc3 .FocusNews .swiper-button-prev {left: 0px;}
#pc2 .item-recommend ul li dl dt.imgbox span{display: none;}


@media screen and (min-width: 769px) {
.FocusBox .swiper-center{justify-content:center;}
#pc2 .item-recommend,.attention_box .item-recommend {height: auto;}
#pc2 .item-recommend ul li img,.attention_box .item-recommend ul li img{transition:all 0.5s ease-out;}
#pc2 .item-recommend ul li:hover img,.attention_box .item-recommend ul li:hover img {transform: scale(1.1) /*translate(-50%,-50%);transform-origin: 0 0;*/}
#pc2 .item-recommend ul li:hover img.youtubebnt,#pc2 .item-recommend ul li:hover img.FBplaybnt,
.attention_box .item-recommend ul li:hover img.youtubebnt,.attention_box .item-recommend ul li:hover img.FBplaybnt {transform: scale(1) translate(-50%,-50%);transform-origin: 0 0;}
.FocusNews .imgbox{height: 115px;width: 152px;}
/*.FocusNews .imgbox img{max-height: 113px;max-width: 150px;}*/
#pc3 .FocusNews ul li{width:25%;float:left;display:inline-block}
#pc3 .FocusNews ul li dl dt.imgbox span{display: none;}
#pc3 .FocusNews ul li img{ transition:all 0.3s ease-out;}
#pc3 .FocusNews ul li:hover img {transform: scale(1.1);}
}
@media only screen and (min-width:  769px) and (max-width: 1259px) {
#pc3 .FocusNews ul li dl{height: clamp(240px, 28vw, 330px);}
#pc3 .FocusNews ul li dl dt.imgbox {height:clamp(51% , 16.5vw , 68%)}
}
@media only screen and (min-width: 769px) and (max-width: 1024px) {
#pc2 .item-recommend ul li,.attention_box .item-recommend ul li{width:calc(100% / 3);}
#pc2 .item-recommend ul li dl dt,.attention_box .item-recommend ul li dl dt { height: 69%;}
/*#pc3 .FocusNews ul li dl dt ,#pc3 .FocusNews ul li dl dt.imgbox{ height: 62%;}*/
}  
@media screen and (max-width: 768px) {
.attention_box .item-recommend ul{flex-wrap:wrap;}
#pc2 .swiper-button-prev, #pc2 .swiper-button-next {zoom: .8;}
#pc2 .item-recommend,#pc3 .FocusNews{padding-right: 10px;padding-left: 10px;}
#pc2 .item-recommend ul li,.attention_box .item-recommend ul li {width:100%;margin-bottom:30px;}
#pc2 .item-recommend ul li:nth-child(odd) ,.attention_box .item-recommend ul li:nth-child(odd) {padding:0 5px 0 10px;}
#pc2 .item-recommend ul li:nth-child(even) ,.attention_box .item-recommend ul li:nth-child(even)  {padding:0 10px 0 5px;}
#pc2 .item-recommend ul li dl dd a,.attention_box .item-recommend ul li dl dd a{font-size: min(max(3.5vw, 1rem), 1.25rem);}
#pc2 .item-recommend ul li dl dd, .attention_box .item-recommend ul li dl dd {font-size: min(max(3vw,0.7rem), 0.85rem);}
#pc2 .item-recommend ul li dl dd span,.attention_box .item-recommend ul li dl dd span{font-size: min(max(3.5vw, 1rem), 1.2rem);}
#pc2 .item-recommend ul li dl dd.title, .attention_box .item-recommend ul li dl dd.title {margin:0 5px;}
#pc2 .item-recommend ul li dl dd.price, #pc2 .item-recommend ul li dl dd.pings, .attention_box .item-recommend ul li dl dd.price, .attention_box .item-recommend ul li dl dd.pings {font-size:min(max(3.2vw, 0.7rem), 0.875rem);}
#pc2 .item-recommend ul li dl dd.pings span, .attention_box .item-recommend ul li dl dd.pings span{font-size:min(max(3.2vw, 0.8rem), 1.2rem);}
#pc2 .item-recommend ul li dl dd.price span, .attention_box .item-recommend ul li dl dd.price span{font-size:min(max(3.8vw,1rem), 1.4rem);line-height: 32px;}
#pc2 .item-recommend .guild{top:10px;left: 25px;zoom: .6;}
#pc2 .item-recommend .guild font{display: none;font-size: 0.8rem;}
.FocusNews dt h3 {font-size:18px;margin-top: 10px;}
#pc3 .FocusNews ul li dl {height: 51vw;}
#pc3 .FocusNews ul li dl dt.imgbox {height: 68%;}
}
@media screen and (max-width: 600px) {
 /*#pc3 .FocusNews ul li dl {height: 94vw;}
 #pc3 .FocusNews ul li dl dt.imgbox {height: 69vw;}*/
#pc3 .FocusNews ul li dl{height: clamp(100vw,105vw,calc(100vw - -11px));}
#pc3 .FocusNews ul li dl dt.imgbox {height:clamp(60vw, 69vw, 69vw)}
}