@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; width:100%; min-width:1220px;background-color:#080808; 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 { 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:-51; 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:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position:center top; pointer-events:none;}
.bg_deco { z-index:-45;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){
.bg_01 { z-index:-52;position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-size:100%;}
.bg_02 { z-index:-51;position:absolute;bottom:0;left:0; width:100%; height:25vw; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;background-size:100%;mix-blend-mode: screen;}
.m_topbg {z-index: -49;position: absolute;top:44px;left:0; width:100%; height:100%;background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size:100%;}
}


/*區塊底*/
@media screen and (min-width:768px){
.Area_bottom01 {background:url(pc_bottom01.png?t=1762773551506)top center no-repeat;background-size:95%;padding-top:80px;margin-bottom:50px;}
}
@media screen and (max-width: 767px){
.Area_bottom01 {background:url(m_bottom01.png?t=1762773551506)top center no-repeat;background-size:100%;padding-top:15vw}


}
	



/*版頭區*/
.Area_title .Area_swiper_box .PD_layout li{background-color:#ffffff00;}
/*日期*/#eWriterBtn_bt_B_000_03 {position: absolute!important; left: 950px !important; }
.Area_title .PD_layout01 ul {padding:0px;}
@media screen and (min-width:768px){
  .Area_title {height:1100px;}
  .Area_title .toptitle {width: 100%;position: relative;top: 60px;margin: 0 auto;z-index: 1;}
  .brandlogo { width: 20%;position: absolute; top: 6px;left: 0px; z-index: 1;}	
  .sub { width: 100%;position: relative; top: 65px;left: 0px; z-index: 53;}	
  .date { width: 100%;position: absolute; top: 177px;left: 0px; z-index: 1;}	
  .toppd { width: 880px;position: relative;top: 180px;margin: 0 auto;}
  .salesub{ width: 100%;position: relative; top: 200px;left: 0px; z-index: 1;}
  .Area_title .appleline_01{z-index:0;position:absolute; width:1030px; height:39px;top:382px;right: 450px;margin-left:0px; padding:0px;  transform: rotate(16deg); overflow:hidden; display:block;  background:url(apple_line.png?t=1762773551506) repeat-x; background-size:123%;}
  .Area_title .appleline_02{z-index:0;position:absolute; width:2030px; height:39px;top:550px; left:366px; margin-left:0px; padding:0px;  transform: rotate(-19deg); overflow:hidden; display:block;  background:url(apple_line.png?t=1762773551506) repeat-x; background-size:75%;}
  }
@media screen and (max-width: 767px){
  .Area_title {height:125vw;padding-top: 10vw !important;}
  .Area_title .toptitle {width: 100%;position: relative;top: 3.5vw;margin: 0 auto;z-index: 1;}
  .brandlogo { width: 28%;position: absolute; top: 2.5vw;left: 2vw; z-index: 1;}	
  .sub { width: 100%;position: relative; top: 5vw;left: 0; z-index: 3;}	
  .date { width: 100%;position: absolute; top: 26.5vw;left: 0; z-index: 1;}	
  .toppd { width: 90%;position: relative;top: 17vw;margin: 0 auto;}
  .salesub{ width: 100%;position: relative; top: 19vw;left: 0px; z-index: 2;}
}

  
/*小標題*/
.titilenoa a { pointer-events: none; }
.titilenoa .PD_layout ul { padding: 0; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 100%; margin: 0 auto 10px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 82%; margin: 0 auto 10px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
.layouttxt_4pd { width: 75%; margin: 40px auto 10px; position: relative; z-index: 2; }
.layouttxt_4pd img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 100%; margin: 0 auto 2vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 100%; margin: 0 auto 2vw; position: relative; z-index: 2; }
.layouttxt_4pd { width: 100%; margin: 5vw auto 2vw; position: relative; z-index: 2; }
}	


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

  
/*01_攻略區*/
@media screen and (min-width:768px){
  .Area_bargain {background:url(bargainbg.png?t=1762773551506)top 115px center no-repeat;background-size:100%;}
  .Area_bargain .formulamore .more .js-REG_agree {width: 218px;height: 61px;position: absolute;top: 142px;background-color: #0000;}
  .Area_bargain .formulacat {width: 98%;margin: 115px auto 10px;}
  .Area_bargain .formulacat .PD_wrapper {gap: 0px !important;}
  .Area_bargain .btn .PD_wrapper {gap: 12px !important;}
}	
@media screen and (max-width:767px){
  .Area_bargain {background:url(bargainbg.png?t=1762773551506)top 13vw center no-repeat;background-size:98%;}
  .Area_bargain .formulamore .more .js-REG_agree {width: 23vw;height: 6vw;position: absolute;top: 16vw;background-color: #0000;}
  .Area_bargain .formulacat {width: 98%;margin: 12.5vw auto 0vw;}
  .Area_bargain .formulacat .PD_wrapper {gap: 0px !important;}
  .Area_bargain .btn {width: 98%;margin: 0 auto;}
  .Area_bargain .btn .PD_wrapper {gap: 1.5vw !important;}
}


/*02_作圖區*/
@media screen and (min-width:768px){
  .Area_pd {width: 98%;margin: 0 auto;}
  .Area_pd .PD_wrapper {gap: 20px !important;}
}	
@media screen and (max-width:767px){
  .Area_pd {width: 98%;margin: 0 auto;}
  .Area_pd .PD_wrapper {gap: 1vw !important;}
}


/*03_倒數4品*/
@media screen and (min-width:768px){
  .Area_c4pd {background:url(4pdbg.png?t=1762773551506)top 0px center no-repeat;background-size:100%;padding-bottom: 30px !important;}
  .Area_c4pd .PD_layout {width: 96%;margin: 0 auto;}
}	
@media screen and (max-width:767px){
  .Area_c4pd {background:url(m_4pdbg.png?t=1762773551506)top 0vw center no-repeat;background-size:98%;padding-bottom: 4vw !important;}
  .Area_c4pd .PD_layout {width: 94%;margin: 0 auto;}
}


/*03_倒數4品*//** 倒數 **/
.TimerNick { z-index:0; display:inline-block; height:50px;text-align:center;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#252525; letter-spacing:-1px; text-align:center; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 20px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #252525;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: relative; display:inline-block; margin:0; padding-right:0%; width:85%; height:9vw; overflow:hidden; text-align:center; background-size:100%;}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:8vw; font: bold 6vw/10vw Century Gothic; color:#252525; letter-spacing:-1px; text-align:center; background:transparent;}
        .TimerNick div:nth-of-type(2),
        .TimerNick div:nth-of-type(3) { width:9vw;}
        .TimerNick span { padding-left:1vw; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #252525;}
    }
                    

/*04_4品公版*/
@media screen and (min-width:768px){
  .Area_4pd {border: 2px solid #e4e4e4;background-color: #080808;}
  .Area_4pd .PD_layout01 {width: 97%;margin: 0 auto 30px;}
}	
@media screen and (max-width:767px){
  .Area_4pd {width: 96% !important;border: 2px solid #e4e4e4;}
  .Area_4pd .PD_layout01 {width: 96%;margin: 0 auto 4vw;}
}


/*05_登記區*/
/*登記贈品文案顏色_01*/.danji01 .danji_box ul li .activityText .gifts span { color: #8d5ebf;}                 
/*登記贈品文案顏色_02*/.danji02 .danji_box ul li .activityText .gifts span { color: #000;}                 
/*登記贈品文案顏色_03*/.danji03 .danji_box ul li .activityText .gifts span { color: #000;}                 
.Area_alldanji .danji_box li {transition: .2s ease !important;}
@media screen and (min-width:768px){
.Area_alldanji {border: 2px solid #e4e4e4;background-color: #080808;}
.Area_alldanji .Area_danji .danji_box {width: 900px !important;}
.warningTxt h3 {margin-bottom: 40px;}
}
@media screen and (max-width:767px){
.Area_alldanji .Area_danji .danji_box {width: 96%;}
.Area_alldanji {width: 96% !important;border: 2px solid #e4e4e4;}
.warningTxt h3 {margin-bottom: 8vw;}
}


/*06_館連結*/
@media screen and (min-width:768px){
  .Area_guan .PD_layout01 {width: 85% !important;}
  .Area_guan .PD_layout01 .PD_wrapper {grid-gap: 20px !important;}
  }
  @media screen and (max-width:767px){
  .Area_guan .PD_layout01 {width: 90% !important;}
  .Area_guan .PD_layout01 .PD_wrapper {grid-gap: 2vw !important;}
  }
  





/*區塊_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;}


	}



/*隱鑶*/
.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:60px 10px 15px 10px; color:#fff; 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:8vw 2.5vw 3vw 2.5vw;}
}