@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#effaff; }
.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: -10;top:0px;left:0;width:100%;min-width:1220px;height: 1726px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 900px;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;}
.bg_fix { z-index:-1; position:fixed; top:0; left:0; 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: -2vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg02 {z-index: 10;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: overlay;}
.m_deco {z-index: -2;position: absolute;top: 4vw;left: 0;width: 122%;height: 80vw;transform-origin: center center;background-repeat:repeat-x;transform: rotate(24deg);mix-blend-mode: screen;background-position: center top;pointer-events:none;background-size: 100%;}
.m_deco02 {z-index: 10;position: absolute;top: 117vw;left: -13vw;width: 122%;height: 80vw;transform-origin: center center;background-repeat:repeat-x;transform: rotate(350deg);mix-blend-mode: screen;background-position: center top;pointer-events:none;background-size: 100%;}
.bg_fix {z-index: -10;position:fixed;top: 10vw;left: 0;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: 90vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}



/*區塊_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=1696598482216);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=1696598482216);background-size:contain;}
 }




/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 800px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*date*/
  .Area_top .date{width: 22%;position: absolute;top: 26px;left: 897px;z-index: 3;}
 /*大標*/ 
 .Area_top .title01 {position:absolute;width: 61%;top: 348px;left: 2PX;height: auto;z-index: 2;}
 .Area_top .title01 img {width: 88%;}
 .Area_top .title01  ul li{position: absolute;}
 .Area_top .title01 input{position: relative;}
  /*版頭品*/
  .Area_top .title02{z-index: 1;position:absolute;top: 43px;left: 3px;width: 1130px;height: 700px;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box {width: 100%;height: 700px;} 
  .Area_top .title02 .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 162px;} 
  .Area_top .title02 .Area_swiper_box img{width: 100%;} 
 .Area_top .title02 input{position: relative;top: 110px;}




}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 53vw;padding:0 0 0 0;}
  /*date*/
  .Area_top .date{width: 29%;position: absolute;top: 2vw;right: -2vw;z-index: 1;}
 /*大標*/ 
 .Area_top .title01 {width: 57%;position:absolute;top: 26.5vw;left: 4.4vw;height: auto;z-index: 7;}
 .Area_top .title01 img {width: 100%;}
 .Area_top .title01  ul li{position: absolute;}
  /*版頭品*/
  .Area_top .title02 {position: absolute;width: 101%;height: 69vw;margin: 0 auto;left: 0;top: 1vw;z-index: 10;}
  .Area_top .title02 .Area_swiper_box{width: 100%;height: 69vw;overflow: hidden;}
  .Area_top .title02 .Area_swiper_box ul{display: flex;height: 18vw;grid-gap: 0;padding: 0;}
  .Area_top .Area_swiper_box img{width: 100%;}

 
}

