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

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



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

/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgfixed { z-index: 0; position: fixed; bottom: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgfixed.jpg?t=1751287156140) no-repeat center top;}
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.png?t=1751287156140) no-repeat center top;}
.main_deco{ z-index:0; position:absolute;top:1000px; width:100%; min-width:1220px; height:100%; background: url(main_deco.png?t=1751287156140) repeat-y center top ; pointer-events:none}
@media screen and (max-width:767px){
  .bgfixed { min-width: inherit;  background: url(bgfixed_m.jpg?t=1751287156140) no-repeat center bottom; background-size: 100%;}
  .bgtop { min-width: inherit;  background: url(bgtop_m.png?t=1751287156140) no-repeat center 44px; background-size: 100%;}
  .main_deco{ display:none}
}

/*區塊_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);}
.Area .go_bt2 {
  -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_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.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;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}

}

/*間距*/
.Area_bottom { margin-bottom: 50px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw;}
}

/*共用樣式*/
.Area .prdImgWrap .imgTag,
.Area .prdImgWrap .imgTagRectangle,.subtitle
.Area .prdImgWrap .imgTagBottom { display: none!important;}
.boxrepeat01 { background: url(boxrepeat01.png?t=1751287156140)top center repeat-y;}
.boxrepeat02 { background: url(boxrepeat02.png?t=1751287156140)top center repeat-y;}
@media screen and (max-width:767px){
  .boxrepeat01 { background: url(boxrepeat01_m.png?t=1751287156140)top center repeat-y; background-size: 100%;}
  .boxrepeat02 { background: url(boxrepeat02_m.png?t=1751287156140)top center repeat-y; background-size: 100%;}
  .boxtop01 { height: 16vw;margin-top: 0vw;}
  .boxtop02 { height: 16vw;margin-top: 0vw;}
  .boxbottom01 { height: 3vw;}
  .boxbottom02 { height: 3vw;}
}

/*版頭*/
.Area_top00 { position: relative; height: 979px;}

.Area_top00 .main { width: 44%; margin: 0 auto; padding-top: 238px;}  .Area_top00 .main img { width: 100%;}
.Area_top00 .date { position: absolute; width: 10%; top: 200px; right: 110px;} .Area_top00 .date img { width: 100%;}
.Area_top00 .subtitle { z-index: 1; position: absolute;width: 50%; top: 422px; right: 305px;} .Area_top00 .subtitle img { width: 100%;}
.Area_top00 .father { z-index: 1;position: absolute; width: 26%; top: 469px; right: 923px;} .Area_top00 .father img { width: 100%;}
.Area_top00 .mother1 { z-index: 1;position: absolute; width: 20%; top: 162px; left: 914px;} .Area_top00 .mother1 img { width: 100%;}
.Area_top00 .mother2 { z-index: 1;position: absolute; width: 33%; top: 1660px; left: 922px;} .Area_top00 .mother2 img { width: 100%;}
@media screen and (max-width:767px){
  .Area_top00 { height: 104vw;}
  .Area_top00 .main { width: 70%; padding-top: 25vw;}
  .Area_top00 .date { width: 15%; top: 26vw; right: 6vw;}
  .Area_top00 .subtitle { z-index: 5;position: absolute;width: 76%; top: 54vw; left: 12vw;}
  .Area_top00 .father { z-index: 1;position: absolute; width: 30%; top: 87vw; right: 74vw;}
  .Area_top00 .mother1 { z-index: 1;position: absolute; width: 28%; top: 6vw; left: 74vw;}
  .Area_top00 .mother2 { z-index: 1;position: absolute; width: 33%; top: 182vw; left: 71vw;}
}


/*版頭輪播品*/
@media screen and (min-width:768px){
.Area_top00 .box_PD {z-index: 6; position: absolute; top: 461px; left: 348px; width: 500px; height: auto; overflow: hidden; }
.Area_top00 .box_PD .PD_layout .PD img {height: auto !important;width: 100%;}

}
    @media screen and (max-width:767px){
      .Area_top00 .box_PD {z-index: 6; position: absolute; top:54vw;left:14vw; width:70%; height:auto; overflow: hidden; }
		.Area_top00 .box_PD .PD_layout .PD img {height: auto !important;width: 85%;}

}






