/* 各頁面CSS */


/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }




/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	/* .Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;} */
	.Area_grabmoney_coupon .PD_layout ul { padding: 0; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw; padding: unset;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}



@media screen and (min-width: 768px) {
.hero {height: 400px}
}
@media screen and (max-width: 767px) {
  .hero { height: 41vw;}
}



/** 倒數 **/
.Area_top.hero .TimerNick {position: absolute; top:290px; z-index:99; display:inline-block; padding-right:14px; height:96px;text-align:right;}
.Area_top.hero .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:50px; font: bold 35px/38px Century Gothic; color:#d54c6d; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
/*.Area_top.hero .TimerNick div:nth-of-type(2),
.Area_top.hero .TimerNick div:nth-of-type(3) { width:60px;}*/
.Area_top.hero .TimerNick span {padding-left:2px;font: bold 25px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #d54c6d;}
@media screen and (max-width:767px){
	.Area_top.hero .TimerNick { z-index:5; position: absolute; top:26vw; left:3%; display:inline-block; margin:0; padding-right:0%; width:85%; height:0; padding-bottom:13%; overflow:hidden; text-align:right; background-size:100%;}
	.Area_top.hero .TimerNick .FontStyle { display:inline-block; margin:0 0 0 0 ; padding:0; border:0px; width:7vw; font: bold 5vw/10vw Century Gothic; color:#d54c6d; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-0.5px; text-align:right; background:transparent;}
	/*..Area_top.hero .TimerNick div:nth-of-type(2),
	.Area_top.hero .TimerNick div:nth-of-type(3) { width:9vw;}*/
	.Area_top.hero .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #d54c6d;}
}
									



/*每日活動攻略*/ 
.hero .more02 {position: absolute;top: 362px;left: 875px;}
.hero .more02 img {width: 250px;}
@media screen and (max-width: 767px){
.hero .more02 {position: absolute;top: 36vw;left: 33vw;width: 100%;}
.hero .more02 img {width: 32%;}
}



/*登記*/
.Area_danji .danji_box .box_2{ filter: brightness(0%);}
.warningTxt h3{ color: #000;}




/* --------------------------------------
* Page 頁籤
* -------------------------------------- */
@media screen and (min-width:768px){ 
.NavArea_tabbar_page { margin: 20px auto 20px ; /*width: 94%;*/ width: 90%; display: block ; text-align: center; transform: scale(1.1);}
.NavArea_tabbar_page .Nav_Btn i { display: none;}
.NavArea_tabbar_page .Nav { width: 100%;}
/*.Nav.menu::-webkit-scrollbar { width: 5px;}*/
}
@media screen and (max-width:767px){
.NavArea_tabbar_page { margin: 0 auto 5vw ; width: 98%;}
} 
/*頁籤高亮顏色設定 */ 
.NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;}
.NavArea_tabbar_page .Nav_box { border-radius: 8px; }
.NavArea_tabbar_page .Nav li { overflow: visible; }
.tab_content .page { display: none }


/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px; /*width:96%;*/  }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display: block;
border: 1px solid #d54c6d !important;
background-color: #d54c6d !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
@media screen and (min-width:768px){ 
	.NavArea_tabbar_page { display: block; /*width: 1050px !important;*/ }
}



/*每日攻略*/ 
.Area_K5 .content_swiper {overflow: hidden;}
.Area_K5 .Arealink{width: 98%;background-color: #d54c6d;border-radius: 1.2em;padding: 1% 0 0;}
.Arealink.PD_layout[data-pd-col-phone="5"] ul { padding: 0 2% 0;}

@media screen and (min-width:768px){
}
@media screen and (max-width: 767px) {
	.Area_K5 .Arealink{border-radius: 0.9em;padding: 1.2% 0 0.5%;}
	.Arealink.PD_layout[data-pd-col-phone="5"] ul { grid-template-columns: repeat(6, auto);}
}



/*每日活動攻略*/ 
.hint {position: absolute;top: 60px;left: 675px;}
.hint img {width: 250px;}
@media screen and (max-width: 767px){
.hint {position: absolute;top: 5vw;left: 33vw;width: 100%;}
.hint img {width: 27%;}
}



/*品類活動攻略*/ 
.Area_K4 .content_swiper {overflow: hidden;}
@media screen and (min-width:768px){
	.Area_PDrush .Area_boxstyle_title {/* inset-block-start: 60px; */}
}
@media screen and (max-width:767px){
}

/* --------------------------------------
* Page 頁籤
* -------------------------------------- */
@media screen and (min-width:768px){ 
.NavArea_tabbar_page { margin: 20px auto 20px ; width: 90%; display: block ; text-align: center; transform: scale(1.1);}
.NavArea_tabbar_page .Nav_Btn i { display: none;}
.NavArea_tabbar_page .Nav { width: 100%;}
/*.Nav.menu::-webkit-scrollbar { width: 5px;}*/
}
@media screen and (max-width:767px){
.NavArea_tabbar_page { margin: 0 auto 5vw ; width: 98%;}
} 
/*頁籤高亮顏色設定 */ 
.NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;}
.NavArea_tabbar_page .Nav_box { border-radius: 8px; }
.NavArea_tabbar_page .Nav li { overflow: visible; }
.tab_content v.page { display: none }








/*剁手強牌區*/
.Area_GameStyle { color: #000;} 
.Area_K1 .content_swiper {overflow: hidden;}
@media screen and (min-width:768px){
	.Area_PDrush .Area_boxstyle_title {/* inset-block-start: 60px; */}
}
@media screen and (max-width:767px){
	.Area_PDrush {}
	.Area_PDrush .Area_pageB.Area00 { margin: 0 auto;}
}

/* --------------------------------------
* Page 頁籤
* -------------------------------------- */
@media screen and (min-width:768px){ 
.NavArea_tabbar_page { margin: 20px auto 20px ; width: 90%; display: block ; text-align: center; transform: scale(1.1);}
.NavArea_tabbar_page .Nav_Btn i { display: none;}
.NavArea_tabbar_page .Nav { width: 100%;}
/*.Nav.menu::-webkit-scrollbar { width: 5px;}*/
}
@media screen and (max-width:767px){
.NavArea_tabbar_page {margin: 0 auto 4vw;width: 98%;}
} 
/*頁籤高亮顏色設定 */ 
.NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;}
.NavArea_tabbar_page .Nav_box { border-radius: 8px; }
.NavArea_tabbar_page .Nav li { overflow: visible; }
.tab_content .page { display: none }

/*logo-4品公版 */ 
.Area_PDrush .PD_layout_Brand .PD_slide:hover { box-shadow: none;}
.Area_PDrush .PD_layout_Brand .PD a { justify-content: center; padding-top: .8em; /*gap: 0.2rem;*/}
.Area_PDrush .PD_layout_Brand .PD h3 {background-color: #6f32c5;}
.Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 33%;}
.Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 65%;}
.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo { margin: 0 auto;}
.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo b::after { content: "看更多";}
@media screen and (min-width:768px){
.Area_PDrush .PD_layout_Brand { width: 85.9%; font-size: 1.35em;}
.Area_PDrush .PD_layout_Brand ul { padding: 10px 15px; grid-gap: 0; border-radius: 15px; background-color: #fff; overflow: hidden;}
.Area_PDrush .PD_layout_Brand .PD_slide { border-top: solid 1px #d1d1d1;}
.Area_PDrush .PD_layout_Brand .PD_slide:nth-child(1) { border-top: none;}
.Area_PDrush .PD_layout_Brand .PD_slide:nth-child(2) { border-top: none;}
.Area_PDrush .PD_layout_Brand .PD_slide:not(:nth-child(2n)) { border-right: solid 1px #d1d1d1;}      
}
@media screen and (max-width:767px){
.Area_PDrush .PD_layout_Brand { font-size: 1.25em;}
.Area_PDrush .PD_layout_Brand ul { width: 97.8%; padding: 0 .5em; grid-gap: 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
.Area_PDrush .PD_layout_Brand .PD_slide:not(:first-child) { border-top: solid 1px #d1d1d1;}
.Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 30%;}
.Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 68%;}
.Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {transform: scale(.9); margin-bottom: -.15em;}
}

/*剁手搶主打品算式圖*/ 
/*.Hot_PD { width: 95%; margin: 0 auto; padding-left: 10px;}*/
.Hot_PD {width: 85%;margin: 20px auto 0;padding: 1.5em;background: linear-gradient(135deg, #fbabbc, #fbabbc);border-radius: 15px;}
.Hot_PD.PD_layout[data-pd-li*=BN] li:hover { box-shadow: none;transform: translateY(-6px); filter: none;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide { position: relative;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { display: block; z-index: 5; position: absolute; width: 260px; height: 100px; bottom: 0; right: 0;}
.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more a { display: block; width: 100%; height: 100%;}
@media screen and (max-width:767px){
	.Hot_PD { width: min(97.8%,880px); margin-top: 2vw; padding: 3vw; border-radius: 0.5em;}
	.Hot_PD.PD_layout[data-pd-li*=BN] li:hover { transform: none;}
	.Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { width: 39vw; height: 14vw;}
}


/*好康1-回饋公式*/
.Area_pageB.Area00 .PD_layout  { position: relative; display: flex; justify-content: center; font-family: "Century Gothic", "微軟正黑體";}
.Area_pageB.Area00 .PD_layout .PD h3  { display: block;}
.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}
.Area_pageB.Area00 .PD_layout .PD_slide:hover  { box-shadow: 0 0 0 rgba(0,0,0,0)!important;}
.Area_pageB.Area00 .PD_layout .PD h4 span { color: #302f2f;}
.Area_pageB.Area00 .PD_layout li .PD_into h3 {color: #ffffff;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 {color: #ffffff;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 span {color: #000;background-color: #ffe1e5;border-radius: 5vw;} 
@media screen and (min-width: 768px){      
.Area_pageB.Area00 { position: relative; width:100%; height: 220px; margin-bottom: 20px;}
.Area_pageB.Area00 .PD_layout{width: 85.4%;top: 20px;margin: 0 auto;height: 190px;background: linear-gradient(135deg, #d54c6d, #d54c6d);border-radius: 1em;}	 
.Area_pageB.Area00 .PD_layout ul { width:100%;margin: 0 auto; grid-gap: 20px; background-color: transparent;}	  
.Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto));}	  
.Area_pageB.Area00 .PD_layout li { z-index: 5; border-right: none;}	  
.Area_pageB.Area00 .PD_layout:not([data-pd-btn]) .PD_into { padding:0em 1em 0em 1em;}
.Area_pageB.Area00 .PD_layout .PD h3 { margin: 0 auto;color: #000;font-size: 1.5em;line-height: 1;width: 5em;height: 2em;overflow: visible;}
.Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 { width: 4.6em;}
.Area_pageB.Area00 .PD_layout .PD h4 {margin: 0 auto;color: #000;font-size: 2em;height:auto;font-weight: 600;line-height: 35px;}
.Area_pageB.Area00 .PD_layout .PD h4 b{width: 100%;display:flow-root;height: 1em;font-size: 2em;line-height: 1em;}
.Area_pageB.Area00 .PD_layout .PD h4 span{margin-top: 10px; font-size: 22px; width: 123px;}
.Area_pageB.Area00 .PD_layout .PD h4 small{ font-size: 0.7em;}
.Area_pageB.Area00 .PD_layout .PD h3 span small{ font-size: 50px;}
.Area_pageB.Area00 .PD_layout .PD_slide  {/* background-color: #ff9090;	 height:166px; border-radius:14px; z-index: -1; */ background:none;}	  
.Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before{content:"+";position:absolute;left:-20px;top:50px;font-size:38px;color: #ffe1e5;font-weight: 600;}
.Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before{content:"="!important;top:50px!important;}	
.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height: 150px; width: 390px; bottom: 0; right: 0; z-index: 5;} 	
.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more {display: block; }
.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{display: block!important;height: 200px}  
}
@media screen and (max-width:767px){   
.Area_pageB.Area00 {width: 97.7%;height: 33vw;margin: 0 auto;}
.Area_pageB.Area00 .PD_layout ul { width:100%; margin: 0 auto; grid-template-columns: repeat(3, minmax(0, auto)); grid-gap: .5em;}	  
.Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto)); grid-gap: .3em;}	  
.Area_pageB.Area00 .box .lbtclass { width: 100%!important;}
.Area_pageB.Area00 .PD_layout {position: relative;background: linear-gradient(135deg, #d54c6d, #d54c6d);border-radius: 0.5em;height: 32vw;z-index: 5;}	  
.Area_pageB.Area00 .PD_layout  ul { justify-content: center; margin-top: 2vw; background-color: transparent;}	
.Area_pageB.Area00 .PD_layout li { border-right: none; padding: 0 2vw; border-top: none;}	  
.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}	  
.Area_pageB.Area00 .PD_layout .PD_into { padding: 0.1em; box-sizing: border-box;}	
.Area_pageB.Area00 .PD_layout .PD h3 {font-size: 3.8vw;line-height: 1.2;display: contents;} 	  
.Area_pageB.Area00 .PD_layout .PD h4 {font-size: 4vw;line-height: 3.3vw;font-weight: 600;width: 100%;}	   
.Area_pageB.Area00 .PD_layout .PD h3 span {overflow: initial;width: 96%;}
.Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 span { width: 4.8em; margin: 0 auto;}
.Area_pageB.Area00 .PD_layout .PD h4 span { font-size: 0.9em; height: 6vw; line-height: 6vw; width: 19vw; margin-top: 1vw;}	
.Area_pageB.Area00 .PD_layout .PD h4 b {width: auto;display:flow-root;font-size: 1.8em;height: 1.2em;line-height: 1em;}
.Area_pageB.Area00 .PD_layout .PD h3 span small { font-size: 5vw;}

.Area_pageB.Area00 .PD_layout li:last-of-type .PD_into>h4 span {color: #000;} 	  
.Area_pageB.Area00 .PD_layout .PD h4 span::after { content:""; /*background-color: #b50058;*/ border-radius: 8vw; height: 5vw; line-height: 5vw; width: 100%; position: absolute; left: 0; z-index: -1;}	

.Area_pageB.Area00 .PD_layout .PD_slide { width: fit-content; /*background-color: #ff9090;height: 20vw; border-radius: 2vw;*/ background: none;}
.Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before {content:"+";position:absolute;left: -2vw;top: 10vw;font-size:5vw;color: #ffe1e5;font-weight: 600;}
.Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before { content:"="!important;}	

.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height:15vw; width:40vw; bottom:0; right: 0; z-index: 5; display: block;} 	
.Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{ display: block!important; height: 20vw;}	
}


/*公版調整*/
@media screen and (min-width: 768px){ 
.PD_layout[data-pd-style=off] ul {width: 98%;}
}
.Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-btn="true"] .PD_into .PD_into_PDgo b::after {display: none;}
.PD_layout[data-pd-btn] .PD_btn span{transform: skew(0deg);}
.PD_layout[data-pd-btn] .PD_btn i {border-top: .125em solid #f61050; border-right: .125em solid #f61050; width: .6em; height: .6em;}
.PD_layout[data-pd-btn] .PD_btn{ background-color:transparent;background-image:none}
.Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-btn="true"] .PD .PD_into_PDgo{bottom: 1em;}

.Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1.5em 0 .5em 1em;}
.Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_into { width: 85%;}


.Area_pd-grid-act-flexcol[org="3"] .PD_into{width: 65% !important;}
.Area_pd-grid-act-flexcol[org="3"] .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width: 15% !important;}
.Area_pd-grid-act-flexcol[org="3"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 2em 0 .5em 1em !important;}

.Area_group-4 .PD_into{width: 65% !important;}
.Area_group-4 .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width: 15% !important;}
.Area_group-4 .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into { padding: 2em 0 .5em 1em !important;}

.Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 2em 0 .5em 0em !important;}
.Area_pd-grid-act-flexcol[org="6"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 2em 0 .5em 0em !important;}
.Area_pd-grid-act-flexcol[org="7"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 2em 0 .5em 0em !important;}
.Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width:33% !important;margin-left: 0%;}
.Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_img{padding:1vw 0 1vw 0}

.Area_pd-grid-act-flexcol[org="8"] .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width:15% !important;margin-top: 1%;}	




@media screen and (max-width:767px){  
  .Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-btn="true"] .PD .PD_into_PDgo{bottom: .5em;}

	.Area_pd-grid-act-flexcol .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1.1em 0 .5em 1em;}

	.Area_pd-grid-act-flexcol[org="3"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1.2em 0 .5em 1em !important;}

	.Area_group-4 .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into { padding: 1.2em 0 .5em 1em !important;}

  .Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1em 0 .5em 0em !important;}
  .Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width:33% !important;margin-left: 0%;}
  .Area_pd-grid-act-flexcol[org="5"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_img{padding:2.5vw 0 1.5vw 0}

	.Area_pd-grid-act-flexcol[org="6"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1.4em 0 .5em 1em !important;}
	.Area_pd-grid-act-flexcol[org="7"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 1.4em 0 .5em 1em !important;}

	.Area_pd-grid-act-flexcol[org="8"] .PD_layout.layout_ACT_01[data-pd-col-phone="1"] .PD_into {padding: 0.8em 0 .5em 1em !important;}
  .Area_pd-grid-act-flexcol[org="8"] .PD_layout.layout_ACT_01[data-pd-direction="row"] .PD_img{width:15% !important;margin-top: 1vw;}	
 }