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

/*基本*/
body{ margin:0; padding:0; background-color: #181f59;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow: hidden; width:100%; min-width: 1220px; background-color: #001a5c; 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 (min-width: 768px) {
		.WRAPPER { max-width: 2000px;}
	}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh;}
		.WRAPPER img { width:100%;  height: auto;}
	}



/*fixed背景*/
.bg_00 { z-index:-2; 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:-48; position:fixed;top:0;left:0; width:100%; height:100vh; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_top { z-index:2; position:fixed;top:0px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top; pointer-events:none;}
.bgdeco { z-index: 2; position: absolute; top: 700px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1752494303241) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
/*.bgdeco2{ z-index: -1; position: absolute; top: 11850px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco2.png?t=1752494303241) no-repeat center top; }*/
  @media screen and (max-width:767px){
   .m_bg { z-index: -52; position: fixed; top:0; left: 0; width: 100%; height:100vh; background-position: center bottom; background-repeat: no-repeat; pointer-events: none; background-size: 100%;}
  /* .bgdeco2{ z-index: -1; position: absolute; top: 1340vw; left: 0; width: 100%; min-width: 100%; height: 100%; background: url(bgdeco2.png?t=1752494303241) no-repeat center top; }*/	
  }

/*PC背景*/
.Area_bgtop { z-index: 0; position: absolute; top: 0; left: 50%; width: 2000px; -webkit-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none;}
.Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 900px;}
.Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}

  @media screen and (min-width: 768px) {
    .Area_bgtop span { background-repeat: no-repeat;}
    .Area_bgtop_fixed { position: fixed;}
    .Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.jpg?t=1752494303241);}
    .bg_deco { z-index: 0; position: absolute; top: 1350px; left: 0; width: 100%; height: 120%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
  }

/*Phone背景*/
.m_Area_bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;}
.m_Area_bgtop .m_bgtop_ { position: absolute; top: -9vw; left: 0; width: 100%; height: 0; padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
  @media screen and (max-width: 767px) {
    .m_Area_bgtop span { background-repeat: no-repeat;}
    .m_Area_bgtop_fixed { position: fixed; top: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop_1 .m_bgtop_1_1 span { z-index: -3; position: absolute; top: 44px; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_1.png?t=1752494303241)  center top no-repeat; background-size: 100%;}
  }

/*區塊背景-共用設定*/
.Area_bg { pointer-events: none; z-index: 0;}
.Area_bg div { pointer-events: none; z-index: 1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
    @media screen and (max-width: 767px) {
      .Area_bg div { pointer-events: none; z-index: -1; position: absolute; left: 0; width: 100%; background-position: center top; background-repeat: no-repeat;}
      .Area_bg div { z-index: 1; top: 0vw; padding-bottom: 200%; background-size: 100%;}
    }
    /*圖片*/
    /*.Area_share_bg { z-index: 2;}*/
      @media screen and (min-width: 768px) {
        .Area04_bg div { top: 0px; height: 770px; position: absolute;}
      }
      @media screen and (max-width: 767px) {
        .Area04_bg div { top: 0; height: 0; padding-bottom: 110%; background-size: 100%;}
      }




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

.Areabottom { margin-bottom: 7vw;}
  @media screen and (min-width:768px){
    .Areabottom { margin-bottom: 85px;}
  }

/*公版間距微調*/
/*.PD_layout[data-pd-h3="1"] .PD h3, .PD_layout[data-pd-h3="2"] .PD h3, .PD_layout[data-pd-h3="3"] .PD h3, .PD_layout[data-pd-h3="4"] .PD h3, .PD_layout[data-pd-h3="6"] .PD h3 { background-color: #231f1f;}*/
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-title { display: none;}
	@media screen and (min-width:768px){
    .PD_layout[data-pd-li*="BN"] .PD_slide:hover,
    .PD_layout.remove_box_style .PD_slide:hover { transform: translateY(-6px);}
	}
	@media screen and (max-width:767px){
    .PD_layout ul { border-radius: 10px;}
	}
	

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





/*版頭*/
/* .Area_top {} */
.Area_top .momologo { z-index:8; position: absolute; top: 0px; left:10px;}
.Area_top .momologo a { display:block; width:170px; height:76px; background: url(momo_logo.png?t=1752494303241) no-repeat;}
.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1752494303241) no-repeat;}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .m_momologo { width:28%; position:absolute; z-index:5; top:2vw; left:0;}
    /*提醒我按鈕*/
    a.mo_remind_btn { z-index:10; position: absolute; right: 0; top: 64vw; width: 16%;}    
	}



