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


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

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


/*全BOX版面*/	
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%; min-width: 1220px; max-width: 2000px; overflow: hidden; font-family: Noto Sans CJK SC,"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #322420;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
  @media screen and (min-width:768px){
    .WRAPPER { padding-bottom: 170px;}
  }
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom: 150px; min-width: inherit;}
		.WRAPPER img { width:100%;  height:auto;}
	}	


/*共用--區塊_all*/
.Area { z-index:1; 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:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; filter:brightness(110%);}
  @media screen and (min-width:768px){
    .Area .go_bt:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
  }
  /*寬度,間距*/
  .Area1220 { margin:0 auto; width:100%;}
  .Area960 { margin:0 auto; width:100%;}
    @media screen and (min-width:768px){
      .Area1220 { width:1220px;}
      .Area960 { width:960px;}
      .Areabottom { margin-bottom:0;}
    }
    @media screen and (max-width:767px){
      .Areabottom { margin-bottom:0;}
    }




/*PC背景*/
	@media screen and (min-width:768px){
    .Area_bgtop { pointer-events: none;}
    .Area_bgtop span { background-repeat: no-repeat;}
		.Area_bgtop_fixed { position: fixed;}
    .Area_bgtop .bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .Area_bgtop .bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; background-position: center top;}
    
		.Area_bgtop_1 .bgtop_ { z-index: 0; height: 800px; overflow: hidden;}
		.Area_bgtop_1 .bgtop_1_2 { z-index: 2;}
		.Area_bgtop_1 .bgtop_1_1 span { background-image: url(bgtop_1_1.jpg?t=1751274466743);}
		.Area_bgtop_1 .bgtop_1_2 span { background-image: url(bgtop_1_2.png?t=1751274466743); top: -95px;/* height: 800px;*/}
    
    .Area_bgtop_2 { z-index: 0; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 2000px; height: 100%;}
    .Area_bgtop_2 .bgtop_ { opacity: 1;}
    .Area_bgtop_2 .bgtop_ span { height: 100%;}
    .Area_bgtop_2 .bgtop_2_1 { width: 100%; height: 100%; /*top: 1213px;*/}
    .Area_bgtop_2 .bgtop_2_1 span { background: url(bgtop_1_3.jpg?t=1751274466743) center top no-repeat; /*opacity: 0;*/} 
  }

