/*物件樣式大格-首頁物件/社區物件 搭配page-shop3*/
.page-shop3 .FocusBox li header{color:#666}
.page-shop3 .FocusBox li header a,.page-shop3 .FocusNews li header a {height: 40px;position: relative;background-color: transparent;margin-left:25px;font-size: 1.875rem;line-height: 1em;top:12px;background-color: transparent;color:#666;}
.page-shop3 .FocusBox li header span,.page-shop3 .FocusNews li header span{position: relative;}
.page-shop3 .FocusBox li header a:hover,.page-shop3 .FocusNews li header a:hover{background-color: transparent;color:#666;}
.page-shop3 .FocusBox li header a:before,.page-shop3 .FocusNews li header a:before {height: 50px;width: 50px;left: -5px;top: -14px;z-index: -1;mask-image: url(../../images/FocusNew_header.svg);-webkit-mask-image: url(../../images/FocusNew_header.svg);background-color:#666;}
.page-shop3 #pc2{border-top: none;padding: 0;overflow: hidden;}
.page-shop3 #pc2 .FocusBox li header,.page-shop3 #pc3 .FocusBox li header{border-bottom: none;font-size:2.188rem;position: relative;z-index: 2;}
.page-shop3 #pc2 .wrapper{width: 100%;padding: 0;}
.page-shop3 #pc2 .FocusBox > li:after{
    z-index: 1;
	animation-duration: 0.9s;/*動畫時間*/
	animation-iteration-count: 1; /*動畫執行幾次，1就是執行1次不會重複*/
	animation-timing-function: ease;/*動畫的加速度曲線*/
	animation-fill-mode: forwards;/*動畫完成後，保持最後一個屬性質*/
}
.page-shop3 #pc2 ul.FocusBox > li:before{
	z-index: 1;
	height: 200px;
	width: 200px;
	border-radius: 150px;
	animation-name: shakeY;
	animation-duration: 15s;
	animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
}
.page-shop3 #pc2 .FocusBox > li:nth-child(odd):before{right: -8em;top:-8em;}
.page-shop3 #pc2 .FocusBox > li:nth-child(even):before{left: -3em;bottom:-3em;}
.page-shop3 .FocusBox .item_features{margin-top: 5px;gap: 5px;}
.page-shop3 .FocusBox .item_features li{padding: 0 5px;justify-content: center;margin: 0;max-width: calc(100% / 3);}
.page-shop3 .FocusBox .item_features li.if01{background-color: #f8585833;color: rgb(133, 56, 56)}
.page-shop3 .FocusBox .item_features li.if02{background-color: #558bbd33;color: #425697}
.page-shop3 .FocusBox .item_features li.if03{background-color: #0b942933;;color: #0f6b40}
#pc2 .guild {left: auto;right: 15px;top: 0px;opacity: .5;}
#pc2 .linkbnt{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 5;}
#pc2 .item-recommend,#pc3 .FocusNews{padding-right: 14px;padding-left: 14px;}
#pc2 .item-recommend > ul > li,.attention_box .item-recommend > ul > li{margin:0;width:calc(100% / 4);padding:30px 15px;padding-bottom:40px;text-align: center;}
.attention_box .item-recommend ul li{width:calc(100% / 4);}
.page-shop3 #pc2 .item-recommend ul li dl,.page-shop3 .attention_box .item-recommend ul li dl{position:relative;overflow:hidden;border: none;background-color: transparent;}
#pc2 .item-recommend ul li dl dt,.attention_box .item-recommend ul li dl dt{padding-bottom: 68%;z-index: auto;}
#pc2 .item-recommend ul li dl dd,.attention_box .item-recommend ul li dl dd{display: inline-block;width:50%;font-size:0.8rem;padding:0px 2px;margin:8px 0;}

.page-shop3 #pc2 .item-recommend ul li dl:hover .imgbox,.page-shop3 .attention_box .item-recommend ul li dl:hover .imgbox{border: 1px solid #3333331A;}
/*#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: 30%;position: absolute;left: 0px;bottom: 0px;z-index: 4;width: 100%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}
.page-shop3 #pc2 .item-recommend ul li dl:hover .imgbox:after,.page-shop3 .attention_box .item-recommend ul li dl:hover .imgbox:after{height: 30%;background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 69%,rgba(0,0,0,0.7) 81%);
}
.page-shop3 #pc2 .item-recommend ul li dl dd.title,.page-shop3 .attention_box .item-recommend ul li dl dd.title{margin: 0px;padding: 13px 5px;width:100%;text-shadow:none;border-bottom: none;}
#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,
#pc2 .item-recommend ul li dl dd.address,
#pc2 .item-recommend ul li dl dd.pattern,
.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.address,
.attention_box .item-recommend ul li dl dd.pattern{position:absolute;z-index:4;line-height:35px;height:auto;margin: 0px;}

#pc2 .item-recommend ul li dl dd.price,
#pc2 .item-recommend ul li dl dd.pings,
#pc2 .item-recommend ul li dl dd 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,
.attention_box .item-recommend ul li dl dd span,
.attention_box .item-recommend ul li dl dd.price span{color:#FFF;}

#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 {left:10px;text-align: left;}
#pc2 .item-recommend ul li dl dd.pattern,
#pc2 .item-recommend ul li dl dd.address,
.attention_box .item-recommend ul li dl dd.pattern,
.attention_box .item-recommend ul li dl dd.address {right:10px;text-align: right;}
#pc2 .item-recommend ul li dl dd.price .del, .attention_box .item-recommend ul li dl dd.price .del{right: auto;}

#pc2 .item-recommend ul li dl dd.address,.attention_box .item-recommend ul li dl dd.address{bottom: 60px;}
#pc2 .item-recommend ul li dl dd.pings,.attention_box .item-recommend ul li dl dd.pings{bottom: 60px;}
#pc2 .item-recommend ul li dl dd.pattern,.attention_box .item-recommend ul li dl dd.pattern{bottom: 82px;}
#pc2 .item-recommend ul li dl dd.price,.attention_box .item-recommend ul li dl dd.price{bottom: 82px;}

#pc2 .item-recommend ul li dl dd{color:#FFF;text-shadow: 0 1px #000, 1px 0 #000, -1px 0 #000, 0 -1px #000;}
.page-shop3 #pc2 .item-recommend ul li dl dd.title,.page-shop3 .attention_box .item-recommend ul li dl dd.title{text-shadow:none;border-bottom: none;justify-content: center ;}
#pc2 .item-recommend ul li dl dd.price,.attention_box .item-recommend ul li dl dd.price{font-size:1rem;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{text-shadow:none;color: #FFF;background-color: #666666B2;padding: 0 10px;line-height: 1.25em;}
#pc2 .item-recommend ul li dl dd.price .del font,.attention_box .item-recommend ul li dl dd.price .del font{color: #FFF;}
#pc2 .item-recommend ul li dl dd.price .del::before,.attention_box .item-recommend ul li dl dd.price .del::before{color: #FFF;}
#pc2 .item-recommend ul li dl dd.price .del::after,.attention_box .item-recommend ul li dl dd.price .del::after{color: #FFF;}
#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;}
#pc2 .item-recommend ul li dl dd.pings,.attention_box .item-recommend ul li dl dd.pings,
#pc2 .item-recommend ul li dl dd.pattern,.attention_box .item-recommend ul li dl dd.pattern{height:auto;font-size:0.8rem;}
#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,
#pc2 .item-recommend ul li dl dd.pattern.part,.attention_box .item-recommend ul li dl dd.pattern.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 ul li img.youtubebnt, .attention_box .item-recommend ul li img.youtubebnt{left: auto;top: auto;left: 40px;bottom: -10px;}*/
/*.imgbox a.various {z-index: 999;display: block;height: 60px;position: absolute!important;transform: translate(-50%,-50%);transform-origin: 0 0; width: 80px;z-index: 6;left: calc(100% / 2);top: calc(100% / 2);}*/

#pc2 .item-recommend ul li dl:hover dd.title a,.attention_box .item-recommend ul li dl:hover dd.title a{color: #FFF;}
#pc2 .item-recommend ul li dl:hover dd,.attention_box .item-recommend ul li dl:hover dd{display: block;}
#pc2 .item-recommend ul li dl:hover dd.year,.attention_box .item-recommend ul li dl:hover dd.year{display: none;}
#pc2 .item-recommend ul li dl:hover .imgbox:before,.attention_box .item-recommend ul li dl:hover .imgbox:before{pointer-events: none;content:"";display: block;height: 100vh;width: 100%;z-index: 3;position: absolute;}

#pc2 .item-recommend ul li dl dd.down .bg:before {top: -32px;width: 97px;height: 70px;border-radius: 0 0 0 100px;border: none;}
#pc2 .item-recommend ul li dl dd.down .bg:after {z-index: 4;top: -31px;right: 0px;width: 102px;height: 70px;background: #FFF;border-radius: 0 0 0 100px;display: block;}

#pc2 .swiper-button-next{right:5px;}
#pc2 .swiper-button-prev{left: 5px;}
.page-shop3 #pc3 .swiper-button-next,.page-shop3 #pc3 .swiper-button-prev{color:rgba(72, 57, 73, 0.5);}
.page-shop3 #pc3 .swiper-button-next:hover,.page-shop3 #pc3 .swiper-button-prev:hover{color:rgba(72, 57, 73, 1);}
#pc3 .swiper-button-next{right: 24px;}
#pc3 .swiper-button-prev{left: 24px;}
.page-shop3 #pc3 .swiper-button-next,.page-shop3 #pc3 .swiper-button-prev,
.page-shop3 #pc3 .swiper-button-next:after,.page-shop3 #pc3 .swiper-button-prev:after{background-image:none;zoom: 0.8;}
.page-shop3 #pc3 .swiper-button-next:before,.page-shop3 #pc3 .swiper-button-prev:before{content: '';display: block;width: 4em; height: 4em;border-radius: 100%;border:1px solid rgba(72, 57, 73, 0.5);position: absolute;top: calc((100% - 4em) / 2);
 left: calc((100% - 4em) / 2);z-index: -1;transition: background-color 0.35s ease-in-out;-webkit-backface-visibility: hidden;}
.page-shop3 #pc3 .swiper-button-next:hover:before,.page-shop3 #pc3 .swiper-button-prev:hover:before{border:1px solid rgba(72, 57, 73, 1);background-color: transparent !important;}

.page-shop3 #pc3{background-image: none;border: none;}
.page-shop3 #pc3 .FocusBox li header{display: flex;justify-content: space-between;align-items: center;flex-direction:row;margin-bottom: 0;gap: 20px;}
.page-shop3 #pc3 .FocusBox li header a{margin: 0;}
.page-shop3 #pc3 .Drop_down_menu .SubNav{justify-content: flex-start;}
/*.page-shop3 #pc3{-webkit-transform: translate3d(0, 0, 0);position: relative;background-image: url(../../images/bg/parallax5.png), url(../../images/bg/parallax5.svg);background-size: 128px 128px, 100% 100%;}*/

#pc3 .FocusBox li header{position: static;margin-top: 10px;padding: 20px;border: none;}
#pc3 .FocusBox li header a{top: 0px;right: 0;font-size: 1rem;line-height: 59px;height: 59px;width: 59px;border-radius: 20px;display: block;margin: 10px auto;font-family: Verdana, Geneva, Tahoma, sans-serif;border-radius: 50%;padding: 0;}
#pc3 .FocusBox li header a span{display: none;}

#pc3{background-color: transparent !important;}
.FocusBox{display: flex;flex-direction: column;gap: 40px;}
.FocusBox > li:first-child:before{content: "";background-color: #CCCCCC1A;border-top-right-radius: 30px;width: calc(100% + 8vw);position: absolute;z-index: -1;height: 100%;display: block;top: 0;left: -8vw;}
.FocusNews {gap: 50px;}
.FocusNews ul li{height:auto;position: relative;/*margin:0;padding:15px;padding-bottom:40px;*/text-align: left;}
.FocusNews ul li dl {margin:20px 4vw;display: flex;justify-content: flex-start;align-items: stretch;gap: 10px;}
.FocusNews ul li dl dt.imgbox{width:100%;height:100%;border-style: none;position: relative;border-radius: 10px;}
.FocusNews ul li dt:after {content: "";display: block;padding-bottom: 65%;}
.FocusNews ul li dt a{position: static;}
.FocusNews ul li dl,.FocusNews ul li .imgbox {background-color: transparent!important;border: none!important;}
.FocusNews ul li dl dd{background-color: transparent;margin-top: 0px;bottom: 0px;flex-direction: column;}


/*Faq列表*/
.FocusBox #Faq .FocusNews ul{flex-direction: column;}
.FocusBox #Faq .FocusNews ul li.swiper-slide{height:auto;position: relative;flex-shrink: 1;display: none;border-bottom: 1px solid #CCCCCC;padding: 10px 0;width: 100% !important;}
.FocusBox #Faq .FocusNews ul li:first-child,
.FocusBox #Faq .FocusNews ul li:nth-child(2),
.FocusBox #Faq .FocusNews ul li:nth-child(3){display: block;}
.FocusBox #Faq .FocusNews ul li dl {margin:0;display: flex;justify-content: flex-start;align-items: stretch;gap: 10px;}
.FocusBox #Faq .FocusNews ul li dl dt.imgbox{width: 152px;margin-top: 10px;}
.FocusBox #Faq .FocusNews ul li dt:after {content: "";display: block;padding-bottom: 65%;}
.FocusBox #Faq .FocusNews ul li dl dd{background-color: transparent;margin-top: 0px;bottom: 0px;width: calc(100% - 180px);}
.FocusBox #Faq :is(.swiper-button-next, .swiper-button-prev ,.swiper-pagination-bullets){display: none;}
.FocusBox #Faq .Drop_down_menu .SubNav {max-height: 300px; overflow: scroll; overflow-X: hidden}

.page-shop3 .FocusNews ul li dl dd h3,.FocusNews ul.theme li dl dd h3{width: 100%;}
.page-shop3 .FocusNews ul li dl dd h4,.FocusNews ul.theme li dl dd h4{font-size:1rem;width: 100%;}
.page-shop3 .FocusNews ul li dl dd a,.FocusNews ul.theme li dl dd a{font-size:1.3rem;width: 100%;border-bottom: none!important;}

.FocusNews ul.theme{display: flex;justify-content:flex-start;align-items: center;flex-wrap: wrap;}
.FocusNews ul.theme li {text-align: center;position: relative;}
.FocusNews ul.theme li dl{height:auto;border-radius: 3px;}
.FocusNews ul.theme li dl dd{display: flex;justify-content: center;align-items: center;flex-wrap:wrap;}


@media screen and (min-width: 769px) {
.FocusBox .swiper-center{justify-content:flex-start;}
.page-shop3 #pc2 ul.FocusBox > li{display: grid;grid-template-columns: repeat(5, 1fr);}
.page-shop3 #pc2 ul.FocusBox > li:after{height: 100%;width: 33%;bottom: 0px;}
.page-shop3 #pc2 ul.FocusBox li header{grid-column-start: 1;grid-column-end: 2;grid-row-start: 1;grid-row-end: 2;}
.page-shop3 #pc2 ul.FocusBox li .Drop_down_menu{grid-column-start: 1;grid-column-end: 2;grid-row-start: 2;grid-row-end: 5;}
.page-shop3 #pc2 ul.FocusBox li .Drop_down_menu .SubNav{margin: 0 -10px;justify-content:flex-start;}
.page-shop3 #pc2 ul.FocusBox li .Swiper_DIV{grid-column-start: 2;grid-column-end: 6;grid-row-start: 1;grid-row-end: 5;width: 100%;}
.page-shop3 #pc2 ul.FocusBox > li:nth-child(odd):after{left: 0;border-radius: 0 50% 0% 0;animation-name:bounceInLeft;/*動畫名字*/}
.page-shop3 #pc2 .item-recommend ul li dl dt.imgbox,.page-shop3 .attention_box .item-recommend ul li dl dt.imgbox{border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;border: 1px solid transparent;background-color: transparent;}

.page-shop3 #pc2 ul.FocusBox li:nth-child(even) header{grid-column-start: 5;grid-column-end: 6;grid-row-start: 1;grid-row-end: 2;}
.page-shop3 #pc2 ul.FocusBox li:nth-child(even) .Drop_down_menu{grid-column-start: 5;grid-column-end: 6;grid-row-start: 2;grid-row-end: 5;}
.page-shop3 #pc2 ul.FocusBox li:nth-child(even) .Swiper_DIV{grid-column-start: 1;grid-column-end: 5;grid-row-start: 1;grid-row-end: 5;width: 100%;}
.page-shop3 #pc2 ul.FocusBox > li:nth-child(even):after{right: 0;border-radius: 0% 0% 0% 50%;animation-name:bounceInRight;/*動畫名字*/}
#pc2 .item-recommend,#pc3 .FocusNews,.FocusNews{z-index: 2;}
#pc2 .item-recommend,.attention_box .item-recommend {height: auto;}
#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;}

.page-shop3 .FocusNews {padding:0 20px 20px 20px;}
/*.page-shop3 .FocusNews ul li{padding: 21px;}*/
.page-shop3 #pc3 .FocusBox #Faq header{justify-content: flex-start;margin: 0;}
.FocusNews ul li{width:50%;}
.FocusNews ul li dl dt.imgbox span{display: none;}
.FocusNews ul li img{ transition:all 0.3s ease-out;}
.FocusNews ul li:hover img {transform: scale(1.1);}
.FocusNews ul li dl dd{max-width: 330px;min-width: 55%;}
/*.FocusNews ul li.swiper-slide-next dt{order:1;}
.FocusNews ul li.swiper-slide-next dd{order:2;}*/

.FocusBox #Faq .FocusNews ul li dl dd{max-width: 100%;}
.FocusBox #Faq{display: grid; grid-template-columns:  repeat(7, 1fr);/*grid-auto-rows: minmax(50px, 100px);*/overflow: hidden;}
.FocusBox #Faq .FocusNews{margin:50px;/*grid-column-start: 2; grid-row-start: 1;grid-row-end:3;*/grid-column-start: 3;grid-column-end: 8;grid-row-start: 1;grid-row-end: 5;}
.FocusBox #Faq header{grid-column-start: 1;grid-column-end: 3;grid-row-start: 1;grid-row-end: 2;}
.FocusBox #Faq .Drop_down_menu{grid-column-start: 1;grid-column-end: 3;grid-row-start: 2;grid-row-end: 5;}
}
@media only screen and (min-width: 769px) and (max-width: 1245px) {
#pc2 ul.FocusBox > li{padding: 40px 30px;}
#pc2 ul.FocusBox > li:after{top: 0px;}

.page-shop3 #pc2 ul.FocusBox > li{grid-template-columns: repeat(6, 1fr);}
.page-shop3 #pc2 ul.FocusBox > li:after {width: 44%;}
.page-shop3 #pc2 ul.FocusBox li header{grid-column-start: 1;grid-column-end:7;grid-row-start: 1;grid-row-end: 2;text-align: left;}
.page-shop3 #pc2 ul.FocusBox li .Drop_down_menu,
.page-shop3 #pc2 ul.FocusBox li:nth-child(even) .Drop_down_menu{grid-column-start: 1;grid-column-end: 7;grid-row-start: 2;grid-row-end: 3;margin-bottom: 20px;}
.page-shop3 #pc2 ul.FocusBox li .Swiper_DIV,
.page-shop3 #pc2 ul.FocusBox li:nth-child(even) .Swiper_DIV{grid-column-start: 1;grid-column-end: 7;grid-row-start: 3;grid-row-end: 4;}
.page-shop3 #pc2 ul.FocusBox li:nth-child(even) header{grid-column-start: 1;grid-column-end:7;grid-row-start: 1;grid-row-end: 2;text-align: right;}

.page-shop3 #pc2 .FocusBox li header,.page-shop3 #pc3 .FocusBox li header{font-size:2rem;}
.page-shop3 #pc2 .Drop_down_menu .SubNav{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;}
#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%;}
.FocusNews ul li::after {padding-bottom: 70%;}
.FocusNews ul li dl:not(.FocusBox #Faq .FocusNews ul li dl) {flex-direction: column;}
}  
@media screen and (max-width: 768px) {
.attention_box .item-recommend ul{flex-wrap:wrap;}
.page-shop3 #pc2 ul.FocusBox li header{display: block;padding-top: 10px;}
.page-shop3 #pc2 ul.FocusBox li header,.page-shop3 #pc3 .FocusBox li header{font-size:2rem;height:105px;justify-content:center;}
.page-shop3 #pc3 .FocusBox li header{height:110px}
.page-shop3 #pc2 .FocusBox li header a{zoom:0.8;display: block;width: 140px;margin: 16px auto;top: 0;right: 0;}
.page-shop3 #pc2 .FocusBox li:nth-child(even) header a{color: #666;}
.page-shop3 #pc2 .FocusBox > li:nth-child(odd):before{display: none;}
.page-shop3 #pc2 .FocusBox > li:nth-child(even):before{display: none;}
.page-shop3 #pc2 .Drop_down_menu{position:relative;z-index: 5555;}
.page-shop3 #pc3 .swiper-button-next:before,.page-shop3 #pc3 .swiper-button-prev:before{width: 3.5em;height: 3.5em;top: calc((100% - 3.5em) / 2);left: calc((100% - 3.5em) / 2);}

.page-shop3 #pc2 ul.FocusBox > li:after{height:160px;width: 100%;top: 0px;display: none;}
.page-shop3 #pc2 ul.FocusBox .Drop_down_menu{display: inline-block;margin-bottom: 20px;}
.page-shop3 #pc2 ul.FocusBox .Drop_down_menu li .SelectNav {padding: 0 20px;width: 100%;border-radius: 20px;background-color: #BBB;color: #FFF;margin: 0;}
.page-shop3 #pc2 ul.FocusBox .Drop_down_menu li:hover .SelectNav {border: none;margin: 0px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.page-shop3 #pc2 ul.FocusBox .Drop_down_menu .SubNav{width: 100%;margin: 0;border-bottom-left-radius: 20px;border-bottom-right-radius:20px;}
.page-shop3 #pc2 .item-recommend{z-index: 49;}
#pc2 .item-recommend ul li,.attention_box .item-recommend ul li {width:100%;}
#pc2 .item-recommend ul li dl dd a,.attention_box .item-recommend ul li dl dd a{font-size: 22px;}
.FocusNews dt h3 {font-size:18px;margin-top: 10px;}
.FocusNews ul li dl{margin: 20px 8vw;}
#pc3 .FocusBox li header a{zoom:.8;}
#pc3 .swiper-button-next{right:18px;}
#pc3 .swiper-button-prev{left: 18px;}
/*#pc3 .FocusNews ul li dl{height: 50vw;}*/

.FocusNews ul li:after {padding-bottom: 70%;}
.FocusNews ul li dl:not(.FocusBox #Faq .FocusNews ul li dl) {flex-direction: column;}


/*手機改為2物件*/
.page-shop3 #pc2 .item-recommend ul li dl dd.title/*, .page-shop3 .attention_box .item-recommend ul li dl dd.title*/{padding: 0 10px;font-size: 1.5rem;}
#pc2 .swiper-button-prev,#pc2 .swiper-button-next{zoom: .6}
#pc2 .item-recommend {padding-right: 5px;padding-left: 5px;}
#pc2 .item-recommend ul li dl {padding-top: 25px;align-items: flex-end }
#pc2 .item-recommend ul li dl dd.price span,#pc2 .item-recommend ul li dl dd a,#pc2 .item-recommend ul li dl dd span,#pc2 .item-recommend ul li dl dd.pings span
/*,.attention_box .item-recommend ul li dl dd.price span,, .attention_box .item-recommend ul li dl dd a*/{font-size: 1.1rem;}
#pc2 .item-recommend ul li dl dd/*, .attention_box .item-recommend ul li dl dd */{font-size: 1rem;}
#pc2 .item-recommend ul li dl dd.price, 
#pc2 .item-recommend ul li dl dd.pings, 
#pc2 .item-recommend ul li dl dd.address, 
#pc2 .item-recommend ul li dl dd.pattern,
#pc2 .item-recommend ul li dl dd.down .bg .range{position: initial;width: 100%;text-align: left;font-size: 0.85rem;padding: 0 10px;line-height: 1.5em;}
#pc2 .item-recommend ul li/*, .attention_box .item-recommend ul li*/{padding: 5px;}
#pc2 .item-recommend ul li dl dd {color: #333;text-shadow: none;}
#pc2 .item-recommend ul li dl dd.pings, #pc2 .item-recommend ul li dl dd.pattern,#pc2 .item-recommend ul li dl dd.pings span/*, .attention_box .item-recommend ul li dl dd.pings, .attention_box .item-recommend ul li dl dd.pattern*/{line-height: 1.5em;}
#pc2 .item-recommend ul li dl dd.price, 
#pc2 .item-recommend ul li dl dd.pings, 
#pc2 .item-recommend ul li dl dd span{color: #000;}
#pc2 .item-recommend ul li{padding-bottom: 40px;}
#pc2 .item-recommend ul li .guild {right:5px;font-size:0.7rem;}
#pc2 .item-recommend ul li dl dd.imgbox{order: 1;}
#pc2 .item-recommend ul li dl dd.title{order: 2;text-align: left;}
#pc2 .item-recommend ul li dl dd.pings{order: 5;}
#pc2 .item-recommend ul li dl dd.price{order: 3;width: 60%;padding-right:0;display: flex;}
#pc2 .item-recommend ul li dl dd.price .del{position: initial;font-size:0.7rem;display: flex;align-items: center;justify-content: center;}
#pc2 .item-recommend ul li dl dd.price .del font{font-size:0.7rem;}
#pc2 .item-recommend ul li dl dd.down{position: initial;order: 4;width: 40%;padding-left:0;}
#pc2 .item-recommend ul li dl dd.down .bg{padding: 0;}
#pc2 .item-recommend ul li dl dd.down .bg .range{position: initial;text-align: right;}
#pc2 .item-recommend ul li dl dd.pattern{position: initial;order:6;}
#pc2 .item-recommend ul li dl dd.address {position: initial;order:7;}
#pc2 .item-recommend ul li dl:hover dd.title{background-color: transparent !important;}
#pc2 .item-recommend ul li dl dd.down .bg:after,#pc2 .item-recommend ul li dl dd.down .bg:before,
#pc2 .item-recommend ul li dl .imgbox:after/*, .attention_box .item-recommend ul li dl .imgbox:after*/{display: none;}
#pc2 .item-recommend .guild font{display: none;font-size: 0.8rem;}

}

@media screen and (max-width: 440px) {
#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 {left:3px;}
#pc2 .item-recommend ul li dl dd.pattern,
#pc2 .item-recommend ul li dl dd.address,
.attention_box .item-recommend ul li dl dd.pattern,
.attention_box .item-recommend ul li dl dd.address {right:3px;}
#pc2 .item-recommend ul li dl .imgbox:after,.attention_box .item-recommend ul li dl .imgbox:after{height: 50%;}
.FocusNews ul li dl {margin: 20px 8vw;}
.FocusBox #Faq .FocusNews ul li dl{flex-direction: column;}
.FocusBox #Faq .FocusNews ul li dl dt.imgbox{width: 100%;margin-top: 0px;}
.FocusBox #Faq .FocusNews ul li dl dd{padding: 0;width: 100%;}
}