/*版頭區塊*/
.Area_title img { width: 100%; height: auto;}
.animated.faster { -webkit-animation-duration: 1s; animation-duration: 1s;}
.Area_title .title { position: relative; pointer-events: none;margin-top: 10%;}
.Area_title .title_01 { z-index: 2; position: relative;left: 0%; top: 10%; width: 105%; animation-delay:.3s;}
.Area_title .title_02 { z-index: 2; position: absolute; left: 65%; top: 15%; width: 11%; animation-delay:.3s;}
.Area_title .title_03 { z-index: 2; position: absolute; right: 0; top: 3.5%; width: 35%; animation-delay:.9s;}
.Area_title .title_04 { z-index: 2; position: absolute; left: 1%; top: 3.5%; width: 100%; animation-delay:.3s;}
  @media screen and (min-width:768px){
    .Area_title { height: 466px;}
    .Area_title .title { margin: 65px 0 0  210px; width: 63%;}
    .Area_title .title_03 { right: -86px; top: 32px;}
    .Area_title .title_04 { right: 0px; top: 32px;}
  }
  @media screen and (max-width:767px){
    .Area_title { height: 80vw;margin: 8% 0 0 0;}
    .Area_title .title { position: relative; pointer-events: none;margin-top: 6%;}
    .Area_title .title_01 { z-index: 2; position: relative;left: -2%; top: 15%; width: 105%; animation-delay:.3s;}
    .Area_title .title_02 { z-index: 2; position: absolute; left: 72%; top: 11%; width: 19%; animation-delay:.6s;}
    .Area_title .title_03 { z-index: 2; position: absolute; right: 0; top: -6%; width: 35%; animation-delay:.6s;}
  }
  /*副標輪播*/
  .Area_title .box_PD { z-index: 3; position: absolute; top: 325px; left: 330px; width: 576px; /*height: 140px;*/}
  .Area_title .box_PD .Area_swiper ul { margin: 0; padding: 0;}
  .Area_title .box_PD .Area_swiper li { list-style: none;}
  .Area_title .box_PD .Area_swiper img { width: 100%; height: auto;}
    @media screen and (max-width:767px){
      .Area_title .box_PD { position: absolute; top: 43vw; left: 10vw; width: 80%; height: auto;}
    }


