@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#fff691; }
.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) {
.bg01{position:absolute;z-index: -5;top:0px;left:0;width:100%;min-width:1220px;height: 1656px;/*background-image:url(pc_01.jpg?t=1757916192388);*/background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.bgrepeat{position:absolute;z-index: -7;left:0;top: -20px;width:100%;min-width:1220px;height: 4790px;/*background-image:url(pc_reapet.jpg?t=1757916192388);*/background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bgrepeat_2{position:absolute;z-index: -9;left:0;top: 4724px;width:100%;min-width:1220px;height: 1300px;/*background-image:url(pc_reapet.jpg?t=1757916192388);*/background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bgrepeat_3{position:absolute;z-index: -12;left:0;top: 4950px;width:100%;min-width:1220px;height:100%;/*background-image:url(pc_reapet.jpg?t=1757916192388);*/background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_deco_repeat { z-index: 20; position:absolute; top: 800px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; transition: 0.5s linear; pointer-events:none;}


}




@media screen and (max-width:767px) {
.bg01_m {z-index: -5;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.bgrepeat_m{z-index: -7;position:absolute;top: 14vw;left: 0;width: 100%;height: 344vw;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.bgrepeat_m2{z-index: -9;position:absolute;top: 351vw;left: 0;width: 100%;height: 138vw;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.bgrepeat_m3{z-index: -12;position:absolute;top: 262vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}

/*雲*/
.bgtop-play { -webkit-animation: bgtop-play 40s linear infinite; animation: bgtop-play 40s linear infinite;}
		@-webkit-keyframes bgtop-play {
		  0%   { background-position: 0 0;}
		  100% { background-position: 500px 0;}
		}
		@keyframes bgtop-play {
		  0%   { background-position: 0 0;}
		  100% { background-position: -500px 0;}
		}
	

/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 {margin:0 auto;width:960px;}
.Area {position: relative;margin:0 auto;padding:0;border-radius:0;text-align:center; }
.Areaa {position:relative;display:block;} 
.Area .go_bt {-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform:scale(0.95);-moz-transform:scale(0.95);-ms-transform:scale(0.95);-o-transform:scale(0.95);transform:scale(0.95);}






 @media screen and (max-width:767px){
  .Area1220 { width:100%;}
  .Area960 {width:100%;}
  .Area .go_bt:hover {  
   -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
 }
    
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.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: #09006e url(btn_icon_r.png?t=1757916192388);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-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;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .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:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1757916192388);background-size:contain;}
 }





/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 436px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {position:absolute;width: 89%;top: 0px;left: 33px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 88%;}
  .Area_top .title01  ul li{position: absolute;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02{z-index: 10;position:absolute;top: 325px;left: 302px;width: 620px;height: 152px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 144px;} 
  .Area_top .title02 .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 110px;} 
  .Area_top .title02 .Area_swiper_box img{width: 100%;} 
  /*date*/
  .Area_top .date{width: 24.5%;position: absolute;top: 2px;left: 221px;z-index: 10;}
  .Area_top .date{animation: tada 1.2s 0.3s ease-out infinite;}
  

}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 44vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 100%;position:absolute;top: -1vw;left: -2vw;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li{position: absolute;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
  /*副標輪播*/
  .Area_top .title02 {position: absolute;width: 65%;height: 12vw;margin: 0 auto;left: 17.5vw;top: 33.8vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box{width: 100%;height: 16vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul{display: flex;height: 13vw;grid-gap: 0;padding: 0;}
  .Area_top .Area_swiper_box img{width: 102%;}
  /*date*/
  .Area_top .date{width: 27.5%;position: absolute;top: -0.7vw;left: 11vw;z-index: 9;}
  .Area_top .date{ animation: tada 1.5s 0.8s ease-out infinite;}


}


/*---版頭裝飾---*/
@media screen and (min-width:768px){
.deco_01{width: 100%;position: absolute;top: -28px;left: 25px;z-index: 1;transform-origin: center center;pointer-events: none;}
.deco_01 img{width: 88%;} 

}

@media screen and (max-width:767px){
  .deco_01{width: 100%;position: absolute;top: -3vw;left: -3vw;z-index: 1;transform-origin:bottom right;pointer-events: none;}
  .deco_01 img{width: 111%;}

}







/*---3科按鈕---*/
@media screen and (min-width:768px){
  .Area_btn .text_bg input{position: relative;left: -90px;}
	.Area_btn{position: relative;z-index: 2;margin: 23px auto 0px auto;padding: 0 0 0 0;height: auto;}
  .Area_btn .text_bg{width: 960px;}
  .Area_btn .ly{padding: 0px 0 0 0;width: 100%;position: relative;top: 0;}
  .Area_btn .ly ul{width: 95%;grid-gap: 0px;padding: 0;} 
}
@media screen and (max-width:767px){
  .Area_btn{position: relative;margin: -10vw auto 0vw auto;height: auto;z-index: 2;}
  .Area_btn .ly{padding: 3.5vw 0 0 0;width: 95%;position: relative;}
  .Area_btn .ly ul{width: 100%;grid-gap: 1vw;padding: 0;} 

}









/*---輪播bn---*/
@media screen and (min-width:768px){
  .Area_BN {padding: 125px 0 0 0;margin: 0px auto 0 auto;}
  .Area_BN ul {height: 270px;}
  .Area_BN .swiper-pagination-bullet {background: #000;}
}
@media screen and (max-width:767px){
  .Area_BN {padding: 13.5vw 0 0vw 0;margin: 0vw auto 0 auto;height: 27vw;}
  .Area_BN ul {height: 26.5vw;}
  .Area_BN .swiper-pagination-bullet {background: #ffffff;}


}


/*領券再買好省錢*/
.Area05 {width: 90%;margin: -15px auto 0 auto;padding-left: 8px;}
@media screen and (max-width:767px){
  .Area05 {margin: 0vw auto 10vw auto;width: 100%;}
}




/*---最高回饋+按鈕---*/
@media screen and (min-width:768px){
	.Area_sale{margin: 35px auto 10px auto;padding: 0 0 0px 0;height: auto;}
  .Area_sale .text_bg{margin:662px auto 0 auto;}
  .Area_sale .btn{margin: -77px auto 0 auto;width: 100%;}
  .Area_sale .btn02{margin: 60px auto 0 auto;}


}
@media screen and (max-width:767px){
  .Area_sale{margin: 3vw auto -2vw auto;padding: 0 0 0vw 0;height: auto;}
  .Area_sale .text_bg {margin: 72vw auto 0vw auto;}
  .Area_sale .btn {width: 98.5%;margin: -8vw auto 0vw auto;}
  .Area_sale .btn02 {margin: 7vw auto 0vw auto;}


}





/*---輪播bn(單張有背景)---*/
@media screen and (min-width:768px){
  /*大背景*/ 
  .bn_bg {z-index: -1;position:absolute;top: 0;width:100%;height: 380px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
  .Area_bn {padding: 80px 0 0 30px;margin: 30px auto 0 auto;height: 420px;}

}
@media screen and (max-width:767px){
  /*大背景*/ 
  .bn_bg {z-index: -1;position:absolute;top: 0;left: 0;width: 100%;height: 260vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .Area_bn {padding: 0vw 0 0vw 0;height: 51vw;margin: 2vw auto 0 auto;}
  .Area_bn .PD_layout {width: 93%;padding: 8vw 0 0 0;}

}






/*---01_版頭品---*/
@media screen and (min-width:768px){
	.Area_top_pd{width: 94%;margin: 0px auto 0px auto;padding: 0 0 0 0;height: auto;}
  /*公版*/
  .Area_top_pd ul{margin: 70px auto 0 auto;border: 5px solid #ffff4f;border-radius: 25px;height: 455px;padding: 19px 0 0 0 !important;}
  /* .Area_top_pd .ly ul{border: 4px solid #000000;outline: 4px solid #d1ff2c;} */

}
@media screen and (max-width:767px){
  .Area_top_pd{width: 98%;margin: 6vw auto 10vw auto;padding: 0 0 0 0;height: auto;}
  /*公版*/
  .Area_top_pd ul{/* border: 2px solid #000000; */outline: 2.5px solid #ffff4f;height: 53vw;}

}






/*---下方公版---*/
@media screen and (min-width:768px){
  /*大背景*/ 
	.Area_top_ly{width: 89%;margin: 60px auto 100px auto;padding: 0 0 0 0;height: auto;}
  /*公版*/
  .Area_top_ly .ly{margin: 20px auto 0 auto;}
  .Area_top_ly .box_all{position: relative;left: 0%;top: 0px;background-color: #fdec5f;background: repeat-y top center/180% url("ly_repeat_pc.png?t=1757916192388");margin: 0 auto;padding: 25px 0 85px;}
  .Area_top_ly .PD_layout.ly {position: relative;width: 93%;margin: -10px auto;padding: 0px 0 0 0;}
  .Area_top_ly .ly ul{/* border: 4px solid #000000; *//* outline: 4px solid #d1ff2c; */}

}
@media screen and (max-width: 767px){
  .Area_top_ly{width: 96%;margin: 6vw auto 10vw auto;padding: 0 0 0 0;height: auto;}
  /*背景*/ 
  .Area_top_ly .start {position: absolute;}
  .Area_top_ly .end {margin: 2vw auto -13vw auto;}
  .Area_top_ly .text_960 {margin: vw auto -7vw auto;}
  .Area_top_ly .text_960 .PD_layout {z-index: 10;}

  .Area_top_ly .box_all{margin-bottom: -2vw;}
  .Area_top_ly .PD_layout.ly {position: relative;background-color: #fdec5f;background: repeat-y top center/100% url("ly_repeat.png?t=1757916192389");padding: 7vw 0 26px 0;margin-top: -7vw;}

  /*公版*/
  .Area_top_ly .ly ul{/* border: 2px solid #000000; *//* outline: 2px solid #d1ff2a; */}

}



/*---下方公版_背景---*/
@media screen and (min-width:768px){
  .ly_start {z-index: 0;position:absolute;top: -109px;width:100%;height: 130px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
  /*大背景*/ 
  .ly_end {z-index: 0;position:absolute;bottom: -90px;width:100%;height: 530px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;} 
  

  /*大背景*/ 
	.Area_top_ly{width: 100%;margin: 120px auto 150px auto;padding: 0 0 0 0;height: auto;}
  /*公版*/
  .Area_top_ly .ly{margin: 20px auto 0 auto;}
  .Area_top_ly .ly ul{/* border: 4px solid #000000; *//* outline: 4px solid #d1ff2c; */}

}
@media screen and (max-width:767px){
  .Area_top_ly{width: 100%;margin: 7vw auto 10vw auto;padding: 0 0 0 0;height: auto;}
  /*公版*/
  .Area_top_ly .ly ul{/* border: 2px solid #000000; *//* outline: 2px solid #d1ff2a; */width: 95%;}

}



/*---登記---*/
@media screen and (min-width:768px){
	.danji{margin: 120px auto 90px auto;}
  .danji .Area_danji .danji_box{width: 95%;}
}

@media screen and (max-width:767px){
    .danji{margin: 7vw auto 0vw auto;}
    .danji .box_all{margin: 0 auto;}
    .danji .Area_danji{padding: 0 0 0 0;width: 96%;}
    .danji .PD_layout-btn{margin: 0 auto 0 auto;padding: 0 0 0 0;}
}
/*登記*/
.Area .Area_danji .danji_box { margin-bottom: 0;}
.Area .Area_danji .danji_box .box_1 { width: 96%;}
.Area .warningTxt h3 { padding: 0;}
.Area .Area_danji .danji_box ul li .activityText .gifts span { color: #c122d5;}
@media screen and (max-width:767px){
}




/*---折價券---*/
@media screen and (min-width:768px){
	.Area_coupon{margin: 51px auto 0 auto;z-index: 12;height: auto;}
      /*看更多按鈕 */  
      .Area_coupon  .PD_layout-btn li .PD h3 {color: #FFF;background: #000;}
}
@media screen and (max-width:767px){
    .Area_coupon{margin: 6vw auto 0 auto;height: auto;}
    .Area_coupon .box{width: 96%;margin: 0 auto;margin-left: 1vw;}
    /*看更多按鈕 */  
    .Area_coupon  .PD_layout-btn li .PD h3 {color: #FFF;background: #000000;}
}












/*---輪播公版---*/
@media screen and (min-width:768px){
  .Area_down_sw{margin: -25px auto 120px auto;}
  .Area_down_sw .PD_layout.BN  {margin: 0 auto;width: 100%;left: 0;margin-bottom: 1px;}
  .Area_down_sw .PD_layout.BN ul {padding: 0;}
  .Area_down_sw .PD_layout.BN ul li {}
  .Area_down_sw .PD_layout.BN ul li img{border: 4px solid #fffd5d;border-radius: 20px;}


  .Area_down_sw .box .sw_ly{margin: -40px auto 50px auto;padding: 37px 0 20px 0;/*border-radius:20px;border: 5px solid #000;*/}
  /* .Area_down_sw .box:nth-child(even) .sw_ly{background-image: repeating-linear-gradient(269deg, #c1e346 -40%, #c1e346 100%);}
  .Area_down_sw .box:nth-child(odd) .sw_ly{background-image: repeating-linear-gradient(269deg, #cda3ff -40%, #cda3ff 100%);}
  .Area_down_sw .box .sw_ly{background-image: repeating-linear-gradient(269deg, #ff69fa -40%, #a644ff 100%);} */
  /*看更多按鈕 */  
  .Area_down_sw  .PD_layout-btn li .PD h3 {color: #ffffff;background: #000000;}

}
@media screen and (max-width:767px){
  .Area_down_sw{margin: 6vw auto 0vw auto;}
  .Area_down_sw .PD_layout.BN  {margin: 0 auto;width: 95%;left: 0.5vw;margin-bottom: 1vw;}
  .Area_down_sw .PD_layout.BN ul {padding: 0;}
  .Area_down_sw .PD_layout.BN ul li {}
  .Area_down_sw .PD_layout.BN ul li img{border: 2.5px solid #fffd5d;border-radius: 2vw;}

  .Area_down_sw .box .sw_ly{width: 100%;border-radius: 3vw;/* border: 3px solid #000; */margin: -8vw auto 6vw auto;padding: 9vw 0 0 0;}
  /* .Area_down_sw .box:nth-child(even) .sw_ly{background-image: repeating-linear-gradient(269deg, #c1e346 -40%, #c1e346 100%);}
  .Area_down_sw .box:nth-child(odd) .sw_ly{background-image: repeating-linear-gradient(269deg, #cda3ff -40%, #cda3ff 100%);} */
  .Area_down_sw .box .sw_ly .ly{margin: 0 auto;}
  /*看更多按鈕 */  
  .Area_down_sw  .PD_layout-btn li .PD h3 {color: #ffffff;background: #000000;}

}