@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin:0; padding:0; background-color:rgb(253 234 228);}

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0px auto; padding: 0px; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family: 微軟正黑體, "Microsoft JhengHei", Helvetica; }
.WRAPPER img { border: 0px; vertical-align: top; }
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0px; padding: 0px; }
.Area .list_00 li { list-style: none; float: left; overflow: hidden; }
@media screen and (max-width: 767px) {
  .WRAPPER {padding-bottom: 5px;min-width: inherit;min-height: 100vh;overflow: hidden;}
  .WRAPPER img { width: 100%; height: auto; }
}


/*背景*/
@media screen and (min-width: 768px) {
  .bg_00 { z-index: 0; position: absolute; top: 0 ; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_01 { z-index: -40; position: absolute; top: 0 ; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_02 { z-index: -37; position: absolute; top: 437px; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_repeat { z-index: -46; position: fixed; top: 0 ; left: 0 ; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
  .bg_deco {z-index: -28;position: fixed;top: 0 ;left: 0 ;width: 100%;height: 100%;background-position: center 0px;background-repeat: repeat-y;transition: 0.5s linear;pointer-events: none;}
}
@media screen and (max-width: 767px) {
  .mo_top { z-index: 0 ; position: absolute; top: 10vw ; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .mo_repeat { z-index: -44; position: absolute; top: 0vw; left: 0px; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; background-size: 100%; }
}


/* 版頭區 */
@media screen and (min-width: 768px) {
  .Area_title { height: 450px ; }
  .Area_title .title01 { position: absolute ; width: 53% ; top: 60px ; left: 290px ; z-index: 9; }
  .Area_title .titile02 { position: absolute; width: 43% ; top: 310px ; left: 340px ; overflow: hidden ; z-index: 8 ; animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s ; opacity: 0 ; }
  .Area_title .date { position: absolute ; width: 11% ; top: 43px; left: 270px ; z-index: 7; }
}
@media screen and (max-width: 767px) {
  .Area_title { height: 50vw ; }
  .Area_title .title01 { position: absolute; top: 8vw ; width: 67% ; left: 17vw ; z-index: 1 ; }
  .Area_title .titile02 {position: absolute; width: 55% ; top: 34vw; right: 23vw ; overflow: hidden; animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s; opacity: 0 ;z-index: 27; }
  .Area_title .date { position: absolute; top: 3vw ; width: 17% ; right: 71vw ; margin: auto ; z-index: 9; }
}



/* 限搶 */
@media screen and (min-width:768px){
  .Area_limit { background-image: url(pc_limit_bg.png?t=1754893024066); background-repeat: no-repeat ; background-size: 100% ; height: 580px ; }
  .Area_limit .Area_swiper { padding-left: 110px ; }
  .Area_limit .layout_text { width: 9.5% ; position: absolute; left: 15px ; top: 95px ; }
  .Area_limit .layout_limit { padding-top: 60px ; }
}
@media screen and (max-width:767px){
  .Area_limit { height: 82vw ; background-image: url(limit_bg.png?t=1754893024066); background-repeat: no-repeat ; background-size: 100% ; }
  .Area_limit .layout_text { width: 12% ; position: absolute; left: 0; top: 11vw; }
  .Area_limit .Area_swiper { padding-left: 12vw ; }
  .Area_limit .layout_limit { padding-top: 4vw ; }
}



/** 倒數 **/
.TimerNick_2 {position: relative; top: 30px ; left: 295px ;width: 100%;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em; height: 60px;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 41px;top: 1px;font: normal 30px/42px Arial;color: #ee7d69 ;letter-spacing: 0px;text-align:right;background: #fff ;height: 40px;padding: 0 1% 0 0;border-radius: 0.3em;}
.TimerNick_2 span {padding-left: 4px;font: 30px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600; color:#212121 ;}
.TimerNick_2 small{  position:relative; font: bold 26px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #212121 ;}
@media screen and (max-width:767px){
	.TimerNick_2 { position: relative ; top: 0 ; left: 21vw ; margin: 0 ; width: 100% ; height: 9vw ; text-align: center ; padding: 0; background-color: #0000; border: #0000 0px solid;}
    .TimerNick_2 .FontStyle { margin:0 ; padding: 0 2% 0 0; border:0; width: 7vw; font: normal 6vw/6vw Arial;  letter-spacing:-1px; text-align:right;background-color:#fff;height: 6vw;color: #ee7d69 ;}
    .TimerNick_2 div:nth-of-type(2),
    .TimerNick_2 div:nth-of-type(3),
    .TimerNick_2 div:nth-of-type(4){ width: 7vw;}
    .TimerNick_2 small{font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #212121 ;}
    .TimerNick_2 span { padding-left: 2vw ; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica ; letter-spacing: 0em; color: #212121 ;}
}



/* 區塊 */
.Area1220 { 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; }
.Area a { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
.WRAPPER .go_bt1 { transition: 0.4s; }
.WRAPPER .go_bt1:hover { transform: translateY(-10px); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}


.bnn a img { transition-duration: 0.1s; backface-visibility: hidden; transform: translateZ(0px); display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-align: left; }
.bnn:hover a img { transform: translateY(10px); }
.for_pc { }
.for_phone { display: none !important; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: inherit !important; }
}


/*注意事項區*/
.edm_notice{text-align:center;padding:10px 10px 15px 10px;color: #2d2d2d;font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }



/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
	margin: 0 auto 5vw ;
	width: 94%;
  padding-top: 6vw;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed {
	width: 100%;
  }
  .Area_floorPD_NavArea_tabbar .Nav_box {
	border-radius: 8px;
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
  .Area_floorPD_NavArea_tabbar .Nav li {
	overflow: visible;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
	border-radius: 0;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
					  

               
                    

/* 下方公版6品1 */
.Area_6pda .layout_6pda { background-color: #fde492 ; border-radius: 20px ;  padding: 70px 0 50px ;  }
.Area_6pda .layout_6pda ul { width: 92% ; }
@media screen and (max-width: 767px) {
	.Area_6pda .layout_6pda { background-color: #fde492 ; padding: 7vw 0 5vw ; border-radius: 2vw ; }
	.Area_6pda .layout_6pda ul { width: 96%; margin: 0 auto; }
}


/* 下方公版6品2 */
.Area_6pdb .layout_6pdb { background-color: #fbc0b6 ;  border-radius: 20px ; padding: 70px 0 50px ; }
.Area_6pdb .layout_6pdb ul { width: 92% ;  }
@media screen and (max-width: 767px) {
	.Area_6pdb .layout_6pdb { background-color: #fbc0b6 ; padding: 7vw 0 5vw ; border-radius: 2vw ; }
	.Area_6pdb .layout_6pdb ul { width: 96%; margin: 0 auto; }
}


/* 線上標題1 */
.Area_txt { height: 110px ; }
.Area_txt::before { content: ""; position: absolute; display: block; top: 20px ; width: 960px ; height: 100%; background: url(mArea_txt.png?t=1754893024066) center top / 100% no-repeat scroll; z-index: 1; pointer-events: none; }	
.Area_txt ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
.Area_txt ul li { background-color: transparent; pointer-events: none;}
.Area_txt ul li h5 {position: relative;z-index: 1;font: 900 55px/55px "微軟正黑體","Microsoft JhengHei",Helvetica;float: left; color:#fff ;width: 100%;margin: 0 auto;padding: 70px 0 0 0; left: 30px; }	
.Area_txt .PD_slide { padding: 0 ; border-radius: 0!important ; border:none ; background-image: none; background-color:transparent;}
.Area_txt .PD_layout .PD_slide {background-color:transparent!important;min-width: 100%;}
@media screen and (max-width:767px){
.Area_txt { height: 10vw ; }
.Area_txt::before { content: ""; position: absolute; display: block; top: 0 ; left: 0; width: 100%; height: 100%; background: url(mArea_txt.png?t=1754893024066) center top / 100% no-repeat scroll; z-index: 1; pointer-events: none; }	
.Area_txt ul {margin-top: 0 ;list-style: none;}
.Area_txt ul li { background-color: transparent; pointer-events: none;}
.Area_txt ul li h5 {position: relative; top:5vw ;margin: 0vw;padding: 0vw;font: 6vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff ;letter-spacing: 0vw;overflow: hidden; left: 2vw;}	
.Area_txt .PD_slide { padding: 0 ;border-radius: 0!important;border:none;background-image: none;background-color:transparent;}
.Area_txt .PD_layout .PD_slide {background-color:transparent!important;min-width: 100%;}
}



/* 線上標題2 */
.Area_txt1 { height: 110px ; }
.Area_txt1::before { content: ""; position: absolute; display: block; top: 20px ; width: 960px ; height: 100%; background: url(mArea_txt1.png?t=1754893024066) center top / 100% no-repeat scroll; z-index: 1; pointer-events: none; }	
.Area_txt1 ul {padding: 0;margin: 0;list-style: none;height:100%!important;}
.Area_txt1 ul li { background-color: transparent; pointer-events: none;}
.Area_txt1 ul li h5 {position: relative;z-index: 1;font: 900 55px/55px "微軟正黑體","Microsoft JhengHei",Helvetica;float: left; color:#fff ;width: 100%;margin: 0 auto;padding: 70px 0 0 0; left: 30px; }	
.Area_txt1 .PD_slide { padding: 0 ; border-radius: 0!important ; border:none ; background-image: none; background-color:transparent;}
.Area_txt1 .PD_layout .PD_slide {background-color:transparent!important;min-width: 100%;}
@media screen and (max-width:767px){
.Area_txt1 { height: 10vw ; }
.Area_txt1::before { content: ""; position: absolute; display: block; top: 0 ; left: 0; width: 100%; height: 100%; background: url(mArea_txt1.png?t=1754893024066) center top / 100% no-repeat scroll; z-index: 1; pointer-events: none; }	
.Area_txt1 ul {margin-top: 0 ;list-style: none;}
.Area_txt1 ul li { background-color: transparent; pointer-events: none;}
.Area_txt1 ul li h5 {position: relative; top:5vw ;margin: 0vw;padding: 0vw;font: 6vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff ;letter-spacing: 0vw;overflow: hidden; left: 2vw; }	
.Area_txt1 .PD_slide { padding: 0 ;border-radius: 0!important;border:none;background-image: none;background-color:transparent;}
.Area_txt1 .PD_layout .PD_slide {background-color:transparent!important;min-width: 100%;}
}



/* 區塊底 */
.Area_bottom { margin-bottom: 80px ; }
@media screen and (max-width:767px){
	.Area_bottom { margin-bottom: 8vw ; }
	}


  
/* 登記 */
.Area_danjiall { margin-bottom: 30px ; }
.danji_text { margin-bottom: 70px ; }
@media screen and (max-width:767px){
  .danji_text { margin-bottom: 7vw ; }
  }

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ea5b42 ;}  



/* 錨點 */
@media screen and (max-width:767px){
.Area_nav { background-image: url(navlight_bg.png?t=1754893024066); background-size: 100% ; height: 23vw; }
}