@charset "utf-8";

/*分會場選單*/
.cantantBase1 { display: block;}
.cantantBase2 { display: block;}

/*全BOX版面*/
.WRAPPER { overflow: hidden; background: #fa6ee6;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
.bg { pointer-events: none;} 
img { flex-shrink: 0; color: transparent;} 
.Area_logo { display: none !important;}

/*LOGO*/
/* .Area_top .momo_logo { z-index: 10; position: absolute; top: 20px; left: 0; width: 140px;} 
.momo_logo a { display: block; width: 140px; height: 21px;}
.momo_logo a svg { width: 140px; height: 21px;}
.momo_logo a path { fill: #EA27C2;}
.momo_logo-pink  a path { fill:#EA27C2;}LOGO 桃紅色
.momo_logo-white a path { fill:#ffffff;}LOGO 白色 */
	/* @media screen and (max-width:767px){
		.momo_logo { display: none;}
	} */

/*區標*/
@media screen  and (min-width:768px){
  .Att { margin-bottom: 0;}
}
@media screen and (max-width:767px){
  .Att { margin-bottom: 2vw;}
}

/*版頭*/
.Area_top .box_title { z-index: 0;}
.Area_top .sub_box { position: relative; z-index: 2;}
.sub_bg { position: absolute; z-index: 1;}
.subtitle { overflow: hidden; position: absolute; z-index: 5;}
.subtitle .PD_into { padding: 0;}
.subtitle .PD_layout ul { background-color: transparent; margin: 0; padding: 0;}
.subtitle .PD_layout ul li { border: none;}
.subtitle ul { grid-gap: 0;}
.subtitle ul li { list-style: none;}
.subtitle ul li h5 { margin: 0; font: bolder 38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000;}
.subtitle .PD_layout .PD_slide:hover { box-shadow: none;}
.Area_top_bg, .mmc_1, .mmc_2, .top_m, .top_o, .top_mbd { position: absolute;}
.Area_top_bg { top: 0;}
@media screen  and (min-width:768px){
  .Area_top { height: 400px;}
  .Area_top .box { position: absolute;}
  .box_title { position: relative;}
  .Area_top .box_title img { width:960px;}
  .sub_box {width: 465px;height: 40px;top: 283px;margin-left: 384px;}
  .subtitle {width: 475px;top: 0;left: 0;}
  .Area_top:before {content: ''; width: max(100vw, 2000px); height: 100%; position: absolute; background: #e3e3e3; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
  .mmc_1 { top: 225px; right: 95px;}
  .mmc_2 { top: 270px; right: 204px; transform-origin: bottom right;}
  .top_m { top: 82px; left: 232px;}
  .top_o { top: 82px; left: 414px;}
  .top_mbd { top: 66px; left: 547px;}
  .right-in2 { -webkit-animation: right-in2 1.3s linear forwards; animation: right-in2 1.3s linear forwards;}
  .right-in_mbd2 { -webkit-animation: right-in_mbd2 1.6s linear forwards; animation: right-in_mbd2 1.6s linear forwards;}
  /*副標跑馬燈*/.marquee { animation: marquee 5s linear infinite;}

}
@media screen and (max-width:767px){
  .Area_top { height: 43vw; background: #e3e3e3;}
  .box_title { position: absolute;}
  .subtitle { width: 52.5vw; height: 6vw; top: 29vw; left: 23.5vw;}
  .subtitle ul { grid-gap: 0; padding: 0; width: 75%;}
  .subtitle .PD_layout li { width: 52.5vw !important;}
  .subtitle ul li h5 { font: bolder 4.3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em; color: #262626; }
  .mmc_1 { width: 17%; bottom: -2vw; right: -4vw;}
  .mmc_2 { width: 10.8%; bottom: 3.3vw; right: 8.2vw; transform-origin: bottom right;}
  .top_m { width: 17.2%; top: 8.3vw; left: 10.6vw;}
  .top_o { width: 12%; top: 8.5vw; left: 29.5vw;}
  .top_mbd { width: 46%; top: 6.8vw; left: 43.3vw;}
  .right-in { -webkit-animation: right-in 1.3s linear forwards; animation: right-in 1.3s linear forwards;}
  .right-in_mbd { -webkit-animation: right-in_mbd 1.6s linear forwards; animation: right-in_mbd 1.6s linear forwards;}
  /*副標跑馬燈*/.marqueem { animation: marqueem 5.3s linear infinite;}
}

/*副標跑馬燈*/
@keyframes marquee {
  0% { transform: translateX(100%);}
  100% { transform: translateX(-100%);}
}
@keyframes marqueem {
  0% { transform: translateX(100%);}
  100% { transform: translateX(-100%);}
}
/*mmc_2*/
.rotate-play { -webkit-animation: rotate-play 1.2s linear infinite; animation: rotate-play 1.2s linear infinite;}
@keyframes rotate-play {
  0%   { transform: rotate(-6deg);}
  50%  { transform: rotate(3deg);}
  100% { transform: rotate(-6deg);}
}
/*top_m*/
.rotate-play_m { -webkit-animation: rotate-play_m 1s linear forwards; animation: rotate-play_m 1s linear forwards;}
@keyframes rotate-play_m {
  0%  { transform: rotate(0deg);}
  30% { transform: rotate(0deg);}
  to  { transform: rotate(90deg);}
}
/*top_o*/
@keyframes right-in {
  0% { transform: translateX(0);}
  60% { transform: translateX(0);}
  to { transform: translateX(-2.5vw);}
}
@keyframes right-in2 {
  0% { transform: translateX(0);}
  60% { transform: translateX(0);}
  to { transform: translateX(-25px);}
}
/*top_mbd*/
@keyframes right-in_mbd {
  0%  { transform: translateX(0); /*opacity: 0*/;}
  70% { transform: translateX(0); /*opacity: 0*/;}
  to  { transform: translateX(-2.5vw); /*opacity: 1*/;}
}
@keyframes right-in_mbd2 {
  0%  { transform: translateX(0); /*opacity: 0*/;}
  70% { transform: translateX(0); /*opacity: 0*/;}
  to  { transform: translateX(-25px); /*opacity: 1*/;}
}


/*行銷宮格*/
.Area_acty { width: 960px; position: relative; margin-bottom: 30px; margin-top: -20px;}	 
.Area_acty .box { display: flex; position: relative; margin: 0; z-index: 2; padding: 0;}
.Area_acty .box .PD img { width: 100%;}
.Area_acty .box ul { background:#fff0; padding: 0;} 
.Area_acty .box ul li { border: none; padding: 0;} 
@media screen  and (min-width:768px){
  .AreaToday.Area_boxstyle > .Area_boxstyle_box { min-height: 0; padding: 0;}
}
@media screen and (max-width:767px){
	.Area_acty { width: 100%; margin: -2vw 0 2vw;}
  .Area_acty .PD_layout ul { width: 100%;}
  .Area_acty .box2 { margin-bottom: 3vw;}
}


/*今日最強主打*/
.Area_topPD { display: flex;}
.Area_topPD ul li { border: none;}
.Area_topPD .leftPD .PD_layout ul.PD_wrapper .PD_into { padding: 0; width: 70%;}
.Area_topPD .leftPD .PD_layout ul.PD_wrapper .PD_into h4 { font-size: 1.1em; }
.Area_topPD .leftPD { width: 50%; display: flex; flex-direction: column;}
.Area_topPD .rightPD { width: 50%; display: flex; flex-direction: column;}
.Area_topPD .rightPD .PD_layout ul.PD_wrapper { display: inline-flex; padding: 0; background-color: transparent; grid-gap: 0;}
.Area_topPD .rightPD  .PD_layout .PD_into {justify-content:flex-start;margin: 5% 0 0 4%;width: 70%;}
.Area_topPD .rightPD .PD_layout ul li { background: url(A01_R_bg.png?t=1756456814787) no-repeat scroll  center top; background-size: 100% 100%; height: 33.33%;}
.Area_topPD .rightPD .PD_layout .PD h3 { color: #000; background-color: transparent; padding: 0; margin-bottom: 0; text-align: left; line-height: 1em; height: 1em; border-radius: 0;}
.Area_topPD .rightPD .PD_layout .PD h4 { color:#fa6ee6; text-align: left;}  
.Area_topPD .rightPD .PD_layout .PD h4 b { display: none;}
.Area_topPD .Price, .Area_topPD .money { color: #fa6ee6;}
 @media screen and (min-width:768px){
  .Area_topPD .rightPD { width: 50%; display: flex; flex-direction: column; row-gap: 13px;}
  .Area_topPD .leftPD .PD_layout ul.PD_wrapper .PD_into h4 { font-size: 39px;}	 
  .Area_topPD { height: 422px; column-gap: 10px; width: 96%; margin: 0 auto;}
	.Area_topPD .leftPD1 ul, .Area_topPD .leftPD2 ul { height: 211px;}
	.Area_topPD .leftPD1 ul{ border-radius: 15px 15px 0 0;  border-bottom: solid 1px #d1d1d1;/*background-color: rgba(255, 250, 232, 0.8);*/}
	.Area_topPD .leftPD2 ul{ border-radius: 0 0 15px 15px; /*background-color: rgba(255, 250, 232, 0.8);*/}
	.Area_topPD .leftPD h4 { font-size: 32px;}
	.Area_topPD .rightPD h4, .Area_topPD .rightPD h3 {font-size: 40px; font-weight: 800;}
	.Area_topPD .leftPD .PD_into p { line-height: 3em; height: 3em;}
	.Area_topPD .leftPD .PD_into p span { font-size: 50px;}
	.Area_topPD .rightPD .PD_layout ul.PD_wrapper .PD_img { width: 40%; margin: 3% 3% 2% 0%; max-width: 350px;}
	.Area_topPD .leftPD .PD_layout ul.PD_wrapper .PD_img { padding: 0; width: 48%; margin: 0;}
}
@media screen and (max-width:767px){
	.Area_topPD {  height: 48vw; width: 100%; padding: 0;}
	.Area_topPD .leftPD1 ul { border-radius: 10px 10px 0 0; border-bottom: solid 1px #d1d1d1;}
  .Area_topPD .leftPD2 ul { border-radius: 0 0 10px 10px;}
	.Area_topPD .leftPD1 ul, .Area_topPD .leftPD2 ul { height: 24vw;}
	.Area_topPD .leftPD { transform: translateX(.5vw);}
	.Area_topPD .rightPD { transform: translateX(-.5vw);}
	.Area_topPD .leftPD .PD_layout ul li { height: 21vw;}
	.Area_topPD .rightPD .PD_layout ul li { height: 23.5vw; margin: 0 0 1vw 0;}
  .Area_topPD .rightPD .PD_layout .PD h4 {font-size: 1.1em; font-weight: 800;}  
  .Area_topPD .rightPD .PD_layout .PD h3 {font-size: 1.1em;}
	.Area_topPD .rightPD .PD_layout[data-pd-into="center"] .PD_into { margin: 6% 0 0 4%;}
	.Area_topPD .rightPD .PD_layout ul.PD_wrapper .PD_img { width: 40%; margin-top: 3%;}
	.Area_topPD .leftPD .PD_layout ul.PD_wrapper .PD_img {padding: 0; width: 42%;}
}

/*全站活動*/
.AreaToday .activ_box {position: relative;display: flex;flex-wrap: nowrap;z-index: 2;margin: 0 auto;width: 910px;}
.AreaToday .activ_box .box_box1 { width:50%;overflow: hidden;padding: 68px 6px 0px 8px;}
.AreaToday .activ_box .box_box1 .PD_layout ul {display: flex;flex-wrap: nowrap;height: 380px;grid-gap: 0 !important;;width: 100%;margin: 0 auto;padding: 0 !important;;}
.AreaToday .activ_box .box_box1 .PD_layout ul li {margin:0 auto;}
.AreaToday .activ_box .box_box1 .PD_layout ul li img {width:80%;}
.AreaToday .activ_box .box_box2 { width:50%;padding:20px 0 0 0;}
.AreaToday .activ_box .box_box2 ul { padding:0; position: relative;background-color:transparent;}
.AreaToday .layout_BN {width: 78%;padding-top: 50px;}
.AreaToday .layout_BN ul li {padding: 0 10px 20px;}

.AreaToday .activ_box .box_box2.PD_layout[data-pd-col-phone="1"] li:nth-child(1)
{border-top:none !important;}
.AreaToday .activ_box .box_box2.PD_layout[data-pd-col-phone="1"] li:nth-child(3)
{border-top:none !important;}
.AreaToday .activ_box .box_box2.PD_layout li {border-right:none !important;}

@media screen and (max-width: 767px){
  .AreaToday .activ_box {padding: 0;margin: 0 auto;width: 96%;}
  .AreaToday .activ_box .box_box1 { width:46%;padding:7vw 0px 0px 3vw;}
  .AreaToday .activ_box .box_box1 .PD_layout ul {height: 42.5vw;width: 100%;margin: 0 auto;}
  .AreaToday .activ_box .box_box1 .PD_layout ul li {margin:0 auto;}
  .AreaToday .activ_box .box_box1 .PD_layout ul li img {width:85%;}
  .AreaToday .activ_box .box_box2 {padding:0.5vw 0 0 0;}
  .AreaToday .activ_box .box_box2 ul { padding:0;position: relative;}	
  .AreaToday .layout_BN {width: 99%;padding-top: 5vw;}
  .AreaToday .layout_BN ul li {padding: 0 1vw;}
}


/*重磅新品*/
.AreaNew .PD_layout ul { padding: 0; background-color: transparent;}
.AreaNew .PD_layout li { background-color: #fff; border: none; border-radius: .5em;padding-bottom: 0 !important;}
.AreaNew .PD_layout .PD h3 { width: 3.9em; right: 3%;}
.AreaNew .PD_layout .PD .Price { font-weight: 700;}
/*日期入稿格隱藏*/
.AreaNew #js-PD_val_1 { display: none;}
/*區塊過期會影響布局順序，所以布局間距不使用margin，使用gap*/
.AreaNew .PD_wrapper { gap: 10px;}
.AreaNew .PD_wrapper li { margin: 0;}
.AreaNew .PD_wrapper:after { display: none;}
/*按鈕-background-color: #4af784;*/
.AreaNew .PD_layout[data-pd-btn] .PD_btn { background-color: #adadad; background-image: none; width: 7em;}
.AreaNew .PD_layout[data-pd-btn] .PD .PD_btn b::after { content: "開賣通知";}
/*.AreaNew .PD_layout[data-pd-btn] li:first-child .PD_btn { background-color: #ff005d;}
.AreaNew .PD_layout[data-pd-btn] li:first-child .PD .PD_btn b::after { content: "立即搶購";}*/
.AreaNew .PD_layout[data-pd-btn] li.is-past .PD .PD_btn b::after { content: "已結束";}
.AreaNew .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: .5em; right: .8em;}
.AreaNew .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
@media screen and (min-width:768px){
  .AreaNew .box { padding: 5px 10px;}
  /*.AreaNew.Area_boxstyle > .Area_boxstyle_box { padding-top: 98px; padding-bottom: 10px; min-height: 275px;}*/
  .AreaNew .PD_layout p { height: 2.8em; line-height: 2.8em;}
  .AreaNew .PD_layout .PD .Price { font-size: 36px;}
  .AreaNew .PD_layout .PD h3, .AreaNew .PD_layout .PD h4 { font-size: 15.5px;}
  .AreaNew .PD_layout .js-PD_del { font-size: 24px;}
  /*顯示前4品*/.AreaNew .PD_layout { height: 516px; overflow: hidden;}
}
@media screen and (max-width:767px){
  .AreaNew .box { padding: 2vw 2vw;}
  /*.Area_PD5.Area_boxstyle > .Area_boxstyle_box { padding: 10vw 0 3vw;}
  .Area_PD5 .Area_swiper { padding: 0;}*/
  .AreaNew .PD_layout p { height: 2.4em; line-height: 2.4em;}
  .AreaNew .PD_layout .PD .Price { font-size: 30px;}
  .AreaNew .PD_layout .PD h3, .AreaNew .PD_layout .PD h4 { font-size: 15px;}
  .AreaNew .PD_layout .js-PD_del { font-size: 20px;}
  .AreaNew .PD_layout[data-pd-btn] .PD_btn b { font-size: 18px;}
  .AreaNew .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] h4 { max-height: 1.5em;}
  /*顯示前4品*/.AreaNew .PD_layout { height: 199.6vw; overflow: hidden;}
}
/*今日限定標+立即搶購*/
.AreaNew .PD_layout .PD_slide { z-index: 1; position: relative;}
.AreaNew .PD_layout .PD_slide:hover { transform: none; filter: brightness(105%);}
.AreaNew .flagToday { z-index: 3; position: absolute; top: 0px; left: 0;}
.AreaNew .PD_layout[data-pd-btn] .flagToday .PD_btn { background-color: #69d796; left: calc(100% - 7.9em); width: 7.2em;}
.AreaNew .PD_layout[data-pd-btn] .flagToday .PD_btn b::after { content: "立即搶購";}
/*.AreaNew .PD_layout[data-pd-h3="6"] .flagToday h3 { background-color: #002971;}
.AreaNew .PD_layout[data-pd-h3="6"] .flagToday h3::before { border-top-color: #002971; border-left-color: #002971;}
.AreaNew .PD_layout[data-pd-h3="6"] .flagToday h3::after { border-top-color: #002971; border-right-color: #002971;}*/
@media screen and (min-width:768px){
  .AreaNew .flagToday { width: calc((100% - 10px)/2); height: 279px; pointer-events: none; top: 0;}
  .AreaNew .PD_layout[data-pd-btn] .flagToday .PD_btn { top: 70%;}
}
@media screen and (max-width:767px){
  .AreaNew .flagToday { width: 96%; height: calc((100% - 30px)/4); pointer-events: none; left: 4% !important; top: 0.2%;}
  .AreaNew .PD_layout[data-pd-btn] .flagToday .PD_btn { top: 74.5%;}
}


/*折價券共用*/
.Area_Coupon_BB .box { padding: 0;}
/*券樣式*/
.Area_Coupon_BB .PD_coupon .PD_slide { background-size: 92%; background-repeat: no-repeat; background-position: center top; background-color: transparent;}
/*css內凹圓.Area_Coupon .PD_coupon .PD_slide { background: radial-gradient(20px at -2.5% 50%, transparent 50%, #fff 50%) center left, radial-gradient(20px at 102.5% 50%, transparent 50%, #fff 50%) center right; background-size: 50% 100%; background-repeat: no-repeat;}*/
.Area_Coupon_BB .PD_coupon .PD p { height: 2.15em; line-height: 2.15em; color: #f200ca; font-size: 1.48em; font-weight: 800;}
.Area_Coupon_BB .PD_coupon .PD p .Discount { font-size: 2.3em; letter-spacing: -0.02em; font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.Area_Coupon_BB .PD_coupon .PD h3 { max-height: 2.5em; line-height: 2.5em; color: #565656; font-size: 1.5em; font-weight: normal;font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_Coupon_BB .PD_coupon .PD p small { position: relative; top: -0.075em; font-size: 1.27em; font-weight: 900;}
.Area_Coupon_BB .PD_coupon .PD h5 { margin: 0; color: #565656; font-size: .875em; font-weight: normal; font-style: italic;}
.Area_Coupon_BB .PD_coupon .PD h5 .Deadline { font-family: Microsoft Tai Le,"微軟正黑體","Microsoft JhengHei",Helvetica;}
.Area_Coupon_BB .Price, .Area_Coupon .money { color: #f200ca;}
@media screen and (max-width:767px){
  .Area_Coupon_BB .PD_coupon .PD p .Discount { letter-spacing: -0.25vw;}
  .Area_Coupon_BB .PD_coupon .PD h3 { max-height: 1.9em; line-height: 1.9em;}
  /*h5單行超出隱藏*/
  .Area_Coupon_BB .PD_layout .PD h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
}


/*按鈕*/
.Area_Coupon_BB .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more {background: #373737;}
.Area_Coupon_BB .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "前往領取";}
.Area_Coupon_BB .PD_layout[data-pd-btn] .PD_btn i { display: none;}
.Area_Coupon_BB .PD_layout[data-pd-btn] .PD_btn span, .PD_layout[data-pd-btn] .PD_btn.more span { -webkit-transform: none; transform: none;}
/*.Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { pointer-events: none;}
.Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a { pointer-events: none;}
.Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more { background: #333; pointer-events: inherit;}
.Area_Coupon .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more b::after { content: "適用商品";}*/
/*裝飾圖(特惠商品及部分商品不適用折價券)*/
.Area_Coupon_BB .PD_coupon .PD_slide:after { content: ""; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-position: center top; background-size: 100%; background-repeat: no-repeat;}

/*必領神券*/
.Area_Coupon_BB .PD_layout ul { grid-gap: 0; padding: 0;}
.Area_Coupon2 .PD_coupon .PD .PD_into:after { content: "-------------------------"; position: absolute; bottom: 4em; left: 5%; width: 90%; height: 1em; color: #fa6ee6; font-weight: 500;letter-spacing: 0.1em;}/*虛線*/
.Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 1.8em; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 54.75%;}
.Area_Coupon2 ul { grid-template-columns: repeat(4, 4fr)!important;}
.Area_Coupon_deco { position: absolute; z-index: 10; top: 0; left:0; width: 100%;}
.Area_Coupon_d1, .Area_Coupon_d2 { position: absolute; top: 0; left:0; width: 100%;}
@media screen and (min-width:768px){
  .Area_Coupon2 .PD_layout ul { grid-gap:10px; width: 98%;}
  .Area_Coupon2 .PD_coupon .PD .PD_into:after {top: 215px;} /*虛線*/
	.Area_Coupon2 { margin: 0 auto;}
  .Area_Coupon2 .PD_layout ul li { width: calc(25% - 18px * 0.75);}
  .Area_Coupon2 .PD_layout .PD_slide { height: 317px; background-image: url(Coupon2_bg.svg); background-size: 100%;}
  .Area_Coupon2 .PD_coupon .PD_slide:after { background-image: url(PD_coupon2_deco.png?t=1756456814787);}
  .Area_Coupon2 .PD_layout .PD_into { padding: 2.3em 0 0;}
}
@media screen and (max-width:767px){
  .Area_coupon {margin-bottom: 2vw;}
	.Area_Coupon2 .PD_layout ul { margin: 0 2vw; grid-template-columns: repeat(2, 48.2vw)!important;}	 	  
  .Area_Coupon2 .PD_layout { padding-top: 0; font-size: 3.15vw;}
  .Area_Coupon2 .PD_layout ul li {margin-left: 0; width: calc(50% - 1em * 0.5);/* transform: scale(0.95); transform-origin: top; */margin-bottom: -3vw;}
  .Area_Coupon2 .PD_layout ul li:nth-child(odd) { transform-origin: top right;}
  .Area_Coupon2 .PD_layout ul li:nth-child(even) { transform-origin: top left;}
  .Area_Coupon2 .PD_layout .PD_slide { height: 54.6vw; background-image: url(Coupon2_mbg.svg);}
  .Area_Coupon2 .PD_coupon .PD_slide:after { background-image: url(PD_coupon2_decoM.png?t=1756456814787); background-size: 90%;}
  .Area_Coupon2 .PD_layout .PD_into { padding-top: 2em; padding-bottom: 6.6em;}
  .Area_Coupon2 .PD_coupon .PD .PD_into:after { bottom: 6.5em; transform: scale(0.95);} /*虛線*/
  .Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.6em;}
  .Area_Coupon2 .PD_layout[data-pd-btn] .PD_btn b { max-height: 1.9em; line-height: 1.9em; font-size: 1.275em;}
}
/*看更多按鈕*/
.PD_layout-btn ul { margin: 0 auto;}
.PD_layout-btn li { border: none; text-align: center; list-style: none;}
.PD_layout-btn li .PD a { display: inline-block;}
.PD_layout-btn li .PD .PD_img,
.PD_layout-btn li .PD h4,
.PD_layout-btn li .PD p { display: none;}
.PD_layout-btn li .PD .PD_into { padding: 0;}
.PD_layout-btn li .PD .PD_into h3 { padding: .5em 2em; background: #000; color: #fff; border-radius: 5em; margin-block-end: 0; margin-block-start: .5em;}
.PD_layout-btn.PD_layout-btn-white li .PD h3 { color: #000; background: #fff;}/*按鈕變白色*/
@media screen and (min-width: 768px){
  .PD_layout-btn {/* padding: 0 0 20px; */margin-top: 0px;}
  .PD_layout-btn ul { padding: 0;border-radius: 0 0 15px 15px;}
}
@media screen and (max-width: 767px) {
  .PD_layout-btn ul { padding: 0;}
}
/*deco折價券飄*/
.float { 
  -webkit-animation: float 1.7s ease-in-out infinite alternate;
  animation: float 1.7s ease-in-out infinite alternate;
}
@keyframes float {
	from { transform: translate(0,-3px);}
	to { transform: translate(0,3px);} /*下浮高度*/
}


/*今日最熱銷*/
.AreaPD .box { z-index: 10;}
@media screen and (min-width: 768px){
  .AreaPD .box { padding: 0 10px;}

  .AreaPD .Att { padding-top: 80px;}
}
@media screen and (max-width:767px){
  .AreaPD { background: url(A04_bg_01_top.png?t=1756456814787) center top / contain no-repeat, #e3e3e3;}
  .AreaPD .PD_layout.PD ul {width:96%;}
  .AreaPD .Att { padding-top: 8.5vw;}
}


/*熱搜強牌*/
.AreaBrand .PD_layout .PD_slide { background-color: #69d796; border-radius: 8px;}
.AreaBrand .PD_layout .PD_img { padding: 0; border-bottom: solid 2px #373737;}
.AreaBrand .PD_layout .PD_img img { border-radius: 8px 8px 0 0; background-color: #fff;}
.AreaBrand .PD_layout .PD_logo { margin-top: -11% !important; border: solid 2px #69d796; border-radius: 8px; background-color: #fff; width: 200px !important;}
.AreaBrand .PD_layout .PD_logo img { box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0) !important; border-radius: 8px !important; padding: 0 !important;}
.AreaBrand .PD_layout .PD h3 { display: none;}
.AreaBrand .js-PD_txt1 { display: none!important;}
.AreaBrand .PD_layout .PD h4 { font-size: 1.5em; font-weight: 800; color: #000;}
.AreaBrand .PD_layout ul { padding: 0;}
@media screen and (min-width: 768px){ 
  .AreaBrand .PD_layout ul { padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0; padding: 0 2%;grid-gap:1%;}
  .AreaBrand:after {content: ''; width: max(100vw, 2000px); height: 100%; position: absolute; background: url(A04_bg_02_bottom_pc.png?t=1756456814787) bottom center / contain no-repeat, url(A04_bg_03_center_pc.png?t=1756456814787) top center / contain repeat-y; left: 50%; top: 0; transform: translateX(-50%); z-index: -1;}
  .AreaBrand { padding: 80px 0 110px;}
  .AreaBrand:before {content: ''; width: max(100vw, 2000px); height: 100%; position: absolute; background: url(A04_bg_01_top_pc.png?t=1756456814787) top center no-repeat ; left: 50%; top: 0; transform: translateX(-50%); z-index: 0;}
}
@media screen and (max-width:767px){
  .AreaBrand { padding: 8vw 0 11.5vw; background: url(A04_bg_02_bottom.png?t=1756456814787) center bottom / contain no-repeat, #e3e3e3;}
	.AreaBrand .PD_layout .PD h4 { font-size: 1em;}
	.AreaBrand .PD_layout .PD_logo { height: 2em !important; margin-top: -20% !important; width: auto !important;}
	.AreaBrand .PD_layout ul { column-gap: .3em; width: 96%;}
	.AreaBrand .PD_layout ul li { margin-left: 0 !important; width: calc(33.55% - 0.5em * 0.535) !important;}
}


/*精選會場*/
.AreaCate .box { padding: 20px 0 0 0;}
.AreaCate .box { position: relative; left: 0; z-index: 10; padding: 2% 2% 0 2%;}
.AreaCate .box .PD a { flex-direction: column;}
.AreaCate .box .PD a .PD_img, .AreaCate .box .PD a .PD_into { width: 100%;}
.AreaCate .box .PD a .PD_img { height: 250px; overflow: hidden; padding: 1%;}
.AreaCate .box .PD a .PD_img img { width: 80%;}
.AreaCate .PD_layout li { margin: 0; width: 33.33333%; background-color: rgba(0,0,0,0);}
.AreaCate .PD_layout li:hover { box-shadow: none;}
.AreaCate h3 {font-size: 1em !important; background-color: #69d796 !important; width: 96%; line-height: 1.4em !important; font-family: "Noto Sans TC", sans-serif; padding: 0.2em !important; margin: 0 !important;}
.AreaCate h4 {font-size: 1em !important; color: #000; margin-bottom: -.2em !important;}
.AreaCate h4 span { font-size: 1.05em; font-weight: 600; }    
.AreaCate .PD_into { align-items: center; padding-top: 0;}
@media screen and (min-width: 768px){ 

}
@media screen and (max-width:767px){  
  .AreaCate ul { width: 98%; margin-left: 1%;}
  .AreaCate .PD_layout li { width: 33.333333%;}
	.AreaCate .box .PD a .PD_img { height:25vw; padding: 1%;}
	.AreaCate h3 { font-size:1.3em !important; width: 95%; line-height: 1.4em!important;}
	.AreaCate h4 { font-size: 1.3em !important;}
  .AreaCate .PD_layout[data-pd-fs-phone="600"] { font-size: inherit;}
}

/*AD廣告區*/
.Area_AD .PD_layout { width: 100%; margin: 0 auto;}
.Area_AD li { background: transparent !important;}
.Area_AD .Area_swiper { margin: 0; padding: 0;}
.Area_AD .Area_swiper img { border-radius: 8px; box-sizing: border-box; overflow: hidden; width: 100%; height: auto;}
.Area_AD .Area_swiper_box { padding-bottom: 0;}
@media screen and (min-width: 768px){
  .Area_AD .Area_swiper { padding-bottom: 20px;}
  .Area_AD .Area_swiper .PD_layout { width: 100%; margin: 0 auto;}
}
@media screen and (max-width:767px){
  .Area_AD .Area_swiper { margin: 0 auto; width: 96%; height:100%; border-radius: 2vw; overflow: hidden;}
  .Area_AD .Area_swiper img { width: 100%;}
}


/*注意事項區*/
.edm_notice { text-align: center; padding: 10px 10px 15px 10px; color:#ffe6fa; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){
  .edm_notice { padding-bottom: 100px;}
}

/*全站加碼*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #69d796;}
.Area_danji .btn_reg .activityText p {color: #fff!important;}  
.Area_danji .btn_reg .content p {color: #fff!important;}
.warningTxt h3 {color: #000!important;}
@media screen and (max-width:767px){
  .Area_danji {width: 96%;}
}

.Area_mo .mo_bn.PD_layout ul{padding:unset;grid-gap:10px 16px}
.Area_mo .mo_bn.PD_layout ul li,.Area_mo .mo_bn.PD_layout ul a{aspect-ratio:268/308}
.Area_mo .mo_bn.PD_layout ul li{position:relative;background-image:url(Area_mobn_bg.png?t=1756456814787);background-repeat:no-repeat;background-size:100% 100%}
.Area_mo .mo_bn.PD_layout ul .PD_img img{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;margin:6% auto}
.Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone1,.Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone2{font-weight:bolder;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;white-space:normal;overflow:hidden;width:100%;position:absolute;font-size:4vw;letter-spacing:-0.05em}
.Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone1{color:#353535;font-size:5.2vw}
.Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone2{color:#563d0f;top:82%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:.95em}
@media screen and (min-width: 768px){
  .Area_mo .mo_bn.PD_layout ul{grid-gap:20px 40px}
  .Area_mo .mo_bn.PD_layout ul li:hover{-webkit-filter:brightness(1.02);filter:brightness(1.02);-webkit-transform:translateY(-4px);transform:translateY(-4px)}
  .Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone1{font-size:2.8em}
  .Area_mo .mo_bn.PD_layout ul .divine_coupon .allinone2{font-size:2.5em}
}
@media screen and (max-width:767px){
  .Area_mo .PD-1 {width: 96%;}
}