/*PC背景*/
@media screen and (min-width:767px){
  .bg_fix {z-index: 0;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_deco {z-index:-1;position:absolute;top:850px;left:0;width:100%;height:100%;background-position:center 0px;background-repeat:repeat-y;pointer-events:none;}	
  }
  

/*版頭區塊*/
.topdeco{ position:absolute; pointer-events: none; z-index: 1;}  
.topdeco img{ width: 100%; }
@media screen and (min-width:768px){
.Area_top {height: 500px;}
.Area_top .star {z-index:1;position:absolute;right: -290px;top:48px;width: 1500px;height:139px;}		
.deco01 {top: 260px;right: 758px;width: 122px;z-index: 9;}
.deco02 {top: 240px;right: -520px;width: 2000px;}

}
@media screen and (max-width:767px){
.Area_top {height: 56vw;}
.Area_top .star {z-index:1;position:absolute;left:0;top:0;width:100%;}	
.Area_top .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.deco01 {top: 29.5vw;right: 76.5vw;width: 13vw;z-index: 99;}
.deco02 {top: 37vw;right: -22vw;width: 150vw;}
.deco03 {top: 129.5vw;right: 0vw;width: 126vw;/* transform: rotate(180deg); */}
}


/*版頭主標微調*/
.title01{ z-index:1;  position: absolute;}
.title01 .PD_layout .PD img { width:100%!important; }
.title01 .PD_layout .PD a { pointer-events: none; }
.title01 .PD_layout .PD_slide:hover {transform: translateY(0); }
.title01 .PD_layout .PD_slide {min-width: 100%;}
@media screen and (min-width: 768px){
.title01 {top: 60px;left: 170px;width: 60%;}
}
@media screen and (max-width:767px){
.title01{width: 63%;right: 19vw;top: 8vw;}
.title01 ul{ padding: 0!important; }
.title01 .PD_layout {position: relative;top:0;right:0;width: 100%; }
.title01 .PD_layout .PD img { width: 100%!important; }
}


/*副標輪播*/
.Area_top .topPD2 {position: absolute;top: 290px;left: 40px;width: 900px;height: 85px;overflow: hidden;z-index:99;}
.Area_top .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (min-width: 768px){
  .Area_top .topPD2 ul.PD_wrapper li img{ width: 70%; }
}

@media screen and (max-width:767px){
  .Area_top .topPD2 {width: 90%;height: 9vw;position: absolute;top: 33.3vw;left: 6.5vw;overflow: hidden;z-index:99;}
  .Area_top .topPD2 ul.PD_wrapper li img{ width: 76%; }
}


/*日期*/
.Area_top .date .PD_layout .PD a { pointer-events: none; }
.Area_top .date ul{ padding: 0!important; }
.Area_top .date{ z-index: 1; position: absolute;}
@media screen and (min-width: 768px){
.Area_top .date {top: 55px;left: 585px;width: 18%;}
}
@media screen and (max-width:767px){
  .Area_top .date {top: 7.5vw;left: 63VW;width: 19%;}
}


/*buy*/
.Area_top .buy ul{ padding: 0!important; }
.Area_top .buy{ z-index: 6; position: absolute;}
@media screen and (min-width: 768px){
.Area_top .buy {top: 340px;left:703px;width: 19%;}
}
@media screen and (max-width:767px){
  .Area_top .buy {top: 37vw;left: 75vw;width: 20%;}
}


/*區背景*/
.Area .bg, .Area .bg_btom{ position: absolute;pointer-events: none; z-index:-1; }
@media screen and (min-width: 768px){
  .Area .bg, .Area .bg_btom{ left: 50%; transform: translateX(-50%); width: 2000px;}
  .Area_hasbg:before{ left: 50%; transform: translateX(-50%); }

  .Area_hasbg .bg {top:-148px;left: 50%; height: 1186px;  overflow: hidden;}	
  /* .Area_hasbg .bg_btom {bottom:-50px;}	
  .Area_hasbg:before{ content:''; width: 2000px; height: 94%; background:url(AreaPD1_center.png?t=1789115866458) repeat-y center / 100%; position: absolute; top: 170px;}  */

  .Area_hasbg2 .bg {top:-148px;left: 50%; height: 965px;  overflow: hidden;}
}
@media screen and (max-width:767px){
  .Area_hasbg .bg {top:-13vw; right:-25vw; width:170%;  }	
   .Area_hasbg .bg_btom {bottom:-2vw;left:0;width:100%; }	
  /*.Area_hasbg:before{ content:''; width: 100%; height: 94%; background:url(mAreaPD1_center.png?t=1789115866458) repeat-y center / 100%; position: absolute; top: 21vw; left: 0;} */

  .Area_hasbg2 .bg {top:-13vw; right:-25vw; width:170%;  height: 78vw;  overflow: hidden;}	
  .Area_hasbg2 .bg_btom {bottom:6vw;left:0;width:100%; }	
}


/*區標*/
/* .Area_title{ margin-bottom: 10px; }
@media screen and (max-width:767px){
  .Area_title{ margin-bottom: .5vw; }
} */



/*登記*/
.Area_danji .danji_box {  margin-bottom: -12px; }
.Area_danji .btn_reg .activityText .Tip{ color: #000; }
@media screen and (max-width: 767px) {
  .Area_danji .danji_box {  margin-bottom: 0em; }
  .warningTxt h3{ padding: 0 0 .5em  }
}


/*BN*/
@media screen and (min-width: 768px){
  .Area_bn-grid-3x1 ul, .Area_bn-grid-1x1 ul{ padding: 0!important; }
}


/*警示文字*/
.edm_notice{  padding: 10px 10px 35px 10px; }


/*版頭品*/
.Area_group-1 .page{ position: relative; }
.Area_group-1 .Area_bn-grid-1x1 ul li a{ pointer-events: none; }
@media screen and (min-width: 768px){
  .Area_group-1 .Area_title {margin: 26px auto 10px;z-index: 2;}
  .Area_group-1 .Area_bn-grid-1x1 { position: absolute; top: -69px; left: 47px; z-index: 10; width: 864px;} 
  .Area_group-1 .Area_K1 .NavArea_tabbar_page {  margin: 0 auto 77px; }
}
@media screen and (max-width: 767px) {
  .Area_group-1 .Area_title {margin: 3vw auto 1.5vw;z-index: 2;}
  .Area_group-1 .Area_bn-grid-1x1 { position: absolute; top: -8vw; left: -1.5vw; z-index: 10; width: 100vw;} 
  .Area_group-1 .Area_K1 .NavArea_tabbar_page {  margin: 0 auto 10vw; }
}


/*3品*/
.Area_group-2 .PD_btn{ display: none!important; }
.Area_group-2 .Area_pd-grid-4x2 { width: 45.5%; float: left; margin-right: 1%; z-index: 10;}
.Area_group-2 .Area_pd-layout-d1-05  { width: 100%; }
.Area_group-2 .Area_pd-grid-4x2 li{ border: none; }
.Area_group-2 .Area_pd-grid-4x2 .PD_layout .PD .Price{ font-size: 38px; }
.Area_group-2 .Area_pd-layout-d1-05 li:nth-child(1){ border: none; }
.Area_group-2 .Area_pd-layout-d1-05 li:nth-child(2){ border-right: none; }
.Area_group-2 .Area_bn-grid-3x1 ul{ grid-template-columns: 250px 499px; margin-bottom: -16px;}
.Area_group-2 .Area_bn-grid-3x1 ul li:nth-child(1){ margin-left: 99px; }
.Area_group-2 .Area_bn-grid-3x1 ul li:nth-child(2){ margin-left: 192px; }
.Area_group-2 .Area_bn-grid-3x1 ul li a{ pointer-events: none; }
@media screen and (max-width: 767px) {
  .Area_group-2 .Area_pd-grid-4x2 { width: 35%; margin-right: 0;}
  .Area_group-2 .Area_pd-grid-4x2 .PD_img, .Area_group-2 .Area_pd-grid-4x2 .PD_into{ padding: 0; }
  .Area_group-2 .Area_pd-layout-d1-05  { width: 100%; }
  .Area_group-2 .Area_pd-layout-d1-05 .PD_img{ width: 40%; }
  .Area_group-2 .Area_pd-layout-d1-05 .PD_layout-D1_05 .PD p{ height: 1.5em; display: flex; margin-top: 0; margin-bottom: .5em;}
  .Area_group-2 .Area_pd-grid-4x2 .PD_layout .PD .Price, .Area_group-2 .Area_pd-layout-d1-05 .PD_layout .PD .Price{ font-size: 22px; }
  .Area_group-2 .Area_pd-layout-d1-05 .PD_layout-D1_05 .PD p del{ line-height: 2.4em; font-size: 11px;}
  .Area_group-2 .Area_pd-grid-4x2 .PD p del{ line-height: 2.4em; font-size: 11px;}
  .Area_group-2 .Area_pd-layout-d1-05 .PD_into{ width: 80%; }
  .Area_group-2 .Area_bn-grid-3x1 ul{ grid-template-columns: 27vw 54vw; margin-bottom: -1vw;}
  .Area_group-2 .Area_bn-grid-3x1 ul li:nth-child(1){ margin-left: 2vw; }
  .Area_group-2 .Area_bn-grid-3x1 ul li:nth-child(2){ margin-left: 10vw; }
}


/*攻略*/
.Area_group-3 .Area_bn-grid-3x1 ul{ grid-gap: 0!important; }


/*頁籤公版*/
.Area_hasbg .Area_title { margin: 0px auto -18px; }
@media screen and (max-width: 767px) {
  .Area_hasbg .Area_title { margin: 0px auto -1vw; }
}


/*情境圖輪播*/
.Area_scene-carousel .Area_content ul{ height: 393px; }
@media screen and (max-width: 767px) {
  .Area_scene-carousel .Area_content ul{ height: 68vw; }
}


/*1帶2*/
.Area_brand-1-plus-2 .PD_layout-D3_02{ background: transparent!important; }
.b_box .box .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ background-color: transparent; }
@media screen and (min-width: 768px){
  .Area_brand-1-plus-2 .b_box-grid2 {  grid-template-columns: repeat(1, 1fr);}
  .b_box{ gap: 5px!important; }
  .b_box .box{ background: url(logoPDbg.png?t=1789115866458) no-repeat top center / 85%; padding: 6% 6% 0%;}
  .b_box .box .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ width: 34%; margin: -8% 6% 0 11%; }
  .b_box .box .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin: -5% 0 3% -1%; font-size: 40px; }
}
@media screen and (max-width: 767px) {
  .b_box .box{ background: url(logoPDbg.png?t=1789115866458) no-repeat top center / 100%; padding: 0% 0 8%; margin-top: -1vw;}
  .b_box .box .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{  width: 41%;  margin: -1.5% 0 0 4.5%; }
  .b_box .box .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin: -1% 0 2% 0%; }
}


/*BN輪播*/
.Area_bn-carousel ul{ height: 397px; }
@media screen and (max-width: 767px) {
  .Area_bn-carousel ul{ height: 40vw; }
}