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

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

/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden; width:100%; min-width:1220px; text-align:left; font-family:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; background: linear-gradient(90deg,#6f110c 0%, #cb1b11 40%, #cb1b11 60%, #6f110c 100%) no-repeat;
  background-size: contain;}
.WRAPPER img { width:100%;  height:auto;border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
	@media screen and (max-width:767px){
		.WRAPPER {min-width: inherit; min-height:100vh; overflow: hidden; }
		.WRAPPER img {  width:100%;  height:auto;}
	}

  /*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { display: block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.png?t=1761643991410) no-repeat center top;}
.deco-img { position: absolute; top: 0; left: 50%;transform: translateX(-50%);z-index: 33}
.topdeco { 
  position: absolute;
  z-index: 40;
  left: 50%;
  transform: translateX(-50%);

  img:nth-child(1){
    width: 246px;
    position: absolute; 
    left: -908px;
    top: 150px;
    animation: fadeInOut 2s ease-in-out infinite;
  }
  img:nth-child(2){
    width: 262px;
    position: absolute; 
    right: -1000px;
    top: 100px;
    animation: fadeInOut 2s ease-in-out infinite;
    animation-delay: .5s;
    opacity: 0;
  }
}

@keyframes fadeInOut {
  0% { opacity: 0; transform: scale(0.5) translateY(0px); }
  40% { opacity: .9; transform: scale(1) translateY(-20px); }
  100% { opacity: 0; transform: scale(0.9) translateY(-10px); }
}

.bgdeco { z-index: 1; position: absolute; top: 1210px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1761643991410) repeat-y center top; pointer-events: none;}

.bg-deco{
  position: absolute;
  top: 50px;
  left: -50px;
  z-index: 2;
  @media screen and (max-width:767px){
    width: 10vw;
  }
}

@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(bgtop_m.png?t=1761643991410) no-repeat center 44px; background-size: 100%;}
  .deco-img { width: 100%;;position: absolute; top: 0; left: 50%;transform: translateX(-50%);z-index: 33}
}

/*間距*/
.area-gap { margin: 60px auto;}
@media screen and (max-width:767px){
  .area-gap { margin: 3vw auto;}
}

/* 區標 */
.title{ 
  margin: 32px auto;
  pointer-events: none;
  ul.PD_wrapper{
    padding: 0;
  }
}
@media screen and (max-width:767px){
  .title{ margin: 4vw auto;}
}

.subtitle{
  margin: 24px auto;
  pointer-events: none;
  @media screen and (max-width:767px){
    margin: 3vw auto;
  }
  ul.PD_wrapper{
    padding: 0;
  }
}


/* 版頭品 */
.Area_sale{
  position: relative;
  z-index: 5;
  .title{
    position: absolute;
    top: -60px;
    right: -110px;
    z-index: 5;
    @media screen and (max-width:767px){
      width: 40vw;
      right: -1vw;
      top: -8vw;
    }
  }
  .item-main{
    padding: 90px 0 20px;
    @media screen and (max-width:767px){
      width: 90%;
      padding: 5.5vw 0 4vw;
      margin: 0 auto;
    }
  }
  .box-bg{
    position: absolute;
    top: 0;
    left: 52%;
    transform: translateX(-50%);
    width: 1100px;
    
    @media screen and (max-width:767px){
      padding: .5vw 0 3vw;
      width: 101vw;
      height: 68vw;
      img{
        height: 100%;
      }
    }
  
  }
}

.character-item{
  .item-main{
    padding: 0 0 0 40px;
    .swiper-pagination{
      width: auto;
      left: 20px;
    }
    @media screen and (max-width:767px){
      padding: 0 0 0 2vw;
    }
  }

}

/* 行銷三顆 */
.Area_sales{
  z-index: 5;
  .box-main{
    background: url(sale-bg.png?t=1761643991410) no-repeat center center;
    background-size: contain;
    filter: drop-shadow(1px 5px 5px #8a09002d);
    @media screen and (max-width:767px){
      margin: 0 auto;
      width: 96%;
      filter: drop-shadow(.5vw .8vw .5vw #8a09002d);
    }
  }
}

.Area_K1,
.Area_K2,
.Area_K3,
.Area_K4,
.Area_K5,
.Area_K6,
.Area_K7{
  overflow: hidden;
}

.page_box{
  min-height: 271px;
  @media screen and (max-width:767px){
    min-height: 5vw;
  }
  /* .page .PD_layout ul li .PD .PD_img img{
    min-height: 213px;
    @media screen and (max-width:767px){
      min-height: 25vw;
    }
  } */
}


/* 區塊公版樣式 */
.section-style{
  position: relative;
  .section-title{
    filter: drop-shadow(1px 5px 5px #8a09002d);
    @media screen and (max-width:767px){
      margin: 0 auto;
      width: 96%;
      filter: drop-shadow(.5vw .8vw .5vw #8a09002d);
    }


  
    .PD_layout.PD_layout-D3_02 ul{
      padding: 32px 0 0;
      @media screen and (max-width:767px){
        padding: 3.8vw 0 0;
      }
      .PD_into{
        h3{
          font-family: "Century Gothic", "Arial", "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei";
          font-weight: 900;
          color: #fff;
          font-style: italic;
        }
      }
    }

  }
  .box-main{
    padding: 20px 0 0;
    @media screen and (max-width:767px){
      padding: 2vw 0 0;
    }
    .box-item{
      margin-bottom: 20px;
      @media screen and (max-width:767px){
        margin-bottom: 3vw;
      }
    }

  }
  /* 背景01:紅包款 */
  &.section-style01{
    .section-title{
      background: url(section-title01.png?t=1761643991410) no-repeat center center;
      background-size: cover;
      @media screen and (max-width:767px){
        background-size: auto 90%;
      }
    }
  }

  /* 背景02:金幣款 */
  &.section-style02{
    .section-title{
      background: url(section-title02.png?t=1761643991410) no-repeat center center;
      background-size: cover;
      @media screen and (max-width:767px){
        background-size: auto 90%;
      }
    }
  }

  /* 背景03:黃底區塊 */
  &.section-style03{
    filter: drop-shadow(1px 1px 5px #b8510d54);
    /* 區塊尾端 */
    &::after{
      content: "";
      background: url(section03-bottom.png?t=1761643991410) no-repeat center bottom;
      background-size: cover;
      display: block;
      height: 20px;
      @media screen and (max-width:767px){
        background-size: 100% auto;
        background-position: center top;
        width: 96%;
        margin: 0 auto;
      }
    }
    .section-title{
      filter: none;
      background: url(section-title03.png?t=1761643991410) no-repeat center bottom;
      background-size: contain;
      .PD_layout.PD_layout-D3_02 ul{
        .PD_into{
          h3{
            color: #1a1a1a;
          }
        }
      }
  
      @media screen and (max-width:767px){
        background-size: 100% auto;
      }
    }
    .box-main{
      margin: 0 auto;
      padding: 12px 20px;
      background: url(section03-center.png?t=1761643991410) repeat-y center;
      background-size: contain;
      @media screen and (max-width:767px){
        width: 96%;
        padding: 1.8vw 0 0;
        .PD_layout {
          width: 96%;
        }
      }
    }

  }

  /* 背景04:全版區塊 */
  &.section-style04{
    &::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(45deg,#feedd1 0%,#facb7b 100%);
      background-size: cover;
      display: block;
      height: 88%;
      width: 100vw;
      z-index: -1;
      @media screen and (max-width:767px){
        background: linear-gradient(75deg,#feedd1 0%,#facb7b 100%);
        background-size: 100% auto;
        background-position: center top;
        height: 94%;
        width: 100vw;
        margin: 0 auto;
      }
    }
    .section-title{
      background: url(section-title01.png?t=1761643991410) no-repeat center center;
      background-size: cover;
      @media screen and (max-width:767px){
        background-size: auto 90%;
      }
    }
    .box-main{
      padding: 20px 0 40px;
      @media screen and (max-width:767px){
        padding: 1.8vw 0 5vw;
      }
    }
  }


  /* 背景06:限時搶購 */
  &.section-style06{
    &::after{
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      background: linear-gradient(45deg,#feedd1 0%,#facb7b 100%);
      background-size: cover;
      display: block;
      height: 93%;
      width: 100vw;
      z-index: -1;
      @media screen and (max-width:767px){
        background: linear-gradient(75deg,#feedd1 0%,#facb7b 100%);
        background-size: 100% auto;
        background-position: center top;
        height: 94%;
        width: 100vw;
        margin: 0 auto;
      }
    }
    .section-title{
      background: url(section-title01.png?t=1761643991410) no-repeat center center;
      background-size: cover;
      @media screen and (max-width:767px){
        background-size: auto 90%;
      }
    }
    .box-main{
      padding: 20px 0 40px;
      @media screen and (max-width:767px){
        padding: 1.8vw 0 5vw;
      }
    }
  }


  /* 沒有區標 */
  &.section-style05{
    .section-title{
      background: none;
    }
    .box-main{
      padding: 0;
    }
  }
}


/*移除公版設定*/
.Area_swiper_box .PD_layout[data-pd-li="BN"] li,
.Area_swiper_box .PD_layout[data-pd-pdimg="false"] li{
  background: none;
}

.PD_layout.PD_layout-D1_16 ul{
  padding: 0;
  gap: 0;
  .PD{
    .PD_img{
      padding: 0;
      max-width: 96%;
      margin-bottom: .3em;
      img{
        border-radius: unset;
      }
    }
    .PD_into{
      h3{
        background: #ffdb94;
        color: #000000;
        padding: 0 .5em;
        margin-bottom: .3em;
      }
      h4{
        color: #fff;
        font-size: 25px;
        font-weight: 800;
        @media screen and (max-width:767px){
          font-size: 14px;
        }
      }
    }
  } 

} 

/* BN區間距調整 */
.section-style{
  .bn-main{
    .box-item{
      margin-bottom: 4px;
      @media screen and (max-width:767px){
        margin-bottom: 1vw;
      }
    }
  }
}

.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color:transparent;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}
/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}
/*3品公版間距*/
.Area .PD_layout-add2cart ul { padding: 20px;}
@media screen and (max-width:767px){
  .Area .PD_layout-add2cart ul { padding: 0.2em 0;}
  .Area .PD_layout-add2cart ul li { padding: 0.2em;}
}

/*BN輪播移除公版設定*/
.Area .swiper_remove_box_style_K1 ul {display: flex;background-color: transparent;grid-gap: 0;padding: 0;}
.Area .swiper_remove_box_style_K1 ul li { border: none!important; }
.Area .swiper_remove_box_style_K1 ul li,
.Area .swiper_remove_box_style_K1 ul li .PD_img img { }
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style_K1 ul { width: 100%;}
  .Area .swiper_remove_box_style_K1 ul {}
}

/*版頭*/
.Area_top .momologo {top:13px;left:76px;}
.Area_top { position: relative;height: 488px;z-index: 4;}
.Area_top .main {position:relative;width: 100%;z-index: 40;}
.Area_top .main .PD img { width: auto;}
.Area_top .main ul li { pointer-events: none;}
.Area_top .main .PD_slide {min-width: 10%;}
.Area_top .main li:nth-of-type(1) {
  position: absolute;    
  top: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.Area_top .main li:nth-of-type(2) {
  position: absolute;    
  top: 152px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
.Area_top .main li:nth-of-type(3) {
  position: absolute;    
  top: 12px;
  left: 527px;
  z-index:10;
}
.Area_top .main li:nth-of-type(4) {
  position: absolute;
  top: 149px;
  left: 845px;
  z-index:10;
}
.Area_top .topPD {position:relative;overflow: hidden;}
.Area_top .topPD.PD_layout[data-pd-li=BN] ul {padding: 0;}
.Area_top .topPD01{width: 470px;top: 79px;z-index: 32}
.Area_top .topPD02{width: 388px;top: -125px;left: 45px;z-index: 34}
.Area_top .top_deco01 {z-index: 3;position:absolute;top: 593px;left: 140px;}
.Area_top .top_deco02 {z-index: 3;position:absolute;top: 17px;left: 367px;}
.Area_top .top_deco03 {z-index: 3;position:absolute;top: 8px;left: 999px;}
.Area_top .top_deco04 {z-index: 1;position:absolute;top: 521px;left: 557px;}
@media screen and (max-width:767px){
  .Area_top {height: 53vw;}
  .Area_top .main {position:relative;width: 100%;left: 0;top: 0;}
  .Area_top .main li:nth-of-type(1) {
    position: absolute;        
    top: 9.1vw;
    width: 59vw;
  }
  .Area_top .main li:nth-of-type(2) {
    position: absolute;        
    top: 15vw;
    width: 32vw;
  }
  .Area_top .main li:nth-of-type(3) {
    position: absolute;
    top: 2.3vw;
    left: 41vw;
    width: 55vw;
    z-index: 10;
  }
  .Area_top .main li:nth-of-type(4) {
    position: absolute;        
    top: 12vw;
    left: 75vw;
    width: 22vw;
  }
	
  .Area_top .main .PD img {width: 100%;}
  .Area_top .topPD {position:relative;}
  .Area_top .topPD01{ width: 52vw;
    top: 5.4vw;
    left: -2vw;}
  .Area_top .topPD02{width: 40vw;        top: -19.6vw;
    left: 8vw;}
  .Area_top .topPD .PD img {width: 100%;}
  .Area_top .top_deco01 {position: absolute;top: 58vw;left: 6vw;width: 37%;}	
  .Area_top .top_deco02 {position: absolute;top: -2vw;left: 29vw;width: 15.5%;}		
  .Area_top .top_deco03 {position: absolute;top: 1vw;left: 90vw;width: 8%;}		
  .Area_top .top_deco04 {position: absolute;top: 51vw;left: 44vw;width: 40%;}		
}

/*副標*/
.sub .PD_layout[data-pd-li=BN] ul{display: flex;padding: 0;}
.sub{ 
  position: absolute;  
  z-index: 30;
  overflow: hidden;
  z-index: 40;
}
@media screen and (min-width: 768px){
  .sub {
    top: 425px;
    left: 48.9%;
    transform: translateX(-50%);
    width: 410px;
  }	
}
@media screen and (max-width:767px){
  .sub {
    top: 45vw;
    left: 48.9%;
    transform: translateX(-50%);
    width: 39vw;
  }	
}

.Area_top{
  .main-img{
    width: 780px;
    margin-top: 150px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    z-index: 6;
    transform-origin: center bottom;
    @media screen and (max-width:767px){
      width: 79vw;
      margin-top: 17vw;
    }
  }
  .deco-img-C{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    img{
      &:nth-child(1),
      &:nth-child(2),
      &:nth-child(3),
      &:nth-child(4){
        position: absolute;
      }
      &:nth-child(1){
        width: 68px;
        top: 98px;
        left: -384px;
        @media screen and (max-width:767px){
          width: 6.8vw;
          top: 11vw;
          left: -43vw;
        }
      }
      &:nth-child(2){
        width: 140px;
        top: 63px;
        left: -248px;
        @media screen and (max-width:767px){
          width: 17vw;
          top: 7vw;
          left: -28vw;
        }
      }
      &:nth-child(3){
        width: 182px;
        top: 57px;
        left: 127px;
        @media screen and (max-width:767px){
          width: 18vw;
          top: 8vw;
          left: 14vw;
        }
      }
      &:nth-child(4){
        width: 55px;
        top: 105px;
        left: 359px;
        @media screen and (max-width:767px){
          width: 7vw;
          top: 12vw;
          left: 35vw;
        }
      }
    }
  }
  .deco-img-L{
    position: absolute;
    bottom: -90px;
    left: 5px;
    display: flex;
    z-index: 6;
    img{
      &:nth-child(1){

      }
    }
  }
  .deco-img-R{
    width: 350px;
    position: absolute;
    bottom: -100px;
    right: -110px;
    z-index: 5;

    @media screen and (max-width:767px){
      width: 30vw;
      right: 66vw;
      bottom: -18vw;
    }
  }
}

/*亮滅閃爍*/
@keyframes pop_up {
  from {
    opacity: 0;
  }
  25% {
	  opacity: 1;
	  }
  50% {
	  opacity: 0;
	  }
  75% {
	  opacity: 1;
	  }

  to {
    opacity: 1;
    transform: none;
  }
}

.pop_up {
  animation-name: pop_up;
  animation-duration:0.75s;
}
/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01 { z-index: 99!important;margin-top: 100px;}

/*登記贈品文案顏色*/
.Area_danji01 .danji_box ul li .activityText .gifts span { color: #c1611b;}     
.Area_danji02 .danji_box ul li .activityText .gifts span { color: #a28912;}      

/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%;}  
@media screen and (max-width:767px){
  .NavArea_tabbar_page { margin: 0 auto 1.5vw  ; width: 96%;}  
  .content_swiper{width: 96%; margin: 0 auto;}
}
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}

/* 頁籤位置修正 */
.NavArea_tabbar_page  .Nav-wrapper { left: unset !important; }  

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

.PD_layout .PD img.lazy_off{
  max-height: 20px;
}

/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}
	
/*分享浮層*/
.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%;}
	}




/* 新增限時3品 */
.Area_K1 { margin-bottom: 3% ; }
@media screen and (max-width:767px){
  .Area_K1 { margin-bottom: 3% ; }
  .layout_3pd { width: 96% ; }
}


/* 精選會場5個1排 */
@media screen and (min-width:768px){ 
.layout_item ul li:nth-child(11) { left: 90px ;}
.layout_item ul li:nth-child(12) { left: 90px ;}
.layout_item ul li:nth-child(13) { left: 90px ;}
.layout_item ul li:nth-child(14) { left: 90px ;}
}
@media screen and (max-width:767px){
  .layout_item ul li:nth-child(11) { left: 53% ;}
  .layout_item ul li:nth-child(12) { left: 53% ;}
  .layout_item ul li:nth-child(13) { left: 53% ;}
  .layout_item ul li:nth-child(14) { left: 53% ;}
}


/* 微調 */
@media screen and (max-width:767px){
  .layout_40pd { margin-bottom: 3vw ; }
  .Area_swiper .layout_4040pd { padding-bottom:9vw; }
  /* .layout_40pd .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; width: 4px; height: 4px; } */
}


.section-style01 .box01 {padding: 5% 0 0 0;}
.box01 .PD_layout[data-pd-li=BN] ul, .PD_layout[data-pd-li=BN-AWD] ul, .PD_layout[data-pd-li=PDBN] ul{padding: 0;}

@media screen and (max-width:767px){
  .section-style01 .box01 {padding: 4%;}
.section-style01 .box01 .PD_layout .PD_wrapper {grid-gap:1.2em;}
}