@charset "utf-8";

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

/*全BOX版面*/
.WRAPPER { overflow: hidden; background: #062973;background-image: url(m_bg_repeat.jpg?t=1751009157862);background-repeat:repeat-y;background-size:100%;}
.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;}
.Area_top .lazy { opacity: 0 !important;} 
.Area_top .lazy[data-was-processed="true"]{ opacity: 1 !important;} 
.Area_acty .lazy { opacity: 0 !important;} 
.Area_acty .lazy[data-was-processed="true"]{ opacity: 1 !important;} 
.Area_bgtop.lazy { opacity: 0 !important;} 
.Area_bgtop.lazy[data-was-processed="true"]{ opacity: 1 !important; transition: opacity 0.3s; transition-timing-function: ease-out;} 


/*PC背景*/
@media screen and (min-width:768px){	
  .Area_bgtop_1 { height: 100%; overflow: hidden;}
  .Area_bgtop_1 .bgtop_ span { height: 100%; }  
  .Area_bgtop_1 .bgtop_1_0 span { background-image: url(bg_01.png?t=1751009157862); background-position: top center; background-repeat: no-repeat;}   
  .Area_bgtop_2 { height: 100%; overflow: hidden;}
  .Area_bgtop_2 .bgtop_ span { height: 100%; }  
  .Area_bgtop_1 .bgtop_2_0 span { background-image: url(bg_02.png?t=1751009157862); background-position: top center; background-repeat: no-repeat;} 
  .Area_bgtop_3 { height: 100%; overflow: hidden;}
  .Area_bgtop_3 .bgtop_ span { height: 100%; }            
  .Area_bgtop_fixed { position: fixed;}
 }

/*Phone背景*/
@media screen and (max-width:767px){
  .m_Area_bgtop_1 .m_bgtop_ span { position: absolute; display: block; width: 100%;}     
  .m_Area_bgtop_1 .m_bgtop_1_0 span { background-image: url(m_bg_01.jpg?t=1751009157862); background-repeat: no-repeat; background-position: top center; height: 100%;} 
  .m_Area_bgtop_1 .m_bgtop_2_0 span { background-image: url(m_bg_02.png?t=1751009157862); background-repeat: no-repeat; background-position: top center; height: 100%;} 
  /*背景fixed擋到logo修正*/
  .Area_header_momologo {  z-index: 1;}
}

/*LOGO*/
.Area_top .momo_logo { z-index: 10; position: absolute; top: 22px; left: -173px; width: 50px;} 
.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;}
	}

/*版頭*/
.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;transform: rotate(-5deg);}
.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 36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff7a3;}
.subtitle .PD_layout .PD_slide:hover { box-shadow: none;}
.acty_bg {position: absolute;z-index: 9;}
@media screen  and (min-width:768px){
  .Area_top { height: 445px;}
  .Area_top .box { position: absolute;}
  .box_title { position: relative;}
  .Area_top .box_title img { width:880px;}
  .sub_box { width: 960px; height: 400px; top: -365px; margin: 0;}
  .subtitle { width: 960px; top: 235px; left: 0px;}
}
@media screen and (max-width:767px){
  .Area_top { height: 49vw;}
  .box_title { position: absolute;}
  .subtitle { width: 70vw; height: 10vw; top: 32vw; left: 14.8vw;transform: rotate(-5deg);
}	 	  
  .Area_top .subtitle ul { grid-gap: 0; padding: 0;}
  .Area_top .subtitle ul li h5 { font: bolder 4.3vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em; color: #fff7a3;}
}

/* 公版調整 */
@media screen and (max-width:767px){
.PD_layout.PD {width:96%;}
}
/*行銷宮格*/
.Area_acty { width: 890px; position: relative; margin-bottom: 30px;}	 
.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;} 
.Area_acty .box1 { margin-bottom: 40px;}
@media screen and (max-width:767px){
	.Area_acty { width: 98%; margin-bottom: 2vw;}
  .Area_acty .box1 { margin-bottom: 5vw;}
}

/* 登記調整 */
@media screen and (min-width:768px){
.Area_book .Area_danji {}
}
@media screen and (max-width:768px){
  .Area_book .Area_danji {width:95.5%;}
  }
/*PC標題調整*/ 
@media screen and (min-width:768px){
.Att img { width: 80%;}
}


/*全站活動*/
.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: 420px;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:35px 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: 45.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:3vw 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;}
}



/*今日最強主打*/
.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=1751009157862) 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:#e94e76; text-align: left;}  
.Area_topPD .rightPD .PD_layout .PD h4 b { display: none;}
.Area_topPD .Price, .Area_topPD .money { color: #e94e76;}
 @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: 410px; column-gap: 10px; width: 92%; margin: 2% 4%;}
	.Area_topPD .leftPD1 ul, .Area_topPD .leftPD2 ul { height: 203px;}
	.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: 49%; margin: 1% 0 0 -4%;}
}
@media screen and (max-width:767px){
	.Area_topPD {  height: 48vw; width: 100%; padding: 0 0; margin-top: 1vw;}
	.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%;}
}