/*Phone背景*/
  @media screen and (max-width:767px){
    .m_Area_bgtop { pointer-events: none;}
    .m_Area_bgtop span { background-repeat: no-repeat;}
	  .m_Area_bgtop_fixed { position: fixed; top: 32px;} /*搭配js-appBgFixed*/
    .m_Area_bgtop .m_bgtop_ { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-bottom: 100%;}
    .m_Area_bgtop .m_bgtop_ span { position: absolute; display: block; width: 100%; height: 100%; padding-bottom: 100%; overflow: hidden; background-position: center top; background-size: 100%;}
    
    .m_Area_bgtop_1 .m_bgtop_1_2 { z-index: 1;}
    .m_Area_bgtop_1 .m_bgtop_1_3 { z-index: 1;}
    .m_Area_bgtop_1 .m_bgtop_1_0 span { position: fixed; top: 0; left: 0; width: 100%; height:100%; background: url(m_bg_body.jpg?t=1751274466743) center center no-repeat; background-size: 100%;}
    .m_Area_bgtop_1 .m_bgtop_1_1 span { position: absolute; top: 44px; left: 0; width: 100%; height:100%; background: url(m_bgtop_1_1.jpg?t=1751274466743) center top no-repeat; background-size: 100%;}
    .m_Area_bgtop_1 .m_bgtop_1_2 span { position: absolute; top: calc(4.8vw + 44px); left: -4%; width: 100%; height:100%; background: url(m_bgtop_1_2.png?t=1751274466743) 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_case_bg { z-index: 2;}
    @media screen and (min-width: 768px) {
      .Area_intro_bg div { top: -115px; height: 1287px; position: absolute; z-index: 0;}
      .Area_case_bg div { top: -85px; height: 1114px; position: absolute; z-index: 0;}
      .Area_thing_bg div { top: 0; height: 1150px; position: absolute; z-index: 0;}
    }
    @media screen and (max-width: 767px) {
      .Area_intro_bg div { top: -12.2vw; height: 0; padding-bottom: 140%; background-size: 100%;}
      .Area_case_bg div { top: -12.2vw; height: 0; padding-bottom: 119%; background-size: 100%;}
      .Area_thing_bg div { top: 0; height: 0; padding-bottom: 141%; background-size: 100%;}
    }




/* --------------------------------------
 * page 輪播微調
 * -------------------------------------- */

/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_boxstyle_pagination .swiper-pagination-bullet { border-radius: 20px; width: 6px; height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
          transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;}
.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
/*.Area_boxstyle_pagination .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet { background-color: #fff; opacity: 0.4;}
.Area_boxstyle_pagination-white .swiper-pagination-bullet-active { background-color: #fff; opacity: 1;}*/ /*小圓點顏色-預設class_swiper-pagination-black*/
.Area_boxstyle_button { color: #575757; /*text-shadow: 0px 3px 4px rgba(0, 0, 0, 0.6);*/ -webkit-transition: 0.2s; transition: 0.2s;} /*箭頭顏色*/
.Area_boxstyle_button.swiper-button-next::after,
.Area_boxstyle_button.swiper-button-prev::after { -webkit-transform: scale(0.8); transform: scale(0.8);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { content: ""; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 50%; width: calc(var(--swiper-navigation-size) * 1.5); height: calc(var(--swiper-navigation-size) * 1.5);}
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before { background-color: rgba(0, 0, 0, 0.25); opacity: 1;
  -webkit-box-shadow: inset 0 0 1px 1px #fff;
          box-shadow: inset 0 0 1px 1px #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.2s;
          transition: 0.2s;}
.Area_boxstyle_button.swiper-button-next::before { left: 45%;}
.Area_boxstyle_button.swiper-button-prev::before { left: 55%;}
  /*配色*/
  .Area_boxstyle_button.swiper-button-next::before,
  .Area_boxstyle_button.swiper-button-prev::before {
    background-color: rgba(242, 242, 242, .95); /*箭頭圓形顏色*/
    -webkit-box-shadow: inset 0 0 1px 1px #575757;
            box-shadow: inset 0 0 1px 1px #575757;}

  .Area_boxstyle_button-white { color: #fff;}
  .Area_boxstyle_button.swiper-button-next:after,
  .Area_boxstyle_button.swiper-button-prev:after { -webkit-transform: scale(0.6); transform: scale(0.6);} /*箭頭大小*/
  .Area_boxstyle_button-white.swiper-button-next::before,
  .Area_boxstyle_button-white.swiper-button-prev::before { -webkit-box-shadow: inset 0 0 1px 1px #fff; box-shadow: inset 0 0 1px 1px #fff;}
  .Area_boxstyle_scrollbar.swiper-scrollbar { left: 23%; width: 54%; background-color: rgba(0, 0, 0, 0.1);}
  .Area_boxstyle_scrollbar .swiper-scrollbar-drag { background: #45acdf;}
  .Area_boxstyle_scrollbar-white .swiper-scrollbar-drag { background: #fff;}
    @media screen and (min-width: 768px) {
      /*.Area_boxstyle_button:hover { color: #fff; text-shadow: inherit;}*/
      .is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
      .is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before { opacity: 1; width: calc(var(--swiper-navigation-size) * 1.7); height: calc(var(--swiper-navigation-size) * 1.7); background-color: #fff;}
      .Area_boxstyle_scrollbar.swiper-scrollbar { height: 6px; bottom: 70px;}
    }
    @media screen and (max-width: 767px) {
      :root { --swiper-navigation-size: 30px;}
      .Area_boxstyle_scrollbar.swiper-scrollbar { bottom: 5vw;}
      .is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
      .is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before { opacity: 1; background-color: #fff;}
    }

/*輪播調整*/
.Area_swiper { position: relative;}
.Area_swiper .PD_layout ul { display: flex; margin: 0; padding: 0; grid-gap: 0;}
.Area_swiper_box .pagination, .Area_swiper_box .Area_boxstyle_button { -webkit-transform:scale(0.7); transform:scale(0.7);}
  @media screen and (min-width: 768px) {
    .Area_swiper { margin-top: 10px; padding: 10px 60px 0;}
    .Area_swiper .PD_layout ul { padding-bottom: 35px;}
    
  }
  @media screen and (max-width: 767px) {
    .Area_swiper { margin: 0; padding: 0; width: 100%; box-sizing: border-box;}    
  }

/*項目符號-圓線框*/
ul.border-decimal { list-style: none; counter-reset: step;}
ul.border-decimal li { position: relative; counter-increment: step;}
ul.border-decimal li:before { content: counter(step); display: block; position: absolute; top: .5em; left: -1.5em; text-align: center; width: 1em; height: 1em; line-height: 1em; font-size: .825em; /*color: #777;*/ font-style: normal; font-family: Times; border-radius: 50%; border: solid 1px #f2d9b6;}



/*版頭*/
.Area_top {}
.Area_top .motionLine { position: absolute; top: 313px; left: 1160px; width: 1px; height: 145px; background-color: #2e2e2e;}
.Area_top .motionLine:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; background-color: #ccc; animation: motionLine 4s linear infinite;}
.Area_top .title { z-index: 2; position: relative;}
	@media screen and (min-width:768px){
    .Area_top { /*height: 672px;*/ height: 459px; transform: translateX(-5px);}
    .Area_top .title { padding: 40px 0 5px; text-align: center;}
    .Area_top .box_PD img { width: 100%; height: auto;}
    .Area_top .topPD { z-index: 1; position: absolute; top: 27px; left: 120px; width: 40%; text-align: left; /*animation-delay: 0.5s;*/}
      /*加文案*/
/*      .Area_top { padding-bottom: 5.5vw;}*/
      .Area_top .warningTxt { position: absolute; bottom: 56px; left: 50%; transform: translateX(-47.7%);}
      .Area_top .warningTxt h3 { font-size: 23px; font-weight: 600; color: #fef3de;}
  }
	@media screen and (max-width:767px){
    .Area_top { height: inherit;}
    .Area_top .motionLine { top: 46.3vw; left: 92.3%; height: 13vw;}
    .Area_top .topPD { z-index: 1; position: absolute; top: 0; left: 0; width: 40%; /*animation-delay: 0.5s;*/}
      /*加文案*/
      .Area_top { padding-bottom: 5.5vw;}
      .Area_top .warningTxt { position: absolute; bottom: 9.5vw; left: 50%; transform: translateX(-48%); width: 100%;}
      .Area_top .warningTxt h3 { font-size: 0.85rem; font-weight: 600; color: #fef3de;}
  }
  /*副標輪播*/
  .Area_top .box_PD { z-index: 3; position: absolute; top: 260px; left: 357px; width: 560px; /*height: 140px;*/}
  .Area_top .box_PD .subBG { position: absolute; top: 0; left: 0; width: 100%;}
  .Area_top .box_PD .Area_swiper { margin: 0; padding: 0;}
  .Area_top .box_PD .Area_swiper_box { padding-bottom: 0;}
  .Area_top .box_PD .Area_swiper ul { margin: 0; padding: 0;}
  .Area_top .box_PD .Area_swiper li { list-style: none;}
  .Area_top .box_PD .Area_swiper img { width: 100%; height: auto;}
    @media screen and (max-width:767px){
      .Area_top .box_PD { position: absolute; top: 22.3vw; left: 19.7%; width: 66%; height: auto;} /*視覺大小 top: 20.4vw; left: 17.5%; width: 65%;*/
    }
  /*motionLine*/
  @keyframes motionLine {
    0%   { height: 0;}
    25%  { height: 0;}
    85%  { height: 100%;}
    100% { height: 100%;}
  }



/*01-主打方案*/
.Area_intro {}
.Area_intro .box { padding: 0 5% 59px; box-sizing: border-box;}
.Area_intro .box .btn { position: relative; margin: 0 auto; width: 43.3%; padding-bottom: 2.5%;}
  @media screen and (min-width:768px){
    .Area_intro { margin-bottom: 60px;}
    .Area_intro .box .btn { width: 37.7%; margin-top: 21px;}
    .Area_intro .box .btn img { width: 100%; height: auto;}
    .Area_intro .block_tt { margin-top: 5px; margin-bottom: -2px;}
    .Area_intro .PD_navbox ul { padding-left: 20px; grid-gap: 10px 22px; /*transform: translateX(16px);*/ transform: scale(.99);}
  }
	@media screen and (max-width:767px){
    .Area_intro .box { padding-bottom: 6vw;}
    .Area_intro .box .btn { margin-top: 1.5vw;}
    .Area_intro .block_tt { margin: .5vw auto 0;}
    .Area_intro .PD_navbox ul { /*column-gap: .2vw;*/ padding-left: .2vw; grid-gap: 1vw .2vw; transform: scale(.992);}
    .Area_intro .PD_navbox ul li:nth-child(2n) { transform: translateX(1vw);}
  }
  /* 登記警告文案 */
  .warningTxt { font: 16px/1.3 "Century Gothic", "微軟正黑體", sans-serif;}
    @media screen and ( min-width:737px) {
      .warningTxt { margin: 10px auto 0; width: 790px;}
      .warningTxt h3 { color: #e8d2aa; text-align: center; font-size: 1rem; line-height: 1.5; font-weight: 400; padding: 0 0 1em; margin: 0;}
    }
    @media screen and ( max-width:736px) {
      /*.warningTxt { margin-top: 1.5vw;}*/
      .warningTxt h3 { color: #e8d2aa; text-align: center; font-size: 0.75rem; line-height: 1.5; font-weight: 400; padding: 0 0 0.5em; margin: 0;}
    }



/*02-優惠說明*/
.Area_good {}
.Area_good .box h2 { position: relative; margin: 0 auto; padding: 0; overflow: hidden; color: #fff; line-height: 1; letter-spacing: 0em; text-align: center; /*font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica;*/ font-weight: 700;}
.Area_good .box h2 b { color: #fc7c4d;}
.Area_good .box .bnArea { position: relative; margin: 0 auto; width: 840px; box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.5); border: 1px solid; border-image: linear-gradient(30deg, #4d3300, #ddb566, #4d3300) 1;}
.Area_good .box .btn { position: relative; margin: 0 auto; width: 39%; /*margin-left: 6.5%;*/ padding-bottom: 2.5%;}
  @media screen and (min-width:768px){
    .Area_good .block_tt { margin-bottom: -12px;}
    .Area_good .box { margin-bottom: 90px;}
    .Area_good .box h2 { margin-bottom: 10px; padding-top: 15px; font-size: 50px;}
    .Area_good .box .btn { width: 26.7%; margin: 0 auto;}
    .Area_good img { width: 100%; height: auto;}
  }
  @media screen and (max-width:767px){
    .Area_good .box { margin-bottom: 8vw;}
    .Area_good .box h2 { margin: 10vw 0 1.5vw; width: 100%; font-size: 5.2vw; letter-spacing: .02em;}
    .Area_good .box .bnArea { margin-bottom: 1vw; width: 87%; box-shadow: 0px 1.5vw 2vw 0px rgba(0, 0, 0, 0.5);}
  }
  /*消費註解*/
  :root { --mb-message-02: 0.9375rem;}
  .Area_good .notice { /*margin: 1em auto 1.5em;*/ margin: 0 auto; padding: .9em 1em; border-radius: 0.45em; text-align: left; box-sizing: border-box; width: 90%;}
  .Area_good .notice { color: #f2d9b6; /*background: #a15842;*/ font-size: 1.75rem; font-weight: 300;}
  .Area_good .notice b { filter: brightness(1.05);}
  .Area_good .notice h3 { margin: 0; padding-left: .2em; color: #fff;}
  .Area_good .notice ul { margin: 0;}
  .Area_good .notice ul li { margin-bottom: 0.4em;}
  .Area_good .notice ul li .highlight { position: relative; color: #fff; background: -webkit-linear-gradient(90deg, #e1ae6e 20%, #ffd192 60%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 400; line-height: 2;}
  .Area_good .notice ul li .highlight::after { content: ""; position: absolute; bottom: -1px; left: 0; width: 100%; height: .4vw; background-color: #b58b5a;}
  @media screen and (min-width:768px){
     .Area_good .notice ul li .highlight::after { bottom: -1px;  height: 2px;}
  }
    @media screen and (max-width:767px){
      .Area_good .notice { font-size: var(--mb-message-02); width: 93%; padding: .8em .6em;}
      .Area_good .notice ul { padding-left: 1.5em;}
    }
  /*去除PD_layout樣式*/
  .PD_noBG ul { background-color: transparent; width: 100%; padding: 0;}
  .PD_noBG ul li { border: none; /*background-color: #fff;*/}
  .Area_swiper_box .PD_noBG li { background-color: transparent;}

  /*優惠1-logo(線上入稿)*/
  .box_good1 .notice { color: #ffd192;}
  .box_good1 .notice ul { list-style: decimal;}
  .box_good1 .notice ul ul { list-style: disc; color: #f2d9b6;}
  .box_good1 .PD_layout.PD_logobox .PD_into { padding: 0;}
  .box_good1 .PD_layout.PD_logobox .PD .PD_logo { width: 100%; height: auto; margin-bottom: 0;   }
  .box_good1 .PD_layout.PD_logobox .PD .PD_logo img { width: 100%; height: auto; border: 2px solid #eab981; background-color: #fff; }
    /*輪播兩行*/
    .box_good1 .PD_layout ul { -ms-flex-wrap: wrap; flex-wrap: wrap;}
    @media screen and (min-width:768px){
      .Area_good .box_good1 .btn_good1 { margin-top: -10px; padding-bottom: 1%;}
    }
    @media screen and (max-width:767px){
      .Area_good .box_good1 .btn_good1 { margin-top: 2.5vw; margin-bottom: -15vw; margin-left: 56%;}
      /*.Area_good .box_good1 .btn_good1 { position: absolute; top: 78vw; right: 5%;}*/
      .Area_good .box_good1 .notice h3 { margin-bottom: .2em; font-size: 1.25em; letter-spacing: .01em;}
      .box_good1.box h2 { margin-top: 7vw;}
      .box_good1 .PD_logobox { padding: 1% 4% 0;}
      .box_good1 .PD_logobox ul .swiper-slide { height: 25.2vw;}
    }

  /*優惠2-品牌活動(線上入稿)*/
  .box_good2 .PD_cards li:after { content: ""; pointer-events: none; z-index: 1; position: absolute; top: 0; left:0; display: block; width: 100%; height:100%; background-image:url(PD_card_bg.png?t=1751274466744); background-position:center top; background-size:100%; background-repeat:no-repeat;}
  .box_good2 .PD_cards .PD { position: relative; z-index: 2;}
  .box_good2 .PD_cards a { color: #1b1b2d; /*pointer-events: none;*/}
  .box_good2 .PD_cards .PD_slide { overflow: hidden;}
  .box_good2 .PD_cards .PD:hover h4 { /*color: #865d2b;*/ color: #1b1b2d;}
    /*文案*/
    .box_good2 .PD_cards .PD_img img { border: solid .13em #cdad7f;}
    .box_good2 .PD_cards .PD_into { width: 75%;}
    .box_good2 .PD_cards .PD h4 { margin-bottom: .2em; font-size: 1em; letter-spacing: -0.02em;}
    .box_good2 .PD_cards .PD h4 b { display: block; font-size: 1.2em; line-height: 1.5; font-family:"Century Gothic", Noto Sans CJK SC,"微軟正黑體","Microsoft JhengHei",Helvetica; font-weight: 700;}
    .box_good2 .PD_cards .PD h4 span { display: inline-block; /*color: #825620;*/ color: #fff; font-size: 1.35em; line-height: 1.8; font-weight: 700; padding-left: .2em; height: 2.5em;}
    .box_good2 .PD_cards .PD p { color: #865d2b;}
    /*按鈕*/
    .box_good2 .PD_cards .PD .PD_btn { width: 23%; background-color: transparent; background-image: none;}
    .box_good2 .PD_cards[data-pd-btn] .PD_btn b { font-size: 1em; line-height: 2; height: 1.8em;}
    .box_good2 .PD_cards[data-pd-btn] .PD_btn span { transform: none;}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content: "詳情";}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { right: 0; bottom: 0; padding-left: 5%;}
      @media screen and (min-width:768px){
        .PD_layout[data-pd-br="2"] .PD_slide, .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 1em;}
        .box_good2 .PD_cards { padding-bottom: 2em;}
        .box_good2 .PD_cards ul { padding-left: 60px; padding-right: 60px; grid-gap: 15px;}
        .box_good2 .PD_cards .PD_slide { padding-left: 14px;}
        .box_good2 .PD_cards .PD_img { width: 24%; margin: 25px 10px 22px 0; padding-left: .35em;}
          /*文案*/
          .box_good2 .PD_cards .PD_into { padding-left: 1em; padding-right: 0;}
          .box_good2 .PD_cards .PD h4 { margin-bottom: 0; font-size: 1.5em;}
          .box_good2 .PD_cards .PD h4 span { padding-left: .1em; letter-spacing: -0.05em;}
          .box_good2 .PD_cards .PD p { font-size: 1.5em; transform: translateY(3px);}
          .box_good2 .PD_cards .PD p b { font-size: 22px;}
          .box_good2 .PD_cards .PD p .Price { font-size: 40px;}
          .box_good2 .PD_cards[data-pd-btn] .PD_btn b { font-size: 1.4em; line-height: 1.6; height: 1.6em;}
          .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD_slide { padding-bottom: 0;}
      }
      @media screen and (max-width:767px){
        .PD_layout[data-pd-br="2"] .PD_slide, .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
        .box_good2 .PD_cards { padding-bottom: .6em;}
        .box_good2 .PD_cards ul { padding-left: 3.2%; padding-right: 3.2%; grid-gap: 2.5vw;}
        .box_good2 .PD_cards .PD_slide { padding: 1.8vw 0 1.8vw 4%;}
        .box_good2 .PD_cards .PD_img { width: 25%; margin-top: 2vw; padding-left: 0;}
      }

  /*優惠3-超強神券*/
  .box_good3 table { margin: 0 auto; width: 91.6%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial; box-shadow: 0px 1.5vw 2vw 0px rgba(0, 0, 0, 0.5);}
  .box_good3 th { padding: 5px; border: 1px solid #322320; background: -webkit-linear-gradient(105deg, #d0a370 20%, #e9c188 60%); font-size: 0.8em;}
  .box_good3 td { padding: 5px; border: 1px solid #322320; font-size: 0.9em; line-height: 1.5; vertical-align: middle;}
  .box_good3 table ul,
  .box_good3 table ol { padding: 0 0 0 20px;}
  .box_good3 table li { margin: 0 0 10px 0px;}
    @media screen and (min-width:768px){
      .box_good3 { position: relative; padding-bottom: 300px;}
      .box_good3 table { width: 84%; font-size: 22px;}
      .box_good3 td { padding-left: 15px;}
      .box_good3 .decobox { position: absolute; bottom: -175px; left: 470px; width: 900px; height: 560px;}
      .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
      .box_good3 .deco_bg img { width: 100%; height: auto;}
    }
    @media screen and (max-width:767px){
      .box_good3 table { margin-bottom: 1vw; border-radius: .5em; overflow: hidden;}
      .box_good3 .decobox { position: relative; margin-bottom: -29vw;}
      .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
    }



/*03-訂閱方案*/
.Area_case { z-index: 3;}
.Area_case .box .btn { position: relative; margin: 0 auto; width: 39%; padding-bottom: 2.5%;}
  @media screen and (min-width:768px){
    .Area_case { margin-bottom: 72px;}
    .Area_case .box { margin-top: -50px;}
    .Area_case .box .btn { width: 34%; margin: 0 auto;}
    .Area_case img { width: 100%; height: auto;}
  }
  @media screen and (max-width: 767px){
    .Area_case .box { margin-top: -4vw; padding-bottom: 4.2vw;}
  } 



/*04-如何訂閱*/
.Area_thing {}
.Area_thing .PD_slide a { pointer-events: none;}
  @media screen and (min-width:768px){
    .Area_thing { margin-bottom: 15px;}
    .Area_thing .box { margin-top: -5px; padding-bottom: 7px;}
    .Area_thing .deco_01 { position: absolute; top: 137px; left: 0; pointer-events: none;}
    .Area_thing .decotxt { z-index: 0; position: absolute; pointer-events: none;}
    .Area_thing .decotxt.txt1 { top: 763px; left: 269px; /*animation: block-moveR 30s infinite linear alternate;*/}
    .Area_thing .decotxt.txt2 { top: 845px; left: -392px; /*animation: block-moveL 30s infinite linear alternate;*/}    
  } 
  @media screen and (max-width: 767px){
    .Area_thing .box { position: relative; padding-bottom: 4vw;}
    .Area_thing .deco_01 { position: relative; pointer-events: none;}
    .Area_thing .decotxt { z-index: 0; position: absolute; pointer-events: none; width: 180%;}
    .Area_thing .decotxt.txt1 { top: 78vw; left: 12%; animation: block-moveR 30s infinite linear alternate;}
    .Area_thing .decotxt.txt2 { top: 88vw; left: -75%; animation: block-moveL 30s infinite linear alternate;}    
  } 
  /*兩圖輪播*/
  .Area_hotbrand1 .Area_swiper { position: relative; margin: 0 auto; overflow: visible;}
  .Area_hotbrand1 .Area_swiper_box { overflow: visible;}
  .Area_hotbrand1 .PD_layout li { background-color: transparent;}
  .Area_hotbrand1 .PD_layout li .PD_logo { pointer-events: none; z-index: 10; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; overflow: visible;}
  /*.Area_hotbrand1 .PD_layout li .PD::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0;padding-bottom: 180%; background-size: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none;}
  .Area_hotbrand1 .PD_layout li .PD::before { z-index: 9; background-image: url(Area_hotbrand1_icon1.png?t=1751274466744)}*/
  .Area_hotbrand1 .PD_layout li .PD_img { z-index: 1;}
  .Area_hotbrand1 .PD_layout .PD_slide.swiper-slide:hover { filter: none;}
    /*切換動態*/
    .Area_hotbrand1 .PD_layout li .PD_logo { opacity: 0; transform: translateY(8%); transition: ease 0.4s;}
    .Area_hotbrand1 .PD_layout li.swiper-slide-active .PD_logo,
    .Area_hotbrand1 .PD_layout li.swiper-slide-active .PD::before { opacity: 1; transform: translateY(0%);}
    .Area_hotbrand1 .PD_layout li .PD_img img { transform: scale(.98) translateY(0%) translateZ(0); transition: transform 0.5s 0.2s cubic-bezier(0.77, 0, 0.175, 1.5); filter: brightness(.4);}
    .Area_hotbrand1 .PD_layout li.swiper-slide-active .PD_img img { transform: scale(1) translateY(0%) translateZ(0); filter: brightness(1);}
    /*.Area_hotbrand1 .PD_layout li.swiper-slide-active { margin: 120px!important;}*/
      @media screen and (min-width: 768px) {
        /*.Area_hotbrand1 { height: 970px; overflow: hidden}*/
        .Area_hotbrand1 .Area_swiper { margin-top: -15px; width: 700px;}
        .Area_hotbrand1 .swiper-button-next { top: 52%; right: 45px;}
        .Area_hotbrand1 .swiper-button-prev { top: 52%; left: 45px}
        .Area_hotbrand1 .pagination { bottom: 20px !important;}
      }
      @media screen and (max-width: 767px) {
        .Area_hotbrand1 { height: auto;/*height: 140.6vw;*/}
        .Area_hotbrand1 .Area_swiper { width: 73%;}
        .Area_hotbrand1 .swiper-button-next { top: 53%; right: 4vw;}
        .Area_hotbrand1 .swiper-button-prev { top: 53%; left: 4vw;}
        .Area_hotbrand1 .Area_swiper_box .swiper-pagination { bottom: -3.5vw !important;}
      }



/*Q&A*/
.Area_QA {}
.moreButton { width: 100%; margin: 0 auto;}
.moreButton b { color: #202020;}
.moreButton .title { font: 30px/1.2em '微軟正黑體'; letter-spacing: -0.05em; text-align: left; margin-bottom: 10px; display: inline-block;}
.moreButton { margin-bottom: 2%;}
dl.moreButton { font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
.moreButton dt { cursor: pointer;}
.moreButton dd { display: none; margin: 0; padding: 3%; font-size: 1.2rem; line-height: 1.5; text-align: left; color: #333; background-color: #dedede; border-radius: 30px;}
.moreButton dd ul { margin: .5em 0; padding-left: 1.5em;}
.moreButton dd ul li { margin-bottom: 0.4em;}
.moreButton dd a { display: inline-block;}
  /*表格*/
  .moreButton table { margin: 0 auto; width: 98%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial;}
  .moreButton th { padding: 5px; border: 1px solid #322320; background: -webkit-linear-gradient(105deg, #d0a370 20%, #e9c188 60%); /*font-size: 0.8em;*/ text-align: center;}
  .moreButton td { padding: 5px; border: 1px solid #322320; font-size: 0.9em; line-height: 1.5; vertical-align: middle;}
  .moreButton table ul,
  .moreButton table ol { padding: 0 0 0 20px;}
  .moreButton table li { margin: 0 0 10px 0px;}
    @media screen and (min-width:768px){
      .moreButton td { padding-left: 15px;}
    }
    @media screen and (max-width:767px){
      .moreButton table { margin-top: 1vw; margin-bottom: 1vw;}
      .moreButton table .colset1 { width: 78px;}
      .moreButton table .colset2 { width: 36px;}
    }
  /*開合*/
  .moreButton .up::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0; height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color: #fff transparent transparent transparent; transform:rotate(180deg);}
  .moreButton .down::after { content: ""; position: absolute; bottom: 36%; margin-left: 2%; width: 0;height: 0; border-style: solid; border-width: .5em .3em 0 .3em; border-color: #fff transparent transparent transparent;}
  .moreButton .menu_btn { position: relative; display: block; height: auto; width: 100%; letter-spacing: 3px; font-size: 1.7rem; color: #f0f0f0; text-align: left;}
  .moreButton .up img { width: 100%; height: auto;}
  .moreButton .down img { width: 100%; height: auto;}
  .moreButtontag { display:none!important;}
	@media screen and (min-width:768px){
    .Area_QA .box { margin-top: 25px;}
    .moreButton dd { margin-top: 5px;}
  }
	@media screen and (max-width:767px){
    .Area_QA {}
    .moreButton { width: 93%;}
    .moreButton .menu_btn { margin: 5% 0 0; font-size: 1em; line-height: 1.3; letter-spacing: .025em; text-indent: -2.5rem; padding-left: 2.5rem; box-sizing: border-box;}
    .moreButton dd { margin: 2% auto; font: .8em/1.5em '微軟正黑體', 'Century Gothic'; border-radius: 10px;}
    .moreButton .up::after { display: none;}
    .moreButton .down::after { display: none;}
	}



/*可拖移廣告icon*/
.Area_hammerAD { z-index: 300; display: none; position: fixed; bottom: 0; right: 5px; /*transform: translate3d(0,200px,0); background-color: rgba(0,0,0,0.5);*/}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto;}
.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}
    @media screen and (min-width:768px){
      .Area_hammerAD { position: fixed; z-index: 300; bottom: inherit; top: 385px; right: inherit; left: 5px; display: block; width: 210px; height:200px;}
      .Area_hammerAD .closeButton a { top: 0; right: 0;}
      .Area_hammerAD_phone { display: none;}
    }
    @media screen and (max-width:767px){
      .Area_hammerAD { display: block; width: 26%; bottom: -10px;}
      .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
    }
    @media screen and (min-width:1670px){
      .Area_hammerAD { right: inherit; left: 50%; transform: translateX(-836px);}
    }



/*ADD-輪播BN(960x300)*/
@media screen and (min-width:768px){
  .Area_bn { margin-bottom: 60px;}
  .Area_bn .Area_swiper { padding: 10px 35px 0;}
  .Area_bn .pagination { bottom: 30px !important;}
  .Area_bn .Area_swiper .swiper-button-next { right: 20px;}
  .Area_bn .Area_swiper .swiper-button-prev { left: 20px;}
  .Area_bn .Area_swiper .swiper-button-next, .Area_bn .Area_swiper .swiper-button-prev { top: 42%;}
} 
@media screen and (max-width: 767px){
  .Area_bn { margin-top: 5vw; margin-bottom: 8vw;}
  .Area_bn .Area_swiper .swiper-button-next, .Area_bn .Area_swiper .swiper-button-prev { top: 42%;}
}