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

/*基本*/
body{ margin:0; padding:0;}

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden;background-color:#090832; 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:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg.jpg?t=1756956035656);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
@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_02 { z-index:-55; position:absolute; top:797px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bg_fixed { z-index:0 ; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.deco_pc { z-index:1; position:absolute; top:0; left:0; width:100%; height:1070px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
}
@media screen and (max-width:767px){
.m_top{ z-index:0;position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


/*共用樣式*/
.Area .prdImgWrap .imgTag,
.Area .prdImgWrap .imgTagRectangle,
.Area .prdImgWrap .imgTagBottom { display: none!important;}
.boxrepeat { background: url(boxrepeat.png?t=1756956035656)top center repeat-y; position: relative; z-index: 1;}
.boxrepeat01 { background: url(boxrepeat01.png?t=1756956035656)top center repeat-y; position: relative; z-index: 1;}
.boxbottom { position: relative; z-index: 1;}
@media screen and (max-width:767px){
  .boxrepeat { background: url(boxrepeat_m.png?t=1756956035656)top center repeat-y; background-size: 100%;}
  .boxrepeat01 { background: url(boxrepeat01_m.png?t=1756956035656)top center repeat-y; background-size: 100%;}
}



/*間距*/
.Area_bottom { margin-bottom: 80px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 8vw !important;}
}


/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 64%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt2 img{width: 62%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt3 img{width: 85%;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt4 img{width: 80%;}
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 15vw;}
.box_txt img{width: 100%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.box_txt2 img{width: 100%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 18vw;}
.box_txt3 img{width: 100;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 19vw;}
.box_txt4 img{width: 100;}
}



/* 登記 */
@media screen and (max-width:767px){
  .Area_danji { width: 96%}
}


/*版頭區*/
@media screen and (min-width:768px){
.Area_title { height: 500px ; }
.Area_title .toptitle { position: absolute; top: 80px ; left: 225px ; width: 65% ; z-index: 1; animation-duration: 1s;  }
.Area_title .sub { z-index: 20; position: absolute; width: 55%; top: 335px ; left: 260px ; animation-duration: 1s; }
.box01 {position: absolute;top: 250px ;left: 940px ;animation-delay:.8s;z-index: 1;}
.box02 { position: absolute; top: 80px ; left: 160px ; animation-delay:.3s ; z-index: 1 ; }
.titleall { animation-duration: 1s !important; }
}
@media screen and (max-width: 767px){
   .Area_title { height: 42vw ; }
   .Area_title .toptitle {position: absolute ; width: 75%;left: 13vw ; top: 3vw ; z-index: 8 ; animation-duration: 1s;  }
   .Area_title .sub { z-index: 8 ;position: absolute ; top: 28vw ; left: 17vw ; width: 64% ; animation-duration: 1s; }
   .box01{ position:absolute; left: 80vw ; top: 27vw ; width: 9%; }	
   .box02{ position:absolute; left: 7vw ; top: 6vw ; width: 11% ; }	
   .titleall { animation-duration: 1s !important; }
}



/*版頭品入稿*/
@media screen and (min-width:768px){
  .Area_toppd .layout_toppd { padding-top: 0px ; }
	}
	@media screen and (max-width:767px){
  .Area_toppd .layout_toppd { padding-left: 10vw ; z-index: 10 ; width: 90%; }
}



/* 1張折價券 */
@media screen and (min-width:768px){
.layout_coupon { margin-top: -10px ; }
}	
@media screen and (max-width:767px){
  .layout_coupon { margin-top: -1.5vw ; }
}


/* 1張bn */
@media screen and (min-width:768px){
  .layout_bn ul { padding: 0 !important;  }
  }	
  @media screen and (max-width:767px){
    .layout_bn {  }
  }



/* 作圖區8品 */
@media screen and (min-width:768px){
.Area_item { }
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
.Area_item .PD_layout.layout_item .PD p b {color: #19689e;background-color: #ffd700;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}	
.Area_item .PD_layout.layout_item .PD_slide .PD p del { color:#fff ; font-size: 25px;}
.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#ffe744;font-size: 2.7em;}
.Area_item .PD_layout.layout_item .PD p {position: relative;top:0;left:0;height: 6em;padding: 0; font-size:1.3em;color:#ffe744;}
.Area_item .PD_layout.layout_item li {background: url("item_bg.png?t=1756956035656") center top / 100% no-repeat scroll;}	
.Area_item .PD_layout.layout_item {padding:0;width: 91%;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide { height: 610px ; padding: 0 ; }
.Area_item .PD_layout.layout_item .PD_slide .PD_into { width: 100%; position: absolute; left:0 ; top: 415px ; text-align: center; font-size: 1em; color: #fff; }
.Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:86%;margin:11% 0 0 8%;box-shadow: unset; }
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {position: relative; top: 0 ;left: 0 ;max-height: 1.4em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.3em;line-height: 1.6em;color:#ffffff;text-align: center;    background: transparent!important;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {font-size: 2em;color: #ffffff;text-align: center;position: relative;top:0 ;left:0 ; margin: 0; }
.Area_item .PD_layout.layout_item .PD_slide .PD:hover h4 { color:#ffffff;}
.Area_item .PD_layout.layout_item .PD .PD_logo { display: none ; }
.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0%; box-shadow: none; border: none; width: 150px; height: 150px;}	
.Area_item .PD_layout .PD p .money{font-size: 35px;}
}

@media screen and (max-width:767px){
.Area_item { margin-bottom: 6vw !important; }
.Area_item .PD_layout .PD_slide:hover { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }	
	
/*版頭公版上下標.關閉*/
.Area_item .PD_layout.layout_item .imgTag{display: none !important;}
.Area_item .PD_layout.layout_item .imgTagBottom{display: none !important;}
.Area_item .PD_layout.layout_item .prdImgWrap .imgTagRectangle{display: none !important;}
	
/*作圖區*/
  .Area_item .PD_layout.layout_item {padding: 0 0 0 0;}
  .Area_item .PD_layout.layout_item ul {padding-left: 1vw; padding-right: 1vw;}
  .Area_item .PD_layout.layout_item li {width:100%;height:70vw;left:0vw;background: url("item_bg.png?t=1756956035656") center top / 102% no-repeat scroll;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into { position: absolute; top: 44vw ; width: 100%; text-align:center; font-size: 0.7em; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_logo {position: absolute;left: -0.3vw;top: -33.5vw;height: 14vw;border-radius: 50%;display: block;z-index: 90;}
	.Area_item .PD_layout.layout_item .PD .PD_logo::after { content:""; position: absolute; display:block; top: -7vw;left: 0;width:100%; height:100%; pointer-events:none; z-index: -1;}
	.Area_item .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;border-radius: 34.5em!important; }
  .Area_item .PD_layout.layout_item .PD_slide .PD_img img {width:91%;margin:8% 0% 0% 7%;box-shadow: unset;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {padding: 0;max-height: 1.4em;font-weight: bolder;font-size: 1.4em;line-height: 1.7em;margin: 0;-webkit-background-clip: text;color: #30458d;color: #ffffff;top:4vw;left:0vw;position: relative;}
  .Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {padding: 0;font-size: 1.4em;color:#ffffff;margin: 0;line-height: 1em;text-align: center;top:5vw;position: relative;left:0vw;}
  .Area_item .PD_layout.layout_item .PD_slide .PD p del {top: 0vw;left: 0vw; color: #ffffff;z-index: 99;position: relative;font-size: 1.1em;}
	.Area_item .PD_layout.layout_item .PD p {position: relative;top:3.8vw;left:0vw; height: 15vw;font-size: 1.1em;line-height: 2.8em;color:#ffe744;}
	.Area_item .PD_layout.layout_item .PD p .Price {font-weight: 700;color:#ffe744;font-size: 1.8em;}
	.Area_item .PD_layout.layout_item .PD p small {font-size: 1.4em;}
}



/*下方公版*/
@media screen and (min-width:768px){
}
	@media screen and (max-width:767px){
	.Area_6PD .PD_layout_6PD.PD_layout ul {width: 96%;} 
}



/*區塊_all*/
.Area1220 { 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; }
.Area a { 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);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@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;}


	}



/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	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;}
	}
  
/*分享浮層*/
.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%;}
	}




/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
    .momologo { display:none;}
  }
                    


/* 登記 */
.Area_danji .btn_reg .activityText p { color: #000 ; }
.Area_danji .btn_reg .content p { color: #000 ; }
.Area_danji .btn_reg .activityText .Tip { color: #000; }
@media screen and (max-width: 767px){
  .Area_danji { width: 96%; }
}


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

/* 下方公版 */
@media screen and (min-width:768px){
.Area_4pda .layout_text { width: 75% ; }
}
@media screen and (max-width: 767px){
  .Area_4pda .layout_4pda { width: 96% ; }
}



/* 限搶 */
@media screen and (min-width:768px){
  .Area_limit .Area_swiper { padding-left: 110px ; }
  .Area_limit .layout_text ul { padding: 0; }
  .Area_limit .layout_text { width: 8% ; position: absolute; left: 10px ; top: 45px ; }
  .Area_limit .layout_limit { padding-top: 60px ; }
  .Area_limit .Area_swiper_box { padding: 0 !important; }
}
@media screen and (max-width:767px){
  .Area_limit .layout_text { width: 14% ; position: absolute; left: 0 ; top: 9vw ; }
  .Area_limit .layout_text ul { padding: 0; }
  .Area_limit .Area_swiper { padding-left: 15vw ; }
  .Area_limit .layout_limit { padding-top: 4vw ; }
  .Area_limit .Area_swiper_box { padding: 0 !important; }
}



/** 倒數 **/
.TimerNick_2 {position: relative; top: 15px ; left: 440px ;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: #fff ;letter-spacing: 0px;text-align:right;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:#fff ;}
.TimerNick_2 small{  position:relative; font: bold 26px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #fff ;}
@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; height: 6vw;color: #fff ;}
    .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: #fff ;}
    .TimerNick_2 span { padding-left: 2vw ; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica ; letter-spacing: 0em; color: #fff ;}
}



/* bn+公版 */
@media screen and (min-width:768px){
  .Area_special { background: linear-gradient( 180deg, #975dff, #20c3ff ) ;  padding: 40px 0 ; border-radius: 50px 0 50px 0 ;}
  .Area_special .layout_special { width: 93% ; }
  .Area_special .layout_special ul { border-radius: 0 !important; }
}
@media screen and (max-width:767px){
  .Area_special { background: linear-gradient( 135deg, #975dff, #20c3ff ) ; width: 96% ; padding: 4vw 0 ; border-radius: 5vw 0 5vw 0 ;}
  .Area_special .layout_specialbn { width: 96% ; }
  .Area_special .layout_special { width: 92% ; }
  .Area_special .layout_special ul { border-radius: 0 !important; }
}



/* 情境公版 */
.Area_hot { }
.Area_hot .PD_box ul { grid-gap: 20px 0; }
.Area_hot .PD_box ul li { background: url(Area07_bg.png?t=1756956035656)top center no-repeat; background-size: 100%; padding: 10px 15px 35px 20px; box-sizing: border-box;}
.Area_hot .PD_box ul li .PD_into h3 { color: #fff ; font-size: 25px ; margin-top: 0px ; }
@media screen and (max-width:767px){
  .Area_hot .layout_hot { width: 96% ; }
  .Area_hot .PD_box ul { grid-gap: .5em !important ; }
  .Area_hot .PD_box ul li { padding: 1vw 2vw 4vw 3vw; }
  .Area_hot .PD_box ul li .PD_into { margin-top: -5vw; }
  .Area_hot .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo img, .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img, .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img, .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { height: 52%;}
  .Area_hot .PD_layout[data-pd-pdlogo="3"]:not([data-pd-direction*=row]) .PD .PD_logo, .PD_layout[data-pd-pdlogo="3"][data-pd-direction=pc-row] .PD .PD_logo, .PD_layout[data-pd-pdlogo="3"][data-pd-direction=pc-row-reverse] .PD .PD_logo { margin-top: 0; margin-bottom: 0;}
  .Area_hot .PD_box ul li .PD_into h3 { margin-top: -8vw ; font-size: 15px; }
}



/* 微調區標 */
@media screen and (max-width:767px){
  .layout_text ul { padding: 0 !important;}
}