/* 輪播商品 */
.PD_txt {padding: 0 !important;grid-gap:0 !important;}
@media screen and (min-width:768px){
}
@media screen and (max-width:768px){
.Area_swPD .Area_PD1 .Area_swiper_box .swiper-pagination {bottom: -20px !important;}
}



/*重磅新品*/
.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: 20px 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: #e94e76; 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_BB .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: #f90c2c; 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: #454545; 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: #454545; font-size: 1em;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_BB .money { color: #f90c2c;}
@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: #000;}
.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_BB .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { pointer-events: none;}
.Area_Coupon_BB .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD a { pointer-events: none;}
.Area_Coupon_BB .PD_layout[data-pd-btn][data-pd-btn-more] .cate-hover .PD_btn.more { background: #333; pointer-events: inherit;}
.Area_Coupon_BB .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: 90%; 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: #737373; 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;}
@media screen and (min-width:768px){
  .Area_Coupon2 .PD_coupon .PD .PD_into:after {top: 208px;} /*虛線*/
	.Area_Coupon2 { margin: 0; margin-top: 2%;}	
  .Area_Coupon2 .PD_layout ul li { width: calc(25% - 18px * 0.75);}
  .Area_Coupon2 .PD_layout .PD_slide { height: 306px; background-image: url(Coupon2_bg.svg);margin-bottom: 20px;}
  .Area_Coupon2 .PD_coupon .PD_slide:after { background-image: url(PD_coupon2_deco.png?t=1751009157863);}
  .Area_Coupon2 .PD_layout .PD_into { padding-top: 1.5em; padding-bottom: 6.9em;}
}
@media screen and (max-width:767px){
  /* .Area_Coupon_BB { background: url(m_A02_bg_01.jpg?t=1751009157863) top center / contain no-repeat, url(m_A02_bg_03.jpg?t=1751009157863) bottom center / contain no-repeat, url(m_A02_bg_02.jpg?t=1751009157863) top center / contain repeat-y;}
  .Area_Coupon_BB2:before { animation: float2 1.5s ease-in-out infinite alternate; content: ""; width: 22%; height: 14%; background: url(A02_deco_01.png?t=1751009157863) no-repeat top / 100%; position: absolute; top: -4vw; left: -3vw;}
  .Area_Coupon_BB2:after  { animation: float2 1.5s ease-in-out infinite alternate; content: ""; width: 22%; height: 12%; background: url(A02_deco_02.png?t=1751009157863) no-repeat bottom / 100%; position: absolute; bottom: -2vw; right: -2vw;} */
	.Area_Coupon2 .PD_layout ul { margin: 0 2vw; grid-template-columns: repeat(2, 48.2vw)!important;}	 	  
  .Area_Coupon2 { margin-top: 3vw;}
  .Area_Coupon2 .PD_layout {padding-top: 0vw;font-size: 3.15vw;}
  .Area_Coupon2 .PD_layout ul li {margin-left: 0em;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=1751009157863);}
  .Area_Coupon2 .PD_layout .PD_into {padding-top: 2em;padding-bottom: 6.6em;}
  .Area_Coupon2 .PD_coupon .PD .PD_into:after { bottom: 6.8em; transform: scale(0.95);} /*虛線*/
  .Area_Coupon2 .PD_coupon .PD h5 { font-size: 0.875em; padding-right: 0.075em;}
  .Area_Coupon2 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 3.8em;}
  .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: #f90c2c; color: #fff; border-radius: 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 { padding: 0 0 0;}
  .PD_layout-btn ul { padding: 0;}
}
/*deco折價券飄*/
@keyframes float {
	from { transform: translate(0,-2px);}
	to { transform: translate(0,10px);} /*下浮高度*/
}
@keyframes float2 {
	from { transform: translate(0,-2vw);}
	to { transform: translate(0,0);} /*下浮高度*/
}


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


/*熱搜強牌*/
.AreaBrand .box { z-index: 10; padding: 2% 0 0 0;}
.AreaBrand .PD_layout .PD_slide { background-color: #d10e15; border-radius: 8px;}
.AreaBrand .PD_layout .PD_img { padding: 0; border-bottom: solid 2px #fff;}
.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 #d10e15; 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: #fff;}
.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%;}
}
@media screen and (max-width:767px){
  .AreaBrand { margin-bottom: 5vw;}
  .AreaBrand .box { padding: 3vw 0 0;} 
	.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: #d10e15 !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 .Att { padding-top: 4vw;}
  .AreaCate ul { width: 96%; margin-left: 2%;}
  .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 .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:#e6e6e6; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
@media screen and (max-width:767px){
  .edm_notice { padding-bottom: 100px;}
}