/*活動倒數*/
.TimerNick { display: inline-block; z-index:8; text-align: left; color: #f0f9ff;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0;border: 0; font: bold 32px/40px Arial; /*color: #fff;*/ letter-spacing: 2px; text-align: center;color:#cc96ff}
.TimerNick span { padding-left: 2px; font: bold 20px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0.05em;}
  @media screen and (min-width:768px){
    .TimerNick { position: absolute; top: 130px; left: 459px; transform: scale(1.3);}
  }
  @media screen and (max-width:767px){
    .TimerNick  { position: relative; margin: 1vw 0 1vw 10%; width: 90%;}
    .TimerNick .FontStyle { margin: 0; padding: 0; border: 0; font: bold 6vw/6vw Arial; }
    .TimerNick span { padding-left: 1vw; font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .TimerNick small { padding-left: 1vw; font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .TimerNick .time_day { letter-spacing: 0.1em;}
  }

/*版頭品*/
.Area_topPD .box { position: relative; padding: 10px 130px;}
.Area_topPD .box .PD_layout { z-index: 2;}
.Area_topPD .box .title_02 { z-index: 3; position: absolute; left: 8.7%; top: -7.3vw; width: 15%; animation-delay:.3s;}
  @media screen and (min-width:768px){
    .Area_topPD { margin-bottom: 95px; padding-top: 280px;}
    .Area_topPD::after { z-index: 1; content: ""; position: absolute; top: 220px; left: 50%; transform: translateX(-50%); width: 1220px; height: 422px; background: url(Area_topPD_bg.png?t=1752494303241) center top no-repeat; pointer-events: none;}
    .Area_topPD .box .title_02 { left: 775px; top: -600px; width: 125px;}
    .Area_topPD .box .title_02 img { width: 100%; height: auto;}
  }
  @media screen and (max-width:767px){
    .Area_topPD { margin-bottom: 1.5vw; padding-top: 0vw;}
    .Area_topPD .box { padding: 10vw 6.4% 8vw; background: url(mArea_topPD_bg_03.png?t=1752494303241) center bottom no-repeat; background-size: 100%;}
    .Area_topPD .box::before { z-index: 1; content: ""; position: absolute; top: 30vw; left: 0; width: 100%; height: calc(100% - 43vw); background: url(mArea_topPD_bg_02.png?t=1752494303241) center top repeat-y; background-size: 100%; pointer-events: none;}
    .Area_topPD .box::after { z-index: 1; content: ""; position: absolute; top: 0vw; left: 0; width: 100%; height: 83vw; background: url(mArea_topPD_bg_01.png?t=1752494303241) center top no-repeat; background-size: 100%; pointer-events: none;}
    .Area_topPD .PD_layout[data-pd-ta=left] { text-align: center;}
  }



/*區標(線上入稿)*/
.box_title { position: relative;}
.box_title .inbox { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%); transform: translate(-50%); width: 100%;} /*inbox-有背景圖使用*/
.box_title ul { margin: 0 auto; padding: 0; list-style: none; box-sizing: border-box;}
.box_title li { margin: 0; padding: 0;}
.box_title h2 { position: relative; overflow: hidden; margin: .2em auto; height: 1.62em; color: #fff; font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica; font-weight: 600; box-sizing: border-box;}
  @media screen and (min-width:768px){
    .box_title { margin-bottom: 18px;}
    .box_title .inbox { top: 30px;} /*修正偏移*/
    .box_title h2 { width: 46%; font-size: 50px; letter-spacing: 0.01em; padding-right: .045em;}
  }
  @media screen and (max-width:767px){
    .box_title { margin-bottom: 0vw;width: 87%;margin: 0 auto;padding-bottom: 5vw;}
    .box_title .inbox { top: 3vw;} /*修正偏移*/
    .box_title h2 { width: 73%; font-size: 6vw; letter-spacing: -0.025em; padding-right: .05em;}
  }

/*去除PD_layout樣式*/
.PD_noBG ul { background-color: transparent; width: 100%; padding: 0;}
.PD_noBG ul li { border: none; /*background-color: #fff;*/}

/*區塊背景-定位*/
.box_bg { position: absolute; top: 0; left: 0;}



/*回饋公式*/
.Area_cal .more { z-index: 6; position: absolute; top: 251px; left: 69px; width: 179px;}
.Area_cal .PD_layout ul { padding: 0; grid-gap: 0;}
  @media screen and (min-width:768px){
    .Area_cal .more img { width: 100%; height: auto;}
  }
  @media screen and (max-width:767px){
    .Area_cal .more { top: 25.9vw; left: 6.6%; width: 20%;}
  }



/*折價券*/
/* @media screen and (min-width:768px){
  .Area_coupon ul { padding-left: 10px; padding-right: 10px; grid-gap: 15px;}
  .Area_coupon .coupon_info_btn { margin-top: -10px;}
} */
@media screen and (max-width:767px){
  .Area_coupon ul { padding-left: .6em; padding-right: .6em; grid-gap: 0;}
  /*.Area_coupon .coupon_info_btn { margin-top: -2vw;}*/
}



/*特談下殺*/
/* .Area04 .PD_layout .PD_wrapper { filter: grayscale(0.3) brightness(35%);}
.Area04 .PD_layout.today .PD_wrapper { filter: grayscale(0) brightness(100%);}*/
  @media screen and (min-width:768px){
    .Area04 { padding-bottom: 76px;}
    .Area04 .PD_layout ul { padding-left: 80px; padding-right: 80px;}
  }
  @media screen and (max-width:767px){
    .Area04 .PD_layout { height: 52vw; overflow: hidden;}
    .Area04 .PD_layout ul { padding-left: 1.1em; padding-right: 1.1em;}
  }
  /*切換頁籤*/ 
  .Area04 .box ul.kind { display: block; position: relative; width: 960px; margin: 0; padding: 0; overflow: hidden; list-style: none; text-align: center;}
  .Area04 .box ul.kind li { width: auto; cursor: pointer; margin: 60px 8px 40px; padding: 0; text-decoration: none; text-align: center; display: inline-block;}
  .Area04 .box ul.kind li a { display: block; padding: 0 34px; color: #fff; font: 32px/51px Century Gothic; border-radius: 60px; background: #025079; border: solid 2px rgba(255,255,255,0);} 
  .Area04 .box ul.kind li.selected a { background: #002aff; border-color: rgba(255,255,255,1);} 
    @media screen and (max-width:767px){
      .Area04 .box ul.kind { /*display: flex;*/ display: inline-block; margin: 6vw auto 3vw; width: 100%; box-sizing: border-box;}
      .Area04 .box ul.kind li { width: 14%; margin: 0 auto; padding: 0 .7vw;}
      .Area04 .box ul.kind li a { padding: 0 2%; font: 4.5vw/6.5vw Century Gothic; border-width: 1.5px;}
    }
    /*公版-單品*/
    .Area04 .PD_layout.PD_box .js-PD_priceTxt, .Area04 .PD_layout.PD_box .js-PD_txt1 { display: none;}
    .Area04 .PD_box .PD_img { position: relative;}
    .Area04 .PD_box .PD_img::after { z-index: 6; content: ""; position: absolute; top: 2%; left: 2%; width: 96%; height: 96%; background: url(Area04_deco.png?t=1752494303241) center no-repeat; background-size: 100%; pointer-events: none;}
    .Area04 .PD_box .PD_into { padding: 0 0 0 .7em;}
    .Area04 .PD_box .PD p { margin-bottom: .1em; /*text-align: right;*/ padding-right: .25em; color: #ffe500;}
    .Area04 .PD_box .PD h3 { padding: 0 .2em; color: #fff; background-color: #002aff; margin-bottom: 0; font-size: 1.15em; line-height: 1.7em; max-height: 1.7em;}
    .Area04 .PD_box .PD h4 { padding: 0 .2em; color: #fff; line-height: 1.75em; max-height: 1.75em; /*letter-spacing: -0.025em;*/ margin-bottom: .6em;}
      @media screen and (min-width: 768px){
        .Area04 .PD_box .PD_img { padding: 1.1em; width: 45%;}
        .Area04 .PD_box .PD_into { padding-top: 40px; margin-left: 30px; transform: scale(1.05);}
          /*PC字級修改*/
          .Area04 .PD_box .PD p { font-size: 2em;}
          .Area04 .PD_box .PD p b, .Area04 .PD_box .PD p del { font-size: 28px;}
          .Area04 .PD_box .PD p .money { font-size: 32px;}
          .Area04 .PD_box .PD p .Price { font-size: 56px;}
          .Area04 .PD_box .PD p small { font-size: 24px;}
          .Area04 .PD_box .PD h3 { font-size: 27px;}
          .Area04 .PD_box .PD h4 { font-size: 24px;}
      }
      @media screen and (max-width: 767px){
        .Area04 .PD_box .PD_into { padding-top: 3.5vw;}
        .Area04 .PD_box .PD p .Price { font-size: 8.5vw;}
      }
    



/*好康大補帖*/
@media screen and (min-width:768px){
  .Area_event .PD_layout ul { /*padding-left: 40px; padding-right: 40px;*/ grid-gap: 15px 20px;}
}
@media screen and (max-width:767px){
  .Area_event .PD_layout ul { padding-left: .6em; padding-right: .6em; grid-gap: .4em .2em;}
}
  


/*登記活動*/
@media screen and (min-width:768px){
  .Area_activ .Area_danji .danji_box { width: 890px;}
  .Area_activ .Area_danji .danji_box ul li .content { top: 183px;} /*微調位置*/
  .Area_activ .Area_danji .danji_box .box_2 { transform: scale(.89); transform-origin: center top;} /*校正大小*/
  .Area_activ .Area_danji .danji_box .box_2 { margin-bottom: 20px;} /*與警語間距*/
  .Area_activ .Area_danji_01, .Area_activ .Area_danji_02 { margin-bottom: 15px;}
}
@media screen and (max-width:767px){
  /*.Area_activ .Area_danji .danji_box ul li .content { top: 65%;} 微調位置*/
  .Area_activ .Area_danji .danji_box .box_1 ul { padding-left: .6em; padding-right: .6em;}
  /*.Area_activ .Area_danji .danji_box .box_2 { width: 56.8%;}*/ /*校正大小*/
  .Area_activ .Area_danji .danji_box .box_2 { margin-bottom: .25em;} /*與警語間距*/
  .Area_activ .Area_danji_01, .Area_activ .Area_danji_02 { margin-bottom: 4vw;}
}
  /*未開放*/
  .preDanji .Area_danji .danji_box { pointer-events: none;}
  .preDanji .Area_danji .danji_box ul li .content,
  .preDanji .Area_danji .danji_box .box_2 { display: none;}
  .preDanji .Area_danji .danji_box ul li::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,.6) url(danji_lock.png?t=1752494303241) center no-repeat; background-size: 100%;}
    @media screen and (min-width:768px){
      .preDanji .Area_danji .danji_box ul li { margin-bottom: 17px; padding-bottom: 0;}
    }



/*主打品*/
@media screen and (min-width: 768px){
  .Area_item { margin-bottom: 60px;}
  .Area_item .PD_layout ul { padding-left: 10px; padding-right: 10px; grid-gap: 35px;}
}
@media screen and (max-width: 767px){
  .Area_item { margin-bottom: 4vw;}
  .Area_item .PD_layout ul { padding-left: .6em; padding-right: .6em; grid-gap: 4vw;}
}




/*特談爆款*/
.Area_hot .box_title { z-index: 2; margin-bottom: 0;}
.Area_hot .box { z-index: 1; position: relative; padding: 1vw 2.5% 0;}
.Area_hot .box::before { content: ""; position: absolute; top: 10vw; left: 0; width: 100%; height: calc(100% - 20vw); background: url(m_Area_hot_bg2.png?t=1752494303241) center top repeat-y; background-size: 100%; pointer-events: none;}
.Area_hot .box::after { content: ""; position: absolute; top: -10.2vw; left: 0; width: 100%; height: 22vw; background: url(m_Area_hot_bg1.png?t=1752494303241) center top no-repeat; background-size: 100%; pointer-events: none;}
.Area_hot .box .PD_layout { z-index: 2;}
.Area_hot .box .PD_layout ul { background-color: transparent;}
  @media screen and (max-width:767px){
    .Area_hot .deco_02 { margin-top: -10.5vw;}
  }
  @media screen and (min-width:768px){
    .Area_hot .box { padding-top: 0;}
    .Area_hot .box::before { top: 92px; left: 0; width: 100%; height: calc(100% - 200px);}
    .Area_hot .box::after { top: -100px; width: 100%; height: 216px;}
    .Area_hot .deco_02 { margin-top: -108px;}
        /*PC字級修改*/
        .Area_hot .PD_layout .PD p { transform: scale(1.1); font-size: 1.3em;}
  }



/*公版6品(輪播區)-加碼送mo幣*/
  .Area_item01 { width:1220px;height:640px; }
  .Area_item01 .box{margin:0px 0 0 70px;width: 1050px;overflow: hidden;}
  .Area_item01 .box_bg{ width:1220px;height:640px; }
  .Area_item01 .Area_swiper_box{margin: 160px 0 0 0px;}
  .Area_item01 h2 { text-align: center; color: #fff }
    @media screen and (min-width: 768px){
      .Area_item01{ border-radius: 15px }
    }
    @media screen and (max-width:767px){
      .Area_item01 { width: 96%; border-radius: 10px ;height:auto; }
      .Area_item01 .box{margin:0px 0 0 2vw;width: 96%;overflow: hidden;}
      .Area_item01 .box_bg{ width:100%;height:auto; }
      .Area_item01 .Area_swiper_box{margin:15vw 2vw 0 0vw;}
    }
  

/*公版-最強爆品區*/
/*版頭公版上下標.關閉*/
.Area_item02 {}
.Area_item02 .layout_item .imgTag {display: none !important;}
.Area_item02 .layout_item .imgTagBottom {display: none !important;}
.Area_item02 .layout_item .prdImgWrap .imgTagRectangle {display: none !important;}
.Area_item02 .txt ul {height: 180px;}
.Area_item02 .txt ul li h5 {top:37px;}
.Area_item02 .title img{width:65% ;}
.Area_item02_bg {z-index: -35;position:absolute;top: -320px;width:100%;height: 1200px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	

/*作圖區*/
.Area_item02 .layout_item .PD p b {color: #70ffc4;padding: 0 3%;border-radius: 5em;font-size: 1.1em;margin: 0 2% 0 0;}
.Area_item02 .layout_item .PD_slide .PD p del {position: relative;color:#afafaf;font-size: 17px;}
.Area_item02 .layout_item .PD p .Price {font-weight: 700;color:#70ffc4;font-size: 2.3em;}
.Area_item02 .layout_item .PD p {position: relative;top: 5px;left: 60px;font-size:1.3em;color:#70ffc4;text-align: left;}
.Area_item02 .layout_item ul {grid-gap: 15px;}	
.Area_item02 .layout_item li {width:100%;height:400px;left:0;background: url("Area_item02_bg.png?t=1752494303241") center top / 100% no-repeat scroll;}	
.Area_item02 .layout_item {padding:0;width: 96%;margin: 40px 0 50px 0;}
.Area_item02 .layout_item .PD_slide {}
.Area_item02 .layout_item .PD_slide .PD_into {width: 100%;padding-left:0;position: absolute;left:-30px;top: 240px;text-align: center;}
.Area_item02 .layout_item .PD_slide .PD_img img {width: 75.5%;margin: 12% 0 0 13%;}
.Area_item02 .layout_item .PD_slide .PD_into h3 {position: relative;top: 0;left: 60px;max-height: 1.5em;font-family: Noto Sans CJK TC;font-weight: bold;font-size: 2.0em;line-height: 1.5em;color:#fff;text-align: left;}
.Area_item02 .layout_item .PD_slide .PD_into h4 {position: relative;font-size: 1.5em;color: #fff;text-align: left;top: 0;left: 60px;line-height: 1.2em;margin-bottom:0;}
.Area_item02 .layout_item .PD_slide .PD:hover h4 {color:#70ffc4;}	
.Area_item02 .layout_item .PD p .money {font-size: 20px;}

@media screen and (max-width:767px){
  .Area_item02 {padding-top: 5vw;}
  .Area_item02 .title img{width:92% ;}
 /*作圖區*/
   .Area_item02 .layout_item {padding:0;width: 100%;margin:4vw 0  4vw 0 ;}
  .Area_item02 .layout_item ul {grid-gap: 1em;width: 95%;}
  .Area_item02 .layout_item li {width:100%;height:65vw;left:0;background: url("Area_item02_bg.png?t=1752494303241") center top / 100% no-repeat scroll;}
  .Area_item02 .layout_item .PD_slide {}
  .Area_item02 .layout_item .PD_slide .PD_into {position: absolute;top:44vw;left:1vw;width: 100%;text-align:center;font-size: 0.7em;}
  .Area_item02 .layout_item .PD_slide .PD_img img {width: 82%;margin: 13% 0% 0% 10%;box-shadow: unset;}
  .Area_item02 .layout_item .PD_slide .PD_into h3 {max-height: 1.4em;font-size: 1.4em;line-height: 1.7em;margin: 0;color: #fff;position: relative;text-align: left;left: 4vw;}
  .Area_item02 .layout_item .PD_slide .PD_into h4 {position: relative;font-size: 1.4em;color:#fff;margin: 0;line-height: 1em;text-align: left;top:1vw;left: 4vw;}
  .Area_item02 .layout_item .PD_slide .PD p del {color: #fff;z-index: 99;position: relative;font-size: 1em;}
  .Area_item02 .layout_item .PD p {position: relative;height: 15vw;font-size: 1.3em;line-height: 2.4em;color:#faff69;text-align: left;left: 4vw;}
  .Area_item02 .layout_item .PD p .Price {font-weight: 700;color:#faff69;font-size: 1.8em;}
  .Area_item02 .layout_item .PD p small {font-size: 1.4em;}	
  .Area_item02_bg {z-index: -1;position:absolute;top: -8vw;width:100%;height: 120%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
}


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

/*公版5品(8區)*/
.Area_PD { width:95% ;}
.Area_PD::after { }
.Area_PD .box { z-index: 1; position: relative; padding: 0 2%;}
.Area_PD .PD_layout{ padding-top:20px ;}
.Area_PD .title.PD_layout .PD_img{ width:717px;margin:0 auto ;}
  @media screen and (max-width:767px){
    .Area_PD { width: 96%; padding-bottom: 0vw; border-radius: 3.5vw;}
    .Area_PD .box_title { z-index: 2; margin-bottom: 0;}
    .Area_PD .title.PD_layout .PD_img{ width:96%;margin:0 auto ;}
  }
  @media screen and (min-width:768px){
    .Area_PD { margin-bottom: 50px; width: 1216px; padding-top: 2px; padding-bottom: 15px; border-width: 2px; border-radius: 30px;}
    .Area_PD .box_title { z-index: 2; margin-bottom: 12px;}
    .Area_PD::after { width: 100%; height: 150px; background-image: url(Area_PD_bg.png?t=1752494303241);}
    .Area_PD .box { padding: 0 1.2%;}

  }





/*品牌旗艦館*/
@media screen and (min-width:768px){
  .Area_guan { margin-top: 85px;}
  .Area_guan .PD_layout ul { grid-gap: 36px;}
}
@media screen and (max-width:767px){
  .Area_guan { margin-bottom: 8vw;}
  .Area_guan .PD_layout ul { padding-left: .9em; padding-right: .9em; grid-gap: .9em .45em;}
}



/*詳情浮層微調*/
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-tt2 p { background: #1f2cff;}
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info.row-g { background: #eeeeee;}
#agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info.row-w { background: #fff;}
#agree_more1 .agreeArea .itemwrap-gift-info ul { margin-bottom: 1rem;}
  @media screen and (min-width:768px){
    #agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info p { width: 6.5em;}
  }
  @media screen and (max-width:767px){
    #agree_more1 .agreeArea .itemwrap-gift-info .PD_slide .row-info p { width: 6.7em;}
  }


/*品數校正*/
@media screen and (min-width:768px){
  .PD_layout[data-pd-col-pc="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
  .PD_layout[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
}
@media screen and (max-width:767px){
  .PD_layout[data-pd-col-phone="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
}


.Area_bottom{margin-bottom:50px;}
@media screen and (max-width:767px){
  Area_bottom {margin-bottom:3vw}
}





/*閃光*/				  
.brightness-play { -webkit-animation:brightness2-play 3s -0.14s  infinite ; animation:brightness2-play 2s -0.14s  infinite ;}
	@keyframes brightness2-play {
	  0% { 
		filter:brightness(100%);
	  }
	  88% { 
		filter:brightness(100%);
	  }
	  91% { 
		filter:brightness(150%);
	  }
	  94% { 
		filter:brightness(100%);
	  }
	  97% { 
		filter:brightness(150%);
	  }
	  100% { 
		filter:brightness(100%);
	  }
	}
	
	
	/*閃光*/				  
.brightness-play4 { -webkit-animation:brightness-play4 4s infinite ;
				           animation:brightness-play4 4s infinite ;
				  }
	@keyframes brightness-play4 {
	  0% { 
		filter:brightness(101%);
	  }
	  25% { 
		filter:brightness(90%);
	  }
	  50% { 
		filter:brightness(120%);
	  }
	  75% { 
		filter:brightness(90%);
	  }
	  100% { 
		filter:brightness(101%);
	  }
	}