@charset "utf-8";

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

/*全BOX版面*/
.WRAPPER { overflow: hidden; background: #6d88e1;}
.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=1755859764201); 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=1755859764201); 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.png?t=1755859764201); background-repeat: no-repeat; background-position: top center; height: 100%; background-size: 100%;} 

  /*背景fixed擋到logo修正*/
  .Area_header_momologo {  z-index: 1;}
}


/* 公版修改 */
.PD_layout .PD p { height: 2em; }
.freshSale_container .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn { background-color: transparent; }


/*LOGO*/
.logo .bg { z-index: -5; position: absolute; top: 0; left: 50%; transform: translateX(-50%); background: #4c58c3; width: 2000px; height: 47px; }
.momologo {  position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/


	@media screen and (max-width:767px){
		.momologo { display:none;}
	}







/*版頭*/
.Area_top .box_title { z-index: 0; position: relative;}
.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 36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #000000;}
.subtitle .PD_layout .PD_slide:hover { box-shadow: none;}
.acty_bg {position: absolute;z-index: 9;}
  /* white_bg */
  .Area_top  .white_bg { z-index: -5; position: absolute; background: #fff; top: 104px; width: 1220px; height: 341px; }
@media screen  and (min-width:768px){
  .Area_top { height: 445px;}
  .Area_top .box { position: absolute;}
  .box_title { position: relative;}
  .sub_box {  top: -365px; margin: 0;}
  .subtitle { width: 960px; top: 248px; left: 126px;}
}
@media screen and (max-width:767px){
  .Area_top { height: 49vw;}
  .box_title { position: absolute;}
  .subtitle { width: 62vw; height: 30vw; top: -11.5vw; left: 19vw;}	 	  
  .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: #000;}
  .Area_top  .white_bg {top: 7vw; left: 2vw; width: 96%; height: 45vw; }
}

/* 公版調整 */
@media screen and (max-width:767px){
.PD_layout.PD {width:96%;}
}

/*行銷宮格*/
.acty { position: relative; }
.acty .white_bg { position: absolute;  background: #fff; top: 0px; left: -130px; width: 1220px; height: 206px; }
.acty { padding: 0 !important; }
@media screen and (max-width:767px){
  .acty .box { width: 96%; margin:0 auto; }
  .acty .white_bg {top: 0vw; left: 2vw; width: 96%; height: 24vw; }
}

/*全站加碼*/
.bonus { position: relative; }
.bonus .white_bg { position: absolute;  background: #fff; top: 12px; left: -130px; width: 1220px; height: 363px; }
@media screen and (max-width:767px){
  .bonus .white_bg {top: 4vw; left: 2vw; width: 96%; height: 36vw; }
}



/*全站活動*/
.AreaToday .activ_box {position: relative;display: flex;flex-wrap: nowrap;z-index: 2;margin: 0 auto;width: 910px;}
.AreaToday .activ_box .box_box1 { width:47%;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:82%; margin: 15px 0 0 43px;}
.AreaToday .activ_box .box_box2 { width:50%; padding:0 0 0 0; overflow: hidden; }
.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;}
/* acty__el--3輪播點 */
.AreaToday .activ_box .box_box2 .acty__el .pagination { bottom: 25px; left: 635px; }
.AreaToday .activ_box .box_box2 .acty__el .pagination span { margin: 0 4px; }
.AreaToday .white_bg { position: absolute;  background: #fff; top: 3px; left: -130px; width: 1220px; height: 522px; }
.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;}
.AreaToday .box_box2 .acty__el { height: 132px; }
@media screen and (max-width: 767px){
  .AreaToday .white_bg {top: -1vw; left: 2vw; width: 96%; height: 55vw; }
  .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%; margin: 2vw 0 2vw 0;}
  .AreaToday .activ_box .box_box2 {padding:0 0 0 0;}
  .AreaToday .activ_box .box_box2 .acty__el { height: 11.2vw; margin: 0vw 0vw 0vw 1.5vw ; }
  .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_coupon .divine_coupon  { color: #353535 !important; }
.Area_coupon .threshold { color: #353535 !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_danji .danji_box ul li .activityText .gifts span { color: #FFF; }





/* 輪播商品 */
.PD_txt {padding: 0 !important;grid-gap:0 !important;}
@media screen and (min-width:768px){
}



/* 登記調整 */
@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%;}
  }
  




/*折價券共用*/
.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: #353535; 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: #353535;}
@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: #ffc12d;}
.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=1755859764201);}
  .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=1755859764201) top center / contain no-repeat, url(m_A02_bg_03.jpg?t=1755859764201) bottom center / contain no-repeat, url(m_A02_bg_02.jpg?t=1755859764201) 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=1755859764201) 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=1755859764201) 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=1755859764202);}
  .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: #000; 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: 2vw 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: #ffc12d; 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 #ffc12d; 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%;}
}
@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: 0 0 1vw 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: #6d88e1 !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;}
}