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

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

/*全BOX版面*/
.WRAPPER {z-index:5;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;overflow: hidden;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img {border: crimson;vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}


/*PC背景*/
@media screen and (min-width:768px){
.top_deco {z-index: -10;position:absolute;top: -75px;left:0;width:100%;height: 110%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco2 {z-index: 2;position:absolute;top: 640px;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_txtdeco {z-index: 30;position:fixed;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_fix {z-index: -64;position:absolute;top: 0px;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -60;position:absolute;top: 1460px;left: 0;width:100%;height: 14800px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -73;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.Area_repeat {z-index: -66;position:absolute;top: 90px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_L { z-index: 55; position:absolute; top: 0;left: 50%;transform: translateX(-1000px);width:100%; height:100%; background-repeat:repeat-y;  background-position: center top; pointer-events:none;}
.bg_R { z-index: 55; position:absolute; top: 0;left: 50%;transform: translateX(953px);width:100%; height:100%; background-repeat:repeat-y;  background-position: center top; pointer-events:none;}	
}
@media screen and (max-width:767px){
.m_bg_fix {z-index:-8;position:absolute;top: 10vw;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_bg_txtdeco {z-index: 40;position:absolute;top: 0;left:0;width:100%;height:104%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_top_deco3 {z-index: 50;position:absolute;top: 141vw;left:0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}		
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_L {z-index: 45;position:absolute;top: 0;left:0;width: 3%;height: 104%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_bg_R {z-index: 45;position:absolute;top: 0;right: 0;width: 3%;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: 900px;z-index: 20;}	
.Area_title .tag {position: absolute;top: 600px;left: -47px;width: 68%;display: flex;height: 280px;z-index: 1;}
.Area_title .tag .PD_wrapper {gap: 0 !important;}
.Area_title .tag img {width: 100%;}
}
@media screen and (max-width:767px){
.Area_title {height: 149vw;z-index: 20;}
.m_bg_top {position: absolute;top: 109vw;left: 0;z-index: 20;}	
.Area_title .tag {position: absolute;top: 124vw;width: 86%;padding: 0 6%;display: flex;height: 20vw;z-index: 0;}
.Area_title .tag a:hover{transform: translateY(-6px);}
.Area_title .tag a {width: 100%;margin: 0 -2%;}
.Area_title .tag a:nth-of-type(1) {margin-top: 0vw;}
.Area_title .tag img {width: 100%;}	
}


/*主標題&版頭品*/
#eWriterBtn_bt_B_000_02 { position: absolute !important; top: 100px !important;left: 500px !important; }
@media screen and (min-width: 768px){
.Area_title .maintitle {position: absolute;top: 103px;right: 520px;width: 60%; z-index: 1;}
.Area_title .toppd {width: 2000px;position: absolute;top:-25px;left: -391px; z-index: 0;}
}
@media screen and (max-width:767px){
.Area_title .maintitle {width: 90%;position: absolute;left: 5vw;top: 5vw;z-index: 5;}
.Area_title .toppd {width: 100%;position: absolute;z-index: 2;}
}


/*小標題*/
.titilenoa a { pointer-events: none;}
.titilenoa .PD_layout ul { padding: 0 !important;gap: 0 !important;}
@media screen and (min-width:768px){
.layouttxt_960 { width: 80%; margin:65px auto 15px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 63%; margin:65px auto 15px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 100%; margin:8vw auto 2vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 100%; margin:8vw auto 2vw; position: relative; z-index: 2; }
}	


/*第一區塊 層次提高*/
.tophigh {position: relative;z-index: 20;}

/*手機公版96%*/
@media screen and (max-width:767px){
.mbsize { width: 96%; }
}	
  

/*01_倒數6品公版*//*倒數*/
.TimerNick { z-index:0; display:inline-block; height:45px;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:#40add8; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; background:transparent; }
.TimerNick div:nth-of-type(2),
.TimerNick div:nth-of-type(3) { width:60px;}
.TimerNick span { padding-left:2px; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #40add8;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: relative; top:0vw; left:0%; display:inline-block; margin:0; padding-right:0%; overflow:hidden; height:10vw !important;text-align:center;background-size:100%;}
        .TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:9vw; font: bold 7.5vw/11vw Century Gothic; color:#40add8; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing:-1px; text-align:right; 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: #40add8;}
    }
                    

/*02_折價券*/
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #FFF !important;}
@media screen and (min-width:768px){
  .push { position: relative;top:30px;margin: 0px auto 110px !important;}
  .Area_coupon {margin-bottom: 20px;}
  .bargainbtn{width: 80%;margin: 0 auto 20px;}
  .bargainbtn .PD_layout ul{gap: 20px;}
  }
  @media screen and (max-width:767px){
 .push {position: relative;z-index: 20;margin: 18vw auto 16vw !important;}
  .Area_coupon {width: 96%; margin: 0 auto 2vw;}
  .Area_coupon .PD_layout .PD_img {padding: 0 !important;}
  .bargainbtn{width: 90%;margin: 0 auto 2vw;}
  .bargainbtn .PD_layout ul{gap: 2vw !important;}
  }
  

/*03_登記區*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #e77a9c;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
.Area_danji .danji_box li {transition: .2s ease !important;}
@media screen and (min-width:768px){
.Area_bargain .Area_danji .danji_box {width: 960px !important;margin-bottom: 0 !important;}
}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {width: 96% !important;margin-bottom: 0 !important;/*width: 96%;*/}
}


/*白底BG*/
@media screen and (min-width: 768px){
.whitebg01 {z-index: -10;position:absolute;top: 1960px;width:100%;height:950px;background:no-repeat center top/100% url("whitebg01-pc.png?t=1750992418949");pointer-events:none;}
.whitebg02 {z-index: -10;position:absolute; top: -90px;;width:100%;height:5300px;background:no-repeat center top/100% url("whitebg02-pc.png?t=1750992418949");pointer-events:none;display: block;}
}
@media screen and (max-width:767px){
.whitebg01 {z-index: -10;position:absolute;top: 407vw;width:100%;height:1118px;background:no-repeat center top/100% url("whitebg01-mb.png?t=1750992418949");pointer-events:none;}
.whitebg02 {z-index: -10;position:absolute;width:100%;height:8749px;background:repeat-y center top/100% url("whitebg02-mb.png?t=1750992418949");pointer-events:none;}
}	


/*05_錨點*/
.Area_6PD .PD_layout_6PD {height:auto;}
@media screen and (min-width: 768px){
.Area_6PD {margin: 100px auto 150px !important;}
.Area_6PD .box1 {width: 100%; padding: 0% 0% 0 0%;border: #5f5f5f solid 1px;border-radius: 10px;}
}
@media screen and (max-width:767px){
.Area_6PD {width: 100%;height: auto;padding: 0;margin: 20vw auto !important;}
.Area_6PD .Area_floorPD_NavArea_tabbar1 {position: relative;top: 5vw;}
.Area_6PD .box1 {width: 96% !important; padding: 0% 0% 0 0%;border: #5f5f5f solid 1px;border-radius: 10px;} 
}	


/*06_一帶二*/
@media screen and (min-width:768px){
  .Area_brand { position: relative;}
    .Area_brand .box_all {grid-gap: 0px;}
    .Area_brand .text{position: absolute;top: -120px;}
    .Area_brand .box_all{display: flex;flex-wrap: wrap;position: relative;}
    .Area_brand .box_all .box{width: 48%; height: 498px; position: relative; margin: 0 auto 25px; background: no-repeat right top/100% url("logobg.png?t=1750992418949");/*width: 48%; height: 433px; position: relative; background: no-repeat right top/100% url("brandbg.png?t=1750992418949");*/}
    .Area_brand  .box .ly ul{width:94% ;}
    /*logo*/ 
    .Area_brand  .logo{width: 100%;height: 100px;}
    .Area_brand  .logo ul{grid-gap: 0;}
  
    .Area_brand  .logo ul .PD_into{padding: 0;}
    .Area_brand  .logo ul .PD_logo{width: 32%;position: relative;top: 23px;left: 44px;}
    .Area_brand  .logo ul li h3{color: #e77a9c;width: 52%;position: absolute;right: 43px;top: 22px;margin: 0 auto;font-size: 2.2em;}
    .Area_brand .ly{width: 97%;padding-top:72;margin: 0 auto;}
    .Area_brand  .swiper-pagination-bullet {background: #ffffff;}
  }
  @media screen and (max-width:767px){
  .Area_brand{margin: 0;}
  .Area_brand .tag{padding: 2vw 0 4vw 0;}
  .Area_brand .box_all{position: relative;}
  .Area_brand .box_all .box{position: relative;margin: 0 auto 0 auto;padding: 0 0 8vw 0;background: no-repeat top center/100% url("logobg.png?t=1750992418949");}
  /*logo*/ 
  .Area_brand  .logo{width: 100%;height: 13vw;}
  .Area_brand  .logo ul{grid-gap: 0;}
  .Area_brand  .logo ul .PD_into{padding: 0;}
  .Area_brand  .logo ul .PD_logo{width: 30%;position: relative;top: 4vw;left: 8vw;}
  .Area_brand  .logo ul li h3{color: #e77a9c;width: 54%;position: absolute;right: 8vw;top: 3vw;margin: 0 auto;font-size: 1.5em;}
  .Area_brand  .swiper-pagination-bullet {background: #ffffff;}
  /*公版*/ 
  .Area_brand .box_all .box .ly{width: 96%;padding: 4vw 0 0 0;}
  }


/*07_LOGO區*/
@media screen and (max-width:767px){
  .Area_logo .PD_layout01 {width: 96%;}
  .Area_logo .PD_layout01 .PD_wrapper {gap: 2vw;}
  .Area_logo .PD_layout01 li:nth-of-type(10) {position: relative;left: 100%;}
}



/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;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;}
	}


/*輸送帶*/
.bgtop_r-play { -webkit-animation:bgtop_r-play 8s linear infinite; animation:bgtop_r-play 8s linear infinite ;}
		@-webkit-keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}
		@keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}

	/*輸送帶*/
.bgtop_r-play2 { -webkit-animation:bgtop_r-play2 16s linear infinite; animation:bgtop_r-play2 16s linear infinite ;}
		@-webkit-keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:-277px 0px;}
		}
		@keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:277px 0px;}
		}


/*注意事項區*/
.edm_notice{ text-align:center; padding:60px 10px 15px 10px; color:#000; 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:10vw 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
}