@charset "utf-8";

/*PC背景*/
@media screen and (min-width:768px){
.bg_top { z-index:0; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_fix { z-index:-1; position:fixed; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.date {position: absolute;top: 960px; left:0;z-index:0;width: 22%;pointer-events: none;}
}
@media screen and (max-width:767px){
.date {position: absolute;top:100vw;left:5vw;z-index:0;width:23%;pointer-events: none;}
}

/*超品品類logo*/
.Area_top .momologo { z-index: 99; position: absolute;left: -80px;}
.Area_top .momologo a { display: block!important; width: 240px; height:75px; background: url(momo_logo_super.png?t=1782115629150) no-repeat; background-size: 100%;}
@media screen and (max-width:767px){
	.Area_top {z-index: 99;}
	.Area_top .momologo {top: 2vw; left: 2vw;}
	.Area_top .momologo a{background-size:100%;width:32vw;height: 12vw; background: url(momo_logo_super.png?t=1782115629150) no-repeat; background-size: 100%;}
}

/*PC版頭品、副標*/
@media screen and (min-width:768px){
.Area_hero--title { position: absolute; top:1010px; right: 0; width: 100%;}
.Area_hero--PD { position: absolute; top:500px; right:55px; width:90%;}
}

/*攻略*/
@media screen and (min-width:768px){
  .activity {position: relative;top: -65px;}
  }
@media screen and (max-width:767px){
  .activity {position: relative;top: -6vw;}
  }

/*BN間距*/
@media screen and (min-width:768px){
  .GGG .PD_layout[data-pd-li=BN] ul, .GGG .PD_layout[data-pd-li=BN-AWD] ul, .GGG .PD_layout[data-pd-li=PDBN] ul {padding: 20px 35px; grid-gap: 20px; }
  }
@media screen and (max-width: 767px) {
  .GGG .PD_layout[data-pd-li=BN] ul, .GGG .PD_layout[data-pd-li=BN-AWD] ul, .GGG .PD_layout[data-pd-li=PDBN] ul {padding: .8em .5em; grid-gap: 0.5em; }
  }

/*副打品作圖區*/
.Area_item2 .PD_layout.layout_item .PD_slide .PD_into h3, .Area_item2 .PD_layout.layout_item .PD_slide .PD_into h4  {color: #fff;}
.Area_item2 .PD_layout .PD p del { padding-right: .25em; color: #fff;}
.Area_item2 .PD_layout.layout_item .PD p .money, .PD_layout.layout_item .PD p .Price {color:#ffeba1;}
.Area_item2 .PD_layout.layout_item .js-PD_priceTxt {display: none!important;}
.Area_item2 .PD_layout.layout_item .PD .PD_logo {display: none !important;}
@media screen and (min-width:768px){
	.Area_item2 {margin-bottom:40px; }
  .Area_item2 .PD_layout.layout_item {padding: 0;}
  .Area_item2 .PD_layout.layout_item ul {width:90%;}
  .Area_item2 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
  .Area_item2 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
  .Area_item2 .PD_layout.layout_item .PD_slide {height:635px;padding:0;margin: 0 auto;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into {width:100%;padding-left:0;position: absolute;left: 0px;top:420px;text-align:center;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_img img { width: 88%; margin:-5% 0 0 7%; box-shadow: unset;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into h3 { padding: 0; max-height: 1.4em; font-weight: bold;font-size: 1.8em; line-height: 1.6em;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 1.5em;}
	.Area_item2 .PD_layout.layout_item .PD .PD_logo img { padding: 2%; box-shadow: none;border: #daa55c 3px solid;}
	.Area_item2 .PD_layout.layout_item .PD p { height: 2em; }
	.Area_item2 .PD_layout.layout_item .PD_slide .PD p del {font-size: 1.2em;}
	.Area_item2 .PD_layout.layout_item .PD p .money, .PD_layout.layout_item .PD p .Price {font-size: 2.2em;}
	.Area_item2 .PD_layout.layout_item li { background: url("mo_item_bg02.png?t=1782115629150") center top / 100% no-repeat scroll;}	
}

@media screen and (max-width:767px){
	.Area_item2 {margin-bottom: 4vw;}
  .Area_item2 .PD_layout.layout_item {}
  .Area_item2 .PD_layout.layout_item ul {width: 100%;padding-left:0; padding-right:0;grid-gap:0;}
  .Area_item2 .PD_layout.layout_item li {width: 100%;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into {padding-left: 2vw;position: absolute;left: 1vw;top:45vw;width:92%;text-align:center;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left: 75vw;top: 37vw;width: 20vw;height: 18vw;border-radius:50%;display: block;}
	.Area_item2 .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; background-image:url(Area05_logobg.png?t=1675421362055); background-repeat:no-repeat; background-size: 100%; pointer-events:none; z-index: -1;}
	.Area_item2 .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border: #daa55c 3px solid;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_img img { width: 82%; margin:0 0 0 7%; box-shadow: unset;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into h3 { padding: 0; max-height: 1.4em; font-weight: bolder;font-size: 1.3em; line-height: 1.7em; margin: 0; font-family: Noto Sans CJK SC;}
  .Area_item2 .PD_layout.layout_item .PD_slide .PD_into h4 { font-size: 0.8em;margin: 0;line-height:2.2em;}
	.Area_item2 .PD_layout.layout_item li { height:74vw; background: url("mo_item_bg02.png?t=1782115629150") center top / 100% no-repeat scroll;}
	.Area_item2 .PD_layout.layout_item .PD p { position: relative;top: 1vw;height: 2em; line-height: 2em; }
}



/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 6vw; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}