@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#f63b2f; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}


/*區塊背景*/
@media screen and (min-width: 768px) {
  .Areabg01 { position: absolute; z-index: -3; top: -60px; left: 10px; width: 100%; min-width: 1220px; height: 850px; background-image: url("pc_01.jpg?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Areabg02 { position: absolute; z-index: 20; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px; background-image: url("pc_02.png?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .repeat_bg2 {position: absolute;z-index: -2;left: 0px;top: 850px;width: 100%;min-width: 1220px;height: 40000px;background-image: url("pc_reapet.jpg?t=1724990151425");background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bgdeco {z-index: -1;position: absolute;top: 0px;left: 0px;width: 100%;height: 60000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .bg_fix { z-index: -1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
}
@media screen and (max-width: 767px) {
  .m_top_bg01 { z-index: -10; position: absolute; top: 10vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .m_top_bg02 { z-index: -1; position: absolute; top: 10vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .m_repeat_bg2 {z-index: -7;position: absolute;top: 106vw;left: 0px;width: 100%;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;background-size: 100%;}
}


/*區塊_all*/
.Area1220 { position: relative; margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center;  }
.Areaa { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}


/*區塊-共用按鈕*/
.Area .btn_go { }
.Area .btn_go * { transition: 0.1s; }
.Area .btn_goa:hover { transition: 0.35s; transform: scale(0.9); }
.Area .btn_goa::after { transition: 0.4s; }
.Area .btn_goastrong { z-index: 2; position: relative; }
.Area .btn_goai { z-index: 3; position: absolute; top: -63px; right: -278px; display: inline-block; border-radius: 60px; width: 60px; height: 60px; background: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
@media screen and (max-width: 736px) {
  .Area { width: 100%; height: 100%; min-width: 100%; }
  .Area .btn_go { position: absolute; }
  .Area .btn_go * { transition: 0.2s; }
  .Area .btn_go a { display: block; color: rgb(255, 255, 255); letter-spacing: -2px; }
  .Area .btn_go a::after { }
  .Area .btn_go:active a, .Area .btn_go:focus a, .Area .btn_go:hover a { color: rgb(255, 255, 255); }
  .Area .btn_go:active a::after, .Area .btn_go:focus a::after, .Area .btn_go:hover a::after { width: 150% !important; }
  .Area .btn_go:active a i, .Area .btn_go:focus a i, .Area .btn_go:hover a i { background-color: transparent; transform: translateX(-10px); transition-delay: 0.1s; }
  .Area .btn_go a strong { z-index: 2; position: relative; }
  .Area .btn_go a i { z-index: 3; position: absolute; top: 0px; right: 0px; display: inline-block; border-radius: 35px; width: 35px; height: 35px; background: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
}


/* 主標-推入稿鈕 */
#eWriterBtn_bt_B_000_01{position: absolute;top: 90px;}


/*-----版頭-----*/
@media screen and (min-width: 768px) {
  .Area_top {position: relative;height: 779px;margin: 0px auto;box-sizing: border-box;padding: 0px;}
  /*date*/
  .Area_top .date {width: 61%;position: absolute;top: -27px;left: 160px;z-index: 1;}
  .Area_top .date .date_deco{position: absolute;}
  .Area_top .date .date_deco img{width: 86%;}
  .Area_top .TIMER_DAY {transform: rotate(337deg);position:absolute;top: 129px;right: 515px;width: 140px;z-index:2;display:block;font-size: 47px;font-family: "acumin-pro-wide", sans-serif;font-weight: 800;font-style: normal;color: #f13026;letter-spacing: 5px;text-align: left;}
  .Area_top .TIMER_DAY small {font-size: 54px;line-height:5px;margin-left: -33px;}
  .Area_top .TIMER_DAY #sendMonth {width: 53px;text-align: left;display: inline-block;}
  .Area_top .TIMER_DAY #sendToday {width: 53px;margin-left: -16px;text-align: center;display: inline-block;}
	
   /*大標*/ 
  .Area_top .title01 {width: 50%;position: absolute;top: -21px;left: 324px;height: auto;z-index: 20;}
  .Area_top .title01 ul { gap: 0px; }
  .Area_top .title01 img { width: 100%; }
  .Area_top .title01 input { position: relative; top: -30px; }
  /*副標輪播*/
  .Area_top .title02 {z-index: 22;position: absolute;top: 502px;left: 505px;width: 650px;height: 243px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {top: -2px;left: 0px;width: 100%;position: absolute;height: 202px;}
  .Area_top .title02 .Area_swiper_box ul { display: flex; gap: 0px; padding: 0px; height: 162px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
}
@media screen and (max-width: 767px) {
  .Area_top {width: 100%;position: relative;height: 93vw;padding: 0px;}
  /*date*/
  .Area_top .date {width: 37%;position: absolute;top: 0vw;left: 5vw;z-index: 1;pointer-events: none;}
  .Area_top .date .date_deco{position: absolute;}
  .Area_top .TIMER_DAY {transform: rotate(337deg);position:absolute;top: 14.5vw;right: 10vw;width: 19vw;z-index:2;display:block;font-size: 25px;color: #f13026;letter-spacing: -1px;font-family: "acumin-pro-wide", sans-serif;font-weight: 800;font-style: normal;text-align: left;}
  .Area_top .TIMER_DAY small {font-size: 29px;line-height:5px;margin-left: -4vw;}
  .Area_top .TIMER_DAY #sendMonth {width: 27px;text-align: left;display: inline-block;}
  .Area_top .TIMER_DAY #sendToday {width: 49px;margin-left: -3vw;text-align: center;display: inline-block;}
  /*大標*/ 
  .Area_top .title01 {width: 72%;position: absolute;top: 0vw;left: 15vw;height: auto;z-index: 5;}
  .Area_top .title01 ul { gap: 0px; }
  .Area_top .title01 img { width: 100%; }
  .Area_top .title01 ul li .PD .PD_img { display: block !important; }
  /*副標輪播*/
  .Area_top .title02 .title02_deco{position: absolute;}
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 {position: absolute;width: 69%;height: 11vw;margin: 0px auto;left: 31vw;top: 71.5vw;z-index: 21;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 18vw;top: 1vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul { display: flex; height: 18vw; gap: 0px; padding: 0px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
}


/*---版頭裝飾---*/
@media screen and (min-width: 768px) {
  .deco_01 {width: 18%;position: absolute;top: 546px;left: 167px;z-index: 18;transform-origin: center center;pointer-events: none;}
  .deco_01 img { width: 81%; }
  .deco_02 {width: 11%;position: absolute;top: 442px;left: 897px;z-index: 18;transform-origin: center center;pointer-events: none;}
  .deco_02 img { width: 81%; }
  .top_box {width: 73%;position: absolute;top: 135px;left: 197px;z-index: 18;transform-origin: center center;pointer-events: none;}
  .top_box img { width: 81%; }

}
@media screen and (max-width: 767px) {
  .deco_01 {width: 22%;position: absolute;top: 64vw;left: 2vw;z-index: 6;pointer-events: none;}
  .deco_02 {width: 11%;position: absolute;top: 55vw;left: 85vw;z-index: 6;pointer-events: none;}
  .top_box {width: 80%;position: absolute;top: 24vw;left: 13vw;z-index: 1;pointer-events: none;}

}


/*---按鈕---*/
@media screen and (min-width:768px){
	.Area_btn{margin: 58px auto 0 auto;z-index: 12;height: auto;}

}
@media screen and (max-width:767px){
    .Area_btn{margin: 5vw auto 0 auto;height: auto;}
    .Area_btn .btn ul {grid-gap:2vw;}

}


/** 倒數 **/
.TimerNick {transform: rotate(355deg);position: absolute;z-index: 10;top: 47px;left: 56%;display:inline-block;padding-right:14px;height:96px;text-align:right;}
.TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width:60px;font: bold 45px/38px Century Gothic;color:#000;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span {padding-left:2px;font: bold 35px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #000;}
    @media screen and (max-width:767px){
        .TimerNick {z-index:2;transform: rotate(355deg);position: absolute;top: 2vw;left: 33vw;display:inline-block;margin:0;padding-right:0%;width: 62%;height:0;padding-bottom:13%;overflow:hidden;text-align:right;/*background:url(m_time_bg.png?t=1745818309760) no-repeat center top; */background-size:100%;}
        .TimerNick .FontStyle {display:inline-block;margin:0px 0 0 0;padding:0;border:0px;width: 6vw;font: bold 5.5vw/11vw Century Gothic;color:#000;/*text-shadow:1px 1px 0px #fff;*/letter-spacing:-1px;text-align:right;background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) {width: 5vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #000;}
    }
                     

/*---限搶---*/
@media screen and (min-width:768px){
	.Area_time{margin: 69px auto 0 auto;height: auto;}
  .Area_time .ly{margin: -48px auto 0 auto;padding: 0 0 0 0;width: 96%;z-index: 2;}
  .Area_time .ly ul{width: 99%;border: 4px solid #ffda44;outline: 4px solid #469ffe;}
}
@media screen and (max-width:767px){
  .Area_time{width: 100%;margin: 0vw auto 0 auto;height: auto;}
  .Area_time .ly{margin: -4vw auto 0 auto;padding: 0 0 0 0;width: 96%;z-index: 2;}
  .Area_time .ly ul{width: 99%;border: 2px solid #ffda44;outline: 2px solid #469ffe;}
}

/*---登記---*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffe907;}                 
                    
@media screen and (min-width: 768px) { 
  .danji {margin: 30px auto 0 auto;}
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box { width: 900px; }
  .warningTxt { position: relative; z-index: 99; }
}
@media screen and (max-width: 767px) {
  .danji { margin: 0vw auto 0px; }
  .danji .Area_danji { width: 95%; }
  .danji .box_all {position: relative;padding: 0px;}
}


/*---一健全領---*/
@media screen and (min-width:768px){
  .Area_coupon_sw{margin-bottom: 30px;}
	.Area_coupon{margin: 20px auto 0 auto;padding-bottom: 30px;}
    /*文字*/
    .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000;}
}

@media screen and (max-width:767px){
    .Area_coupon .Area_swiper_box {margin-bottom: 2vw;}
    .Area_coupon .Area_swiper_box .PD_layout-coupon3{padding-bottom: 0;}
    .Area_coupon{margin: 0vw auto 0 auto;padding-bottom: 3vw;}
    /*文字*/
    .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold{color: #000;}
}

/* 輪播BN */
.Area_banner{margin-bottom: 50px;}
@media screen and (max-width:767px){
.Area_banner{margin-bottom: 3vw;}

}

/*---重磅強檔 不錯過---*/
@media screen and (min-width:768px){
	.Area_hot{margin: 60px auto 0 auto;padding-bottom: 80px;}
  .Area_hot .box_all{background-color: #00bfff;}
  /*bn*/
  .Area_hot .box_bn{position: relative;padding: 20px 0 30px 0;}
  .Area_hot .box_bn::after{content:"";position: absolute;display:block;background: url("hot_bg.png?t=1747986240155") center  top no-repeat scroll;height: 120px;top: -20px;left: -20px;width: 350px;z-index: 20;pointer-events: none;}
  
  /* 4個按鈕的背景 */
  .Area_hot .box_btn .PD_layout ul::before{ content:"";position: absolute; background: url("hotbtn_bg.jpg?t=1750406997178") center top/100% no-repeat scroll;display:block;width: 960px;height: 464px;top: 0px;left: 0px;margin: 0 auto;}
  .Area_hot .box_btn .PD_layout{padding-top: 40px;}


}


@media screen and (max-width:767px){
  .Area_hot{margin: 0vw auto 0 auto;padding-bottom: 5vw;}
  .Area_hot .box_all{background-color: #00bfff;}
  /*bn*/
  .Area_hot .box_bn{position: relative;}
  .Area_hot .box_bn::after{content:"";position: absolute;display:block;background: url("hot_bg.png?t=1747986240155") center  top no-repeat scroll;height: 14vw;top: -5vw;left: 1vw;width: 35%;background-size: 100%;z-index: 2;pointer-events: none;}
  /*按鈕*/
  .Area_hot .box_btn{}
  .Area_hot .box_btn ul{padding: 0;}

  /* 4個按鈕的背景 */
  .Area_hot .box_btn .PD_layout ul::before{ content:"";position: absolute; background: url("hotbtn_bg.jpg?t=1750406997178") center top/100% no-repeat scroll;display:block;width: 100%;height: 112%;top: 0px;left: 0px;margin: 0 auto;}
  .Area_hot .box_btn .PD_layout {padding-top: 4vw;}
  .Area_hot .box_btn .PD_layout ul {grid-gap: .5em;}
  .Area_hot .box_btn .PD_layout .PD_wrapper{width: 95%;}


}


/*---瘋搶攻略一次看 按鈕---*/
@media screen and (min-width:768px){
	.Area_btn02{margin: 60px auto 150px auto;}
   /*背景*/
   .Area_btn02 .btn02_deco{width: 129%;left: 50%;transform: translateX(-50%);position: absolute;}
}

@media screen and (max-width:767px){
  .Area_btn02{margin: 7vw auto 15vw auto;}
   /*背景*/
  .Area_btn02 .btn02_deco{width: 129%;left: 50%;transform: translateX(-50%);position: absolute;}
  /*按鈕*/
  .Area_btn02 .btn{padding: 0 0 0 0;}

}



/*---最強大牌 驚喜特談---*/
@media screen and (min-width:768px){

	/*公版*/		
	/* .Area_preview .layout_PD {}
	.Area_preview .layout_PD  ul {grid-gap: 40px;width:96%!important;margin:0 auto!important;padding:0!important ;}
	.Area_preview .layout_PD  ul li {background: url(brand_bgg.png?t=1749727450052)top center no-repeat; background-size: 100%;}
	.Area_preview .layout_PD  ul li a {color: #feced9}
	.Area_preview .layout_PD .PD p {position:absolute;top: -3px;left: 114px;color:#ffb4da;font-size: 31px;}
	.Area_preview .layout_PD .PD p .Price {font-size:1em;color: #000000;}
	.Area_preview .layout_PD .PD p .money {display: none !important;;}
	.Area_preview .layout_PD .PD_img {padding-top: 69px;width: 90%;margin: 0 auto 46px;}
	.Area_preview .layout_PD .PD_img img {width: 92%;}
	.Area_preview .layout_PD .PD_into {padding-top: 14px;}
	.Area_preview .layout_PD .PD_into h4 {font-size: 32px;line-height: 53px;}
	.Area_preview .layout_PD .PD_into .js-PD_txt1 {color:#ffffff}

	.Area_preview .layout_PD .PD_into .PD_logo{height: 154px !important;position: absolute;top: 12px;left: -31px;}
	.Area_preview .layout_PD .PD_into .PD_logo img{border: 2px solid #26a7f9;} */

	  
}
@media screen and (max-width:767px){

	/*公版*/		
	/* .Area_preview .layout_PD {}
	.Area_preview .layout_PD  ul {width:96%!important;margin:0 auto!important;padding:0!important ;}
	.Area_preview .layout_PD  ul li {background: url(brand_bgg.png?t=1749727450052)top center no-repeat; background-size: 100%;padding: 2vw;}

	.Area_preview .layout_PD .PD p {position:absolute;top: -1vw;left: 13vw;color: #000000;}
	.Area_preview .layout_PD .PD p .Price {font-size: 0.9em;}
	.Area_preview .layout_PD .PD p .money {display: none !important;;}
	.Area_preview .layout_PD .PD_img {padding-top: 6vw;} */
	/* .Area_preview .layout_PD .PD_img img {border-radius:15% ;border: 0.5vw solid #ffe907;} */
	/* .Area_preview .layout_PD .PD_into {padding-top: 2vw;}
	.Area_preview .layout_PD .PD_into .js-PD_txt1 {color:#ffffff}
	.Area_preview .layout_PD .PD_into .PD_logo{height: 4em !important;position: absolute;top: 7vw;left: -1vw;}
	.Area_preview .layout_PD .PD_into .PD_logo img{border-radius:100% ;border: 0.5vw solid #26a7f9;} */
  
}

@media screen and (min-width:768px){
  .preview_bg {position: absolute;z-index: -1;top: -254px;left: 0px;width: 100%;min-width: 1220px;height: 1736px;background-image: url("pc_preview_bg.png?t=1747986240155");background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .bg_rp{background-color: #00bfff;}
  .Area_preview	{margin: 100px auto 0 auto;}
  .Area_preview .box_all{margin: -20px auto 0 auto;padding-bottom: 50px;}
  /*公版*/		
  /* .Area_preview .layout_PD li{height: 670px;}	 */

  /* .Area_preview .layout_PD .PD .PD_into .PD_logo { width: 15%; margin: 0; height: 3em;} */
  /* .Area_preview .layout_PD .PD .PD_into h3 {position: relative;left: 660px;top: -60px;color:#000000;font-size: 2.2em;}
  .Area_preview .layout_PD .PD .PD_into h4 {position: relative;left: 10px;top: -60px;color: #FFFF;font-size: 2em;width: 30%;}
  .Area_preview .layout_PD .PD .PD_into h4 b { display: none;}
  .Area_preview .layout_PD .PD .PD_into p {position: relative;left: 740px;top: -130px;color: #ffe907;font-size: 1.2em;width: 25%;}
  .Area_preview .layout_PD .PD  p del{color:#ffffff;}       
  .Area_preview .layout_PD .PD  p .Price {font-size:45px;}  */
      
  }
  @media screen and (max-width:767px){
  .Area_preview	{margin: 11vw auto 0 auto;}
  .Area_preview	 .box_all{background-color: #00bfff;}
  /*公版*/	
  /* .Area_preview .layout_PD li {position: relative; height: 72vw;} */
  /* .Area_preview .layout_PD li::after { content: ""; display: block; border: dashed 1px #fff; width: 14vw; position: absolute; bottom: 9vw; left: 50%; transform: translateX(-50%) rotate(90deg);} */

  /* .Area_preview .layout_PD .PD .PD_into .PD_logo { width: 40%; margin: 0; height: 2em;} */
  /* .Area_preview .layout_PD .PD .PD_into .PD_logo img { padding: 0 0.8em;} */
  /* .Area_preview .layout_PD .PD .PD_into h3 {width: 41%;text-align: right;right: 0;left: 55vw;position: relative;top: -9vw;color:#000;font-size: 1.1em;} */
  /* .Area_preview .layout_PD .PD .PD_into h4 {width: 59%;position: relative;left: 5vw;top: -7.5vw;color: #fff;font-size: 1.2em;} */
  /* .Area_preview .layout_PD .PD .PD_into h4 b { display: none;} */
  /* .Area_preview .layout_PD .PD .PD_into p {text-align: right;position: relative;right: 3vw;top: -21vw;color: #ffe907;font-size: 1.2em;} */
  /* .Area_preview .layout_PD .PD  p del{color:#d4d4d4;}        */



  }
  

/*01_情境圖作圖*/
@media screen and (min-width: 768px){
  .newpd_style {}
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{  position: relative; bottom:104px;left:34px;}
  .newpd_style .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#f3342a;  position: relative; left: 260px;bottom: 45px; }
  .newpd_style .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 25px;color: #fff;position: relative; top: 4.2px;}		
  .newpd_style .Area_PD9 .PD_slide {height:465px;background-color: #0000!important;}
  }
  @media screen and (max-width: 767px){
  .newpd_style {  margin-bottom: 7vw;}
  .newpd_style .PD_layout .PD p del {display: none;}
  .newpd_style .PD_layout .PD_into{bottom: 3.5vw; position: relative; left: 2vw;}
  .newpd_style .PD_layout .PD p {height: 2.3em;line-height: 2em; color:#f3342a;  position:absolute;  left:44vw; bottom: 20vw; }
  .newpd_style .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
  .newpd_style .PD_layout .PD h4 {font-size: 22px;top: -17vw;left: 2vw;position: relative;color: #fff;}	
  .newpd_style .PD_layout .PD h3 {font-size: 22px;color: #ffffff;position: relative;top: -14.8vw; left: 2vw;}		
  .newpd_style .Area_PD9 .PD_slide {height:88.5vw;background-color: #0000!important;}
  .newpd_style .Area_swiper_box .swiper-pagination { bottom: 33px !important;}	
  .newpd_style .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
  }  


/*---單張bn---*/
@media screen and (min-width:768px){
	.Area_bn{margin: 70px auto 0 auto;}

}

@media screen and (max-width:767px){
  .Area_bn{margin: 3vw auto 0 auto;}


}



/*---NEW! 本季最新品---*/
@media screen and (min-width:768px){
	.Area_newpd{margin: 50px auto 0 auto;}
  .Area_newpd .text_bg{width: 1033px;}
  .Area_newpd .bn{width: 100%;padding: 200px 0 0 0;}
  .Area_newpd .box_ly{padding: 40px 0 30px 0;background-color: #ffe907;}
   /*藍色版*/	
 .color_BL .box_ly{background-color: #00bfff;}
 .color_BL .txt{background: no-repeat center top/100% url("text_bg02.png?t=1747986240155");}
 .color_BL .txt .PD_layout ul h5 {background-image: repeating-linear-gradient(-180deg, #000 -40%, #000 100%);color: transparent;margin: 0;}

}

@media screen and (max-width:767px){
  .Area_newpd{margin: 3vw auto 0 auto;}
  .Area_newpd .bn{width: 96%;padding: 20vw 0 0 0;}
  .Area_newpd .box_ly{padding: 6vw 0 0 0;background-color: #ffe907;}
 /*藍色版*/	
 .color_BL .box_ly{background-color: #00bfff;}
 .color_BL .txt{background: no-repeat center top/100% url("text_bg02.png?t=1747986240155");}
 .color_BL .txt .PD_layout ul h5 {background-image: repeating-linear-gradient(-180deg, #000 -40%, #000 100%);color: transparent;margin: 0;}

}


/*---驚喜預告 不錯過---*/
@media screen and (min-width:768px){
  .Area_preview02	{margin: 50px auto 0 auto;}
  .Area_preview02 .box_all{padding:  240px 0 0 0;}
  .Area_preview02  .text_bg{width: 1033px;}
  /*公版*/		
  .Area_preview02 .layout_PD li{height: 670px;}	
  .Area_preview02 .layout_PD .PD .PD_into{position: relative;top: -22px;}
  .Area_preview02 .layout_PD .PD .PD_into h3 {position: relative;left: 660px;top: 24px;color:#000000;font-size: 2.2em;}
  .Area_preview02 .layout_PD .PD .PD_into h4 {position: relative;left: 0px;top: -24px;color: #000000;font-size: 2em;width: 30%;}
  .Area_preview02 .layout_PD .PD .PD_into p {position: relative;left: 740px;top: -100px;color: #ffe907;font-size: 1.2em;width: 25%;}
  .Area_preview02 .layout_PD .PD  p del{color:#000000;}       
  .Area_preview02 .layout_PD .PD  p .Price {font-size:45px;} 
                      
  }
  @media screen and (max-width:767px){
  .Area_preview02	{margin: 11vw auto 0 auto;}
  /*公版*/	
  .Area_preview02 .layout_PD{padding: 22vw 0 0 0;}
  .Area_preview02 .layout_PD li{height: 72vw;}	
  .Area_preview02 .layout_PD .PD .PD_into h3 {width: 39%;text-align: right;position: relative;left: 58vw;top: 1vw;color:#000000;font-size: 1.1em;}
  .Area_preview02 .layout_PD .PD .PD_into h4 {width: 55%;position: relative;left: 3vw;top: -7vw;color: #ffffff;font-size: 1.2em;}
  .Area_preview02 .layout_PD .PD .PD_into p {text-align: right;position: relative;left: -2vw;top: -18vw;color: #ffe907;font-size: 1.2em;}
  .Area_preview02 .layout_PD .PD  p del{color: #4d4d4d;}     
 
  }




/*---作圖區(無底色)---*/
@media screen and (min-width: 768px) {
  .Area_item {margin: 70px auto 0px;}
  .Area_item .ly {margin: -50px auto 0px;}
  .Area_item .ly ul {width: 87%;padding: 0px;gap: 0px;}
  .Area_item .ly ul li {background: url("item_bg.png?t=1747365710582") center top / 100% no-repeat;height: 680px;}
  .Area_item .ly ul li .PD_into {width: 39%;text-align: left;}
  .Area_item .ly ul li .PD_into {position: absolute;left: 550px;top: 319px;}
  .Area_item .ly ul li .PD_img {width: 54%;position: relative;top: 67px;left: 10px;}
  .Area_item .ly ul li .PD_into h3 {color: rgb(255 255 255);width: 100%;position: relative;left: 0px;top: 8px;font-size: 2.5em;}
  .Area_item .ly ul li .PD_into h4 {color: rgb(0, 0, 0);position: relative;width: 100%;top: 1vw;left: 0px;font-size: 1.8em;}
  .Area_item .ly ul li .PD_into p {color: rgb(171, 92, 42);width: 96%;font-size: 1.3em;line-height: 3em;height: 4em;position: relative;top: 9px;left: 0px;}
  .Area_item .ly ul li .PD_into p del { color: rgb(49, 23, 0); }
  .Area_item .ly ul li .PD_into p .Price, .Area_item .ly .PD_layout .PD p b, .Area_item .ly .PD_layout .PD p .money {color: rgb(255 233 7);font-weight: 900;background-position: initial;background-size: initial;background-repeat: initial;background-attachment: initial;background-origin: initial;background-color: initial;font-size: 3em;background-clip: text;-webkit-text-fill-color: transparent;background-image: repeating-linear-gradient(178deg, rgb(255 233 7) 20%, rgb(255 233 7) 100%) !important;}
}
@media screen and (max-width: 767px) {
  .Area_item { margin: 4vw auto 0px; }
  .Area_item .ly {margin: -6vw auto 0 auto;padding: 0vw 0px 0px;}
  .Area_item .ly ul { width: 100%; padding: 0px; gap: 0px; }
  .Area_item .ly ul li {background: url("item_bg.png?t=1747365710582") center top / 100% no-repeat;height: 65vw;}
  .Area_item .ly ul li .PD_into {width: 38%;text-align: left;}
  .Area_item .ly ul li .PD_into {position: relative;left: 53vw;top: 29vw;}
  .Area_item .ly ul li .PD_img {width: 59%;position: relative;top: 4vw;left: -40vw;}
  .Area_item .ly ul li .PD_into h3 {color: rgb(255 255 255);width: 100%;position: relative;left: 0px;top: 2vw;font-size: 0.9em;}
  .Area_item .ly ul li .PD_into h4 {color: rgb(0, 0, 0);position: relative;width: 100%;top: 2vw;left: 0px;font-size: 0.8em;}
  .Area_item .ly ul li .PD_into p {color:#ffe907;width: 96%;font-size: 1.1em;position: relative;top: 0vw;left: 0;}
  .Area_item .ly ul li .PD_into p del { color: rgb(49, 23, 0); }
  .Area_item .ly ul li .PD_into p .Price, .Area_item .ly .PD_layout .PD p b, .Area_item .ly .PD_layout .PD p .money { color:#ffe907; font-weight: 900; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-color: initial; background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.2em; background-image: repeating-linear-gradient(178deg, #ffe907 20%, #ffe907 100%) !important; }
}




/*---輪播公版---*/
@media screen and (min-width: 768px) {	
  .Area_sw{margin: 80px auto 0 auto;}
  .Area_sw .box_all{width: 95.5%;margin: -10px auto 50px auto;padding: 0px 0 20px 0;border-radius: 0px;}
  .Area_sw .box_all{background-image: repeating-linear-gradient(180deg,  #00bfff -40%, #00bfff 100%);}


}
@media screen and (max-width:767px){
  .Area_sw .box_all{width: 96%;margin: -6vw auto 0 auto;padding: 2vw 0 2vw 0;border-radius: 2vw;}
  .Area_sw .box_all{background-image: repeating-linear-gradient(180deg,  #00bfff -40%, #00bfff 100%);}
}





 /*---1帶2---*/
 .PD_layout-btn li .PD h3{color: #000;background: #ffda44;}
 @media screen and (min-width:768px){
  .Area_brand2{margin: 30px auto 0 auto;}
  .Area_brand2 .text{position: absolute;top: -120px;}

}
@media screen and (max-width:767px){
.Area_brand2{margin: 5vw auto 0 auto;}
.Area_brand2 .text{}
.Area_brand2 .tag{padding: 2vw 0 4vw 0;}


}
/* 0618新增.驚爆強牌價到 */

@media screen and (min-width:768px){

  .Area_brand2{margin-bottom: 50px;}
  /* 小標題 */
  .Area_brand2 .tit_H{padding-top: 10px;}
  .Area_brand2 .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding-right: 20px;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 40px;font-weight: 800;color: #000;flex: 1;margin: 0;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  .Area_brand2 :nth-child(even).pd01{margin-bottom: 50px;background-color: #ffe907;border-radius: 20px;width: 96%;}
  .Area_brand2 :nth-child(odd).pd01{margin-bottom: 50px;background-color: #00bfff;border-radius: 20px;width: 96%;}
  
}
  
  @media screen and (max-width:767px){

  .Area_brand2{margin-bottom: -2vw;}
  
  
  /* 小標題 */
  .Area_brand2 .tit_H{padding-top: 1vw;}
  .Area_brand2 .tit_H .PD_layout .PD_into{flex-direction: row;flex-wrap: nowrap;align-items: center;margin: 0 auto;justify-content: center;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD .PD_logo{margin: 0;padding: 2vw;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4{font-size: 22px;font-weight: 800;color: #000;flex: 1;margin: 0;}
  .Area_brand2 .tit_H .PD_layout[data-pd-h4="1"] .PD h4 b{display: none;}
  
  .Area_brand2 :nth-child(even).pd01{margin-bottom: 3vw;background-color: #ffe907;border-radius: 3vw;width: 96%;}
  .Area_brand2 :nth-child(odd).pd01{margin-bottom: 3vw;background-color: #00bfff;border-radius: 3vw;width: 96%;}
  
  
  }



/*精選優質店家*/
@media screen and (min-width:768px){
  .Area_mo {margin: 0 auto 0 auto;}
  .Area_mo .box02 {margin: 20px auto 0 auto;}
  .Area_mo .box02 .ly{width: 82%;margin: -21px auto 0 auto;}
  .Area_mo .box02 .coupon{width: 89%;margin: 0px auto 0 auto;}
  /**區標**/		
  .Area_mo .text {padding: 50px 0 15px 0;}
  .Area_mo .layout_PD {}
  .Area_mo .layout_PD ul {padding:0!important;grid-gap:1px!important;}
  .Area_mo .layout_PD ul li {background:url(shop_li.png?t=1747986240155)top center no-repeat;background-size:100%;padding-bottom:10px!important;}
  .Area_mo .layout_PD .PD_img {padding-top: 105px;width: 100%;margin:0 auto;}
  .Area_mo .layout_PD .PD h3 {position:absolute;width:85%;top: 46px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 19px;color: #000f;line-height: 50px;border-radius: 2vw}
  .Area_mo .layout_PD .PD .PD_into .txtn {position:absolute;width: 67%;top: 25px;left: 50%;transform: translateX(-50%);font-weight:900;font-size: 20px;color: #000;line-height: 32px;/* background: #fff; */border-radius: 10px;}
  .Area_mo .layout_PD .PD_slide { min-width: inherit; }
  }
  @media screen and (max-width:767px){
  .Area_mo {height:100%;}
  .Area_mo .box01{margin: -2vw auto 0 auto;}
  .Area_mo .box02 {margin: 2vw auto 0 auto;}
  .Area_mo .box02 .ly{width: 94%;}
  /**區標**/		
  .Area_mo .text {padding:5vw 0;}
  .Area_mo .layout_PD {width:96%;margin:0 auto;}
  .Area_mo .layout_PD ul {margin:0;padding:0;height: 77vw;}
  .Area_mo .layout_PD ul li {height:86vw;background:url(shop_li.png?t=1747986240155)top center no-repeat;background-size:100%;padding-top:72px;}
  .Area_mo .layout_PD .PD h3 {position:absolute;width:85%;top:10.5vw;left:50%;transform: translateX(-50%);font-weight:900;font-size: 19px;color: #000;line-height: 8vw;border-radius: 2vw }
  .Area_mo .layout_PD .PD .PD_into .txtn {position:absolute;width:90%;top:2.5vw;left: 50%;transform: translateX(-50%);font-weight:900;font-size:21px;color: #000;line-height: 8vw;background: #fff;border-radius: 2vw; }
  .Area_mo .layout_PD .PD_slide { min-width: inherit; }
  }
  
  

/*---下方公版---*/
@media screen and (min-width:768px){
  .Area_ly_down{margin: 50px auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 60px auto 0 auto;}
  .Area_ly_down .box:nth-child(odd) .Area_PD2{width: 96%;background-color: #00bfff;border-radius: 20px;padding: 21px 0 22px 0;margin: -90px auto 0 auto;}
  .Area_ly_down .box:nth-child(even) .Area_PD2{width: 96%;background-color: #ffe907;border-radius: 20px;padding: 21px 0 22px 0;margin:  -90px auto 0 auto;}
  .Area_ly_down .box .text{position: relative;z-index: 2;}
  .Area_ly_down .box .PD_layout.ly{position: relative;z-index: 1;width: 89%;margin: -29px auto -50px auto;padding: 20px 0 30px 0;}
  .Area_ly_down .box .ly.PD_layout ul{width: 96%;}

}

@media screen and (max-width:767px){
  .Area_ly_down{margin: 7vw auto 0 auto;}
  .Area_ly_down .box{position: relative;margin: 5vw auto 0vw auto;}
  .Area_ly_down .box:nth-child(odd) .Area_PD2{width: 96%;background-color: #00bfff;border-radius: 3vw;padding: 8vw 0 3vw 0;margin: -9vw auto 0 auto;}
  .Area_ly_down .box:nth-child(even) .Area_PD2{width: 96%;background-color: #ffe907;border-radius: 3vw;padding: 8vw 0 3vw 0;margin: -9vw auto 0 auto;}
  .Area_ly_down .box .text{position: relative;z-index: 2;}
  .Area_ly_down .box .PD_layout.ly{width: 100%;margin: 0vw auto 0 auto;}
  .Area_ly_down .box .ly.PD_layout{position: relative;z-index: 1;margin: -3.8vw auto 0 auto;padding: 3vw 0 3vw 0;}
  .Area_floorPD_NavArea_tabbar{margin: 0 auto 0 auto!important;}
}


/*---logo---*/
@media screen and (min-width: 768px) {
  .Area_logo {margin: 30px auto 50px auto;}
  .Area_logo .layout_tag  ul {width: 88%;gap: 16px;}
}
@media screen and (max-width: 767px) {
  .Area_logo { margin: 6vw auto 5vw; }
  .Area_logo .layout_tag ul {width: 92%;gap: 2vw;padding: 0px;}
}


/*---館架---*/
@media screen and (min-width: 768px) {
  .Area_tag {margin: 30px auto 50px auto;}
  .Area_tag .layout_tag{width: 88%;}
}
@media screen and (max-width: 767px) {
}


/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}



/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}

.Area .swipwe_remove_box_style ul li { border: none!important; background-color:transparent;}

.Area .swipwe_remove_box_style ul li,
.Area .swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swipwe_remove_box_style ul {}
}