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

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


/*全BOX版面*/
.WRAPPER { display: block; margin: 0 auto; padding: 0; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica; background: url(bgrepeat.jpg?t=1751334551654)top center repeat-y;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; background: url(bgrepeat_m.jpg?t=1751334551654)top center repeat-y; background-size: 100%;}
  .WRAPPER img {  width: 100%;  height: auto;}
}

/*背景*/
@media screen and (min-width:787px){
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1751334551654) no-repeat center top;}
}
@media screen and (max-width:767px){
  .bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: inherit; height: 100%; background: url(bgtop_m.jpg?t=1751334551654) no-repeat center 44px; background-size: 100%;}
}
	
/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0;}
.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);}
.Area .go_bt2 {
  -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_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
      }


/*----------*/


/*版頭區*/
/*#eWriterBtn_bt_B_000_02 {position: absolute!important;left: 340px !important;}*/
.Area_top .subtitle .PD_layout li {background-color: #0000 !important;}
@media screen and (min-width:768px){
.Area_top {height:880px;}
.Area_top .maintitle {width:60%;position:absolute;top:60px;right:220px;}
.Area_top .maintitle img{width:100%;}
.Area_top .subtitle { position: absolute; top:81px;left:35px; width:100%;height: auto; z-index: 5;overflow: hidden;}	
.Area_top .subtitle .PD_layout .PD img {width: 50%;}	
.Area_top .toppd {width:72%;position:absolute;top:135px;left:185px;}
.Area_top .toppd img{width:100%;}
.Area_top .light_line01 { position: absolute; top: 270px; left: 430px; z-index: 6;}
.Area_top .light_line02 { position: absolute; top: 283px; left: 495px ;z-index: 6;}		
}
@media screen and (max-width: 767px){
.Area_top {height:104vw;}
.top_bg {position:relative;top:0;z-index:0;pointer-events:none;}
.Area_top .maintitle {position:absolute;width: 94%;top: 5vw;left: 4vw;z-index: 2;}
.Area_top .subtitle {position: absolute;top: 4.5vw;right: 4vw;width: 90%;z-index: 5;}
.Area_top .toppd {position:absolute;width: 100%;top: 18vw;left: 0vw;z-index: 0;}
.Area_top .light_line01 { top: 33vw; left: 39vw; width: 20%;}
.Area_top .light_line02 { top: 43vw; left: 28vw; width: 20%;}		
}
/*只對IE6/7/8有效*/
@media \0screen\,screen\9 { .light { display: none;} .Area_top .light_line01 {  display: none;}}
/*只對IE8/9/10有效*/
@media screen\0 { .light { display: none;} .Area_top .light_line01 { display: none;}} 
  

/*小標題*/
.titilenoa a { pointer-events: none; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 90%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 71%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
.layouttxt_small { width: 86%; margin:10px auto; position: relative; z-index: 2; }
.layouttxt_small img { width: 100%; }
.layouttxt_4pd { width: 71%; margin:10px auto; position: relative; z-index: 2; }
.layouttxt_4pd img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 100%; margin:8vw auto 0vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 100%; margin:8vw auto 0vw; position: relative; z-index: 2; }
.layouttxt_small { width: 100%; margin:2vw auto 1vw; position: relative; z-index: 2; }
.layouttxt_4pd { width: 100%; margin:3vw auto 2vw; position: relative; z-index: 2; }
}	


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

  
/*01_倒數2品*//*倒數*/
.TimerNick { z-index:0; display:inline-block; height:44px;text-align:center;position: relative;/*left: 188px;*/margin-top: 20px;}
.TimerNick .FontStyle { display:inline-block; margin:0px 0 0 0 ; padding:0; border:0px; width:60px; font: bold 35px/38px Century Gothic; color:#fff;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 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;color: #fff;}
    @media screen and (max-width:767px){
        .TimerNick { z-index:2; position: relative; top:0vw; /*left:4%*/; 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:#fff; /*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: #fff;}
    }


/*01_倒數2品*/
@media screen and (min-width:768px){
  .Area2pd { margin-bottom: 100px;}
  .Area2pd .PD_layout {width:90%; }
}  
@media screen and (max-width:767px){
  .Area2pd { margin-bottom: 10vw;}
}  


/*背景圖*/
@media screen and (min-width:768px){
  .bg01 {width:930px;height:695px; background: url(pcbg01.png?t=1751334551654)top center no-repeat;background-size: 100%;position: absolute;top: 50px;left: 15px;}
}
@media screen and (max-width:767px){
  .bg01 {width:100%;height:94vw; background: url(bg01.png?t=1751334551654)top center no-repeat;background-size: 100%;position: absolute;top: 6.5vw;}
}
      

/*02_攻略區*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #5291cf;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
.Area_danji .danji_box li {transition: .2s ease !important;}
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #FFF !important;}
@media screen and (min-width:768px){
.Area_coupon {margin-bottom: 20px;}
.bargainbtn{width: 100%;margin: 0 auto 20px;}
}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {margin-bottom: 0 !important;width: 96% !important;}
.Area_coupon {margin: 0 auto 2vw;width: 96% !important;}
.Area_coupon .PD_layout .PD_img {padding: 0 !important;}
.bargainbtn{width: 90%;margin: 0 auto 2vw;}
}


/*作圖區*/
.Area03 {height: auto;}

/*特價*/.Area03 .PD_layout.layout_item .PD p b { font-size: 0.8em;font-weight: 800; /*color: #3981c1;*/ padding: 0.7%;}	
.Area03 .PD_layout.layout_item .PD_slide .PD p del { /*color: #3981c1;*/font-size: 0.7em;}
.Area03 .PD_layout.layout_item .PD p .money, .Area03 .PD_layout.layout_item .PD p .Price {/*color: #3981c1;*/font-weight: 800;}
@media screen and (min-width:768px){
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) {width:930px;height:736px; background: url(pd02.png?t=1751334551654)top center no-repeat;background-size: 100%;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) {width:930px;height:736px; background: url(pd01.png?t=1751334551654)top center no-repeat;background-size: 100%;}
.Area03 .PD_layout.layout_item {position: relative; margin: 1% 6% 0;}
.Area03 .PD_layout.layout_item .PD_slide {height: 475px; padding: 30px 0px; margin: 0;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 45%; height: auto;position: absolute; top: 310px; right: 585px; text-align:center; font-size: 1em; z-index: 8;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 48%; height: auto;position: absolute; top: 330px; left: 553px; text-align:center; font-size: 1em; z-index: 8;}
/*商品圖*/.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 45%; position: relative; top:30px;left:473px;box-shadow: unset; z-index: 5;}
/*商品圖*/.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 45%; position: relative; top:30px;left: 70px; box-shadow: unset; z-index: 5;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {width: 100%; font-size:1.7em; font-weight: 600; color: #585858;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {width: 100%; font-size:1.7em; font-weight: 600; color: #585858;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 {width: 100%; font-size:2em; font-weight: 900; max-height: 3em; line-height: 1.3em; color:#5a5a5a;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {width: 100%; font-size:2em; font-weight: 900; max-height: 3em; line-height: 1.3em; color:#5a5a5a;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {height: 2em; line-height: 2em; font-size: 2em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {height: 2em; line-height: 2em; font-size: 2em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute; top: 61px; right: -154px;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo img {width: 112px; height: auto; box-shadow: none;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute; top: 61px; left: -157px;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo img {width: 112px; height: auto; box-shadow: none;}
.Area03 .PD_layout.layout_item .PD p .Price {font-size: 1.7em;text-align: left;}
.Area03 .PD_layout.layout_item .PD p small {font-size:25px; color: #fed739;}
}
@media screen and (max-width:767px){
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) { height:64vw; background: url(pd02.png?t=1751334551654)top center no-repeat;background-size: 96%;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) { height:64vw; background: url(pd01.png?t=1751334551654)top center no-repeat;background-size: 96%;}

.Area03 {margin-bottom: 8vw;}
.Area03 .PD_layout.layout_item .PD_slide {height: 40vw;}
.Area03 .PD_layout.layout_item {width: 100%;position: relative; z-index: 50;}
.Area03 .PD_layout.layout_item ul {padding-left:0; padding-right:0; padding: 0;margin: 0% 0% 2%;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into {width: 45%; position: absolute; top: 22vw;right: 53vw; text-align:center; display: block; z-index: 8;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into {width: 45%; position: absolute;top: 24vw;left: 53vw; text-align:center; display: block; z-index: 8;}
/*商品圖*/.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_img img {width: 45%; position: relative; top:2.5vw;left: 43.5vw; box-shadow: unset; z-index: 5;}
/*商品圖*/.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_img img {width: 45%; position: relative; top:4vw;left: 7vw; box-shadow: unset; z-index: 5;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h4 {width: 98%; font-size:1em; font-weight: 600; color: #585858;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h4 {width: 100%; font-size:1em; font-weight: 600; color: #585858;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD_into h3 {width: 90%; position: relative; left: 3vw; font-size:1.2em; font-weight: 900; max-height: 1.8em; color:#5a5a5a;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD_into h3 {width: 90%; position: relative; left: 2vw; font-size:1.2em; font-weight: 900; max-height: 1.8em; color:#5a5a5a;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD p {padding: 0;height: 5em; line-height: 1.3em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD p {padding: 0;height: 5em; line-height: 1.3em;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo {position: absolute; top: 13vw; right: -127px; z-index:20; width: 100%; }
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(even) .PD .PD_logo img {width: 25%; height: auto; box-shadow: none;}
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo {position: absolute; top: 13vw; left: -126px; z-index:20; width: 100%; }
.Area03 .PD_layout.layout_item .PD_slide:nth-of-type(odd) .PD .PD_logo img {width: 25%; height: auto; box-shadow: none;}
.Area03 .PD_layout.layout_item .PD p .Price {text-align: left;}
.Area03 .PD_layout.layout_item .PD p small { font-size:1em; color: #fed739;}
}


/*05_4品*/
@media screen and (min-width:768px){
.Area4pd01 {background-color: #eef6ff;border-radius: 1.5em;padding: 30px 0 30px;box-shadow: 0px 2px 5px 0px #b1d3f5;margin-bottom: 60px;}
.Area4pd01 .PD_layout01 {width: 95%;}
.Area4pd02 {background-color: #a1bfde;border-radius: 1.5em;padding: 30px 0 30px;box-shadow: 0px 2px 5px 0px #b1d3f5;margin-bottom: 60px;}
.Area4pd02 .PD_layout01 {width: 95%;}
}
@media screen and (max-width:767px){
.Area4pd01 {width: 96%;background-color: #eef6ff;border-radius: 1em;padding: 1vw 0 3vw 0;box-shadow: 0px 2px 5px 0px #b1d3f5;margin-bottom: 6vw;}
.Area4pd02 {width: 96%;background-color: #a1bfde;border-radius: 1em;padding: 1vw 0 3vw 0;box-shadow: 0px 2px 5px 0px #b1d3f5;margin-bottom: 6vw;}
}
  




/*旗艦館*/
.Area_guan { width: 850px; }
.Area_guan ul { gap: 10px !important;}
@media screen and (max-width:767px){
  .Area_guan { width: 90%;}
  .Area_guan ul { gap: 2vw !important;}
}

/*隱鑶*/
.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:40px 10px 15px 10px; color:#000; font:12px/18px Helvetica; position: relative;z-index: 20;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
.edm_notice{ padding:8vw 10px 15px 10px;}
}