/*活動倒數*/
.TimerNick {position: absolute;top: 313px;left: 93px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 30px;  color:#060606; font-weight: normal; letter-spacing:1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 23px;  letter-spacing: 0.1em; color:#060606;}
.TimerNick b { font-weight: normal;}
@media screen and (max-width:767px){
  .TimerNick  { width:100%; top:45vw; left: 2.8em; display: flex;  column-gap: 0.5em; text-align: left;}
  .TimerNick .FontStyle { margin:-0.25em 0 0 -0.01em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em; }
  .TimerNick span { padding-left: 0; font-size: 1em; letter-spacing: -0.05em; margin-left: -0.3em; }
  .TimerNick span:first-child{ margin-top: -0.1em; }
}    


/*---bn---*/
@media screen and (min-width:768px){
  .Area_bn{margin: 50px auto 0 auto;}
  .Area_bn .ly ul{padding: 0;}
  }
  
  @media screen and (max-width:767px){
    .Area_bn{margin: 8vw auto 0 auto;}
  }
  
/*---攻略---*/
@media screen and (min-width:768px){
	.danji{margin: 60px auto 0 auto;}
  .danji .box{background-color: #765ae6;padding: 3vw 0 2vw 0;}
  /*登記*/
  .danji .box_all{padding: 0 0 0 0;}
  .danji .Area_danji .danji_box{width: 888px;}
  .warningTxt{position: relative;z-index: 99;}
   /*鋪底*/
   .danji .box_btn{width: 98%; margin: 10px auto 0 auto;}
   .danji .box_btn ul{padding: 0;}

}

@media screen and (max-width:767px){
    .danji{margin: 3vw auto 0 auto;}
    .danji .box{background-color: #765ae6;padding: 3vw 0 2vw 0;}
    /*登記*/
    .danji .box_all{position: relative;z-index: 99;}
    .danji .Area_danji{width: 89%;}
    /*折價券*/
    .danji .box_coupon{width: 94%;margin: 2vw auto 1vw auto;}
    /*鋪底*/
    .danji .box_btn{margin: 0 auto 0 auto;}

}


/*---作圖區(無底色)---*/
@media screen and (min-width:768px){
	.Area_item{margin: 40px auto 0 auto;}
  .Area_item .ly{margin: 40px auto 0 auto;}
    .Area_item .ly ul{width: 81%;padding: 0;grid-gap: 70px;}
    .Area_item .ly ul li{padding: 0 0 480px 0;background: no-repeat center top/100% url("item_bg.png?t=1755857302320");}
    .Area_item .ly ul li .PD_into{text-align: center;}
    .Area_item .ly ul li .PD_into .PD_logo{width: 100%;position: absolute;left: -34px;top: -263px;}
    .Area_item .ly ul li .PD_into .PD_logo img{width: 31%;border-radius: 100%;}
    .Area_item .ly ul li .PD_into{position: relative;width: 95%;left: 13px;top: 59px;z-index: 5;}
    .Area_item .ly ul li .PD_img{width: 95%;position: absolute;top: 210px;left: 7px;}
    .Area_item .ly li {width: 459.09px;}

    /*文字*/	
    .Area_item .ly.PD_layout .PD_into h3{color: #000000;width: 100%;position: relative;left: 0;top: -17px;font-size: 1.8em;}
    .Area_item .ly.PD_layout .PD_into h4{color: #000000;position: relative;width: 100%;top: -12px;left: 0;font-size: 1.5em;}
    .Area_item .ly.PD_layout .PD_into p{color: #8b48ff;width: 91%;font-size: 2em;position: relative;top: -10px;left: 21px;}
    .Area_item .ly.PD_layout .PD_into p del{color: #838383;font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p b{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p span{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p small{font-size: 0.9em;}
    .Area_item .ly.PD_layout .PD_into p .Price{font-size: 1.7em;}
    .Area_item .ly.PD_layout .PD_into p .Price,.Area_item .ly.PD_layout .PD p b,.Area_item .ly.PD_layout .PD p .money{
      color: #8b48ff;
      font-weight: 900;
      background: none;
      background-image: repeating-linear-gradient(178deg, #8b48ff 20%, #8b48ff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }	
 
}

@media screen and (max-width:767px){
    .Area_item{margin: 5vw auto 0 auto;}
    .Area_item .ly{padding: 2vw 0 0 0;}
    .Area_item .ly ul{width: 92%;padding: 0;grid-gap: 3vw;}
    .Area_item .ly ul li{padding: 0 0 39vw 0;background: no-repeat center top/100% url("item_bg.png?t=1755857302320");}
    .Area_item .ly ul li .PD_into{text-align: center;}
    .Area_item .ly ul li .PD_into{position: relative;width: 95%;left: 1vw;top: 0;z-index: 5;}
    .Area_item .ly ul li .PD_img{width: 95%;position: absolute;top: 23vw;left: 0;}
    .Area_item .ly li {width: 191.34px;}
    /*文字*/	
    .Area_item  .ly  ul li .PD_into h3{color: #000000;width: 100%;position: relative;left: 0;top: 3vw;font-size: 1em;}
    .Area_item  .ly  ul li .PD_into h4{color: #000000;position: relative;width: 100%;top: 1vw;left: 0;font-size: 0.8em;}
    .Area_item  .ly  ul li .PD_into p{color: #8b48ff;width: 100%;font-size: 0.9em;position: relative;top: 0vw;left: 0;}
    .Area_item  .ly  ul li .PD_into p del{color: #311700;}
    .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: #8b48ff;
      font-weight: 900;
      font-size: 1.5em;
      background: none;
      background-image: repeating-linear-gradient(178deg, #8b48ff 20%, #8b48ff 100%) !important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }	
}
  




/*---6品---*/
@media screen and (min-width:768px){
  .Area_6pd{margin: 10px auto 0 auto;}
  .Area_6pd .ly {margin: 20px auto 0 auto;}
  }
  
  @media screen and (max-width:767px){
    .Area_6pd{margin: 5vw auto 0 auto;}
  }
  



/*---1帶3---*/
@media screen and (min-width:768px){
  .Area_brand{margin: 68px auto 0 auto;}
  .Area_brand .box_all{}
  .Area_brand .box_ly{position: relative;width: 90%;margin: 0 auto;}
  .Area_brand .box .ly input{position: relative;left:-50px;}
  .Area_brand .box_ly .box_sw{width: 100%;position: relative;padding: 0px 0 22px 0;margin: 0 auto 18px auto;background: no-repeat top center/96% url("pc_logo_bg.png?t=1737081463318");}
  .Area_brand .box_ly .box_sw .ly{width: 92%;margin: 0 auto;position: relative;z-index: 1;padding: -2px 0 0 0;}
  .Area_brand .box_ly .box_sw .ly ul{width: 95%;}
  /*logo*/ 
  .Area_brand  .logo{position: relative;z-index: 2;width: 100%;height: 109px;margin-bottom: 13px;}
  .Area_brand  .logo ul{grid-gap: 0;}
  .Area_brand  .logo ul .PD_into{padding: 0;}
  .Area_brand  .logo ul .PD_logo{width: 23%;position: relative;padding: 20px 0;left: 84px;top: 4px;}
  .Area_brand  .logo ul li h3{color: #7c57ff;width: 50%;position: absolute;right: 61px;top: 24px;margin: 0 auto;font-size: 2.9em;}
}
@media screen and (max-width:767px){
.Area_brand{margin: 6vw auto 0 auto;}
.Area_brand .box_ly{position: relative;}
.Area_brand .box_ly .box_sw{position: relative;margin: 0vw auto 1vw auto;padding: 0 0 0 0;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
/*公版*/
.Area_brand .box_ly .box_sw .ly{position: relative;z-index: 1;padding: 2vw 0 6vw 0;width: 93.4%;margin: 0vw auto 0 auto;}
/*logo*/ 
.Area_brand  .logo{position: relative;z-index: 2;width: 100%;height: 13vw;padding: 5vw 0 0 0;}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul .PD_logo{width: 31%;position: relative;padding: 1vw;top: -1vw;left: 9vw;}
.Area_brand  .logo ul li h3{color: #6f50e1;width: 48%;position: absolute;right: 5vw;top: 1vw;margin: 0 auto;font-size: 1.4em;}

}


/*---分類---*/
@media screen and (min-width: 768px){
  .Area_logo{margin: 40px auto 0 auto;}
  .Area_logo .btn ul{width: 86%;display: flex;justify-content: center;}
  .Area_logo .btn ul li{min-width:auto;width: 30%;}

}

@media screen and (max-width:767px){
  .Area_logo{margin: 7vw auto 0 auto;}
  .Area_logo .btn{}
  .Area_logo .btn ul{display: flex;justify-content: center;}
  .Area_logo .btn ul li{min-width:auto;width: 30%;}

}



/*---NEW---*/

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #6442e2;}                 
                    
/*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#000000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
	.edm_notice{text-align:center;padding: 5vw 0vw 5vw 0vw;color:#000000;font:12px/18px Helvetica;}
	.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
}