@charset "utf-8";
/*
 *******************************************************************
 * 模組化入稿公版 PD_layout-v20250320 - by jingyunlin
 * 模組化入稿公版 PD_layout-v20250106 - by tsshih
 * 模組化入稿公版 PD_layout-v20241206 - by jerryshen
 * 模組化入稿公版 PD_layout-v20221212 - by tsshih
 *******************************************************************
 */

/*旋轉畫面鎖定文字不縮放*/
html { -webkit-text-size-adjust:none; } 

/*字體*/
.PD_layout { 
  font-size: 16px; font-family: "Microsoft JhengHei", system-ui, Helvetica, Arial;
 .PD p {
    del,
    .money,
    .Price { font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
  }
}

/*基本款*/
.PD_layout {
  position: relative; margin: 0 auto; text-align: center;
  &,
  * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;} 
  a { position: initial; display: block; text-decoration: none; color: #000;}
  ul { margin: 0 auto; padding: 20px; list-style: none; }
  ul { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
  ul { flex-wrap: wrap; align-items: stretch;background-color: #fff;border-radius: 15px;}
  ul::after { content: ""; display: block; clear: both;}
  li { position: relative; margin: 0; padding: 0; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; border-top: solid 1px #d1d1d1; border-right: solid 1px #d1d1d1;}
  li:hover { z-index: 5;}
  li { counter-increment: num;}
  .PD_slide {
    min-width: 100%;
    &::before { display: none; pointer-events: none; content: "0" counter(num) ". "; color:#dad8d9; font-style: italic; font-family: Times; font-size: 3em; font-size: 48px; line-height: 1; letter-spacing:-0.005em;}
    &:nth-of-type(n+10)::before { content: counter(num) ". ";}
  }
  .PD a {
    display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; 
    align-items: stretch; flex-direction: column;             
  }
  .PD img { width: 100%; height: auto;}
  .PD_img { flex: 0 0 auto; padding:0.5em;}
  .PD_logo { display: none;}
  .PD_into { display: flex; flex-direction: column; justify-content: flex-start; padding: 0.5em;}
  .PD_into .PD_into_PDgo { margin: 0.375em auto 0;}
  .PD {
    h3,
    h4,
    p { margin: 0; padding: 0; overflow: hidden; font-size: 1em;}
    h3 { padding: 0; max-height: 1.9em; font-weight: 700; line-height: 1.9em; color: #DD2726;}
    h3 span { display: inline-block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
    h4 { font-size: 1em; font-weight: 400; line-height: 1.5em;}
    &:hover h4 { color: #D62672;}
    h4 b,
    h4 span { display: block; max-height: 1.5em; overflow: hidden;}
    h4 span { display: inline-block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
    h4 br { display: none;}
    p { height: 2em; line-height: 2em; color: #D62672;}
    p del { padding-right: 0.25em; color: #5E5E5E;}
    p .money { font-weight:700;}
    p .Price { font-size: 1.8425em; font-weight: 800;}
    p small { font-size: 0.9em;}
    p b,
    p .Price,
    p small { letter-spacing: -0.01em;}
  }
  .PD .PD_go,
  .more { display:none;}
  @media screen and (max-width:767px){
    ul { padding: 0.54em;}
    li::before { font-size: 2.5em; font-size: 32px\0;}
    .PD_slide::before { font-size: 2em;}
    .PD_into { padding: 0.3125em;}
    .PD_img { padding:0.25em;}
    .PD h3 { font-size: 0.875em;}
    .PD h4 { font-size: 0.8125em;}
    .PD p { height: 1.875em; line-height: 1.875em;}
    .PD p b,
    .PD p del { font-size: 0.8125em;}
    .PD p .Price { font-size: 1.5em;}
    .PD p small { font-size: 0.75em;}
  }
  /*套輪播時修正*/
  ul.swiper-wrapper { flex-wrap: nowrap;}
  ul.swiper-wrapper .PD_slide.swiper-slide { min-width: auto;}
  .PD_slide.swiper-slide { min-width: auto;}
}

    /* --------------------------------------
     *【容器樣式】  品數[data-pd-style="0"]=去ul背景、li間距
     * -------------------------------------- */
     .PD_layout[data-pd-style="off"]{
        ul{
          margin: 0 auto; 
          padding: 0; 
          background-color: transparent; 
          grid-gap: 0; 
          width: 100%;
          li { border: none }
        }              
        @media screen and (min-width:768px){
          &[data-pd-br="1"] .PD_slide,
          &[data-pd-br="1"] .PD_img img { border-radius: 0.5em;}
          &[data-pd-br="2"] .PD_slide,
          &[data-pd-br="2"] .PD_img img { border-radius: 1em;}
          &[data-pd-br="3"] .PD_slide,
          &[data-pd-br="3"] .PD_img img { border-radius: 1.5em;}
          &[data-pd-br="4"] .PD_slide,
          &[data-pd-br="4"] .PD_img img { border-radius: 2em;}
          &[data-pd-br="50%"] .PD_slide,
          &[data-pd-br="50%"] .PD_img img { border-radius: 20em;}
        }
        @media screen and (max-width:767px){
          &[data-pd-br="1"] .PD_slide,
          &[data-pd-br="1"] .PD_img img { border-radius: 0.25em;}
          &[data-pd-br="2"] .PD_slide,
          &[data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
          &[data-pd-br="3"] .PD_slide,
          &[data-pd-br="3"] .PD_img img { border-radius: 0.75em;}
          &[data-pd-br="4"] .PD_slide,
          &[data-pd-br="4"] .PD_img img { border-radius: 1em;}
          &[data-pd-br="50%"] .PD_slide,
          &[data-pd-br="50%"] .PD_img img { border-radius: 20em;}          
        }                
     }

    /* --------------------------------------
     *【佈局】  品數[data-pd-li-num="even"]=單數 [data-pd-li-num="odd"]=雙數
     * -------------------------------------- */
    @media screen and (min-width:768px){
    }
    @media screen and (max-width:767px){
      .PD_layout[data-pd-li-num="even"] li:first-child {
        grid-column-start: 1; grid-column-end: 3;
        a { flex-direction: row;}     
        a { flex-direction: row;}  
        .PD_into { justify-content: center; width:50%;}
        .PD_img { /*margin: 0.25em; width: calc(50% - 0.5em);*/ width: 50%;}
      }
    }

    /* --------------------------------------
     *【佈局】20220818新增
     * 第一顆BN_PC[data-fs-bn-pc*="true"]、BN_Phone[data-fs-bn-phone*="true"]
     * 最後一顆BN_PC[data-ls-bn-pc*="true"]、BN_Phone[data-ls-bn-phone*="true"]
     * -------------------------------------- */

      //邊線     
      @media screen and (min-width: 768px) {
        .PD_layout ul { padding: 20px 0; }
        .PD_layout[data-pd-col-pc="2"] li:nth-child(even){ border-right:none; }
        .PD_layout[data-pd-col-pc="2"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-pc="2"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-pc="3"] li:nth-child(3n){ border-right:none; }
        .PD_layout[data-pd-col-pc="3"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-pc="3"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-pc="3"] li:nth-child(3){ border-top:none; }
        .PD_layout[data-pd-col-pc="4"] li:nth-child(4n){ border-right:none; }
        .PD_layout[data-pd-col-pc="4"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-pc="4"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-pc="4"] li:nth-child(3){ border-top:none; }
        .PD_layout[data-pd-col-pc="4"] li:nth-child(4){ border-top:none; }
        .PD_layout[data-pd-col-pc="4 wide"] li{ border:none; }
        .PD_layout[data-pd-col-pc="5"] li:nth-child(5n){ border-right:none; }
        .PD_layout[data-pd-col-pc="5"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-pc="5"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-pc="5"] li:nth-child(3){ border-top:none; }
        .PD_layout[data-pd-col-pc="5"] li:nth-child(4){ border-top:none; }	
        .PD_layout[data-pd-col-pc="5"] li:nth-child(5){ border-top:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(6n){ border-right:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(3){ border-top:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(4){ border-top:none; }  
        .PD_layout[data-pd-col-pc="6"] li:nth-child(5){ border-top:none; }
        .PD_layout[data-pd-col-pc="6"] li:nth-child(6){ border-top:none; }
      }
      @media screen and (max-width: 767px) {
        .PD_layout ul { padding: 2vw 0; width: 96%;}
        .PD_layout[data-pd-col-phone="1"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-phone="1"] li{ border-right:none; }
        .PD_layout[data-pd-col-phone="2"] li:nth-child(even){ border-right:none; }
        .PD_layout[data-pd-col-phone="2"] li:nth-child(1){ border-top:none; }
        .PD_layout[data-pd-col-phone="2"] li:nth-child(2){ border-top:none; }
        .PD_layout[data-pd-col-phone="3"] li:nth-child(3n){ border-right:none; }
        .PD_layout[data-pd-col-phone="3"] li:nth-child(1){ border-top:none; }
          .PD_layout[data-pd-col-phone="3"] li:nth-child(2){ border-top:none; }
          .PD_layout[data-pd-col-phone="3"] li:nth-child(3){ border-top:none; }
          .PD_layout[data-pd-li-num="even"] li:nth-child(odd){ border-right:none; }
          .PD_layout[data-pd-li-num="even"] li:nth-child(even){ border-right:solid 1px #d1d1d1; }
          .PD_layout[data-pd-li-num="even"] li:nth-child(2){ border-top:solid 1px #d1d1d1; }
      }


     //電腦版隱藏其他區塊
     @media screen and (min-width:768px){
      .PD_layout[data-fs-bn-pc*="true"] li:first-child, .PD_layout[data-ls-bn-pc*="true"] li:last-child { background-color: transparent;}
      .PD_layout[data-fs-bn-pc*="true"] li.PD_slide:first-child, .PD_layout[data-ls-bn-pc*="true"] li.PD_slide:last-child {padding:0 ; border-radius: 0; border: none;}
      .PD_layout[data-fs-bn-pc*="true"] li:first-child:hover, .PD_layout[data-ls-bn-pc*="true"] li:last-child:hover { filter:brightness(105%); transform: none; box-shadow: none;}
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD_img, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD_img { width:100%; padding: 0;}
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD_logo, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD_logo { display: none !important; /*visibility: hidden;*/}
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD h3, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD h3,
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD h4, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD h4,
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD h4, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD h4,
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD p, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD p,
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD_btn, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD_btn,
      .PD_layout[data-fs-bn-pc*="true"] li:first-child .PD_into, .PD_layout[data-ls-bn-pc*="true"] li:last-child .PD_into{ display: none !important; /*visibility: hidden;*/}
      .PD_layout[data-fs-bn-pc*="true"] li:first-child::before, .PD_layout[data-ls-bn-pc*="true"] li:last-child::before { content: attr(data-WH); font: bolder 2em white; color: white; display: inline; position:absolute; top: 50%; left: 50%; transform: translate(-50%);}
     }

     //手機版隱藏其他區塊
     @media screen and (max-width:767px){
      .PD_layout[data-fs-bn-phone*="true"] li:first-child, .PD_layout[data-ls-bn-phone*="true"] li:last-child { background-color: transparent;}
      .PD_layout[data-fs-bn-phone*="true"] li.PD_slide:first-child,.PD_layout[data-ls-bn-phone*="true"] li.PD_slide:last-child {padding:0 ; border-radius: 0; border: none;}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child:hover, .PD_layout[data-ls-bn-phone*="true"] li:last-child:hover { filter:brightness(105%); transform: none; box-shadow: none;}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD_img,.PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_img { display: none !important; /*visibility: hidden;*/}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD_into, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_into { padding: 0;}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD h3, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD h3,
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD h4, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD h4,
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD p, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD p,
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD_btn, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_btn,
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD_go, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_go { display: none !important; /*visibility: hidden;*/}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child .PD_logo, .PD_layout[data-ls-bn-phone*="true"] li:last-child .PD_logo{ display: block; width:100%;}
      .PD_layout[data-fs-bn-phone*="true"] li:first-child::before, .PD_layout[data-ls-bn-phone*="true"] li:last-child::before { content: attr(data-WH); font: bolder 1.8em white; color: white; display: inline; position:absolute; top: 50%; left: 50%; transform: translate(-50%);}
    }

    /*樣式: li大小 */
    @media screen and (min-width:768px){
      .PD_layout[data-fs-bn-pc="true 1"] ul li:first-child { grid-column-start: 1; grid-column-end: 2;}
      .PD_layout[data-fs-bn-pc="true 2"] ul li:first-child { grid-column-start: 1; grid-column-end: 3;}
      .PD_layout[data-fs-bn-pc="true 3"] ul li:first-child { grid-column-start: 1; grid-column-end: 4;}
      .PD_layout[data-fs-bn-pc="true 4"] ul li:first-child { grid-column-start: 1; grid-column-end: 5;}
      .PD_layout[data-fs-bn-pc="true 5"] ul li:first-child { grid-column-start: 1; grid-column-end: 6;}

      .PD_layout[data-ls-bn-pc="true 1"] ul li:last-child { grid-column-start: -1; grid-column-end: -2;}
      .PD_layout[data-ls-bn-pc="true 2"] ul li:last-child { grid-column-start: -1; grid-column-end: -3;}
      .PD_layout[data-ls-bn-pc="true 3"] ul li:last-child { grid-column-start: -1; grid-column-end: -4;}
      .PD_layout[data-ls-bn-pc="true 4"] ul li:last-child { grid-column-start: -1; grid-column-end: -5;}
      .PD_layout[data-ls-bn-pc="true 5"] ul li:last-child { grid-column-start: -1; grid-column-end: -6;}
    }
    @media screen and (max-width:767px){
      .PD_layout[data-fs-bn-phone="true 1"] ul li:first-child{ grid-column-start: 1; grid-column-end: 2;}
      .PD_layout[data-fs-bn-phone="true 2"] ul li:first-child{ grid-row-start: 0; grid-row-end: 2; grid-column-start: 1; grid-column-end: 3; /*aspect-ratio: 960/300;*/}
      
      .PD_layout[data-ls-bn-phone="true 1"] ul li:last-child{ grid-column-start: -1; grid-column-end: -2;}
      .PD_layout[data-ls-bn-phone="true 2"] ul li:last-child{ grid-column-start: -1; grid-column-end: -3; /*aspect-ratio: 960/300;*/}

      .PD_layout[data-ls-bn-phone="true none"] ul li:last-child{ display: none;}
    }

    /*點擊事件: li點擊 */
    @media screen and (min-width:768px){
      .PD_layout[data-pd-point-event="none first"] ul li:first-child { pointer-events: none;}
      .PD_layout[data-pd-point-event="none last"] ul li:last-child { pointer-events: none;}
    }
    @media screen and (max-width:767px){
      .PD_layout[data-pd-point-event="none first"] ul li:first-child { pointer-events: none;}
      .PD_layout[data-pd-point-event="none last"] ul li:last-child { pointer-events: none;}
    }


    /* --------------------------------------
     *【佈局】  電腦版[data-pd-col-pc=""]  手機版[data-pd-col-phone=""] 
     * -------------------------------------- */
    @media screen and (min-width:768px){
      .PD_layout ul { display:grid; grid-template-columns:auto; padding-left: 35px; padding-right: 35px; grid-gap:0px;}
      .PD_layout[data-pd-col-pc="2"] ul { grid-template-columns:repeat(2,auto);}
      .PD_layout[data-pd-col-pc="3"] ul { grid-template-columns:repeat(3,auto);}
      .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns:repeat(4,auto);}
      .PD_layout[data-pd-col-pc="5"] ul { grid-template-columns:repeat(5,auto);}
      .PD_layout[data-pd-col-pc="6"] ul { grid-template-columns:repeat(6,auto);}
      .PD_layout[data-pd-col-pc="7"] ul { grid-template-columns:repeat(7,auto);}
      .PD_layout[data-pd-col-pc="8"] ul { grid-template-columns:repeat(8,auto);}
      .PD_layout[data-pd-col-pc*="4 wide"] ul { grid-template-columns:repeat(4,auto); column-gap: 30px; row-gap: 40px;}
      .PD_layout[data-pd-col-pc*="5 wide"] ul { grid-template-columns:repeat(5,auto); column-gap: 30px; row-gap: 40px;}
    }
    @media screen and (max-width:767px){
      .PD_layout ul { display:grid; grid-template-columns:auto; padding-left: .5em; padding-right: .5em; grid-gap:0em;}
      .PD_layout[data-pd-col-phone="2"] ul { grid-template-columns:repeat(2,auto);}
      .PD_layout[data-pd-col-phone="3"] ul { grid-template-columns:repeat(3,auto);}
      .PD_layout[data-pd-col-phone="4"] ul { grid-template-columns:repeat(4,auto);}
      .PD_layout[data-pd-col-phone="5"] ul { grid-template-columns:repeat(5,auto);}
      .PD_layout[data-pd-col-phone*="2 wide"] ul { grid-template-columns:repeat(2,auto); column-gap: 1em; row-gap: 1em;}
      .PD_layout[data-pd-col-phone*="3 wide"] ul { grid-template-columns:repeat(3,auto); column-gap:  1em; row-gap: 1em;}
    }
        /*交叉調整--品數*/
        @media screen and (min-width:768px){
        }
        @media screen and (max-width:767px){
          // .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li { margin-left: 0.5em; margin-bottom: 0.5em;}
          // .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:nth-child(2n+1) { margin-left: 0.5em; }
          // .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:nth-child(2n+2) { margin-left: 0;}
          .PD_layout[data-pd-col-phone="2"][data-pd-li-num="even"] li:first-child { width: 100%;}
        }
        /*寬鬆版*/
        @media screen and (min-width:768px){
          // .PD_layout[data-pd-col-pc="1 wide"] li,
          // .PD_layout[data-pd-col-pc="2 wide"] li,
          // .PD_layout[data-pd-col-pc="3 wide"] li,
          // .PD_layout[data-pd-col-pc="4 wide"] li,
          // .PD_layout[data-pd-col-pc="5 wide"] li,
          // .PD_layout[data-pd-col-pc="6 wide"] li { }
          // .PD_layout[data-pd-col-pc="2 wide"] li:nth-child(2n+1),
          // .PD_layout[data-pd-col-pc="3 wide"] li:nth-child(3n+1),
          // .PD_layout[data-pd-col-pc="4 wide"] li:nth-child(4n+1),
          // .PD_layout[data-pd-col-pc="5 wide"] li:nth-child(5n+1),
          // .PD_layout[data-pd-col-pc="6 wide"] li:nth-child(6n+1){ margin-left:0;}
          // .PD_layout[data-pd-col-pc="4 wide"] li { width: calc(23%   - 10px * 0.75);}
          // .PD_layout[data-pd-col-pc="5 wide"] li { width: calc(17.9% - 10px * 0.8);}
        }
        @media screen and (max-width:767px){
          // .PD_layout[data-pd-col-phone="2 wide"] ul,
          // .PD_layout[data-pd-col-phone="3 wide"] ul { padding-left: 0.5em; padding-right: 0.5em;}
          // .PD_layout[data-pd-col-phone="2 wide"] li { margin: 0 0 2em 0.5em;   width: calc(49.65% - 0.5em * 0.5);}
          // .PD_layout[data-pd-col-phone="3 wide"] li { margin: 0 0 2em 0.775em; width: calc(32% - 0.5em * 0.535);}
          // .PD_layout[data-pd-col-phone="2 wide"] li:nth-child(2n+1),
          // .PD_layout[data-pd-col-phone="3 wide"] li:nth-child(3n+1) { margin-left:0;}
        }

    /* --------------------------------------
     *【佈局】主軸方向 無=直 row=橫 row-reverse橫反向 pc-row=PC橫 pc-row-reverse=PC橫反向 phone-row=Phone橫 phone-row-reverse=Phone橫反向
     * -------------------------------------- */
    /*forRWD*/
    .PD_layout[data-pd-direction="row"] .PD a,
    .PD_layout[data-pd-direction="row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} 
    .PD_layout[data-pd-direction="row"] .PD_img,
    .PD_layout[data-pd-direction="row-reverse"] .PD_img { width: 50%;} 
    .PD_layout[data-pd-direction="row"] .PD_into,
    .PD_layout[data-pd-direction="row-reverse"] .PD_into { width: 50%;} 
    .PD_layout[data-pd-direction="row"] .PD a { flex-direction: row;} 
    .PD_layout[data-pd-direction="row-reverse"] .PD a { flex-direction: row-reverse;}
    /*forPC*/
    @media screen and (min-width:768px){
      .PD_layout[data-pd-direction="pc-row"] .PD a,
      .PD_layout[data-pd-direction="pc-row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} 
      .PD_layout[data-pd-direction="pc-row"] .PD_img,
      .PD_layout[data-pd-direction="pc-row-reverse"] .PD_img { width: 50%;} 
      .PD_layout[data-pd-direction="pc-row"] .PD_into,
      .PD_layout[data-pd-direction="pc-row-reverse"] .PD_into { width: 50%;} 
      .PD_layout[data-pd-direction="pc-row"] .PD a { flex-direction: row;} 
      .PD_layout[data-pd-direction="pc-row-reverse"] .PD a { flex-direction: row-reverse;}
    }
    /*forPhone*/
    @media screen and (max-width:767px){
      .PD_layout[data-pd-direction="phone-row"] .PD a,
      .PD_layout[data-pd-direction="phone-row-reverse"] .PD a { flex-wrap: nowrap; justify-content: flex-start;} 
      .PD_layout[data-pd-direction="phone-row"] .PD_img,
      .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img { width: 50%;} 
      .PD_layout[data-pd-direction="phone-row"] .PD_into,
      .PD_layout[data-pd-direction="phone-row-reverse"] .PD_into { width: 50%;} 
      .PD_layout[data-pd-direction="phone-row"] .PD a { flex-direction: row;} 
      .PD_layout[data-pd-direction="phone-row-reverse"] .PD a { flex-direction: row-reverse;}
    }

    /* --------------------------------------
     *【佈局】品底色 無=白(預) 0=透明 BN=純BN(RWD共用) BN-AWD=純BN(PC/MB不共用)  PDBN=公版+BN(RWD共用) PDBN-AWD=公版+BN(PC/MB不共用)
     * -------------------------------------- */
    .PD_layout[data-pd-li="off"] li { background-color: transparent;}
    .PD_layout[data-pd-li*="BN"] li { background-color: transparent;}
    .PD_layout[data-pd-li*="BN"] li:hover { box-shadow: none; filter: brightness(105%);}
    .PD_layout[data-pd-li*="BN"] .PD_into,
    .PD_layout[data-pd-li*="BN"] .PD_img { padding: 0;}
    .PD_layout[data-pd-li*="BN-AWD"] .PD_logo { display: none !important;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-li*="BN-AWD"] .PD_img { display: none !important;}
          .PD_layout[data-pd-li*="BN-AWD"] .PD_logo { display: block !important;}
        }
    .PD_layout[data-pd-li="BN"] .PD h3,
    .PD_layout[data-pd-li="BN"] .PD h4,
    .PD_layout[data-pd-li="BN"] .PD p,
    .PD_layout[data-pd-li="BN-AWD"] .PD h3,
    .PD_layout[data-pd-li="BN-AWD"] .PD h4,
    .PD_layout[data-pd-li="BN-AWD"] .PD p { display: none;}

    /* --------------------------------------
     *【主圖區】
     * -------------------------------------- */
    /*圓角*/
    // @media screen and (min-width:768px){
    //   .PD_layout[data-pd-br="1"] .PD_slide,
    //   .PD_layout[data-pd-br="1"] .PD_img img { border-radius: 0.5em;}
    //   .PD_layout[data-pd-br="2"] .PD_slide,
    //   .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 1em;}
    //   .PD_layout[data-pd-br="3"] .PD_slide,
    //   .PD_layout[data-pd-br="3"] .PD_img img { border-radius: 1.5em;}
    //   .PD_layout[data-pd-br="4"] .PD_slide,
    //   .PD_layout[data-pd-br="4"] .PD_img img { border-radius: 2em;}
    //   .PD_layout[data-pd-br="50%"] .PD_slide,
    //   .PD_layout[data-pd-br="50%"] .PD_img img { border-radius: 20em;}
    // }
    // @media screen and (max-width:767px){
    //   .PD_layout[data-pd-br="1"] .PD_slide,
    //   .PD_layout[data-pd-br="1"] .PD_img img { border-radius: 0.25em;}
    //   .PD_layout[data-pd-br="2"] .PD_slide,
    //   .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
    //   .PD_layout[data-pd-br="3"] .PD_slide,
    //   .PD_layout[data-pd-br="3"] .PD_img img { border-radius: 0.75em;}
    //   .PD_layout[data-pd-br="4"] .PD_slide,
    //   .PD_layout[data-pd-br="4"] .PD_img img { border-radius: 1em;}
    //   .PD_layout[data-pd-br="50%"] .PD_slide,
    //   .PD_layout[data-pd-br="50%"] .PD_img img { border-radius: 20em;}
    // }
    
    /*交叉調整--間距+主軸方向*/
    .PD_layout[data-pd-img="0"]:not([data-pd-direction*="row"]) .PD_img img { border-bottom-left-radius: 0; border-bottom-right-radius: 0;} 
    .PD_layout[data-pd-img="0"][data-pd-direction="row"] .PD_img img { border-top-right-radius: 0; border-bottom-right-radius: 0;} 
    .PD_layout[data-pd-img="0"][data-pd-direction="row-reverse"] .PD_img img { border-top-left-radius: 0; border-bottom-left-radius: 0;}
        @media screen and (min-width:768px){
          .PD_layout[data-pd-img="0"][data-pd-direction="pc-row"] .PD_img img { border-top-right-radius: 0; border-bottom-right-radius: 0;}
          .PD_layout[data-pd-img="0"][data-pd-direction="pc-row-reverse"] .PD_img img { border-top-left-radius: 0; border-bottom-left-radius: 0;}
          .PD_layout[data-pd-img="0"][data-pd-direction="phone-row"] .PD_img img,
          .PD_layout[data-pd-img="0"][data-pd-direction="phone-row-reverse"] .PD_img img { border-bottom-left-radius: 0; border-bottom-right-radius: 0;} 
        }
        @media screen and (max-width:767px){
          .PD_layout[data-pd-img="0"][data-pd-direction="pc-row"] .PD_img img,
          .PD_layout[data-pd-img="0"][data-pd-direction="pc-row-reverse"] .PD_img img { border-bottom-left-radius: 0; border-bottom-right-radius: 0;} 
          .PD_layout[data-pd-img="0"][data-pd-direction="phone-row"] .PD_img img { border-top-right-radius: 0; border-bottom-right-radius: 0;}
          .PD_layout[data-pd-img="0"][data-pd-direction="phone-row-reverse"] .PD_img img { border-top-left-radius: 0; border-bottom-left-radius: 0;}
        }

    /*主圖間距*/
        .PD_layout[data-pd-img="0"] .PD_img {
          padding: 0;
        }
        @media screen and (min-width:768px){
          .PD_layout[data-pd-img="1"] .PD_img { padding: 0.5em;}
          .PD_layout[data-pd-img="2"] .PD_img { padding: 1em;}
          .PD_layout[data-pd-img="3"] .PD_img { padding: 1.5em;}
          .PD_layout[data-pd-img="4"] .PD_img { padding: 2em;}
        }
        @media screen and (max-width:767px){
          .PD_layout[data-pd-img="1"] .PD_img { padding: 0.25em;}
          .PD_layout[data-pd-img="2"] .PD_img { padding: 0.5em;}
          .PD_layout[data-pd-img="3"] .PD_img { padding: 0.75em;}
          .PD_layout[data-pd-img="4"] .PD_img { padding: 1em;}
        }
        /*交叉調整--主軸方向+品數*/
            @media screen and (min-width:768px){
              .PD_layout:not([data-pd-direction*="row"]) .PD_img,
              .PD_layout[data-pd-direction="phone-row"] .PD_img,
              .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img { padding-bottom: 0;}
              .PD_layout[data-pd-direction="row"] .PD_img,
              .PD_layout[data-pd-direction="pc-row"] .PD_img { padding-right: 0;}
              .PD_layout[data-pd-direction="row-reverse"] .PD_img,
              .PD_layout[data-pd-direction="pc-row-reverse"] .PD_img { padding-left: 0;} 
            }
            @media screen and (max-width:767px){
              .PD_layout:not([data-pd-direction*="row"]):not([data-pd-li-num="even"]) .PD_img,
              .PD_layout[data-pd-direction="pc-row"]:not([data-pd-li-num="even"]) .PD_img,
              .PD_layout[data-pd-direction="pc-row-reverse"]:not([data-pd-li-num="even"]) .PD_img { padding-bottom: 0;}
              // .PD_layout[data-pd-direction="row"] .PD_img,
              // .PD_layout[data-pd-direction="phone-row"] .PD_img { padding-right: 0;} 
              .PD_layout[data-pd-direction="row-reverse"] .PD_img,
              .PD_layout[data-pd-direction="phone-row-reverse"] .PD_img { padding-left: 0;} 
              .PD_layout[data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:not(:first-child) .PD_img { padding-bottom: 0;}
              .PD_layout[data-pd-li-num="even"] li:first-child .PD_img { padding-right: 0;}
              .PD_layout[data-pd-li-num="even"][data-pd-direction="pc-row"] li:not(:first-child) .PD_img,
              .PD_layout[data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:not(:first-child) .PD_img { padding-bottom: 0;}
            }

    /* --------------------------------------
     *【元件】品牌LOGO
     * -------------------------------------- */
    /*顯示*/
    .PD_layout[data-pd-pdlogo] .PD .PD_logo { display: inline-block;}

    /*樣式: 1=矩型 2=膠囊型 3=圓型*/
    .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo,
    .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo,
    .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo,
    .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo { margin: 0 auto; margin-bottom: 0.25em; text-align: center; width: auto;}
    .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo { height: 3.75em;}
    .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo { height: 3em;}
    .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo { height: 4.375em;}
    .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo { height: 3.75em;}
    .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img { border-radius: 10em; background-color: #fff;}
    .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img { border-radius: 10em; }
    .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { border-radius: 1em; border: 1px solid #dadada; box-shadow: none;}
    .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo img,
    .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img,
    .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img,
    .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { width: auto; height: 100%; box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0.1);}
    .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img { padding: 0 2em;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-pdlogo="1"] .PD .PD_logo { height: 4.25em;}
          .PD_layout[data-pd-pdlogo="2"] .PD .PD_logo { height: 3em;}
          .PD_layout[data-pd-pdlogo="3"] .PD .PD_logo { height: 4.25em;}
          .PD_layout[data-pd-pdlogo="4"] .PD .PD_logo { height: 4.25em;}
        }
        /*交叉調整-佈局直式上推-橫式不動*/
        @media screen and (min-width:768px){
          .PD_layout[data-pd-pdlogo="1"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-direction="phone-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.875em - 0.5em);}
          .PD_layout[data-pd-pdlogo="2"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-direction="phone-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.5em - 0.5em);}
          .PD_layout[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-direction="phone-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-2.1875em - 0.5em);}
          .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.875em - 0.5em);}
        }
        @media screen and (max-width:767px){
          .PD_layout[data-pd-pdlogo="1"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-direction="pc-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-direction="pc-row-reverse"] .PD .PD_logo { margin-top: calc(-2.125em - 0.3125em);}
          .PD_layout[data-pd-pdlogo="2"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-direction="pc-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-direction="pc-row-reverse"] .PD .PD_logo { margin-top: calc(-1.5em - 0.3125em);}
          .PD_layout[data-pd-pdlogo="3"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-direction="pc-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-direction="pc-row-reverse"] .PD .PD_logo { margin-top: calc(-2.125em - 0.3125em);}
          .PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-direction="pc-row"] .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-direction="pc-row-reverse"] .PD .PD_logo { margin-top: calc(-2.125em - 0.3125em);}
          .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="1"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="2"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="3"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"]:not([data-pd-direction*="row"]) li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"][data-pd-direction="pc-row"] li:first-child .PD .PD_logo,
          .PD_layout[data-pd-pdlogo="4"][data-pd-li-num="even"][data-pd-direction="pc-row-reverse"] li:first-child .PD .PD_logo { margin-top: 0;}
        }
        /*沒有主圖時*/
        .PD_layout[data-pd-pdlogo][data-pd-pdimg="off"] .PD .PD_logo { margin-top: 0;}
        /*對齊*/
        .PD_layout[data-pd-pdlogo-ta="left"] .PD .PD_logo { margin-left: 0;}
        .PD_layout[data-pd-pdlogo-ta="right"] .PD .PD_logo { margin-right: 0;}

    /* --------------------------------------
     *【字級】
     * -------------------------------------- */
    /*電腦版[data-pd-fs-pc=""] 100~900 預設=400*/
    @media screen and (min-width:768px){
      .PD_layout[data-pd-fs-pc="100"] { font-size: 0.75em;}
      .PD_layout[data-pd-fs-pc="200"] { font-size: 0.875em;}
      .PD_layout[data-pd-fs-pc="300"] { font-size: 1em;}
      .PD_layout[data-pd-fs-pc="400"] { font-size: 1.125em;}
      .PD_layout[data-pd-fs-pc="500"] { font-size: 1.25em;}
      .PD_layout[data-pd-fs-pc="600"] { font-size: 1.5em;}
      .PD_layout[data-pd-fs-pc="700"] { font-size: 1.875em;}
      .PD_layout[data-pd-fs-pc="800"] { font-size: 2.25em;}
      .PD_layout[data-pd-fs-pc="900"] { font-size: 3em;}
    }
    /*手機版[data-pd-fs-phone=""] 100~900 預設=300*/
    @media screen and (max-width:767px){
      .PD_layout[data-pd-fs-phone="100"] { font-size: 0.5em;}
      .PD_layout[data-pd-fs-phone="200"] { font-size: 0.75em;}
      .PD_layout[data-pd-fs-phone="300"] { font-size: 0.875em;}
      .PD_layout[data-pd-fs-phone="400"] { font-size: 1em;}
      .PD_layout[data-pd-fs-phone="500"] { font-size: 1.125em;}
      .PD_layout[data-pd-fs-phone="600"] { font-size: 1.25em;}
      .PD_layout[data-pd-fs-phone="700"] { font-size: 1.5em;}
      .PD_layout[data-pd-fs-phone="800"] { font-size: 1.875em;}
      .PD_layout[data-pd-fs-phone="900"] { font-size: 2.25em;}
    }

    /* --------------------------------------
     *【元件】
     * -------------------------------------- */
    /*隱藏*/
    .PD_layout[data-pd-pd="off"] .PD,
    .PD_layout[data-pd-pdimg="off"] .PD_img,
    .PD_layout[data-pd-into="off"] .PD_into,
    .PD_layout[data-pd-h3="off"] .PD h3,
    .PD_layout[data-pd-h4="off"] .PD h4,
    .PD_layout[data-pd-p="off"]  .PD p,
    .PD_layout[data-pd-p="off-del"]  .PD p del { display: none;}    

    /*文字對齊*/
    .PD_layout[data-pd-ta="left"] { text-align: left;}
    .PD_layout[data-pd-ta="right"] { text-align: right;}

    /*商品文案主軸方向*/
    .PD_layout[data-pd-into="center"] .PD_into { justify-content: center;}
    .PD_layout[data-pd-into="between"] .PD_into { justify-content: space-between;}
    .PD_layout[data-pd-into="evenly"] .PD_into { justify-content: space-evenly;}

    /*number序號*/
    .PD_layout[data-pd-number] .PD_slide::before { display: block;}
    .PD_layout[data-pd-number*="false"] .PD_slide::before { display: none;}
    .PD_layout[data-pd-number*="-r"] .PD_slide::before { position: relative;}
    .PD_layout[data-pd-number*="-a"] .PD_slide::before { position: absolute;}
    .PD_layout[data-pd-number*="top"] .PD_slide::before { top: 0; }
    .PD_layout[data-pd-number*="right"] .PD_slide::before { right: 0; }
    .PD_layout[data-pd-number*="bottom"] .PD_slide::before { bottom: 0; }
    .PD_layout[data-pd-number*="left"] .PD_slide::before { left: 0; }
    .PD_layout[data-pd-number*="col-center"] .PD_slide::before { top: 50%; transform: translateY(-50%); }
    .PD_layout[data-pd-number*="row-center"] .PD_slide::before { left: 50%; transform: translateX(-50%); }

    /*h3特標*/
    .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 { margin-bottom: 0.5em; padding: 0 1em; color: #fff; background-color: #DD2726;}
    .PD_layout[data-pd-h3="2"] .PD h3 { border-radius: 2em;}
    .PD_layout[data-pd-h3="3"] .PD h3 { border-radius: 0 2em 0 2em;}
    .PD_layout[data-pd-h3="4"] .PD h3 { position: relative;}
    .PD_layout[data-pd-h3="4"] .PD h3::before { content:""; position:absolute; top:0; left:0;  width: 0.3em; height: 100%; background-color: #fff; opacity: 0.4;}
    .PD_layout[data-pd-h3="4"] .PD h3::after  { content:""; position:absolute; top:0; right:0; width: 0; height: 0; border: 0.95em solid transparent; border-left-width: 0; border-right-color: #fff;}
    .PD_layout[data-pd-h3="5"] .PD h3 { margin-bottom: 0.5em; padding: 0;}
    .PD_layout[data-pd-h3="5"] .PD h3 span { display: inline-block; padding: 0 0.5em; max-width:85%; border-radius:4px; color: #000; background-color: rgba(218,218,218,0.9);}
    .PD_layout[data-pd-h3="6"] .PD h3 { position: absolute; top: 0; right: 0; padding: 0.5em; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 3em; max-height: none; height: 3.4em; line-height: 1.2em; text-align: center;}
    .PD_layout[data-pd-h3="6"] .PD h3 span { display: block; overflow: hidden; height: 2.4em;}
    .PD_layout[data-pd-h3="6"] .PD h3::before,
    .PD_layout[data-pd-h3="6"] .PD h3::after  { content:""; position:absolute; top:100%; width: 0; height: 0; border-style: solid; border-width: 0.3125em 0.75em; border-color: #DD2726; border-bottom-color: transparent;}
    .PD_layout[data-pd-h3="6"] .PD h3::before { left: 0; border-right-color: transparent;}
    .PD_layout[data-pd-h3="6"] .PD h3::after  { right: 0; border-left-color: transparent;}
    .PD_layout[data-pd-h3="7"] .PD h3 span { display: inline-block; padding: 0 1.25em; max-width:85%; border-radius:2em; color: #000; background-color: rgba(218,218,218,0.9); -webkit-line-clamp: 1; white-space: normal; overflow: hidden; max-height: 1.8em;}

    /*h4品牌品名*/
    .PD_layout[data-pd-h4="1"] .PD h4 { display: block; max-height: 1.5em; overflow: hidden;}
    .PD_layout[data-pd-h4="1"] .PD h4 { display: inline-block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 1; white-space: normal; overflow: hidden;}
    .PD_layout[data-pd-h4="1"] .PD h4 b,
    .PD_layout[data-pd-h4="1"] .PD h4 span { display: inline; font-weight: inherit; }
    .PD_layout[data-pd-h4="2"] .PD h4 { display: block; overflow: hidden;}
    .PD_layout[data-pd-h4="2"] .PD h4 { display: block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden;}
    .PD_layout[data-pd-h4="2"] .PD h4 b,
    .PD_layout[data-pd-h4="2"] .PD h4 span { display: block; font-weight: inherit; }
    .PD_layout[data-pd-h4="3"] .PD h4 span { display: block; max-height: 3em; height: 3em; overflow: hidden;}
    .PD_layout[data-pd-h4="3"] .PD h4 span { display: inline-block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space: normal; overflow: hidden;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-h4="2"] .PD h4 { display: block; overflow: hidden;}
          .PD_layout[data-pd-h4="2"] .PD h4 { display: inline-block; /*display: -webkit-box;*/ -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; overflow: hidden;}
          .PD_layout[data-pd-h4="2"] .PD h4 b,
          .PD_layout[data-pd-h4="2"] .PD h4 span { display: inline; font-weight: inherit; }
        }

    /*p價錢*/
    .PD_layout[data-pd-p=""] {}

    /* --------------------------------------
     *【元件】按鈕
     * -------------------------------------- */
    /*顯示*/
    .PD_layout[data-pd-btn-pdgo] .PD .PD_btn,
    .PD_layout[data-pd-btn-more] .more { display: block; }
    .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide,
    .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide { padding-bottom: 3em;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide,
          .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide { padding-bottom: 2.75em;}
        }

    /*樣式:  無=矩型*/
    .PD_layout[data-pd-btn] .PD_btn { width: calc(100% - 0.5em); overflow: hidden;}
    .PD_layout[data-pd-btn] .PD_btn span,
    .PD_layout[data-pd-btn] .PD_btn.more span { position:relative; display: flex; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden; -webkit-transform: skewX(-7.5deg); transform: skewX(-7.5deg);}
    .PD_layout[data-pd-btn] .PD_btn b { z-index:1; position:relative; display: block; padding: 0 0 0 0.125em; height: 2em; line-height:2em; overflow: hidden; font-weight: 800; font-size: 1.125em; color:#fff; vertical-align:middle;}
    .PD_layout[data-pd-btn] .PD_btn i { position:relative; top: 0.825em; display: block; border-top: 0.125em solid #fff; border-right:0.125em solid #fff; width:0.625em; height:0.625em; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
    .PD_layout[data-pd-btn] .PD_btn { background-color: #FF005D; background-image: repeating-linear-gradient(45deg, #FF004B -2%, #FF005D 120%); background-position: right top; background-size:100% 100%; -webkit-transition:all 0.4s; transition:all 0.4s;}
    .PD_layout[data-pd-btn] .PD_slide:hover .PD_btn { background-size:500% 100%;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn] .PD_btn b { height: 2.25em; line-height:2.25em; font-size: 0.875em;}
          .PD_layout[data-pd-btn] .PD_btn i { top: 0.75em; border-top: 0.125em solid #fff; border-right:0.125em solid #fff; width:0.5em; height:0.5em;}
        }
        /*搶購*/
        .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { position: absolute; bottom: 0.25em; bottom: -2.25em\0; right: 0.25em; }
        .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; position: relative; top: 0.075em; display: inline-block; margin-right: 0.2em; width: 1em; height: 1em; background-size:auto 100%; background-repeat: no-repeat;}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { background-image: url('data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M10.97%2C19.91L10.97%2C19.91c-1.01-0.02-1.83%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84%20c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02C12.77%2C20.73%2C11.96%2C19.92%2C10.97%2C19.91z%20M23.34%2C6.79%20c-0.15-0.21-0.4-0.34-0.67-0.33H7.5C7.13%2C4.99%2C6.85%2C3.85%2C6.77%2C3.47C6.38%2C1.83%2C5.6%2C1%2C4.45%2C1H0.83C0.37%2C1%2C0%2C1.38%2C0%2C1.83%20c0%2C0.46%2C0.36%2C0.83%2C0.82%2C0.84c0%2C0%2C0.01%2C0%2C0.02%2C0h3.62c0.1%2C0%2C0.43%2C0%2C0.7%2C1.17c0.33%2C1.47%2C3.46%2C13.74%2C3.6%2C14.27%20c0.09%2C0.37%2C0.42%2C0.63%2C0.8%2C0.63h9.74c0.36%2C0%2C0.69-0.24%2C0.78-0.59l3.39-10.6C23.54%2C7.29%2C23.5%2C7.01%2C23.34%2C6.79z%20M17.31%2C19.91%20L17.31%2C19.91c-1-0.02-1.82%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02%20C19.11%2C20.73%2C18.31%2C19.91%2C17.31%2C19.91z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"立即搶購";}
            @media screen and (max-width:767px){
              .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.25em; bottom: -2.25em\0;}
            }  
        /*看更多*/
        .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { position: absolute; bottom: 0.25em; left: 0.25em;}
        .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content:"看更多";}
        /*搶購+看更多*/
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn,
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { width: calc(50% - 0.25em);}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after { content:"搶購";}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { background-image: none; background-color:#49495c;}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b { color:#9797bf;}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i { border-color:#9797bf;}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover b { color:#fff;}
        .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover i { border-color:#fff;} 
            
    /*樣式:  0=白底矩型*/
    .PD_layout[data-pd-btn*="box-0"] .PD_btn { background: #fff; }
    .PD_layout[data-pd-btn*="box-0"] .PD_btn b { color: #000;}
    .PD_layout[data-pd-btn*="box-0"] .PD_btn i { border-color: #000;}
    .PD_layout[data-pd-btn*="box-0"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}

    /*樣式:  1=圓角矩型*/
    .PD_layout[data-pd-btn*="box-1"] .PD_btn { border-radius: 0.375em;}
    .PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {  border-radius: 0 0.375em 0.375em 0;}
    .PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { border-radius: 0.375em 0 0 0.375em;}
            
    /*樣式:  2=膠囊型*/
    .PD_layout[data-pd-btn*="box-2"] .PD_btn { border-radius: 3em;}
    .PD_layout[data-pd-btn*="box-2"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {  border-radius: 0 3em 3em 0;}
    .PD_layout[data-pd-btn*="box-2"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { border-radius: 3em 0 0 3em;}

    /*樣式:  3=線框*/      
    .PD_layout[data-pd-btn*="box-3"] .PD_btn,
    .PD_layout[data-pd-btn*="box-3"] .PD_btn.more { overflow: visible;}
    .PD_layout[data-pd-btn*="box-3"] .PD_btn span,
    .PD_layout[data-pd-btn*="box-3"] .PD_btn.more span { overflow: visible; -webkit-transform: none; transform: none;}
    .PD_layout[data-pd-btn*="box-3"] .PD_btn span::before,
    .PD_layout[data-pd-btn*="box-3"] .PD_btn.more span::before { content: ""; position: absolute; top: -0.35em; left: 0; display: block; width: 100%; height: 1px; background-color: #ccc;}
    .PD_layout[data-pd-btn*="box-3"] .PD_btn b { font-size: 1em; color: #000;}
    .PD_layout[data-pd-btn*="box-3"] .PD_btn i { font-size: 0.875em; border-color: #000;}
    .PD_layout[data-pd-btn*="box-3"] .PD_btn { background-color: transparent; background-image: none;}
    .PD_layout[data-pd-btn*="box-3"] .PD_slide:hover .PD_btn b { color: #D62672;}
    .PD_layout[data-pd-btn*="box-3"] .PD_slide:hover .PD_btn i { border-color: #D62672;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn*="box-3"] .PD_slide { padding-bottom: 2.25em;}
          .PD_layout[data-pd-btn*="box-3"] .PD_btn b { height: 2.25em; line-height:2.25em; font-size: 0.875em;}
          .PD_layout[data-pd-btn*="box-3"] .PD_btn i { top: 0.875em;}
        }            
        /*搶購*/
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn { position: absolute; bottom: 0.15em; bottom: -2.35em\0; right: 0.25em;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn b::after { padding-left: 0.5em;}
            @media screen and (max-width:767px){
              .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.15em;}
            }  
        /*看更多*/
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-more] .PD_btn.more { position: absolute; bottom: 0.15em; bottom: -2.35em\0; left: 0.25em;}
        /*搶購+看更多*/
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn,
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { width: calc(50% - 0.25em);}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more span::after { content: ""; position: absolute; top: 0; right: 0; display: block; width: 1px; height: 100%; background-color: #ccc;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after { content:"搶購";}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { background-color:transparent; background-image: none;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b { color: #000;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i { border-color: #000;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover b { color: #D62672;}
        .PD_layout[data-pd-btn*="box-3"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more:hover i { border-color: #D62672;} 

    /*樣式:  無4=純文字(搶購時段) */
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn { background-color: #000; background-image: none;}
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn i,
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-pdgo] .PD .PD_btn b::after { content: "08:00開搶"}

    /*樣式:  line-1=線框矩型*/
    .PD_layout[data-pd-btn*="line-1"] .PD_btn { background: transparent; border: 1px solid #000;}
    .PD_layout[data-pd-btn*="line-1"] .PD_btn b { color: #000;}
    .PD_layout[data-pd-btn*="line-1"] .PD_btn i { border-color: #000;}
    .PD_layout[data-pd-btn*="line-1"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}

    /*樣式:  icon-共用設定 -r=相對定位 -a=絕對定位*/
    .PD_layout[data-pd-btn*="icon-"] .PD_btn { position: relative; top: inherit; right: inherit; bottom: inherit; left: inherit;}
    .PD_layout[data-pd-btn*="icon-"] .PD_btn { border-radius: 5em; width: 2.25em; height: 2.25em;}
    .PD_layout[data-pd-btn*="icon-"] .PD_btn b { padding: 0; width: 100%; height:100%;}
    .PD_layout[data-pd-btn*="icon-"] .PD_btn span { padding: 0; width: 100%; height: 100%; text-align: center; -webkit-transform: skewX(0deg); transform: skewX(0deg);}
    .PD_layout[data-pd-btn*="icon-"] .PD_btn i { display: none;}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn*="icon-"] .PD_btn { border-radius: 5em; width: 2em; height: 2em;}
        }
        /*看更多*/
        .PD_layout[data-pd-btn*="icon-"][data-pd-btn-more] .PD_btn.more { display: none;}
        /*定位*/
        .PD_layout[data-pd-btn*="-r"] .PD_btn { position: relative;}
        .PD_layout[data-pd-btn*="-a"] .PD_btn { position: absolute;}
        .PD_layout[data-pd-btn*="top"] .PD_btn { top: 0.25em; }
        .PD_layout[data-pd-btn*="right"] .PD_btn { right: 0.25em; }
        .PD_layout[data-pd-btn*="bottom"] .PD_btn { bottom: 0.25em; }
        .PD_layout[data-pd-btn*="left"] .PD_btn { left: 0.25em; }
        .PD_layout[data-pd-btn*="col-center"] .PD_btn { top: 50%; transform: translateY(-50%); }
        .PD_layout[data-pd-btn*="row-center"] .PD_btn { left: 50%; transform: translateX(-50%); }
        /*佔位空間*/
        .PD_layout[data-pd-btn*="-r"][data-pd-btn-pdgo] .PD_slide,
        .PD_layout[data-pd-btn*="-r"][data-pd-btn-more] .PD_slide { padding-bottom: 2.5em;}
        .PD_layout[data-pd-btn*="-a"][data-pd-btn-pdgo] .PD_slide,
        .PD_layout[data-pd-btn*="-a"][data-pd-btn-more] .PD_slide { padding-bottom: 0;}

    /*樣式:  icon-2=三角icon*/
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn { border-radius: 0; width: 2.75em; height: 2.75em; background-color: transparent; background-image: none;}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn b { padding: 0; width: 100%; height: 100%; overflow: visible; font-size: 1em; line-height: 1.4em;}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn span { width: 100%; height: 100%; text-align: right; -webkit-transform: skewX(0deg); transform: skewX(0deg);}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn i { display: none;}
        /*搶購*/
        .PD_layout[data-pd-btn*="icon-1"][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; position: relative; top: 0; display: block; padding-right: 0; width: 100%; height: 100%; background-size: auto 60%; background-repeat: no-repeat; background-position: 45% 50%;}
        .PD_layout[data-pd-btn*="icon-1"][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"";}

    /*樣式:  icon-2=三角icon*/
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn { border-radius: 0; width: 2.75em; height: 2.75em; background-color: transparent; background-image: none;}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn b { padding: 0; width: 100%; height: 100%; overflow: visible; font-size: 1em; line-height: 1.4em;}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn span { width: 100%; height: 100%; text-align: right; -webkit-transform: skewX(0deg); transform: skewX(0deg);}
    .PD_layout[data-pd-btn*="icon-2"] .PD_btn i { display: none;}
        /*三角形*/
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"][data-pd-btn*="right"] .PD .PD_btn b::before { transform: rotate(45deg) translateX(2em) scale(1.414);}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"][data-pd-btn*="left"] .PD .PD_btn b::before { transform: rotate(135deg) translateX(2em) scale(1.414);}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"][data-pd-btn*="right"] .PD .PD_btn b::before { transform: rotate(-45deg) translateX(2em) scale(1.414);}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"][data-pd-btn*="left"] .PD .PD_btn b::before { transform: rotate(-135deg) translateX(2em) scale(1.414);}
        /*定位*/
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="top"] .PD_btn.PD_btn { top: 0; }
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="right"] .PD_btn.PD_btn { right: 0; }
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="bottom"] .PD_btn.PD_btn { bottom: 0; }
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn*="left"] .PD_btn.PD_btn { left: 0; }
        /*搶購*/
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; background-image: none;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::before { z-index: -1; position: absolute; top: 0; right: 0; margin: 0; width: 100%; height: 100%; background-color: #000;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo] .PD .PD_btn b::after  { content:"GO"; z-index: 1; position: absolute; font-family: "Century Gothic", "Helvetica Neue", "Microsoft JhengHei", "Microsoft YaHei", Helvetica, Arial;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="top"] .PD .PD_btn b::after  { top: 0;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="bottom"] .PD .PD_btn b::after  { bottom: 0;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="right"] .PD .PD_btn b::after  { right: 0.1em;}
        .PD_layout[data-pd-btn*="icon-2"][data-pd-btn-pdgo][data-pd-btn*="left"] .PD .PD_btn b::after  { left: 0.1em;}

    /*樣式:  icon-3=GOicon*/
    .PD_layout[data-pd-btn*="icon-3"] .PD_btn { background-color: rgba(0,0,0,0.28); background-image: none;}
    .PD_layout[data-pd-btn*="icon-3"] .PD_btn b { padding: 0; font-size: 1em;}
    .PD_layout[data-pd-btn*="icon-3"] .PD_btn span { flex-direction: column; align-items: center; width: 100%; height: 100%; text-align: center; -webkit-transform: skewX(0deg); transform: skewX(0deg);}
    .PD_layout[data-pd-btn*="icon-3"] .PD_btn i { display: block; top: -0.4em; border-top: none; border-bottom: 0.0625em solid #fff; border-right: 0.0625em solid #fff; width: 0.5em; height: 0.5em; }
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn*="icon-3"] .PD_btn b { font-size: 0.75em;}
          .PD_layout[data-pd-btn*="icon-3"] .PD_btn b { font-size: 0.75em;}
        }
        /*搶購*/
        .PD_layout[data-pd-btn*="icon-3"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
        .PD_layout[data-pd-btn*="icon-3"][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"GO"; }
        /*看更多*/
        .PD_layout[data-pd-btn*="icon-3"][data-pd-btn-more] .PD_btn.more { display: none;}

    /*樣式:  icon-4=搶購icon*/
    .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD_slide{ padding-bottom: 1.5em;}
    .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD .PD_btn { position: absolute; bottom: 0.5em; bottom: -2.25em\0; right: 0.5em; }
    .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] h3 { margin-bottom: 0.5em;}

        @media screen and (max-width:767px){

          .PD_layout[data-pd-btn*="icon-4"][data-pd-direction="phone-row"] .PD_img {width: 35%;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-direction="phone-row"] .PD_into {width: 65%; text-align: left;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD_slide{ padding-bottom: 0em;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] h4 { order: 1; max-height: 2.8em;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] h3 { order: 2; margin: 0;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] p { order: 3;}
          .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.5em; bottom: -2.25em\0;}
        }  

    .PD_layout[data-pd-btn*="icon-4"] .PD_btn { border-radius: 5em; width: 2.5em; height: 2.5em;}
    .PD_layout[data-pd-btn*="icon-4"] .PD_btn { background-color: #de3a58; background-image: none;}
    .PD_layout[data-pd-btn*="icon-4"] .PD_btn b { padding: 0; font-size: 1em; display: flex; justify-content: center; align-items: center;}
    .PD_layout[data-pd-btn*="icon-4"] .PD_btn span { flex-direction: column; align-items: center; width: 100%; height: 100%; text-align: center; -webkit-transform: skewX(0deg); transform: skewX(0deg);}
    .PD_layout[data-pd-btn*="icon-4"] .PD_btn i { display: none; /*top: -0.4em; border-top: none; border-bottom: 0.0625em solid #fff; border-right: 0.0625em solid #fff; width: 0.5em; height: 0.5em;*/ }
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn*="icon-4"] .PD_btn b { font-size: 0.85em;}
        }
        /*搶購*/
        .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
        .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"搶購"; }
        /*看更多*/
        .PD_layout[data-pd-btn*="icon-4"][data-pd-btn-more] .PD_btn.more { display: none;}

    /* --------------------------------------
     *【元件】(特殊放最後)文案區內的搶購按鈕
     * -------------------------------------- */
    .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo { display: none; position: relative; top: auto; bottom: auto; right: auto; left: auto;}
    .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b { padding-left: 0.5em;}
    .PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after { content:"立即搶購";}
        @media screen and (max-width:767px){
          .PD_layout[data-pd-btn] .PD .PD_into_PDgo { bottom: 0.25em;}
        }
        /*橫式*/
        .PD_layout[data-pd-btn][data-pd-btn-intopdgo][data-pd-direction="row"] .PD, 
        .PD_layout[data-pd-btn][data-pd-btn-intopdgo][data-pd-direction="row-reverse"] .PD { margin-bottom: 0;}
        /*顯示*/
        .PD_layout[data-pd-btn][data-pd-btn-intopdgo] .PD_into .PD_into_PDgo { display: block;}


    /*樣式:  無4=純文字(搶購時段) */
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn { background-color: #000; background-image: none;}
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn i,
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn b::before { display: none;}
    .PD_layout[data-pd-btn*="box-4"][data-pd-btn-intopdgo] .PD .PD_btn b::after { content: "08:00開搶"}



  /* --------------------------------------
   *【機制】時間高亮
   * -------------------------------------- */
   .PD_layout.PD_layout-highlightDate .PD_slide {pointer-events: none; filter: brightness(0.5);}
   .PD_layout.PD_layout-highlightDate .PD_slide.cate-hover {pointer-events:initial; filter: brightness(1);}
   .PD_layout.PD_layout-highlightDate .PD_slide .setDate {display: none;}    



 /*文字調整*/
   .PD_layout .PD_img { padding: 0.5em;}
   .PD_layout .PD_into { padding: 0.3125em; padding-bottom: 0.5em; }
   .PD_layout .PD h3 { font-size: 15px; font-weight: 800; }
   .PD_layout[data-pd-h3="5"] .PD h3 span { word-break: keep-all; text-overflow: ellipsis;	}
   .PD_layout[data-pd-h3="5"] .PD h3 { margin-bottom: 0.25em;}
   .PD_layout .PD h4 { margin-bottom: 0.35em; font-size: 15px;}
   .PD_layout .PD p b, 
   .PD_layout .PD p del { font-size: 14px }
   .PD_layout .PD p .money { font-size: 16px; }
   .PD_layout .PD p .Price { font-size: 28px; font-weight: 800;}
   .PD_layout .PD p small { font-size: 12px; font-weight: 800;}
   @media screen and (min-width: 768px) {
    .PD_layout[data-pd-col-pc="3"] ul,
    .PD_layout[data-pd-col-pc="4"] ul,
    .PD_layout[data-pd-col-pc="5"] ul { padding: 20px; }
  }
  @media screen and (max-width: 767px) {
    .PD_layout[data-pd-col-phone="3"] ul { padding: 0.2em 0; }
    .PD_layout[data-pd-col-phone="3"] .PD h3,
    .PD_layout[data-pd-col-phone="3"] .PD h4 { font-size: 14px; }
    .PD_layout[data-pd-col-phone="3"] .PD .Price { font-size:22px; }
    .PD_layout[data-pd-col-phone="3"] .PD p b,
    .PD_layout[data-pd-col-phone="3"] .PD p del,
    .PD_layout[data-pd-col-phone="3"] .PD p .money{ font-size:11px; }
    .PD_layout[data-pd-col-phone="3"] .PD_into { padding-left: 0; padding-right: 0; }
    .PD_layout[data-pd-col-phone="3"] .PD p b { display: none; }
  }


 /*BN公版調整*/
   .PD_layout[ data-pd-li="BN" ] ul,
   .PD_layout[ data-pd-li="BN-AWD" ] ul,
   .PD_layout[ data-pd-li="PDBN" ] ul { margin: 0 auto; padding: 0; width: 100%; background-color: transparent;}
   .PD_layout[ data-pd-li="BN" ] li,
   .PD_layout[ data-pd-li="BN-AWD" ] li,
   .PD_layout[ data-pd-li="PDBN" ] li { border: none }
   @media screen and (min-width: 768px) {
     .PD_layout[ data-pd-li="BN" ] ul,  
     .PD_layout[ data-pd-li="BN-AWD" ] ul,
     .PD_layout[ data-pd-li="PDBN" ] ul { padding: 0 35px; grid-gap: 10px; }
   }
   @media screen and (max-width: 767px) {
     .PD_layout[ data-pd-li="BN" ] ul,
     .PD_layout[ data-pd-li="BN-AWD" ] ul,
     .PD_layout[ data-pd-li="PDBN" ] ul { padding: 0 .5em; grid-gap: .2em; }
   }


  /*移除公版設定*/
  .PD_layout[data-pd-style="off"] ul { margin: 0 auto; padding: 0; background-color: transparent; width: 100%;}
  .PD_layout[data-pd-style="off"] ul li { border: none }
    /*圓角*/
    @media screen and (min-width:768px){
      .PD_layout[data-pd-style="off"][data-pd-br="1"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="1"] .PD_img img { border-radius: 0.5em;}
      .PD_layout[data-pd-style="off"][data-pd-br="2"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="2"] .PD_img img { border-radius: 1em;}
      .PD_layout[data-pd-style="off"][data-pd-br="3"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="3"] .PD_img img { border-radius: 1.5em;}
      .PD_layout[data-pd-style="off"][data-pd-br="4"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="4"] .PD_img img { border-radius: 2em;}
      .PD_layout[data-pd-style="off"][data-pd-br="50%"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="50%"] .PD_img img { border-radius: 20em;}
    }
    @media screen and (max-width:767px){
      .PD_layout[data-pd-style="off"][data-pd-br="1"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="1"] .PD_img img { border-radius: 0.25em;}
      .PD_layout[data-pd-style="off"][data-pd-br="2"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
      .PD_layout[data-pd-style="off"][data-pd-br="3"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="3"] .PD_img img { border-radius: 0.75em;}
      .PD_layout[data-pd-style="off"][data-pd-br="4"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="4"] .PD_img img { border-radius: 1em;}
      .PD_layout[data-pd-style="off"][data-pd-br="50%"] .PD_slide,
      .PD_layout[data-pd-style="off"][data-pd-br="50%"] .PD_img img { border-radius: 20em;}
    }


  /*輪播移除公版設定*/
  .swiper_remove_box_style ul { position: relative; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; width: 100%; box-sizing: content-box; background-color: transparent; grid-gap: 0 }
  .swiper_remove_box_style ul li { flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border:none }
  .swiper_remove_box_style ul li,
  .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}

  




    /* --------------------------------------
     *【版型】特殊
     * -------------------------------------- */
    /*PD_layout-add2cart*/
    .PD_layout-add2cart[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "加入購物車";}

    /*PD_layout-PD_layout-coupon*/
    .PD_layout-coupon3[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after { content: "領折價券";}

    /*領折價券(BN翻牌)*/
    .PD_layout-BNcoupon .more { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .PD_layout-BNcoupon .more a { width: 100%; height: 100%;}
    .PD_layout-BNcoupon .PD_img::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-size: 100%;}
    .PD_layout-BNcoupon .PD_img::after { -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin: center 85%; transform-origin: center 85%; -webkit-transition:0.2s; transition:0.2s;}
    .PD_layout-BNcoupon .cate-hover .PD_img::after { background-image: url(Area_coupon_on.png?t=1752644231756);}
    .PD_layout-BNcoupon .cate-hover .PD_img::after { -webkit-transform:scaleY(1); transform:scaleY(1);}
    .PD_layout-BNcoupon .cate-hover .more { display: none;}

    .PD_layout-BNcoupon2 .more { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .PD_layout-BNcoupon2 .more a { width: 100%; height: 100%;}
    .PD_layout-BNcoupon2 a::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-size: 100%;}
    .PD_layout-BNcoupon2 a::after { -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin: center 85%; transform-origin: center 85%; -webkit-transition:0.2s; transition:0.2s;}
    .PD_layout-BNcoupon2 .cate-hover a::after { background-image: url(Area_coupon_on2.png?t=1752644231756);}
    .PD_layout-BNcoupon2 .cate-hover a::after { -webkit-transform:scaleY(1); transform:scaleY(1);}
    .PD_layout-BNcoupon2 .cate-hover .more { display: none;}
    .PD_layout-BNcoupon2.PD_layout ul { background: none; }

    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="4"] .PD h4 {font-size: 1.5em; color: #484848; margin-top: 0.75em}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="5"] .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="4 wide"] .PD h4 {font-size: 1.5em; color: #484848; margin-top: 0.75em}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="5 wide"] .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em}

    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="4"] .PD .PD_logo {height: 25%;}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="5"] .PD .PD_logo {height: 20%;}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="4 wide"] .PD .PD_logo {height: 25%;}
    .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="5 wide"] .PD .PD_logo {height: 20%;}

    @media screen and (max-width:767px){
        .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="4"] .PD h4 ,
        .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc="5"] .PD h4 ,
        .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="4 wide"] .PD h4 ,
        .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="5 wide"] .PD h4 {font-size: 4vw;}
        
    }



/* --------------------------------------
  * BN+公版  PD_layout-PDBN_01
  * -------------------------------------- */    
.PD_layout-PDBN_01 {
  text-align: left;
}
.PD_layout-PDBN_01 .PD h3,
.PD_layout-PDBN_01 .PD h4,
.PD_layout-PDBN_01 .PD p {
  position: absolute;
  width: 100%;
}

.PD_layout-PDBN_01 a,
.PD_layout-PDBN_01 .PD:hover h4 {
  color: #fff;
}

.PD_layout-PDBN_01 .PD h3 {
  color: #ffe29c;
}

.PD_layout-PDBN_01 .PD p del {
  color: #949494;
}

.PD_layout-PDBN_01 .PD p .money,
.PD_layout-PDBN_01 .PD p .Price,
.PD_layout-PDBN_01 .PD p b,
.PD_layout-PDBN_01 .PD p small {
  color: #fff;
  background: -webkit-linear-gradient(90deg, #DFC08F 20%, #fff 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@media screen and (min-width: 768px) {
  .PD_layout-PDBN_01 .PD h3,
  .PD_layout-PDBN_01 .PD h4,
  .PD_layout-PDBN_01 .PD p {
    padding: 0 50px;
  }
  .PD_layout-PDBN_01 .PD h3 {
    top: 36px;
    font-size: 32px;
  }
  .PD_layout-PDBN_01 .PD h4 {
    top: 86px;
    font-size: 24px;
  }
  .PD_layout-PDBN_01 .PD p {
    top: 120px;
    font-size: 24px;
  }
  .PD_layout-PDBN_01 .PD p del {
    font-size: 18px;
  }
  .PD_layout-PDBN_01 .PD p .Price {
    font-size: 46px;
  }
}
@media screen and (max-width: 767px) {
  .PD_layout-PDBN_01 .PD h3,
  .PD_layout-PDBN_01 .PD h4,
  .PD_layout-PDBN_01 .PD p {
    padding: 0 8%;
  }
  .PD_layout-PDBN_01 .PD h3 {
    top: 6.5vw;
    font-size: 5.2vw;
  }
  .PD_layout-PDBN_01 .PD h4 {
    top: 14.5vw;
    font-size: 4vw;
  }
  .PD_layout-PDBN_01 .PD p {
    top: 21vw;
    font-size: 4.2vw;
  }
  .PD_layout-PDBN_01 .PD p del {
    font-size: 3.4vw;
  }
  .PD_layout-PDBN_01 .PD p .Price {
    font-size: 7.8vw;
  }
}


/* --------------------------------------
  * PD_layout-BNcoupon2 領折價券(BN翻牌)_文案入稿
  * -------------------------------------- */
.PD_layout.PD_layout-BNcoupon2 {
  li.PD_slide { background-color: transparent; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
  li.PD_slide::after { 
    content: ""; display: block; 
    width: 100%; height: 0; padding-bottom: 146%; 
    background-image: url(PD_layout-BNcoupon2.png?t=1752644231756); 
    background-repeat: no-repeat; background-size: contain; background-position: center top;
  }
  .PD_slide:hover { box-shadow: none;}
  .PD {  position: absolute; top: 0%; left: 0; display: flex; width: 100%;  height: 100%;}
  .PD a { width: 100%; height: 100%; padding-top: 10%;}
  .PD h4 { color: #484848; margin-top: 0.75em}
  .PD:hover h4 {color: #484848;}
  .PD h4 b {display: inline;}
  .PD h4 b.js-PD_txt1 {font-size: 1.1em;}
  .PD h4 span.js-PD_txt2 {font-size: 1em; letter-spacing: -0.05em;}
  .PD .divine_coupon1 b.Discount { font-size: 2.7em; letter-spacing: -0.02em; line-height: 1.25em;}
  .PD h4 small.Dis_unit { font-size: 1.1em; letter-spacing: -0.01em; line-height: 1.25em;}
  .PD .PD_logo img {box-shadow: none;}
  @media screen and (min-width:768px){
    .PD .PD_img { padding-top: 40px;}
  }
  @media screen and (max-width:767px){
      ul {grid-gap: 0.5em; padding: 0 1em;}
    .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em}
    .PD h4 b.js-PD_txt1 {font-size: 1em;}
    .PD .divine_coupon1 b.Discount { font-size: 2.9em; }
    .PD .PD_img { padding-top: 9vw;}
    .PD .PD_logo { height: 2.5em; }
    .PD .PD_logo img { width: 85%; height: auto; }
  }
}


/* --------------------------------------
  *【版型】一課
  * -------------------------------------- */



/* --------------------------------------
  * PD_layout-D1_01品牌
  * -------------------------------------- */
.PD_layout-D1_01 .PD_slide { background-color: #d5b08b; }
.PD_layout-D1_01[data-pd-pdlogo="4"] .PD .PD_logo { margin-bottom: 0.25em; }
.PD_layout-D1_01 .PD h4 { color: #260e02; font-weight: 900; }
.PD_layout-D1_01 .PD h4 b { color: #fff; }
    @media screen and (min-width: 768px) {
      .PD_layout-D1_01 .PD_into { padding-bottom: 1em;}
      .PD_layout-D1_01 .PD h4 { font-size: 1.25em;}
      .PD_layout-D1_01 .PD h4 b { font-size: 1em;}
    }
    @media screen and (max-width: 767px) {
      .PD_layout-D1_01 .PD_into { padding-bottom: 0.5em;}
    }




 /* --------------------------------------
  *【版型】二課
  * -------------------------------------- */


 /* --------------------------------------
  * 公版+CSS共用底圖PD_layout-CSSBG_01
  * -------------------------------------- */
.PD_layout-CSSBG_01 {
  li { background-color: transparent;}
  li::after { 
    content: ""; display: block; 
    width: 100%; height: 0; padding-bottom: 181%; 
    background-image: url(PD_layout-CSSBG_01.png?t=1752644231756); 
    background-repeat: no-repeat; background-size: 100%; background-position: center top;
  }
  .PD_slide:hover { box-shadow: none;}
  .PD {  position: absolute; top: 0%; left: 0; display: flex; width: 100%;  height: 100%;}
  .PD a { width: 100%; height: 100%;}
  @media screen and (min-width:768px){
    .PD .PD_img { padding-top: 40px;}
  }
  @media screen and (max-width:767px){
    .PD .PD_img { padding-top: 9vw;}
  }
}


  /*共用--輪播基本設定*/
  .Area_swiper { position: relative; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
  .Area_swiper_box { position: relative; overflow: hidden; margin: 0 auto; z-index: 1; padding-bottom: 25px;}
  .Area_swiper_box .PD_layout { position: static; }
  .Area_swiper_box .PD_layout ul { position: relative; display: flex; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; width: 100%; box-sizing: content-box; background-color: transparent; grid-gap: 0 }
  .Area_swiper_box .PD_layout li { flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border:none; }
  .Area_swiper_box .PD_layout li,
  .Area_swiper_box .PD_layout li .PD_img img { border-radius: 10px;}
  .Area_swiper_box .swiper-pagination { bottom: 0!important }
  .Area_swiper_box .swiper-pagination-white .swiper-pagination-bullet { background: #fff }
  @media screen and (min-width: 768px) {
    .Area_swiper_box { padding-bottom: 25px;}   
  }
  @media screen and (max-width: 767px) {
    .Area_swiper_box { padding-bottom: 5vw; }
    .Area_swiper_box .PD_layout .PD p .Price { font-size:24px; }
    .Area_swiper_box .PD_layout .PD p b, 
    .Area_swiper_box .PD_layout .PD p del, 
    .Area_swiper_box .PD_layout .PD p .money { font-size:14px; }
  }


  /*看更多按鈕*/
  .PD_layout-btn ul { margin: 0 auto; padding: 0; background-color: transparent; grid-gap: 0; width: 100%; }
  .PD_layout-btn li { border: none; text-align: center;  }
  .PD_layout-btn li .PD a  { display: inline-block; }
  .PD_layout-btn li .PD .PD_img,
  .PD_layout-btn li .PD h4,
  .PD_layout-btn li .PD p { display: none; }
  .PD_layout-btn li .PD .PD_into { padding: 0 }
  .PD_layout-btn li .PD h3 { margin: 0; padding: 0.4em 1.6em; font-size: 20px; line-height: 1em; color: #fff; background: #000; border-radius: 99em }
  .PD_layout-btn.PD_layout-btn-white li .PD h3  { color: #000; background: #fff; }/*按鈕變白色*/
  @media screen and (min-width: 768px) {
    .PD_layout-btn { padding: 10px 0 20px }
  }
  @media screen and (max-width: 767px) {
    .PD_layout-btn { padding: 2vw 0 4vw }
  }


    //使用展開收合的
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="2"],
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="3"],
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="4"],
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="6"],
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="8"]{
      .PD_slide {
        display: none;
      }
      //如果有加動作
      &.active{
        .PD_slide {
          display: list-item;
        }                
      }
    }
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="2"] .PD_slide{
        &:nth-child(1),&:nth-child(2) {
          display: list-item;
      }
    }
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="3"] .PD_slide{
        &:nth-child(1),&:nth-child(2),&:nth-child(3) {
          display: list-item;
      }
    }
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="4"] .PD_slide{
      &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4) {
        display: list-item;
      }
    }
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="6"] .PD_slide{
      &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(6),&:nth-child(8) {
        display: list-item;
      }
    }
    .PD_layout[data-pd-btn-more-bottom="2"][data-pd-toggle-show="8"] .PD_slide{
      &:nth-child(1),&:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(5),&:nth-child(6),&:nth-child(7),&:nth-child(8) {
        display: list-item;
      }
    } 
    
    .PD_layout-btn.active {
      display: none;
    }



/* --------------------------------------
 * *側滑公版
 * -------------------------------------- */
.Area_slide {  }
.Area_slide { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; overflow: auto hidden;}
.Area_slide .box  { width: max-content; height: auto; position: relative}
.Area_slide .box_ { display: flex; width: auto; position: relative; white-space: nowrap; flex-direction: row; justify-content: flex-start;}
.Area_slide .box_bn { position: relative; z-index: 0; height: auto  }
.Area_slide .box_pd { position: relative; display: flex; flex-direction: column; overflow: hidden; z-index: 1}
.Area_slide .PD_layout li:hover { transform: none }
.Area_slide .PD_layout_pd ul { display: flex; width: max-content;padding: 0; margin: 0; flex-direction: row; flex-wrap: nowrap; background-color: transparent }
.Area_slide .PD_layout_pd li { min-width:initial ; float: left; background-color: #fff; border-bottom: solid 1px #d1d1d1 !important; border-left: solid 1px #d1d1d1!important; border-right: none!important; border-top: none }
.Area_slide .PD_layout_bn { position: absolute; ; height: 100%; width: 100%; left: 0; top: 0}
.Area_slide .PD_layout_bn ul { width: 100%; padding: 0; margin: 0; background-color: transparent;}
.Area_slide .PD_layout_pd .PD p b { display: none }
  @media screen and (min-width:768px){ 
    .Area_slide { width: 960px; border-radius: 15px } 
    .Area_slide .box_bn { width: 274px; }  
    .Area_slide .box_pd { margin-left: -20px; border-radius: 15px;} 
    .Area_slide .PD_layout_pd li { width: 250px}
  }
  @media screen and (max-width:767px){
    .Area_slide { width: 96vw;  border-radius: 10px} 
    .Area_slide .box_bn { width: 45vw;}  
    .Area_slide .box_pd { margin-left: -4vw; border-radius: 10px;} 
    .Area_slide .PD_layout_pd li { width: 33vw; height: 57vw;} 
  } 


/* --------------------------------------
 * PD_layout-D1_02九宮格
 * -------------------------------------- */
.PD_layout-D1_02[data-pd-h3="2"] .PD h3 { padding: 0;}
.PD_layout-D1_02 .PD h4 b { display: none;}
    @media screen and (min-width:768px){
      .PD_layout-D1_02 .PD h4 { font-weight: 900;}
    }
    @media screen and (max-width:767px){
      .PD_layout-D1_02[data-pd-h3="2"] .PD h3 { margin-bottom: 0em;}
      /*.PD_layout-D1_02 .PD h4 { font-size: 1em;}*/
      .PD_layout-D1_02 .PD h4 span { max-height: none; line-height: 2em;}
    }


/* --------------------------------------
 * (8)橫/D1_02B(排行榜)
 * -------------------------------------- */
.PD_layout-D1_02B .PD_slide { background-color: #fff;}
.PD_layout-D1_02B .PD h3 { font-size: 1em; margin-top: 1em;}
.PD_layout-D1_02B .PD h4 { font-size: 0.9375em; font-weight: 900; margin-bottom: 0;}
  @media screen and (min-width:768px){
    .PD_layout-D1_02B[data-pd-style="off"] ul { padding: 0 20px; grid-gap: 10px;}
    .PD_layout-D1_02B[data-pd-style="off"] .PD_into { padding: .5em;}
  }
  @media screen and (max-width:767px){
    .PD_layout-D1_02B[data-pd-style="off"] ul { padding: 0 .5em; grid-gap: .2em;}
  }



/* --------------------------------------
 * (1)直/一般品(1排5品)
 * -------------------------------------- */
@media screen and (min-width:768px){
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide { padding-bottom: 3em;}
  .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 0.7em; left: .35em;}
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.7em; right: .35em;}    
}
@media screen and (max-width:767px){
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide, .PD_layout[data-pd-btn][data-pd-btn-more] .PD_slide { padding-bottom: 2.75em;}
  .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more { bottom: 0.575em; left: .275em;}
  .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.575em; right: .275em;}
}


/* --------------------------------------
 * (6)直/D1_01(品牌)
 * -------------------------------------- */
.PD_layout-D1_01 .PD_img img { background-color: #fff;}
    @media screen and (min-width:768px){
      .PD_layout-D1_01 { font-size: 1.25em;}
      .PD_layout-D1_01[data-pd-style="off"] ul { padding: 0 20px; grid-gap: 10px;}
      .PD_layout-D1_01 .PD h3, .PD_layout-D1_01 .PD h4 { font-size: 1.25em;}
      .PD_layout-D1_01{
        &.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo { margin-bottom: .35em; height: 3.4em;}
        &.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { border-radius: .625em;}
        &.PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo, .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row"] .PD .PD_logo, .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.7em - 0.5em);}
        &.PD_layout[data-pd-pdlogo="4"][data-pd-col-pc="2"] .PD .PD_logo { margin-bottom: 0.5em; height: 4.25em;}
      }
      .Area1220 .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="3"] .PD .PD_logo { margin-bottom: 0.5em; height: 4.25em;}
      .Area960 .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="4"] .PD .PD_logo { height: 3em;}
      .Area960 .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="4"]:not([data-pd-direction*="row"]) .PD .PD_logo,
      .Area960 .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="4"][data-pd-direction="phone-row"] .PD .PD_logo, 
      .Area960 .PD_layout.PD_layout-D1_01[data-pd-pdlogo="4"][data-pd-col-pc="4"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.5em - 0.5em);}    
        /*品數*/
        .PD_layout-D1_01[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, 1fr));}
        .PD_layout-D1_01[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
        .PD_layout-D1_01[data-pd-col-pc="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
    }
    @media screen and (max-width:767px){
      .PD_layout-D1_01[data-pd-style="off"] ul { grid-gap: .25em;}
      .PD_layout-D1_01[data-pd-style="off"] .PD h3, .PD_layout-D1_01[data-pd-style="off"] .PD h4 { font-size: 1em; margin-bottom: 0;}
      .PD_layout-D1_01{
        &.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo { margin-bottom: .3em; height: 2.12em;}
        &.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img { border-radius: .5em;}
        &.PD_layout[data-pd-pdlogo="4"]:not([data-pd-direction*="row"]) .PD .PD_logo, .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row"] .PD .PD_logo, .PD_layout[data-pd-pdlogo="4"][data-pd-direction="phone-row-reverse"] .PD .PD_logo { margin-top: calc(-1.06em - 0.3125em);}
        &.PD_layout[data-pd-pdlogo="4"][data-pd-col-phone="3"] ul {  padding: 0 .4em;}
        &.PD_layout[data-pd-pdlogo="4"][data-pd-col-phone="2"] ul {  padding: 0 .5em;}
        &.PD_layout[data-pd-pdlogo="4"][data-pd-col-phone="2"] .PD .PD_logo { height: 3em;}
      }
        /*品數*/
        .PD_layout-D1_01[data-pd-col-phone="4"] ul { grid-template-columns: repeat(4, minmax(0, 1fr));}
        .PD_layout-D1_01[data-pd-col-phone="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
        .PD_layout-D1_01[data-pd-col-phone="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}      
    }


/* --------------------------------------
 * PD_layout-D1_03 熱門推薦
 * -------------------------------------- */
.PD_layout-D1_03.PD_layout ul { padding: 0 35px; grid-gap: 10px;}
.PD_layout-D1_03 ul::before { content: "熱門推薦："; font-weight: 900; position: relative;}
.PD_layout-D1_03 .PD_slide { border-radius: 10em; background-color: #e13550;}
.PD_layout-D1_03 .PD h3 { color: #fff;}
.PD_layout-D1_03 .PD h3 span::before { content: "#";}
    @media screen and (min-width:768px){
      .PD_layout-D1_03.PD_layout ul { grid-template-columns: repeat(6,1fr); }
      .PD_layout-D1_03 ul::before { top: 0.2em;}
      .PD_layout-D1_03 .PD_into  { padding: 0 1em;}
    }
    @media screen and (max-width:767px){
      .PD_layout-D1_03.PD_layout ul { grid-template-columns: repeat(3,1fr); padding-left: 0.5em; padding-right: 0.5em;}
      .PD_layout-D1_03 ul::before { top: 0.2em;}
      .PD_layout-D1_03 .PD_into  { padding: 0 0.5em; }
    }


/* --------------------------------------
 * (9)橫/D1_03(熱門推薦)
 * -------------------------------------- */
@media screen and (min-width:768px){
  .PD_layout-D1_03 ul { padding: 0 35px; grid-gap: 10px;}
  .PD_layout-D1_03[data-pd-style="off"] .PD_into { padding: 0 1em;}
  .PD_layout-D1_03 .PD h3 { font-size: 1em;}
}
@media screen and (max-width:767px){
  .PD_layout-D1_03[data-pd-style="off"] ul { padding: 0 .5em; grid-gap: .2em;}
  .PD_layout-D1_03[data-pd-style="off"] .PD_into { padding: 0 .5em;}
  .PD_layout-D1_03 .PD h3 { font-size: .875em;}
}


/* --------------------------------------
 * 特殊(6) 直/領折價券(BN翻牌)_文案入稿
 * -------------------------------------- */
.PD_layout.PD_layout-BNcoupon2 li.PD_slide { font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PD_layout.PD_layout-BNcoupon2 .PD h4 span.js-PD_txt2 { display: none;}
    @media screen and (min-width:768px){
      /*1220-預設-4品設定*/  
      .PD_layout-BNcoupon2 .cate-hover a::after { transform: scaleY(1.03);} 
      .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after { padding-bottom: 110%;}
      .PD_layout.PD_layout-BNcoupon2 .PD a { padding-top: 4%;}  
      .PD_layout.PD_layout-BNcoupon2 .PD .PD_logo { margin-bottom: 0.5em;}     
      .PD_layout.PD_layout-BNcoupon2 .PD h4 { line-height: 1.5;}
      .PD_layout.PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 3em; line-height: 1.05;} 
      .PD_layout.PD_layout-BNcoupon2[data-pd-col-pc*="4 wide"] .PD .PD_logo { height: 27%;}
      /*1220-3品設定*/  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 ul { grid-template-columns: repeat(3, auto); column-gap: 30px; row-gap: 40px;}  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD a { padding-top: 6%;}  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD .PD_logo { margin-bottom: 2.5em;}  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 { font-size: 2.3em;}  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 5.5em; line-height: 1.25em;}  
      .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 small.Dis_unit { font-size: 1.8em;}
      .Area1220 .PD_layout[data-pd-col-pc*="5 wide"].PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 2.85em;} 
      .Area1220 .PD_layout[data-pd-col-pc*="5 wide"].PD_layout-BNcoupon2 .PD .PD_logo { height: 22.5%;}
      /*960-3品設定*/  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 ul { grid-template-columns: repeat(3, auto); column-gap: 30px; row-gap: 40px;}  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD a { padding-top: 3%;}  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD .PD_logo { margin-bottom: 1.5em;}  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 { font-size: 2.05em;}  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 5.35em;}  
      .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon2 .PD h4 small.Dis_unit { font-size: 1.8em;} 
      /*960-4品設定*/  
      .Area960 .PD_layout-BNcoupon2 .cate-hover a::after { transform: scaleY(1.03);} 
      .Area960 .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after { padding-bottom: 110%;}
      .Area960 .PD_layout.PD_layout-BNcoupon2 .PD a { padding-top: 2%;}  
      .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 { line-height: 1;}     
      .Area960 .PD_layout.PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 2.4em; line-height: 1.1;} 
      .Area960 .PD_layout.PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 { letter-spacing: -0.05em; } 
      .Area960 .PD_layout[data-pd-col-pc*="4 wide"].PD_layout-BNcoupon2 .PD .PD_logo { height: 23%; margin-top: .15em;} 
    }
    @media screen and (max-width:767px){
      /*預設-2品設定*/  
      .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after { padding-bottom: 110%;}
      .PD_layout.PD_layout-BNcoupon2 .PD a { padding-top: 3%;}  
      .PD_layout.PD_layout-BNcoupon2 .PD h4 { line-height: 1.05; margin-top: 0.95em;}     
      .PD_layout.PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { line-height: 1.1; font-size: 2.75em;} 
      .PD_layout.PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 { font-size: 1.2em; letter-spacing: -0.05em;} 
      .PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit { font-size: 1.05em;}  
      .PD_layout[data-pd-col-phone="2"].PD_layout-BNcoupon2 .PD .PD_logo { width: 90%; height: 40%; margin-bottom: 0.35em;}  
      /*3品設定*/  
      .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD a { padding-top: 1%;}  
      .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 { margin-top: 0.3em;}     
      .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD .divine_coupon1 b.Discount { font-size: 2.25em;} 
      .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD h4 b.js-PD_txt1 { font-size: 1.1em;} 
      .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon2 .PD .PD_logo { width: 90%; height: 35%; margin-bottom: 0.3em;}  
    }


/* --------------------------------------
 * (新增)直/D1_02(九宮格)
 * -------------------------------------- */
.PD_layout.PD_layout-D1_02 { background-color: #cacaca;}
.PD_layout.PD_layout-D1_02 .PD_into { padding-top: .25em;}
.PD_layout.PD_layout-D1_02 .PD h3 { background-color: #ff005d;}
.PD_layout.PD_layout-D1_02 .PD h4 b { display: none;}
.PD_layout.PD_layout-D1_02 .PD h3{ order: 2;}
.PD_layout.PD_layout-D1_02 .PD h4{ order: 1;}
    @media screen and (min-width:768px){
      /*預設-3品設定*/  
      .PD_layout.PD_layout-D1_02 { padding: 1.2em 1.2em; border-radius: 1.2em;}
      .PD_layout.PD_layout-D1_02 .PD h3 { margin: 0 1em; line-height: 1.8; font-size: 1.2em;}
      .PD_layout.PD_layout-D1_02 .PD h4 { line-height: 0.95; font-size: 1.5em; margin-bottom: 0.25em;}
      .PD_layout.PD_layout-D1_02 .PD_img { padding-top: 0.3em;}
      /*960-2品設定*/  
      .Area960 .PD_layout.PD_layout-D1_02[data-pd-col-pc="2"] { padding: 1.5em 1.5em 1.8em;}
      /*預設-3品設定*/  
      .Area1220 .PD_layout.PD_layout-D1_02 { padding: 1.7em 1.7em; border-radius: 1.5em;}
      .Area1220 .PD_layout.PD_layout-D1_02 .PD h4 { line-height: 1.1;}    
    }
    @media screen and (max-width:767px){
      /*2品設定*/
      .PD_layout.PD_layout-D1_02[data-pd-col-phone="2"] { padding: 0.65em 0.75em 0.75em;}
      .PD_layout.PD_layout-D1_02[data-pd-col-phone="2"] ul { padding: 0.2em;}
      .PD_layout.PD_layout-D1_02[data-pd-col-phone="2"] .PD_img { padding-top: 0.2em;}
      /*預設-3品設定*/  
      .PD_layout.PD_layout-D1_02 { padding: 0.65em 0.5em 0.75em; border-radius: 0.75em;}
      .PD_layout.PD_layout-D1_02 ul { width: 100%;}
      .PD_layout.PD_layout-D1_02 .PD h3 { margin: 0 0.25em; letter-spacing: -0.05em; max-height: 1.85em; line-height: 1.85em; font-size: 0.875em;}
      .PD_layout.PD_layout-D1_02 .PD h4 { line-height: 1.1; font-size: 0.85em; font-weight: 600; margin-bottom: 0.1875em;}
      .PD_layout.PD_layout-D1_02 .PD h4 span { line-height: 1.1;}
      .PD_layout.PD_layout-D1_02 .PD_img { padding-top: 0.35em;}
    }


/* --------------------------------------
 * (新增)橫/D1_02C(攻略品牌)
 * -------------------------------------- */
.PD_layout-D1_02C .PD_slide:hover { box-shadow: none;}
.PD_layout-D1_02C.PD_layout .PD a { justify-content: center; padding-top: .8em; /*gap: 0.2rem;*/}
.PD_layout-D1_02C.PD_layout .PD h3 { background-color: #6d7f9c;}
.PD_layout-D1_02C .PD .PD_img { width: 33%;}
.PD_layout-D1_02C .PD .PD_into { width: 65%;}
.PD_layout-D1_02C .PD_into .PD_into_PDgo { margin: 0 auto;}
.PD_layout-D1_02C[data-pd-btn] .PD_into .PD_into_PDgo b::after { content: "看更多";}
.PD_layout-D1_02C[data-pd-btn] .PD_btn span, .PD_layout-D1_02C[data-pd-btn] .PD_btn.more span { transform: none;}
    @media screen and (min-width:768px){
      .PD_layout-D1_02C { font-size: 1.35em;}
      .PD_layout-D1_02C ul { padding: 10px 15px;}
      .PD_layout-D1_02C .PD h3 { font-size: 1em; margin-top: .25em;}
      .PD_layout-D1_02C .PD h4 { font-size: .9375em;}
      /*品數*/
      .PD_layout-D1_02C[data-pd-col-pc="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
    }
    @media screen and (max-width:767px){
      .PD_layout-D1_02C { font-size: 1.25em;}
      .PD_layout-D1_02C ul { padding: 0 .5em;}
      .PD_layout-D1_02C .PD .PD_img { width: 30%;}
      .PD_layout-D1_02C .PD .PD_into { width: 68%;}
      .PD_layout-D1_02C .PD_into .PD_into_PDgo { transform: scale(.9); margin-bottom: -.2em;}
      .PD_layout-D1_02C .PD_into { padding-bottom: .3125em;}
      .PD_layout-D1_02C .PD h3 { font-size: .875em;}
      .PD_layout-D1_02C .PD h4 { font-size: .8125em; margin-bottom: 0;}
      .PD_layout-D1_02C[data-pd-btn] .PD_btn b { font-size: 1em;}
      .PD_layout-D1_02C[data-pd-btn] .PD_btn i { top: .9em;}
    }


/* --------------------------------------
 * (新增)橫/D1_05(特殊按鈕-搶)
 * -------------------------------------- */
.PD_layout-D1_05 {}
.PD_layout-D1_05[data-pd-btn][data-pd-btn-pdgo] .PD_slide { padding-bottom: 0;}
.PD_layout-D1_05 .PD_into { justify-content: flex-end;}
.PD_layout-D1_05 .PD p { margin-top: 1.625em; height: 4em;}
.PD_layout-D1_05 .PD p del { display: block; line-height: 1.4;}
/*按鈕*/
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"] .PD_btn { background-color: #da0000; background-image: none; width: 14.2%; height: 2.375em; border-radius: 0.4em;}
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn span { transform: skewX(-7.5deg);}
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn i { display: block; border-width: .2em;}
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn b { width: auto; font-size: 1.75em; font-weight: 600; line-height: 1.275; font-family: Noto Sans CJK SC, "Microsoft JhengHei", Helvetica;}
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
.PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn b::after { content: "搶";}
    @media screen and (min-width:768px){
      .PD_layout-D1_05 .PD_into { padding-left: .5em;}
      .Area1220 .PD_layout-D1_05 .PD p { margin-top: 3em;}
      .PD_layout-D1_05 .PD p .Price { font-size: 38px;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD_into { padding-bottom: .2em;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn { bottom: .975em;}
      /*品數*/
      .PD_layout-D1_05[data-pd-col-pc="2"] ul { grid-template-columns: repeat(2, minmax(0, 1fr));}
    }
    @media screen and (max-width:767px){
      .PD_layout-D1_05 .PD p { margin-top: 1em;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"] .PD_btn { width: 15%;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD_into { padding-bottom: .2em;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn { bottom: .975em; right: .35em;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn i { top: .95em; width: 0.6em; height: 0.6em;}
      .PD_layout.PD_layout-D1_05[data-pd-btn*="icon-5"][data-pd-btn-pdgo] .PD .PD_btn b { line-height: 1.35;}
    }


/* --------------------------------------
 * 直/D1_06(特殊按鈕-搶) PD_layout-D1_06 (閃電搶)
 * -------------------------------------- */
.PD_layout.PD_layout-D1_06 .PD h4 b,
.PD_layout.PD_layout-D1_06 .PD p del,
.PD_layout.PD_layout-D1_06 .PD p b,
.PD_layout.PD_layout-D1_06 .PD p .js-PD_unit { display: none;}
.PD_layout.PD_layout-D1_06 .PD_into { padding-left: 0; padding-right: 0;}
.PD_layout.PD_layout-D1_06 .PD_into h3 { z-index: 5; position: relative; -webkit-box-ordinal-group: 2; -ms-flex-order: 2; order: 2; margin-bottom: 0; padding:0 0.9em; max-height: 100%; height: 34px;}
.PD_layout.PD_layout-D1_06 .PD_into h3::before { z-index: -1; content: ""; position: absolute; bottom: 0; left: 7.7vw; width: 0; height: 0; border-top: 8px solid #d62672; border-right: 6px solid rgba(0, 0, 0, 0); border-left: 6px solid rgba(0, 0, 0, 0);}
.PD_layout.PD_layout-D1_06 .PD_into h3 span { position: relative;z-index: 2;color: white;padding-bottom: 0; letter-spacing: -0.05em;max-width: 100%;max-height: 1.9em;line-height: 2;border-radius: 0.5em;background-color: #d62672;}
.PD_layout.PD_layout-D1_06 .PD_into h4 { -webkit-box-ordinal-group: 1; -ms-flex-order: 1; order: 1; margin-bottom: 0; padding: 0 .5em .3em .9em;}
.PD_layout.PD_layout-D1_06 .PD_into h4 span { display: block;} 
.PD_layout.PD_layout-D1_06 .PD_into p { z-index: 4; position: relative; -webkit-box-ordinal-group: 3; -ms-flex-order: 3; order: 3; margin-top: 0.5vw; padding-left: 7%; left: 1em; width: calc(100% - 1em); height: 10vw; line-height: 1.5;}
.PD_layout.PD_layout-D1_06 .PD_into p::before { z-index: -1; content: ""; position: absolute; top: 1px; right: 0em; background: url('btn3_2.png?t=1752644231757'); background-size: contain; background-repeat: no-repeat; width: calc(100% - 1px); background-position: top right 6%; height: 9vw;}
.PD_layout.PD_layout-D1_06 .PD_into p::after  { z-index: -2; content: ""; position: absolute; top: 0; right: 0; border: solid 1px #f5264e; border-right: none; border-radius: 5em 0 0 5em; width: calc(100% - 1px); height: 9vw; background: linear-gradient(110deg, #fff 73%, #f5264e 50%);}
.PD_layout.PD_layout-D1_06 .PD_into p .Price { font-size: 6.5vw; -webkit-filter: drop-shadow(3px 0px 0px #fff); filter: drop-shadow(3px 0px 0px #fff); }
    @media screen and (min-width:768px){ 
      /*960-預設-4品設定*/
      .PD_layout.PD_layout-D1_06 ul { padding: 20px 0;}
      .PD_layout.PD_layout-D1_06 .PD p { padding-left: 1.25em;}
      .PD_layout.PD_layout-D1_06 .PD_into h3 { height: 36px;}
      .PD_layout.PD_layout-D1_06 .PD_into h3::before { left: 34px; border-top-width: 9px;}
      .PD_layout.PD_layout-D1_06 .PD_into p { margin-top: 0; height: 3.25em; line-height: 3.25em;}
      .PD_layout.PD_layout-D1_06 .PD_into p::before {height: 3em;}
      .PD_layout.PD_layout-D1_06 .PD_into p::after  {height: 3em;}
      .PD_layout.PD_layout-D1_06 .PD_into p .Price { font-size: 32px;}
      /*960-品設定*/
      .Area960 .PD_layout.PD_layout-D1_06[data-pd-col-pc="2"] .PD_into p::before { background-position: top right 18%;}
      .Area960 .PD_layout.PD_layout-D1_06[data-pd-col-pc="3"] .PD_into p::before { background-position: top right 12%;}
      .Area960 .PD_layout.PD_layout-D1_06[data-pd-col-pc="4"] .PD_into p::before { background-position: top right 4%;}
      .Area960 .PD_layout.PD_layout-D1_06[data-pd-col-pc="5"] .PD_into p::before { background-position: top right -6.5%;}
      .Area960 .PD_layout.PD_layout-D1_06[data-pd-col-pc="5"] .PD_into p { padding-left: 0.75em;}
      /*1220-品設定*/
      .Area1220 .PD_layout.PD_layout-D1_06[data-pd-col-pc="2"] .PD_into p::before { background-position: top right 20.5%;}
      .Area1220 .PD_layout.PD_layout-D1_06[data-pd-col-pc="3"] .PD_into p::before { background-position: top right 16%;}
      .Area1220 .PD_layout.PD_layout-D1_06[data-pd-col-pc="4"] .PD_into p::before { background-position: top right 11%;}
      .Area1220 .PD_layout.PD_layout-D1_06[data-pd-col-pc="5"] .PD_into p::before { background-position: top right 4.5%;}
      .Area1220 .PD_layout.PD_layout-D1_06[data-pd-col-pc="6"] .PD_into p::before { background-position: top right -4.5%;}
    }
    @media screen and (max-width:767px){
      .PD_layout.PD_layout-D1_06 ul { padding: 0.5em 0;}
    }


/* --------------------------------------
 * (新增)直/D1_07(1帶2)
 * -------------------------------------- */
.PD_layout-D1_07 {}
.PD_layout-D1_07 ul { background-color: #000; position: relative; overflow: hidden;}
.PD_layout-D1_07 li { background-color: #fff;}
.PD_layout-D1_07.PD_layout li:not(:nth-child(1)) .PD h4,
.PD_layout-D1_07.PD_layout li:not(:nth-child(1)) .PD .PD_logo { display: none;}
/*第一品*/
.PD_layout-D1_07.PD_layout ul::before { content: ""; display: block; position: absolute; top: -.5%; left: 0; width: 100%; height: 0; padding-bottom: 48.2%; background-image: url(PD_layout-D1_07_BG.jpg?t=1752644231757); background-repeat: no-repeat; background-size: 100%; background-position: center;}
.PD_layout-D1_07.PD_layout.PD_layout-no-bg ul::before { display: none;}
.PD_layout-D1_07 li:first-child { background-color: transparent; text-align: left;}
.PD_layout-D1_07.PD_layout li:first-child .PD_img { margin: 12% 0 24%;}
.PD_layout-D1_07.PD_layout li:first-child .PD .PD_logo { margin: 0; position: absolute; top: -2%; left: -0.75%; height: 3.5em;}
.PD_layout-D1_07.PD_layout li:first-child .PD h3,
.PD_layout-D1_07.PD_layout li:first-child .PD p { display: none;}
.PD_layout-D1_07.PD_layout li:first-child .PD h4 { color: #fff; position: absolute; bottom: -3%; left: .25%; width: 102%;}
.PD_layout-D1_07.PD_layout li:first-child .PD h4 i { position: relative; top: -.375em; display: inline-block; border-top: .125em solid rgba(0,0,0,0); border-right: .125em solid rgba(0,0,0,0); width: .5em; height: .5em; transform: rotate(45deg); border-color: #fff;}
    @media screen and (min-width:768px){
      .PD_layout-D1_07 { margin: 0 20px;}
      .PD_layout-D1_07.PD_layout ul { padding: 30px 19px 30px 23px; column-gap: 10px; background-color: #333333;}
      /*第一品*/
      .PD_layout-D1_07.PD_layout li:first-child .PD_img { padding-left: 1em; padding-right: 1em;}
      .PD_layout-D1_07.PD_layout li:first-child .PD h4 { font-size: 2.4em; margin-bottom: 0; line-height: unset;}
      /*2+3品*/
      .PD_layout-D1_07 li:not(:nth-child(1)) .PD_into { transform: scale(1.2); transform-origin: center top; padding-bottom: 2em;}
      /*品數*/
      .PD_layout-D1_07[data-pd-col-pc="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
    }
    @media screen and (max-width:767px){
      .PD_layout.PD_layout-D1_07 { margin: 0 2%;}
      .PD_layout.PD_layout-D1_07 ul { padding: 2vw 1.5vw 2vw 1.8vw; column-gap: .2em;}
      /*第一品*/
      .PD_layout.PD_layout-D1_07 ul::before { top: -1%; padding-bottom: 49%; background-size: 105%;}
      .PD_layout.PD_layout-D1_07 li:first-child .PD_img { margin: 14% 0 22%;}
      .PD_layout.PD_layout-D1_07 li:first-child .PD .PD_logo { top: 0; left: 0; height: 1.7em;}
      .PD_layout.PD_layout-D1_07 li:first-child .PD .PD_logo img { padding: 0 .4em;}
      .PD_layout.PD_layout-D1_07 li:first-child .PD h4 { font-size: 1em; margin-bottom: 0; line-height: 1.4;}
      .PD_layout.PD_layout-D1_07 li:first-child .PD h4 i { top: -.475em;}
      /*2+3品*/
      .PD_layout.PD_layout-D1_07 li:not(:nth-child(1)) .PD_img { padding-top: .2em;}
      .PD_layout.PD_layout-D1_07 li:not(:nth-child(1)) .PD_into { padding-top: 0; padding-bottom: .2em;}
      .PD_layout.PD_layout-D1_07 li:not(:nth-child(1)) .PD h3 { margin-bottom: 0;}
      .PD_layout.PD_layout-D1_07 li:not(:nth-child(1)) .PD p del { display: none;}
      /*品數*/
      .PD_layout.PD_layout-D1_07[data-pd-col-phone="3"] ul { grid-template-columns: repeat(3, minmax(0, 1fr));}
    }


/* --------------------------------------
 * (新增)橫/D1_04(集點加購)
 * -------------------------------------- */
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p { height: 0;}
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p del,
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p b,
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p span,
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p small{ display: none; }
.PD_layout.PD_layout-D1_04 .PD_slide .PD_into p span.js-PD_price{ display: block;}
    @media screen and (min-width:768px){
      .PD_layout.PD_layout-D1_04 ul { gap: 10px;}
      .PD_layout.PD_layout-D1_04 li { border-radius: 1em; border: none; background-color: #fff;}
      .PD_layout.PD_layout-D1_04 .PD_btn span { transform: none;}
      .PD_layout.PD_layout-D1_04 .PD_btn {margin: 0;width: 80%;border-radius: 5em;}
      .PD_layout.PD_layout-D1_04 .PD_btn i { top: 1.25em; left: 0.2em; }
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into { padding: 2em 1.5em; text-align: left; display: grid; grid-template-rows: auto auto 1fr;justify-content: space-between;}
      .PD_layout.PD_layout-D1_04 .PD_into .PD_into_PDgo b { font-size: 1.5em; padding: 0; font-weight: 600; font-family: Noto Sans CJK TC;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h3 {font-size: 1.15em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 {margin-top: 0.3em;max-height: 5em;font-weight: bolder;word-break: keep-all;letter-spacing: -0.05em;line-height: 1.5;color: #2b2b2b;overflow: hidden;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 b {font-size: 1.6em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 span {display: block;font-size: 1.4em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_img {padding: 1.3em 0 1.3em 1.5em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into .js-PD_txt3  { font-size: 1.8em; color: #ef7c22; font-weight: bolder; font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into span.js-PD_price {width: auto;height: 2.2em;position: absolute;top: .9em;left: .8em;background-image: url(Area_point_tag.png?t=1752644231757);background-size: contain;background-repeat: no-repeat;background-position: 0 0;font-size: 1.5em;text-align: center;font-weight: 600;line-height: 2.2em;overflow: hidden;color: #fff;font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; aspect-ratio: 151 / 106;} 
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into span.js-PD_price::after { content: ""; display: inline-block; width: 20%; } 
    }
    @media screen and (max-width:767px){
      .PD_layout.PD_layout-D1_04 ul { gap: .2em;}
      .PD_layout.PD_layout-D1_04 li { border-radius: 1em; border: none; background-color: #fff;}
      .PD_layout.PD_layout-D1_04 .PD_btn span {transform: none;}
      .PD_layout.PD_layout-D1_04 .PD_btn {margin: 2em 0 0;width: 75%;border-radius: 5em;}
      .PD_layout.PD_layout-D1_04 .PD_btn i {top: 0.85em;left: 0.2em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into { padding: 1em 1em;text-align: left;}
      .PD_layout.PD_layout-D1_04 .PD_into .PD_into_PDgo b {font-size: 1.2em;padding: 0;height: 1.8em;line-height: 1.8; font-weight: 600; font-family: Noto Sans CJK TC;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h3 {font-size: 0.8em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 { margin-top: 0.3em; max-height: 5em; font-size: 1em; font-weight: bolder; letter-spacing: -0.05em; line-height: 1.5; color: #2b2b2b;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 b {font-size: 1em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into h4 span {display: block;font-size: 0.85em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_img {padding: 1em 0 1em 1em;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into .js-PD_txt3  { font-size: 1.8em; color: #ef7c22; font-weight: bolder;  font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into #js-PD_txt4 {width: 20%;height: 23%;position: absolute;top: 0.65em;left: 0.4em;background-image: url(Area_point_tag.png?t=1752644231757);background-position: center 75%;background-size: contain;background-repeat: no-repeat;font-size: 1.2em;text-align: center;font-weight: 600;line-height: 2.5;overflow: hidden;color: #fff;font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;} 
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into #js-PD_txt4::after {content: "";display: inline-block;width: 17%;}
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into span.js-PD_price {width: auto;height: 2.2em;position: absolute;top: .6em;left: .6em;background-image: url(Area_point_tag.png?t=1752644231757);background-size: contain;background-repeat: no-repeat;background-position: 0 0;font-size: 1.5em;text-align: center;font-weight: 600;line-height: 2.2em;overflow: hidden;color: #fff;font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; aspect-ratio: 151 / 106;} 
      .PD_layout.PD_layout-D1_04 .PD_slide .PD_into span.js-PD_price::after { content: ""; display: inline-block; width: 20%; } 
    }

/* --------------------------------------
* PD_layout-coupon3 特殊：領折價券(一般) / 領折價券(一鍵全領) / 輪播領折價券(一般) 共用設定
* -------------------------------------- */
/*1220-預設-1品設定*/
@media screen and (min-width:768px){
  .Area1220 .PD_layout.PD_layout-coupon3{
    ul {font-size: 1.275em;}
  }
}

/*960-預設-1品設定*/  
.PD_layout.PD_layout-coupon3 {
  ul { background: none; row-gap: 10px;}
  li.PD_slide { background-color: transparent; font-family: "微軟正黑體","Arial","Century Gothic","Microsoft JhengHei","Helvetica"; position: relative;}
  .more { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .more a { width: 100%; height: 100%;}
  .PD .PD_img { width: 100%; height: auto;}
  .PD .PD_into{ padding: unset; }
  .PD .PD_logo {display: none;}     
  .PD a { width: 100%; height: 100%; }
  .PD h3,
  .PD h4 { color: #000000; margin:unset; line-height: 1.5;}
  .PD h4 b {display: inline; font-weight: normal;}
  .PD span.js-PD_txt2 {display: none;}
  .PD h3 span , .PD h4 b {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; white-space: normal; overflow: hidden; text-align: left;}
  .PD h3 span.js-PD_txt3,.PD h4 b.js-PD_txt1,.PD .divine_coupon1,.PD .threshold { position: absolute;} 
  .PD .divine_coupon,.PD .threshold{color:#fff;}
  
  .PD .divine_coupon1,.PD .threshold {transform: translate(-50%, -50%);} 
  .PD h3 span.js-PD_txt3 {top: 50%; left: 36%; transform: translateY(calc(-50% - 0.6em));}
  .PD h4 b.js-PD_txt1 {top: 50%; left: 36%; transform: translateY(calc(-50% + 1.1em));}
  .PD .divine_coupon1 {top: 38%; left: 18%;}
  .PD .divine_coupon1 b.js-PD_val{font-family:"Arial";}
  .PD .threshold {top: 68%; left: 18%;}
  .PD .allinone {display: none;}

  // 電腦設定
  @media screen and (min-width:768px){
    li:hover { transform: translateY(-8px);}
    .PD h3 span , .PD h4 b { width: 45%;}
    .PD b.Discount, &[data-pd-col-pc*="1"] .PD b.Discount { font-size: 4.5em;}
    .PD small.Dis_unit, &[data-pd-col-pc*="1"] .PD small.Dis_unit { font-size: 2em;}
    .PD h3, &[data-pd-col-pc*="1"] .PD h3 {font-size: 2.4em;}
    .PD .threshold, .PD h4 , &[data-pd-col-pc*="1"] .PD .threshold , &[data-pd-col-pc*="1"] .PD h4  {font-size: 1.7em;}
  }
  // 手機設定
  @media screen and (max-width:767px){
    ul {row-gap: 4px;}
    .PD h3 span , .PD h4 b{width: 42%;}
    .PD b.Discount, &[data-pd-col-pc*="1"] .PD b.Discount { font-size: 2.2em; margin: 0 -2px; letter-spacing: -0.02em;}
    .PD small.Dis_unit, &[data-pd-col-pc*="1"] .PD small.Dis_unit { font-size: 1em;}
    .PD h3, &[data-pd-col-pc*="1"] .PD h3 {font-size: 1.2em;}
    .PD .threshold, .PD h4 , &[data-pd-col-pc*="1"] .PD .threshold , &[data-pd-col-pc*="1"] .PD h4  {font-size: 14px;}
    
    .PD h3 span.js-PD_txt3 {transform: translateY(calc(-50% - 0.5em));}
    .PD .divine_coupon1 {left: 19%;}
    .PD .threshold {top: 70%;}
  }
}

/* --------------------------------------
* PD_layout-coupon3 特殊：領折價券(一鍵全領)
* -------------------------------------- */
/*1220、960-預設-1品設定*/
.PD_layout.PD_layout-coupon3.PD_layout-oneClick{
  .PD .divine_coupon1 , .PD .threshold{display: none;}
  .PD .allinone {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 3.5px; font-weight: 800;
                 transform: translate(-50%, -50%);position: absolute;top: 52%; left: 17%;}
  // 電腦設定
  @media screen and (min-width:768px){.PD .allinone, &[data-pd-col-pc*="1"] .PD .allinone {font-size: 2.5em;}}
  // 手機設定
  @media screen and (max-width:767px){
    .PD .allinone, &[data-pd-col-pc*="1"] .PD .allinone {font-size: 1.3em;}
    .PD .allinone {gap:0px; top: 54%; left: 18%;}
  }
}
/* --------------------------------------
* PD_layout-coupon3 特殊：領折價券(套機制用)
* -------------------------------------- */
/*1220、960-預設-1品設定*/
@media screen and (max-width:767px){
  img{width: 100%; height: auto;}
}

/* --------------------------------------
* PD_layout-coupon3 特殊：輪播折價券
* -------------------------------------- */
/*1220、960-預設-1品設定*/
@media screen and (max-width:767px){
  .Area_swiper .PD_layout.PD_layout-coupon3{
      .PD .PD_img {padding: 0;}
      // .PD .allinone {top: 50%; left: 17%;}
      .PD .divine_coupon1 {left: 17.5%;}
    }
    .Area_swiper_box .PD_layout-coupon3{
      padding-bottom: 3vw;
    }
  }



/* --------------------------------------
* PD_layout-BNcoupon4 因更改coupon結構，故新增領折價券(BN翻牌)_文案入稿
* -------------------------------------- */
.PD_layout-BNcoupon4 .more { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.PD_layout-BNcoupon4 .more a { width: 100%; height: 100%;}
.PD_layout-BNcoupon4 a::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-size: 100%;}
.PD_layout-BNcoupon4 a::after { -webkit-transform:scaleY(0); transform:scaleY(0); -webkit-transform-origin: center 85%; transform-origin: center 85%; -webkit-transition:0.2s; transition:0.2s;}
.PD_layout-BNcoupon4 .cate-hover a::after { background-image: url(Area_coupon_on2.png?t=1752644231758);}
.PD_layout-BNcoupon4 .cate-hover a::after { -webkit-transform:scaleY(1); transform:scaleY(1);}
.PD_layout-BNcoupon4 .cate-hover .more { display: none;}
.PD_layout-BNcoupon4.PD_layout ul { background: none; }
.PD_layout-BNcoupon4.PD_layout .divine_coupon { color: #484848}
.PD_layout-BNcoupon4.PD_layout .allinone{ display: none;}
.PD_layout-BNcoupon4.PD_layout .PD h4{margin-bottom: 0;}

.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4"] .PD h4 {font-size: 1.5em; color: #484848; margin-top: 0.75em}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5"] .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="4 wide"] .PD h4 {font-size: 1.5em; color: #484848; margin-top: 0.75em}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="5 wide"] .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em;}

.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4"] .PD .divine_coupon ,
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4 wide"] .PD .divine_coupon{ font-size: 1.5em;}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5"] .PD .divine_coupon ,
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5 wide"] .PD .divine_coupon{ font-size: 1.25em;}

.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4"] .PD .PD_logo {height: 25%;}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5"] .PD .PD_logo {height: 20%;}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="4 wide"] .PD .PD_logo {height: 25%;}
.PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="5 wide"] .PD .PD_logo {height: 20%;}

@media screen and (max-width:767px){
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4"] .PD h4 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5"] .PD h4 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="4 wide"] .PD h4 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="5 wide"] .PD h4,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="4"] .PD .divine_coupon1 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc="5"] .PD .divine_coupon1 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="4 wide"] .PD .divine_coupon1 ,
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="5 wide"] .PD .divine_coupon1{font-size: 4vw; }
}
/* --------------------------------------
* PD_layout-BNcoupon4 因更改coupon結構，故新增領折價券(BN翻牌)_文案入稿
* -------------------------------------- */
.PD_layout.PD_layout-BNcoupon4 {
  li.PD_slide { background-color: transparent; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica;}
  li.PD_slide::after { 
    content: ""; display: block; 
    width: 100%; height: 0; padding-bottom: 146%; 
    background-image: url(PD_layout-BNcoupon2.png?t=1752644231758); 
    background-repeat: no-repeat; background-size: contain; background-position: center top;
  }
  .PD_slide:hover { box-shadow: none;}
  .PD {  position: absolute; top: 0%; left: 0; display: flex; width: 100%;  height: 100%;}
  .PD a { width: 100%; height: 100%; padding-top: 10%;}
  .PD h4 { color: #484848; margin-top: 0.75em}
  .PD:hover h4 {color: #484848;}
  .PD h4 b {display: inline;}
  .PD h4 b.js-PD_txt1 {font-size: 1.1em;}
  .PD h4 span.js-PD_txt2 {font-size: 1em; letter-spacing: -0.05em;}
  .PD .divine_coupon1 b.Discount { font-size: 2.7em; letter-spacing: -0.02em; line-height: 1.25em;}
  .PD .divine_coupon1 small.Dis_unit { font-size: 1.1em; letter-spacing: -0.01em; line-height: 1.25em;}
  .PD .PD_logo img {box-shadow: none;}
  @media screen and (min-width:768px){
    .PD .PD_img { padding-top: 40px;}
  }
  @media screen and (max-width:767px){
    ul {grid-gap: 0.5em; padding: 0 1em;}
    .PD h4 {font-size: 1.25em; color: #484848; margin-top: 0.75em}
    .PD h4 b.js-PD_txt1 {font-size: 1em;}
    .PD .divine_coupon1 b.Discount { font-size: 2.9em; }
    .PD .PD_img { padding-top: 9vw;}
    .PD .PD_logo { height: 2.5em; }
    .PD .PD_logo img { width: 85%; height: auto; }
  }
}
/* --------------------------------------
* 特殊(6) 因更改coupon結構，故新增直/領折價券(BN翻牌)_文案入稿
* -------------------------------------- */
.PD_layout.PD_layout-BNcoupon4 li.PD_slide { font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PD_layout.PD_layout-BNcoupon4 .PD h4 span.js-PD_txt2 { display: none;}
@media screen and (min-width:768px){
  /*1220-預設-4品設定*/  
  .PD_layout-BNcoupon4 .cate-hover a::after { transform: scaleY(1.03);} 
  .PD_layout.PD_layout-BNcoupon4 li.PD_slide::after { padding-bottom: 110%;}
  .PD_layout.PD_layout-BNcoupon4 .PD a { padding-top: 4%;}  
  .PD_layout.PD_layout-BNcoupon4 .PD .PD_logo { margin-bottom: 0.5em;}     
  .PD_layout.PD_layout-BNcoupon4 .PD h4 { line-height: 1.5;}
  .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon { line-height: 1;}   
  .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 3em; line-height: 1.05;} 
  .PD_layout.PD_layout-BNcoupon4[data-pd-col-pc*="4 wide"] .PD .PD_logo { height: 27%;}
  /*1220-3品設定*/  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 ul { grid-template-columns: repeat(3, auto); column-gap: 30px; row-gap: 40px;}  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD a { padding-top: 6%;}  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .PD_logo { margin-bottom: 2.5em;}  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD h4 b.js-PD_txt1 { font-size: 2.3em;}  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 5.5em; line-height: 1.25em;}  
  .Area1220 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 small.Dis_unit { font-size: 1.8em;}
  .Area1220 .PD_layout[data-pd-col-pc*="5 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 2.85em;} 
  .Area1220 .PD_layout[data-pd-col-pc*="5 wide"].PD_layout-BNcoupon4 .PD .PD_logo { height: 22.5%;}
  /*960-3品設定*/  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 ul { grid-template-columns: repeat(3, auto); column-gap: 30px; row-gap: 40px;}  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD a { padding-top: 3%;}  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .PD_logo { margin-bottom: 1.5em;}  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD h4 b.js-PD_txt1 { font-size: 2.05em;}  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 5.35em;}  
  .Area960 .PD_layout[data-pd-col-pc*="3 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 small.Dis_unit { font-size: 1.8em;} 
  /*960-4品設定*/  
  .Area960 .PD_layout-BNcoupon4 .cate-hover a::after { transform: scaleY(1.03);} 
  .Area960 .PD_layout.PD_layout-BNcoupon4 li.PD_slide::after { padding-bottom: 110%;}
  .Area960 .PD_layout.PD_layout-BNcoupon4 .PD a { padding-top: 2%;}  
  .Area960 .PD_layout.PD_layout-BNcoupon4 .PD h4 { line-height: 1;}     
  .Area960 .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon { line-height: 1;}     
  .Area960 .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 2.4em; line-height: 1.1;} 
  .Area960 .PD_layout.PD_layout-BNcoupon4 .PD h4 b.js-PD_txt1 { letter-spacing: -0.05em; } 
  .Area960 .PD_layout[data-pd-col-pc*="4 wide"].PD_layout-BNcoupon4 .PD .PD_logo { height: 23%; margin-top: .15em;} 
  .Area960 .PD_layout[data-pd-col-pc*="5 wide"].PD_layout-BNcoupon4 .PD .divine_coupon1 {margin-bottom: 10px;} 
}
@media screen and (max-width:767px){
  /*預設-2品設定*/  
  .PD_layout.PD_layout-BNcoupon4 li.PD_slide::after { padding-bottom: 110%;}
  .PD_layout.PD_layout-BNcoupon4 .PD a { padding-top: 3%;}  
  .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { line-height: 1.1; font-size: 2.75em;} 
  .PD_layout.PD_layout-BNcoupon4 .PD h4 b.js-PD_txt1 { font-size: 1.2em; letter-spacing: -0.05em;} 
  .PD_layout.PD_layout-BNcoupon4 .PD .divine_coupon1 small.Dis_unit { font-size: 1.05em;}  
  .PD_layout[data-pd-col-phone="2"].PD_layout-BNcoupon4 .PD .PD_logo { width: 90%; height: 40%; margin-bottom: 0.35em;}  
  /*3品設定*/  
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon4 .PD a { padding-top: 1%;}  
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon4 .PD h4 { margin-top: 0.3em;}     
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon4 .PD .divine_coupon1 b.Discount { font-size: 2.25em;} 
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon4 .PD h4 b.js-PD_txt1 { font-size: 1.1em;} 
  .PD_layout[data-pd-col-phone="3"].PD_layout-BNcoupon4 .PD .PD_logo { width: 90%; height: 35%; margin-bottom: 0.3em;}  
}

/* --------------------------------------
 * 共用設定--移除公版設定
 * -------------------------------------- */
 .remove_box_style ul {
  margin: 0 auto;
  padding: 0;
  background-color: transparent;
  grid-gap: 0;
  width: 100%;
}
.remove_box_style ul li {
  border: none;
}

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}