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

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

/*區塊_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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
.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;}
}


/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0 auto; padding: 0; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family: "Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; background: #b4dfff;}
.WRAPPER img { border: 0; 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){
  .Area_bottom   { margin-bottom: 85px !important;}
  .Area_bottom_2 { margin-bottom: 150px !important;}
}
@media screen and (max-width: 767px){ 
  .Area_bottom3  { margin-bottom: 3vw !important;}
  .Area_bottom   { margin-bottom: 9vw !important;}
  .Area_bottom_2 { margin-bottom: 17vw !important;}
}
/*LOGO*/
@media screen and (min-width:768px){
.momologo { z-index: 2; position: absolute; top: 5px; left: -125px; /*background-color: #fff;  border-radius:200px; padding: 5px;*/}
.momologo a { display: block; width: 140px; height:53px;}
.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 { z-index: 2; width:20% ; position: absolute; top: 2vw; left: 2vw;/* background-color: #fff;  border-radius:200px; padding: 5px;*/}
  .momologo a { display: block; width: 93%; height:7vw;}
	
}

/*背景*/
.bg_2 { z-index: -2; position: absolute; bottom:0; left: 0; width: 100%; height: 1356px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none;}
.bgdeco { z-index: 0; position: absolute; top:1000px; left: 0; width: 100%; height: 100%; background: url(re_deco.png?t=1788509291667) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
@media screen and (max-width:767px){	
  /* .m_bg_1 { z-index: -3; position: absolute; top: 10vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; animation: zoomIn 0.8s ease-out forwards; transform-origin: center top;} */
  .m_bg_2 { z-index: -3; position: absolute; bottom:0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%;}
}



/*版頭*/
@media screen and (min-width:768px){
  .Area_title { height: 0; box-sizing: border-box;}
  .Area_title_pc { margin-bottom: 0px;}
} 
@media screen and (max-width: 767px){
  .Area_title { height: 117vw; z-index: -5;}
}
@media screen and (min-width:768px){
.pctop ul {width: 100%;}

}


/*提醒我按鈕*/
a.mo_remind_btn { z-index: 9999; position: absolute !important; right: 0; top: 108vw; width: 14%;}

/*活動倒數*/
.TimerNick { position: absolute; width: 54%; top: 862px; left: 50%; transform: translateX(-50%); display: inline-block; z-index: 8; text-align: center; letter-spacing: 0.3em; font-weight: 900;  background-color: #FFF; border-radius: 200px; padding: 5px;display: none;}
.TimerNick .FontStyle { font-family: 'Bebas Neue'; display: inline-block; margin: 0 8px; padding: 0; border: 0; font-size: 45px; color:#006bb8; letter-spacing: 1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size: 24px; letter-spacing: 0.1em; color:#006bb8; white-space: nowrap;}
.TimerNick b { font-weight: normal;}
.TimerNick_deco { position: absolute; top: 815px;}
@media screen and (max-width: 767px){
  .TimerNick { top: 107vw; left: 50%; display: flex; column-gap: 0.45em; justify-content: center; padding: 11px 0 0 0; display: none; }
  .TimerNick .FontStyle { margin: -.4em 0 0 -.01em; padding: 0; border: 0; font-size: 6vw; letter-spacing: .01em;}
  .TimerNick span { padding-left: 0; font-size: 3vw; letter-spacing: -0.05em; margin-top: -0.1em;}
  .TimerNick_deco { top: 123vw;}
} 



.Area_limit {width: 960px; height:803px; background: url("pc_limit_bg.png?t=1788509291667") no-repeat center 30px / 100%;  z-index: -2;}

@media screen and (max-width: 767px){
.Area_limit {width: 100%;  height: 95vw; background: url("limit_bg.png?t=1788509291667") no-repeat center 30px / 100%;  z-index: -2;}
}


/*A00*/
.A00_BN_1 .PD_layout ul { padding: 0; grid-gap: 0;}
.Area_coupon .PD_layout ul { width: 98%;}
.noclick {pointer-events: none;}
@media screen and (min-width: 768px){
  .A00_BN_1 { margin-bottom: 20px;}
  .A00_BN_2 .PD_layout ul { padding: 0 15px 25px; grid-gap: 0 20px;}
  .Area_coupon { margin-bottom: 25px;}
  .A00_BN_4 .warningTxt h3 { padding: 0; margin-top: 0.7em; line-height: 1.8em;}
}
@media screen and (max-width:767px){
  .A00_BN_1 { margin-bottom: 1vw;}
  .A00_BN_2 { margin-bottom: 2vw; }

  .A00_BN_2 .PD_layout ul { padding: 0 2%; grid-gap: 0 .2em;}
  .Area_coupon { margin-bottom: 3vw;}
  .A00_BN_4 .warningTxt h3 { padding: 0; margin-top: 0.3em; line-height: 1.5em;}
}


/*區標線上入稿*/
.box_title_1 { background: url("title_bg1.png?t=1788509291667") center top / 100% no-repeat;}
.box_title_2 { background: url("title_bg2.png?t=1788509291667") center top / 100% no-repeat;}
.box_title_3 { background: url("title_bg3.png?t=1788509291667") center top / 100% no-repeat;}
.box_title_4 { background: url("topic_bg.png?t=1788509291667") center top / 100% no-repeat;}
@media screen and (min-width: 768px){
  .box_title .PD_layout .PD_into { padding: 0 0 1.6em;}
  .box_title { position: relative; z-index: 5; display: flex; padding: 0; width: 100%; justify-content: center;}
  .box_title img { width: 100% !important; padding: 0;}
  .box_title_1 ul li h5 { padding: 0; margin: 47px 0 35px; font: bold 55px / 55px "Noto Serif TC", "Source Han Serif TW"; letter-spacing: -0.03em; text-align: center; color: #f7f2c6;}	
  .box_title_2 ul li h5 { padding: 0; margin: 35px 0; font: bold 55px / 55px "Noto Serif TC", "Source Han Serif TW"; letter-spacing: -0.03em; text-align: center; color: #f7f2c6;}	
  .box_title_3 ul li h5 { padding: 0; margin: 30px 0; font: bold 55px / 55px "Noto Serif TC", "Source Han Serif TW"; letter-spacing: -0.03em; text-align: center; color: #f7f2c6;}	
  .box_title_4 ul li h5 { padding: 0; margin: 30px 0 0; font: bold 55px / 55px "Noto Serif TC", "Source Han Serif TW"; letter-spacing: -0.03em; text-align: center; color: #006bb8;}	
}
@media screen and (max-width: 767px){
  .box_title .PD_layout .PD_into { padding: 0 0 .8em;}
  .box_title { position: relative; z-index: 5; margin: 0 auto; width: 100%; height: auto;}
  .box_title img { width: 100%;}
  .box_title_1 ul li h5 { font: bold 6vw / 6vw "Noto Serif TC", "Source Han Serif TW"; margin: 5vw 0 4vw; letter-spacing: 0; text-align: center; letter-spacing: -.02em; color: #f7f2c6;}
  .box_title_2 ul li h5 { font: bold 6vw / 6vw "Noto Serif TC", "Source Han Serif TW"; margin: 3.5vw 0 4vw; letter-spacing: 0; text-align: center; letter-spacing: -.02em; color: #f7f2c6;}
  .box_title_3 ul li h5 { font: bold 6vw / 6vw "Noto Serif TC", "Source Han Serif TW"; margin: 3vw 0 2vw; letter-spacing: 0; text-align: center; letter-spacing: -.02em; color: #f7f2c6;}
  .box_title_4 ul li h5 { font: bold 6vw / 6vw "Noto Serif TC", "Source Han Serif TW"; margin: 3vw 0 0; letter-spacing: 0; text-align: center; letter-spacing: -.02em; color: #006bb8;}
}


/*A01*/
.PD_layout.PD_layout_A01_1 li { background-color: #fff; border-radius: 10px;}
.PD_layout.PD_layout_A01 .PD h3 span { color: #fff !important; background-color: #ee93ad !important;}
@media screen and (min-width: 768px){
  .PD_layout.PD_layout_A01_1 ul { width: 96%; grid-gap: 0 2%;}
  .PD_layout.PD_layout_A01 li { border: 3px solid #ee93ad !important;}
  .A01_bg { margin-left: -520px; z-index: -1; position: absolute; top: 0; left: 0; width: 2000px; height: 820px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Area00 { margin-bottom: 0 !important;}
  .PD_layout_A01_1 { margin-bottom:80px;}
  .Area01 .Area_swiper { margin-bottom: 125px;}
}
@media screen and (max-width:767px){
  .PD_layout.PD_layout_A01_1 ul { width: 96%; grid-gap: 0 2%;}
  .PD_layout.PD_layout_A01 li { border: 1px solid #ee93ad !important;}
  .PD_layout_A01_1 { padding-bottom: 10vw;}
  .Area01 .Area_swiper { padding-bottom: 7vw;}
}


/*A02*/
.A02_PD.PD_layout li {border: none;}
.A02_PD.PD_layout ul { background: transparent; padding: 0;}
.A02_PD.PD_layout.default li:nth-child(odd) { background: url(A02_PD_bg_1.png?t=1788509291667) no-repeat center center; background-size: 100%;}
.A02_PD.PD_layout.default li:nth-child(even) { background: url(A02_PD_bg_2.png?t=1788509291667) no-repeat center center; background-size: 100%;}

.A02_PD.PD_layout .PD h3 span { max-width: 100%; background: transparent; padding: 0; border-radius: 0;}
.A02_PD.PD_layout .PD h4 { margin-bottom: 0;}
.A02_PD.PD_layout .PD p { color: #c62371;}
.A02_PD.PD_layout li:nth-child(even) .PD_into { order: -1;}
@media screen and (min-width: 768px){
  .A02_PD.PD_layout .PD h3 { line-height: 6.5em; max-height:6.5em;}
  .A02_PD.PD_layout .PD h4 { line-height: 6.5em; max-height:6.5em;}
  .A02_PD.PD_layout .PD p { height: 5em; line-height: 4.5em; max-height:4.5em;}
  .Area02 .bg {background-image: url("pc_pdbg_center.png?t=1788509291667"); position: absolute; top:230px; left: -390px; width: 2000px; height:95%; z-index: -2; }
  .Area02 .bg::before{ content: ""; background: url("pc_pdbg_top.png?t=1788509291667") no-repeat scroll top; position: absolute; top:-180px; left: 0; width: 100%; height: 100%; z-index: -2; }
  .Area02 .bg::after{ content: ""; background: url("pc_pdbg_bottom.png?t=1788509291667") no-repeat scroll bottom; position: absolute;bottom: -122px; left: 0; width: 100%; height: 110%; z-index: -2; }
  .A02_PD.PD_layout li:nth-child(odd) .PD_img { padding: 3.5em 0 3.5em 0em; width:49%;}
  .A02_PD.PD_layout li:nth-child(odd) .PD_into { justify-content: start; padding: 0 0 0 4em;}
  :is(.A02_PD.PD_layout li:nth-child(odd), .A02_PD.PD_layout li:nth-child(even)) .PD_into h3 { position: absolute; top: 90px;}
  :is(.A02_PD.PD_layout li:nth-child(odd), .A02_PD.PD_layout li:nth-child(even)) .PD_into h4 { position: absolute; top: 153px;}
  :is(.A02_PD.PD_layout li:nth-child(odd), .A02_PD.PD_layout li:nth-child(even)) .PD_into p { position: absolute; top: 240px;}  
  .A02_PD.PD_layout li:nth-child(even) .PD_img { padding: 3.5em 0em 3.5em 0em; width: 49%;}
  .A02_PD.PD_layout li:nth-child(even) .PD_into { justify-content: start; padding: 0 0 0 4em;}
  .A02_PD.PD_layout .PD h3 span { font-size:40px;}
  .A02_PD.PD_layout .PD h4 span { font-size: 40px;}
  .A02_PD.PD_layout .PD p del { font-size: 28px;}
  .A02_PD.PD_layout .PD p .money { font-size: 30px;}
  .A02_PD.PD_layout .PD p .Price { font-size: 50px;}
  .Area02 { padding-bottom: 60px;}
}
@media screen and (max-width:767px){
  .A02_PD.PD_layout .PD h3 { line-height: 2.5em; max-height:2.5em;}
  .Area02 .bg { background-image: url("pdbg_center.png?t=1788509291667");background-size: contain; position: absolute; top:11vw; left: 0; width: 100%; height:95%; z-index: -2; }
  .Area02 .bg::before{ content: ""; background: url("pdbg_top.png?t=1788509291667") no-repeat scroll top / 100%; position: absolute; top:-18vw; left: 0; width: 100%; height: 100%; z-index: -2; }
  .Area02 .bg::after { content: ""; background: url("pdbg_bottom.png?t=1788509291667") no-repeat scroll bottom / 100%; position: absolute; top:24vw; left: 0; width: 100%; height: 100%; z-index: -2; }
  .A02_PD.PD_layout li:nth-child(odd) .PD_img { padding: 0.4em 0 1.2em 0em; width: 49%;}
  .A02_PD.PD_layout li:nth-child(odd) .PD_into { justify-content: start; padding: 0 1em 0 0;}
  .A02_PD.PD_layout li:nth-child(odd) .PD_into h3 { position: absolute; left: 54vw; top: 6vw;}
  .A02_PD.PD_layout li:nth-child(odd) .PD_into h4 { position: absolute; left: 54vw; top: 13vw;}
  .A02_PD.PD_layout li:nth-child(odd) .PD_into p { position: absolute; left: 54vw; top: 18vw;}
  .A02_PD.PD_layout li:nth-child(even) .PD_img {  padding: 0.4em 0em 1.2em 0; width: 49%;;}
  .A02_PD.PD_layout li:nth-child(even) .PD_into { width: 60%; justify-content: start; padding: 0 0 0 2.2em;}
  .A02_PD.PD_layout li:nth-child(even) .PD_into h3 { position: absolute; left: 8vw; top: 7vw;} 
  .A02_PD.PD_layout li:nth-child(even) .PD_into h4 { position: absolute; left: 8vw; top: 13vw;}
  .A02_PD.PD_layout li:nth-child(even) .PD_into p { position: absolute; left: 8vw; top: 19vw;}
  .A02_PD.PD_layout .PD h3 span { font-size: 17px;}
  .A02_PD.PD_layout .PD p .Price { font-size: 26px;}
  .A02_PD.PD_layout li { border: none; }
}


/*BN*/
@media screen and (min-width: 768px){
  .ABN_bg { margin-left: -520px; z-index: -1; position: absolute; top: -100px; left: 0; width: 2000px; height: 820px; background-repeat: no-repeat; background-position: center top; pointer-events: none;}  
  .Area_BN .Area_swiper { padding-top: 30px;}
}

/*A03*/
@media screen and (max-width:767px){
  .Area03 .PD_layout ul { width: 96%;}
  .Area_BN {margin-top: 14vw;}
}


/*A05*/
.Area05 .box_A05 {position: relative;}
@media screen and (min-width: 768px){
  .box_A05 { padding: 40px 0;}
  .A05_BN { margin-bottom: 30px;}
  .Area05 .box_A05 .bg {background-image: url("buybg_pc_center.png?t=1788509291667"); position: absolute; top:14px; left: -520px; width: 2000px; height:80%; z-index: -2; }
  .Area05 .box_A05 .bg::before{ content: ""; background: url("buybg_pc_top.png?t=1788509291667") no-repeat scroll top; position: absolute; top:-110px; left: 0; width: 100%; height: 100%; z-index: -2; }
  .Area05 .box_A05 .bg::after{ content: ""; background: url("buybg_pc_bottom.png?t=1788509291667") no-repeat scroll bottom; position: absolute; left: 0; width: 100%; height: 122%; z-index: -2; }

}
@media screen and (max-width:767px){
  .A05_BN { margin-bottom: 2vw;}
  .Area05 .box_A05 .bg { background-image: url("buy_center.png?t=1788509291667");background-size: contain; position: absolute; top:0; left: 0; width: 100%; height: 83%; z-index: -2; }
  .Area05 .box_A05 .bg::before{ content: ""; background: url("buy_top.png?t=1788509291667") no-repeat scroll top / 100%; position: absolute; top:-9vw; left: 0; width: 100%; height: 100%; z-index: -2; }
  .Area05 .box_A05 .bg::after { content: ""; background: url("buy_bottom.png?t=1788509291667") no-repeat scroll bottom / 100%; position: absolute; top:24vw; left: 0; width:100%; height: 100%; z-index: -2; }

}


/*A06*/
.Area06 .Nav_box { border-radius: 8px;}
@media screen and (min-width:768px){
  .Area06 .NavArea { margin-bottom: 30px;}
  .Area06 .NavArea .Nav ul { text-align: center;}
}
@media screen and (max-width:767px){
  .Area06 .Nav_box { width: 96%; margin: 0 auto 3vw;}
  .A06_PD.PD_layout ul { width: 96%;}
}

/*A07*/
/*登記贈品文案顏色*/.Area_danji .danji_box ul li .activityText .gifts span { color: #3273b9;}
@media screen and (min-width: 768px){
  .Area_danji .danji_box ul li { padding-bottom: 20px;}
  .Area_danji .warningTxt h3 { padding: 0 0 2.3em; margin-top: -1.7em;}
}
@media screen and (max-width:767px){
  .Area_danji { width: 96%;}
  .Area_danji ul { grid-gap: 1vw; padding-bottom: 2vw;}
  .Area_danji  .warningTxt h3 { padding: 0 0 2.3em; margin-top: -0.7em;}
}


/*A08*/
@media screen and (min-width:768px){
  .Area08 .A08_PD {margin-top: 58px;}
  .A08_PD.PD_layout ul { padding: 0; grid-gap: 15px;}
  .A08_PD.PD_layout[data-pd-col-pc="3"] li:nth-child(2) {padding-top: 150px;}
}
@media screen and (max-width:767px){
  .Area08 .A08_PD {margin-top: 2vw;}
  .A08_PD.PD_layout ul { padding: 0; grid-gap: 0 2vw; width: 96%;}
  .A08_PD.PD_layout[data-pd-col-pc="3"] li:nth-child(2) {padding-top: 10vw;}

}


/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,20px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}


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

/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
@media screen and (max-width:767px){
	.for_pc { display:none !important;}
	.for_phone { display: inherit !important;}
}