/*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:408px; }
.deco01 { top:278px; right: 139px; width: 122px;}
.deco02 { top:290px; right: -520px; width: 2000px; }

}
@media screen and (max-width:767px){
.Area_top {height:42.5vw;}
.Area_top .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:0;}
.deco01 {top: 28.5vw; right: 14.5vw; width: 13vw;}
.deco02 {top: 35.5vw; right: 0vw; width: 126vw;}
.deco03 {top: 140.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:8px;left:-50px; width:108%; }
}
@media screen and (max-width:767px){
.title01{width: 109%; right: 0;}
.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: 275px; left:151px; width:643px;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: 67%; height: 9vw; position: absolute; top: 30.3vw; left: 12.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:225px;left:0px; width:31%;}
}
@media screen and (max-width:767px){
  .Area_top .date {top:22.5vw;left:-6vw; width:34%;}
}


/*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:-1px;left:703px; width:10%;}
}
@media screen and (max-width:767px){
  .Area_top .buy {top:0vw;left:73vw; width:10.5%;}
}


/*區背景*/
.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=1785981437536) 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=1785981437536) 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 -26px; 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 -2.7vw; 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=1785981437536) 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=1785981437536) 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; }
}