/*輪播折價券*/
@media screen and (min-width:768px){
.coupon {padding-top:20px;padding-bottom: 20px; }	
.Area_coupon_sw {padding-top:20px;padding-bottom: 20px; }
.Area_coupon_sw .Area_swiper_box .PD_layout ul li{background-color:transparent; }
.Area_coupon_sw .Area_swiper_box {height:176px; }
}
    @media screen and (max-width:767px){

.Area_coupon_sw {padding-top:3vw;padding-bottom: 2vw; }
.Area_coupon_sw .Area_swiper_box .PD_layout ul li{background-color:transparent; }
.Area_coupon_sw .Area_swiper_box {height:20vw; }
}




/*BN*/
.BN {z-index: 0;width:960px;margin:0px auto 0px;height: 975px; }
@media screen and (max-width:767px){
.BN {z-index: 0;width:100%;margin:0vw auto 0vw;height: 105vw; }
}




/*填問券 分享抽好禮*/
.Area01 {}
.Area01 .BN {width:960px;margin:0px auto 0px; }
.Area01 .more { position: absolute; top: 170px; right: 45px; background: #b71a25; color: #fff; border-radius: 60px 0 0 60px; font: bold 24px/36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; padding: 0 1%;}
.Area01 .sharetxt img { width: 100%;}
.Area01 .sharetxt { position: relative; width: 70%; margin: 0 auto 30px; pointer-events: none;}
.Area01 .sharetxt:after { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 2px; background: #c9cfd7;}
.Area01 .sharetxt .txt1 { position: absolute; top: 542px; left: 50%; transform: translateX(-50%); width: 70%;}
.Area01 .sharetxt .txt1 p { margin: 0; padding: 0; font: bold 30px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #fff;}
.Area01 .sharetxt .txt1 p span { font: bold 55px/60px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #f1dfac;}
.Area01 p.text { z-index: 10;position: relative ; margin-bottom: -94px;color:#5e503d; font: bold 50px/40px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.Area01 .content { padding: 0 190px; box-sizing: border-box;}
.Area01 .box { display: flex; flex-wrap: wrap; margin-bottom: 40px;}
.Area01 .box_01 { font: bold 26px/36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; width: 100%; text-align: left;}
.Area01 .box_02 { width: 100%; padding: 0 30px; box-sizing: border-box;}
.Area01 .btn_submit { width: 30%; margin: 0 auto; padding-bottom: 20px;}
.Area01 .btn_submit img { width: 100%;}
@media screen and (max-width:767px){
  .Area01 {}
  .Area01 .BN {width:100%;margin:0vw auto 0vw; }
  .Area01 .more { top: 19vw; right: 8.3vw; font: bold 4vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; padding: 0 1.5%;}
  .Area01 .sharetxt { width: 100%; margin: 0 auto 3%;}
  .Area01 .sharetxt:after { width: 70%;}
  .Area01 .sharetxt .txt1 { top: 63vw; width: 70%;}
  .Area01 .sharetxt .txt1 p { font: bold 3.8vw/4.8vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area01 .sharetxt .txt1 p span { font: bold 6.5vw/7.5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area01 p.text {position: relative ;margin:4vw auto -12vw!important; font: bold 6vw/7vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -1px;}
  .Area01 .content { padding: 0 3em;margin-top:-3vw ;}
  .Area01 .box_01 { font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
  .Area01 .box_02 { padding: 0;}
  .Area01 .btn_submit { width: 60%; padding-bottom: 2%;}
}




/*表單UI調色*/
.Area01 .MuiForm { font-weight: 800;}
.Area01 .MuiForm .MuiForm_label:after { background-color: #FAFAFA;}
.Area01 .MuiForm_uploadbox .MuiForm_btn_submit { background-color: #4B66FF;}
    @media screen and (max-width:767px){
      .Area01 .MuiForm .MuiForm_label:after { background-color: #fff;}
    }


/*填資料區*/
.Area01 .Area_form { }
.Area01 .Area_form .box {}
.Area01 .Area_form .box:after { content: ""; display: block; clear: both;}
    @media screen and (min-width:768px){
      .Area01 .Area_form { margin-top: 0px; }
      .Area01 .Area_form .box_03 { float: left; width: 100%;}
      .Area01 .Area_form .box_04 { float: left; width: 70% ; }
	  .Area01 .Area_form1 .box_03 { padding: 10px 0 0 0;font: bold 26px/36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; width: 100%; text-align: left;}
      .Area01 .Area_form1 .box_04 { padding: 0px 0 0 0;}
	}

    @media screen and (max-width:767px){
      .Area01 .Area_form .box_03 { font: bold 4.5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
      .Area01 .Area_form .box_04 { margin: 0 auto; width: 92%;}
    }


/*上傳照片*/
@media screen and (min-width:768px){
  .Area01 .Area_form4 .box_03 { padding: 30px 0 0 0;font: bold 26px/36px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; width: 100%; text-align: left;}
  .Area01 .Area_form4 .box_04:after { content: ""; display: block; clear: both;}
  .Area01 .Area_form4 .box_04 .box_upload { float: left; width: 32.3%;}
  .Area01 .Area_form4 .box_04 .box_upload_select {margin:85px -115px; font-size:12px; }
}
@media screen and (max-width:767px){
}


/*7.精選熱搜榜*/
.Area_bn_swiper {margin-top:60px!important ;margin-bottom:60px;}
.Area_bn_swiper .PD_layout {width: 96%;left:0;top:10px;overflow:hidden; }

.Area_bn_swiper .lbtclass  ul { padding-bottom: 30px !important; }
.Area_bn_swiper .Area_boxstyle_pagination{top:445px;}
.Area_bn_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10px;left: 0;width: 100%;top:385px;}
@media screen and (max-width:767px){
.Area_bn_swiper {margin-top:0vw!important ;margin-bottom:8vw ; width: 96%;}
.Area_bn_swiper .Area_boxstyle_pagination{top:51vw;}
.Area_bn_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 10vw;left: 0;width: 100%;top:43vw;}
      }

/*輪播BN*/
@media screen and (min-width:768px){
.Area_bn_swiper_box01{ background-color: #ed909f;border-radius: 20px;padding-top: 27px;margin: 20px auto 0; }
}
@media screen and (max-width:767px){
.Area_bn_swiper_box01{ background-color: #ed909f;border-radius: 10px;height: 52vw;position: relative;top: 3vw;}
.Area_bn_swiper .Area_swiper_box{top:3vw;}
}



/*頁籤輪播公版Area_K1*/
@media screen and (min-width:768px){ 
    .Area_K1 { width: 1220px; overflow: hidden; background-color: #5e503d; padding: 20px 0 ; border-radius: 1em ;height: auto;margin-bottom:70px!important} 
    .Area_K2 { width: 1220px; overflow: hidden; background-color: #5e503d; padding: 20px 0 ; border-radius: 1em ;height: auto;margin-bottom:70px!important} 
    .Area_K1 h3 { color:#ffe3b6; margin: 0 auto 20px ; padding: 0;font: 46px/40px "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
    .Area_K2 h3 { color:#ffe3b6; margin: 0 auto 20px ; padding: 0;font: 46px/40px "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
  }
@media screen and (max-width:767px){
    .Area_K1 { width: 96%; overflow: hidden; background-color: #5e503d; padding: 5vw 0 2vw ; border-radius: 1em ;height: auto; margin-bottom:10vw!important} 
    .Area_K2 { width: 96%; overflow: hidden; background-color: #5e503d; padding: 5vw 0 2vw ; border-radius: 1em ;height: auto; margin-bottom:10vw!important} 
    .Area_K1 h3 { color: #ffe3b6; margin: 0 auto 5vw ; padding: 0;font: 8vw/8vw "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
	.Area_K2 h3 { color: #ffe3b6; margin: 0 auto 5vw ; padding: 0;font: 8vw/8vw "微軟正黑體","Microsoft JhengHei",Arial,Helvetica;font-weight: bolder;text-align: center;}
  }




@media screen and (min-width:768px){
.Area_tagPDx10x10 { position: relative; padding-top: 0px; padding-bottom: 0px; height: 1130px }
.Area_tagPDx10x10 .box { }
.Area_tagPDx10x10 .title {z-index: 8; height: auto; position: relative; top:114px; margin: 0px auto; text-align: center; background-position: center top; background-repeat: no-repeat; }
.Area_tagPDx10x10 .page { position: relative; top:14px; left: -5px; margin: 0px;z-index: 20 }
.Area_tagPDx10x10 .page .cate-hover { filter: brightness(1); }
.Area_tagPDx10x10 .page ul { display: inline-block; width: 1220px; margin-left: 0px; margin: 0 auto; padding: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.Area_tagPDx10x10 .page ul li { list-style: none; float:inherit; width: 18%;margin: 0 5px 20px ; padding-bottom: 10px; filter: grayscale(1);/*filter: grayscale(1)灰階;filter: sepia(1)懷舊;filter: opacity(0.5)不透明;filter: brightness(0.5)亮度;filter: blur(3px)模糊;filter: drop-shadow(3px)下拉陰影;*/ }
.Area_tagPDx10x10 .page ul li img{width: 90%;}
.Area_tagPDx10x10 .box { overflow: hidden; }
.Area_tagPDx10x10 .PD_layout {padding: 130px 0 30px; margin: 0px; top: 0px; }
.Area_tagPDx10x10 .swiper-slide:nth-of-type(odd) .PD_layout {padding: 5px 0 30px; margin: 0px; top: 0px;overflow:hidden;}
.Area_tagPDx10x10 .swiper-slide:nth-of-type(even) .PD_layout {padding: 5px 0 30px; margin: 0px; top: 0px;overflow:hidden;}
.Area_tagPDx10x10 .swiper-slide:nth-of-type(odd) .PD_layout .PD h3 {background-color:#db4a6b!important;}
.Area_tagPDx10x10 .swiper-slide:nth-of-type(even) .PD_layout .PD h3 {background-color:#ad9779!important;}
.Area_tagPDx10x10 .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{margin-bottom: 80px;}


}
@media screen and (max-width: 767px) {
  .Area_tagPDx10x10 { height:400vw; margin-bottom: 10vw!important;}
  .Area_tagPDx10x10 .box { overflow:inherit; }
  .Area_tagPDx10x10 .title { position: relative; width: 100%; }
  .Area_tagPDx10x10 .page {z-index:99 ; position: relative;height: 17vw; margin:0 0 0;width: 100%;top: 0vw;left: 0vw}
  .Area_tagPDx10x10 .page .cate-hover { filter: brightness(1); }
  .Area_tagPDx10x10 .page ul {width: 100%; display: inline-block;  margin: 0vw auto 0 ; padding: 0vw 0 0 0 ;display: flex;flex-wrap: wrap;justify-content: center;}
  .Area_tagPDx10x10 .page ul li {list-style: none;float: left;margin: 0vw 0vw 1vw 0vw;padding: 0px;width: 24%; filter: grayscale(1);/*filter: grayscale(1)灰階;filter: sepia(1)懷舊;filter: opacity(0.5)不透明;filter: brightness(0.5)亮度;filter: blur(3px)模糊;filter: drop-shadow(3px)下拉陰影;*/}
  .Area_tagPDx10x10 .page :nth-child(9){ margin-left: 0vw;}	
  .Area_tagPDx10x10 .page ul li img { width: 96%; }
  .Area_tagPDx10x10 .box {  }
  .Area_tagPDx10x10 .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
  .Area_tagPDx10x10::before{display:none;}
  .Area_tagPDx10x10 .PD_layout ul {width:96%;padding:0!important;margin:0 auto!important}	
  .Area_tagPDx10x10 .swiper-slide:nth-of-type(odd) .PD_layout {padding: 0vw 0 0vw; margin: 0vw; top: 0vw;background-size:100%;}
  .Area_tagPDx10x10 .swiper-slide:nth-of-type(even) .PD_layout {padding: 0vw 0 0vw; margin: 0vw; top: 0vw;background-size:100%;}
  .Area_tagPDx10x10 .swiper-slide:nth-of-type(odd) .PD_layout .PD h3 {background-color:#db4a6b!important;}
  .Area_tagPDx10x10 .swiper-slide:nth-of-type(even) .PD_layout .PD h3 {background-color:#ad9779!important;}

}

.Area_tagPDx10x10 .PD_layout5x1 {height:880px; margin:0px auto 0px ;width:1220px;background:url(pc_5x1_bg.png?t=1751287156140)center top no-repeat ;background-size: 100%} 
.Area_tagPDx10x10 .PD_layout5x1 ul { padding-top:40px!important;} 
.Area_tagPDx10x10 .PD_layout5x1 li { border-radius: 5px!important;} 
.Area_tagPDx10x10 .PD_layout5x1 h2 {position: relative;top:26px;margin: 0;padding: 0;width: 100%;height: 88px;font: 41px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff; ;letter-spacing: 0px;overflow: hidden;background: none;background-size: 100%;/*text-shadow: 0px 0px 5px #000;*/}
.Area_tagPDx10x10 .PD_layout5x1 h2 .buttonAera_more { top:20px; right:15px; background-color: #EF1545; background-color:rgba(0,0,0,0.7);}
.Area_tagPDx10x10 .PD_layout5x1 h2 .buttonAera_more:hover {background-color: #000;}
.Area_tagPDx10x10 .PD_layout5x1 h3 {background-color: #c98434!important;}

.Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 20px!important;top:3px;}
.Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul li h5 {position: relative;top:-45px;margin: 0;padding: 0;width: 100%;height: 88px;font: 41px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#5e503d;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}



@media screen and (max-width: 736px) {
   .Area_tagPDx10x10 .PD_layout5x1 {box-sizing: border-box; margin: 0 auto ; padding:0%; width: 100%; height:360vw;background:url(mo_5x1_bg.png?t=1751287156140)center top no-repeat ;background-size: 100%!important;}

   .Area_tagPDx10x10 .PD_layout5x1 h2 {display:block;overflow: hidden;float: none;position: relative;box-sizing: border-box;top:27vw;margin: 0px;padding: 0;width: 100%;height: 17vw;font-size: 7vw;font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight:bold;line-height: 1.7;text-align: center;color: #fff ;letter-spacing: 0;/*background:url(mb_22.jpg?t=1751287156140) no-repeat;background-size:100%;*/}
   .Area_tagPDx10x10 .PD_layout5x1 ul { padding-top:3vw!important;width: 90%;}
   .Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;height: 14vw!important;top:-5.5vw;}
   .Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
   .Area_tagPDx10x10 .PD_layout5x1 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 30px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#5e503d;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

}



/*名人藏寶 勸BUY夯貨*/
.Area04 {height:580px;  margin-bottom: 70px; }
.Area04 .info_button{position:absolute; top:0; left:950px ; z-index:8; }
.Area04 .Area_swiper_2 { overflow: hidden; padding-bottom: 0;}
.Area04 .PD_layout {top: 0;}
.Area04 .PD_layout ul { height: 500px!important; display: flex; grid-gap: 0; padding: 0;}
.Area04 .PD_layout ul li { position: relative; background-color: transparent; /*background: url(Area03_BN.png?t=1751287156140)top center no-repeat; background-size: 100%;*/ transition: 0.3s ease; filter: brightness(0.5);}
.Area04 .PD_layout ul li:hover { box-shadow: none; filter: brightness(0.5);}
.Area04 .PD_layout ul li.swiper-slide { width: 260px;}
.Area04 .PD_layout ul li.swiper-slide-active {  filter: brightness(1);}
.Area04 .PD_layout ul li .PD_img { padding: 0em;position: absolute;top: 40px;}
.Area04 .PD_layout ul li .PD_img img { border-radius: 10px; overflow: hidden;}
.Area04 .PD_layout ul li.swiper-slide-active .PD_into { filter: brightness(1);}
.Area04 .swiper-container-horizontal>.swiper-pagination-bullets{top:478px;}
.Area04 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
@media screen and (max-width:767px){
  .Area04 {height:95vw;  margin-bottom: 1vw; /*background: url(mb_06.jpg?t=1751287156140)top center no-repeat;*/ background-size: 100%; }
  .Area04 .Area_swiper_2 {padding-bottom: 1vw;}
  .Area04 .PD_layout {top: 0vw;}	
  .Area04 .PD_layout ul { height: 78vw!important;}
  .Area04 .PD_layout ul li .PD_logo { top: -19vw;}
  .Area04 .PD_layout ul li .PD_into { top: 19vw;}
  .Area04 .PD_layout ul li .PD_img { top: 1vw;}	
  .Area04 .PD_layout ul li.swiper-slide { width: 184px;}
.Area04 .swiper-container-horizontal>.swiper-pagination-bullets{top:72vw;}
}



/*全BOX版面*/
.WRAPPER { position:relative; display:inline-block; margin:0; padding:0; width:100%; background-color:#f5f5f5;}
.WRAPPER img {border:0; vertical-align:top;}

/*詳情說明*/
.mainArea { margin:0 auto; padding:0; max-width:980px; background-color:#fff; box-shadow:0 0 20px #ddd}
.mainArea * { margin:0px; font-size:16px; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color:#333; text-align:left;}
.mainArea h1 { font-size:26px; line-height:2; text-align:center; color:#ececec;
	background: #000; /* Old browsers */
	background: -moz-linear-gradient(45deg, #000 0%, #333 50%, #222 50%, #000 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000), color-stop(50%,#333), color-stop(50%,#222), color-stop(100%,#000)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg, #000 0%,#333 50%,#222 50%,#000 100%); /* Chrome10+,Safari5.1+ */
}
.mainArea .detailsArea { padding:0px 15px;}
.mainArea .detailsArea br { clear:both;}
.mainArea .detailsArea h2 { font-size:1em; line-height:3; color:#e40580; display:inline-block;}
.mainArea .detailsArea p { font-size:0.9em; line-height:1.8; color:#000; margin-left:14px; padding-bottom:5px;}
.mainArea .detailsArea p br {}
.mainArea .detailsArea ol {}
.mainArea .detailsArea ol li { font-size:0.9em; padding-bottom:5px;}
.mainArea .detailsArea ul {list-style: none outside none; padding:0px;}
.mainArea .detailsArea ul li { font-size:0.9em; padding-bottom:0px;}
.mainArea .detailsArea table { margin-top:10px; border-collapse:collapse; width:100%; text-align:center;}
.mainArea .detailsArea th { padding:5px; border:1px solid #CCC; background:#CCC; font-size:0.8em; }
.mainArea .detailsArea td { padding:5px; border:1px solid #CCC; font-size:0.8em; }
.mainArea .detailsArea .imgArea { width:100%;}
.mainArea .detailsArea .imgArea .img { float:left; border:0px; width:60%;}
.mainArea .detailsArea .imgArea .img img { width:100%; height:auto;}
.mainArea .detailsArea .imgArea .img_txt { float:left; margin-left:2%; border:0px; width:37%;}
@media screen and (max-width:480px) {
	.mainArea {}
	.mainArea .detailsArea .imgArea .img { border:0px; width:100%;}
	.mainArea .detailsArea .imgArea .img_txt { border:0px; width:100%; text-align:left;}
}


/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }




/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@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;}
}



/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_p67{  margin-top: 20px!important; z-index: 999!important; }