@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#fff4d5; }
 @media screen and (max-width:767px){
.for_pc{ display:none !important;}
.for_phone{ display:block !important;}
 body { margin: 0; padding: 0; background-image:none }
.for_m_magintop { margin-top:3vw;}
 }

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




/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}




/*區塊背景*/
@media screen and (min-width:768px) {
.Areabg01{position:absolute;z-index: -5;top:0px;left:0;width:100%;min-width:1220px;height: 1666px;background-image:url(pc_01.jpg?t=1724990151425);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.pc_deco_01{position:absolute;z-index: -1;top:0px;left:0;width:100%;max-width:1220px;height: 1726px;background-image:url(pc_deco_01.png?t=1739502891193);background-repeat:no-repeat;background-position:left top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 910px;width:100%;min-width:1220px;height:48000px;background-image:url(pc_reapet.jpg?t=1724990151425);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
/* .bg_fix { z-index:-60; position:fixed; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;} */
.pc_deco{position:absolute;z-index: -2;top: 31px;left:0;width: 100%;min-width:1220px;height: 336px;background-image:url(pc_deco.png?t=1729843493122);background-repeat:repeat-x;background-position:center top;pointer-events: none;}
.bgdeco {z-index: 10;position:absolute;top: 870px;left: 0;width:100%;height: 60000px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}  
}




@media screen and (max-width:767px) {
.m_top_bg01 {z-index: -5;position:absolute;top: 9vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg02 {z-index: -1;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.bg_fix {z-index: -10;position:fixed;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_deco {z-index: -2;position: absolute;top: 15vw;left: 0;width: 100%;height:100%;background-repeat:repeat-x;background-position: center top;pointer-events:none;background-size: 100%;}
.m_repeat_bg2{z-index: -7;position:absolute;top: 79vw;left: 0;width: 100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}

}

/*雲*/
.bgtop-play {-webkit-animation: bgtop-play 40s linear infinite;animation: bgtop-play 40s linear infinite;}
		@-webkit-keyframes bgtop-play {
		  0%   { background-position: 0 0;}
		  100% { background-position: 500px 0;}
		}
		@keyframes bgtop-play {
		  0%   { background-position: 0 0;}
		  100% { background-position: -500px 0;}
		}
	

/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 {margin:0 auto;width:960px;}
.Area {position: relative;margin:0 auto;padding:0;border-radius:0;text-align:center; }
.Areaa {position:relative;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);}






 @media screen and (max-width:767px){
  .Area1220 { width:100%;}
  .Area960 {width:100%;}
  .Area .go_bt:hover {  
   -webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;}
 }
    
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{-webkit-transition: all 0.1s ease;-moz-transition: all 0.1s ease;-ms-transition: all 0.1s ease;-o-transition: all 0.1s ease;transition: all 0.1s ease;} 
.Area .btn_goa:hover {  -webkit-transition: all 0.35s;transition: all 0.35s;-webkit-transform: scale(0.9);transform: scale(0.9);}
.Area .btn_goa:after  { 
          -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;}
;o:hover a { color:#fff;}
;
.Area .btn_go:hover a:after  { width:150% !important;}
;

.Area .btn_go:hover a i { background-color:#000;transform:translateX(-10px);transition-delay:0.1s;}
.Area .btn_goastrong {z-index:2;position: relative; }
.Area .btn_goai {z-index: 3;position: absolute;top: -63px;right: -278px;display: inline-block;border-radius: 60px;width: 60px;height: 60px;background: #09006e url(btn_icon_r.png?t=1696598482216);background-size: contain;
}
 @media screen and (max-width:736px){ 
   .Area{width:100%;height:100%;min-width:100%;}
  .Area .btn_go {position:absolute; }
  .Area .btn_go *{-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;} 
  .Area .btn_go a {display:block;color:#fff;letter-spacing:-2px;}
  .Area .btn_go a:after  {}
  .Area .btn_go:active a,
  .Area .btn_go:focus a,
  .Area .btn_go:hover a { color:#fff;}
  .Area .btn_go:active a:after,
  .Area .btn_go:focus a:after,
  .Area .btn_go:hover a:after  { width:150% !important;}
  .Area .btn_go:active a i,
  .Area .btn_go:focus a i,
  .Area .btn_go:hover a i { background-color: transparent;transform:translateX(-10px);transition-delay:0.1s;}
  .Area .btn_go a strong {z-index:2;position: relative; }
  .Area .btn_go a i {z-index:3;position: absolute;top:0;right:0;display:inline-block;border-radius:35px;width:35px;height:35px;background:#09006e url(btn_icon_r.png?t=1696598482216);background-size:contain;}
 }





/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 500px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  .Area_top02{position: relative;height: 856px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 .deco{position:absolute;width: 28%;top: 235px;left: 24px;height: auto;z-index: 7;}
  .Area_top .title01 .deco img {width: 72%;}
  .Area_top .title01 {position:absolute;width: 72%;top: 30px;left: 188px;height: auto;z-index: 7;}
  .Area_top .title01 img {width: 88%;}
  .Area_top .title01  ul li{position: absolute;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標*/
  .Area_top .title02{z-index: 10;position:absolute;width: 27%;top: 363px;left: -36px;}
  /*日期*/	
  .Area_top02 .TIMER_DAY {position:absolute;top: 169px;right: 960px;width: 140px;z-index:2;display:block;font-size: 37px;font-family: "bicyclette", serif;font-weight: 700;font-style: normal;color: #000;letter-spacing: 5px;text-align: left;}
  .Area_top02 .TIMER_DAY small {font-size:25px;line-height:5px;margin-left: -28px;}
  .Area_top02 .TIMER_DAY #sendMonth {width: 54px;text-align: left;display: inline-block;}
  .Area_top02 .TIMER_DAY #sendToday {width: 56px;margin-left: 0;text-align: center;display: inline-block;}
  .Area_top02 .TIMER_DAY #date{position: absolute;width: 62%;top: 27px;left: 4px;font-size: 38px;}
  /*版頭品輪播*/
  .Area_top02 .Area_PD1{position: relative;width: 905px;top: 18px;left: 321px;z-index: 10;}
  .Area_top02 .Area_PD input{position: relative;left:50px;}
    /*版頭品招牌*/
    .Area_top02 .title03{width: 27%;position: absolute;top: 125px;left:0;}
    .Area_top02 .title03 .deco{position: absolute;width: 89%;top: 0;left: 3px;}
}
@media screen and (max-width:767px){
  .Area_top02 {width:100%;position: relative;height: 202vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 71%;position:absolute;top: 5vw;left: 18vw;height: auto;z-index: 7;}
  .Area_top .title01 .deco{width: 25%;position:absolute;top: 20vw;left: -2vw;height: auto;z-index: 7;}
  /*副標*/
  .Area_top .title02 {position: absolute;width: 31%;margin: 0 auto;left: 0vw;top: 42vw;z-index: 10;}
  .Area_top .title02 .deco{position: absolute;width: 23%;top: 3vw;left: 3vw;z-index: 5;}
    /*日期*/	
    .Area_top02 .TIMER_DAY {position:absolute;top: 85.5vw;right: 70vw;width: 19vw;z-index:2;display:block;font-size: 24px;color: #000;letter-spacing: -1px;font-family: "bicyclette", serif;font-weight: 700;font-style: normal;text-align: left;}
    .Area_top02 .TIMER_DAY small {font-size: 13px;line-height:5px;margin-left: -1vw;}
    .Area_top02 .TIMER_DAY #sendMonth {width: 22%;text-align: left;display: inline-block;}
    .Area_top02 .TIMER_DAY #sendToday {width: 50%;margin-left: -2vw;text-align: center;display: inline-block;}
    .Area_top02 .TIMER_DAY #date{position: absolute;width: 19vw;top: 5vw;left: 1vw;font-size: 19px;}
  /*版頭品輪播*/
  .Area_top02 .Area_PD1{width: 66%;position: relative;top: 47vw;left: 31vw;z-index: 10;}
  /*版頭品招牌*/
  .Area_top02 .title03{width: 37%;position: absolute;top: 79vw;left: -2vw;}
  .Area_top02 .title03 .deco{position: absolute;width: 89%;top: -2vw;left: 2vw;}
}


/*---版頭裝飾---*/
@media screen and (min-width:768px){
  /*布簾*/  
  .deco_01{width: 35%;position: absolute;top: -104px;left: -63px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_01 img{width: 81%;}
  /*尺*/  
  .deco_02{width: 37%;position: absolute;top: -322px;left: -90px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_02 img{width: 21%;}
  /*光碟*/  
  .deco_03{width: 14%;position: absolute;top: -431px;left: 1004px;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_03 img{width: 81%;}
  /*摩托車*/ 
  .deco_04{width: 16%;position: absolute;top: -181px;left: 1010px;transform: rotate(348deg);z-index: 1;transform-origin: center center;pointer-events: none;}
  .deco_04 img{width: 81%;}  
  }
  
  @media screen and (max-width:767px){
    /*布簾*/   
    .deco_01{width: 25%;position: absolute;top: -1vw;left: 0vw;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
    /*尺*/  
    .deco_02{width: 9%;position: absolute;top: 20vw;left: 3vw;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
    /*光碟*/ 
    .deco_03{width: 15%;position: absolute;top: 1vw;left: 83vw;transform-origin: top right;z-index: 1;transform-origin: center center;pointer-events: none;}
    /*摩托車*/ 
    .deco_04{width: 19%;position: absolute;top: 30vw;left: 82vw;transform-origin: top right;z-index: 10;transform-origin: center center;pointer-events: none;}
  }
  

/*-----今日限定明日預告-----*/
@media screen and (min-width: 768px){
  /*日期*/	
  .Area_PD3 .TIMER_DAY2 {position:absolute;top: 35px;right: 335px;width: 187px;z-index:2;display:block;font-size: 52px;font-family: "微軟正黑體";font-weight: 600;font-style: normal;color: #ffffff;letter-spacing: 1px;text-align: left;}
  .Area_PD3 .TIMER_DAY2 small {font-size: 46px;line-height: 3px;margin-left: 0px;}
  .Area_PD3 .TIMER_DAY2 #sendMonth {width: 54px;text-align: left;display: inline-block;}
  .Area_PD3 .TIMER_DAY2 #sendToday {width: 56px;margin-left: 0;text-align: center;display: inline-block;}
  .Area_PD3 .TIMER_DAY2 #date{position: absolute;width: 62%;top: 27px;left: 4px;font-size: 38px;}
}
@media screen and (max-width:767px){
    /*日期*/	
    .Area_PD3 .TIMER_DAY2 {position:absolute;top: 2.8vw;right: 32.9vw;width: 20vw;z-index:2;display:block;font-size: 25.5px;color: #ffffff;letter-spacing: 0px;/* font-family: "bicyclette", serif; */font-weight: 700;font-style: normal;text-align: left;font-family: "微軟正黑體";}
    .Area_PD3 .TIMER_DAY2 small {font-size: 19px;line-height: 4px;/* margin-left: -1vw; */font-family: "微軟正黑體";}
    .Area_PD3 .TIMER_DAY2 #sendMonth {width: 22%;text-align: left;display: inline-block;}
    .Area_PD3 .TIMER_DAY2 #sendToday {width: 50%;margin-left: -2vw;text-align: center;display: inline-block;}
    .Area_PD3 .TIMER_DAY2 #date{position: absolute;width: 19vw;top: 5vw;left: 1vw;font-size: 19px;}
}



/*全區塊共用*/
.Area_coupon p { font-family: Roboto,"Noto Sans CJK TC","Microsoft JhengHei", Arial, Helvetica; }
.Area_coupon span { font-family: Roboto,"Noto Sans CJK TC","Microsoft JhengHei", Arial, Helvetica; }
.Area_coupon2 p { font-family: Roboto,"Noto Sans CJK TC","Microsoft JhengHei", Arial, Helvetica; }
.Area_coupon2 span { font-family: Roboto,"Noto Sans CJK TC","Microsoft JhengHei", Arial, Helvetica; }
/*使用說明*/
@media screen and (min-width:768px){
  .coupon .i_btn{width: 24%;position: absolute;top: 30px;right: -30px;z-index: 2;}
  }
  @media screen and (max-width:767px){
  .coupon .i_btn{width: 24%;position: absolute;top: 3vw;right: 0vw;z-index: 2;}
  }
  
/*抵用券*/
@media screen and (min-width:767px){
  .Area_coupon{position: relative;height: 519px;}
  .Area_coupon .text_bg{position: absolute;height: 497px;overflow: hidden;}
  .Area_coupon .couponBox{position: relative;top: 138px;}
}
@media screen and (max-width: 767px) {
.Area_coupon{position: relative;height: 57vw;}
.Area_coupon .text_bg{ position: absolute; height: auto;}
.Area_coupon .couponBox{position: relative;top: 11vw;}
/* .Area_coupon .i_btn{ position: absolute; height: auto;} */
 }  




/*滿額送*/
@media screen and (min-width:767px){
  .Area03{position: relative;height: auto;/* margin-top: -85px; */}
  .Area03 .title{position: relative;width: 82%;margin: 0 auto;z-index: 1;top: 65px;left: 22px;}
  .Area03 .btn{width: 80%;margin: 0 auto;padding-top: 22px;}
  .Area03 .btn .bn01 ul{grid-gap:0;}
  .Area03 .btn .bn02{position: relative;top: 25px;}
  .Area03 .bg{background: url(btn_bg.png?t=1741840853970) no-repeat center top;height: 255px;padding-bottom: 30px;}
  }
  @media screen and (max-width: 767px) {
  .Area03{position: relative;height: auto;padding-bottom: 0vw;}
  .Area03 .title{position: relative;z-index: 1;margin-bottom: -7vw;}
  .Area03 .btn{width: 93%;margin: 0 auto;padding-top: 2vw;}
  .Area03 .btn .bn01 ul{grid-gap:0;}
  .Area03 .btn .bn02{position: relative;top: 1.5vw;}
  .Area03 .bg{background: url(btn_bg.png?t=1741840853970) no-repeat center top;background-size: 97%;height: 27vw;/* padding-bottom: 3vw; */}
  }


/* 輪播10品 */
  .Area_PD3 {background-color: #47c5ff;border: solid 0.2em #000000;margin-bottom: 52px;padding-bottom: 14px;}
  .Area_PD3 h2 { text-align: center; color: #fff }
  @media screen and (min-width: 768px){
  .Area_PD3 { border-radius: 15px }
  .Area_PD3 .Area_swiper_box .PD_layout { margin-top: 0px;}
  /*logo*/ 
    .Area_PD3  .logo{position: relative;z-index: 2;width: 78%;height: 139px;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
    .Area_PD3  .logo ul{grid-gap: 0;}
    .Area_PD3  .logo ul .PD_into{padding: 0;}
    .Area_PD3  .logo ul .PD_logo{width: 29%;position: relative;padding: 20px 0;left: 84px;top: 2px;}
    .Area_PD3  .logo ul li h4{color: #000;width: 50%;position: absolute;left: -49px;font-weight: 900;top: 33px;margin: 0 auto;font-size: 2.9em;}
    .Area_PD3  .logo ul li h3{color: #ffffff;width: 50%;position: absolute;right: 77px;top: 27px;margin: 0 auto;font-size: 2.9em;font-weight: 900;}
    .Area_PD3 .Area_swiper ul li{/* border: solid 4px; */}

  /*logo*/ 
  .Area_PD3  .logo2{position: relative;z-index: 2;width: 78%;height: 140px;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
  .Area_PD3  .logo2 ul{grid-gap: 0;}
  .Area_PD3  .logo2 ul .PD_into{padding: 0;}
  .Area_PD3  .logo2 ul .PD_logo{width: 29%;position: relative;padding: 20px 0;left: 84px;top: 2px;}
  .Area_PD3  .logo2 ul li h4{color: #000;width: 50%;position: absolute;left: -49px;font-weight: 900;top: 33px;margin: 0 auto;font-size: 2.9em;}
  .Area_PD3  .logo2 ul li h3{color: #ffffff;width: 50%;position: absolute;right: 125px;top: 27px;margin: 0 auto;font-size: 2.9em;font-weight: 900;}
  .Area_PD3 .Area_swiper ul li{border: solid 0.2em #000000;}

  }
  @media screen and (max-width:767px){
  .Area_PD3 {width: 96%;border-radius: 10px;margin: 0 auto;margin-bottom: 6vw;padding: 3vw 0;}
  .Area_PD3 h2 {font-size: 1.8em;margin: 0 auto;padding: 3vw 0;}
  .Area_PD3 .Area_swiper ul li{border: solid 0.5vw;}
  /*logo*/ 
  .Area_PD3  .logo{position: relative;z-index: 2;width: 100%;height: 14vw;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
  .Area_PD3 .logo ul{grid-gap: 0;}
  .Area_PD3  .logo ul .PD_into{padding: 0;}
  .Area_PD3  .logo ul li h4{color: #000000;width: 31%;position: relative;padding: 1vw;top: 2vw;left: 5vw;font-size: 1.4em;font-weight: bold;}
  .Area_PD3  .logo ul li h3{color: #ffffff;width: 42%;position: absolute;right: 8.5vw;top: 2vw;margin: 0 auto;font-size: 1.4em;}
    /*logo*/ 
    .Area_PD3  .logo2{position: relative;z-index: 2;width: 100%;height: 14vw;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
    .Area_PD3 .logo2 ul{grid-gap: 0;}
    .Area_PD3  .logo2 ul .PD_into{padding: 0;}
    .Area_PD3  .logo2 ul li h4{color: #000000;width: 31%;position: relative;padding: 1vw;top: 2vw;left: 5vw;font-size: 1.4em;font-weight: bold;}
    .Area_PD3  .logo2 ul li h3{color: #ffffff;width: 42%;position: absolute;right: 14.5vw;top: 2vw;margin: 0 auto;font-size: 1.4em;}
}





/*16-各部專區*/
.Area16 { overflow: hidden;}
.Area16 .Area16_titlebg { width: 116%; position: absolute; top: 0.8%; left: -11%; }
.Area16 .box { position: relative; background-color: #fae7e1; border-radius: 15px; overflow: hidden;}
.Area16 .swiper-pagination { /*--swiper-pagination-color: #fff;*/ bottom: 1vw;}
.Area16 .swiper-pagination-bullet { background: #000;}
.Area16 .PD-1 { width: 96%;}
.Area16 .page_box { padding-bottom: 20px;}
  /*抵用券(線上入稿)*/
  .Area16 .layout_C16 { overflow: hidden;}
  .Area16 .layout_C16 ul { display: flex;flex-wrap: nowrap; height: 200px;}
  .Area16 .layout_C16 .PD_slide { background: url(PD_couponShop_bg.png?t=1739502891193) no-repeat; background-size: 100%; font-size: 3.7vw; font-family: Arial, Noto Sans TC, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
  .Area16 .layout_C16 .PD_into { padding: 0; width: 100%; display: flex;}
  .Area16 .layout_C16 .PD .txta { display: flex; justify-content: center; align-items: flex-end; color: #fff; /*font-size: 2.5em;*/ /*line-height: 1.2;*/ font-weight: 700; letter-spacing: -0.025em; text-align: center; margin: 7vw 0; padding: 0; width: 29%;}
  /*.Area16 .layout_C16 .PD .txta span { display: inline; margin-right: -.06em;}*/
  .Area16 .layout_C16 .PD .txta .money { font-size: 1.5em; position: relative; top: -0.1em;}
  .Area16 .layout_C16 .PD .txta .Discount { font-size: 2.5em;}
  .Area16 .layout_C16 .PD .txta .Dis_unit { font-size: 1.5em; position: relative; top: -0.2em;}
  .Area16 .layout_C16 .PD .txtb { position: absolute; top: 2.4vw; left: 33%; color: #000; font-size: 1.05em; font-weight: 600; letter-spacing: -0.02em; text-align: left; background: #ddecfc; padding: .05em .35em .15em; border-radius: 1vw;}
  .Area16 .layout_C16 .PD .txtc { position: absolute; top: 10.1vw; left: 33%; color: #000; font-size: 1.25em; line-height: 1.2; font-weight: 500; letter-spacing: -0.02em; text-align: left;}
  .Area16 .layout_C16 .PD .txtd { position: absolute; top: 12vw; left: 33%; color: #000; font-size: .9em; font-weight: 500; letter-spacing: -0.02em; text-align: left; display: none;}
  @media screen and (max-width:767px){
    .Area16 {margin: 7vw auto 5vw auto;}
    .Area16 .box { position: relative; background-color: #fae7e1; border-radius: 15px; margin: 0 2vw 6vw; padding-bottom: 2vw;}
    .Area16 .page_box { padding-bottom: 3vw;}
    .Area16 .PD-1 { width: 100%;}
    .Area16 .PD_layout.PD-1 ul { padding-top: .6em;}
    .Area16 .PD_layout.PD-1 .PD_btn.more i { display: none;}
      /*抵用券(線上入稿)*/
      .Area16 .layout_C16 ul {height: 32vw;padding: 0;grid-gap: 0;}
  }
  @media screen and (min-width:768px){
    /*抵用券(線上入稿)*/
    .Area16 .A16_coupon {margin-bottom: 30px;margin-top: 10px;}
    .Area16 .layout_C16 .PD_into { font-size: 32px;}
    .Area16 .layout_C16 .PD .txta { margin: 53px 0; font-size: 33px;}
    .Area16 .layout_C16 .PD .txtb { top: 20px;}
    .Area16 .layout_C16 .PD .txtc { top: 83px;}
    .Area16 .layout_C16 ul {height: 250px;padding: 0;grid-gap: 0;}
  }







/*---1帶3---*/
@media screen and (min-width:768px){
  /*大背景*/ 
  .brand_start {z-index: -1;position:absolute;top: -230px;width:100%;height: 590px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
  /*大背景*/ 
  .brand_end {z-index: -1;position:absolute;top: 2961px;bottom: 0;width:100%;height: 530px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;} 
  .Area_brand{margin: 180px auto 0 auto;}
  .Area_brand .box_all{position: relative;width: 2000px;left: -32%;background-color: #ffea53;}
  .Area_brand .text_960{position: absolute;width: 960px;top: -230px;left: 50%;transform: translateX(-50%);margin: 0 auto 0 auto;}
  .Area_brand .box_ly{position: relative;width: 960px;margin: 0 auto 0 auto;padding: 0px 0 0 0;}
  .Area_brand .box .ly input{position: relative;left:-50px;}
  .Area_brand .box_ly .box{width: 100%;position: relative;padding: 0px 0 18px 0;margin: 0px auto 50px auto;}
  .Area_brand .box_ly .box .ly{width: 99%;margin: 0 auto;position: relative;z-index: 1;padding: -1px 0 0 0;}
  .Area_brand .box_ly .box .ly ul{width: 95%;}
  .Area_brand .box_ly .box .ly ul{border: 4px solid #000000;}
  /*logo*/ 
  .Area_brand  .logo{position: relative;z-index: 2;width: 100%;height: 140px;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
  .Area_brand  .logo ul{grid-gap: 0;}
  .Area_brand  .logo ul .PD_into{padding: 0;}
  .Area_brand  .logo ul .PD_logo{width: 29%;position: relative;padding: 20px 0;left: 84px;top: 2px;}
  .Area_brand  .logo ul li h4{color: #000;width: 50%;position: absolute;left: -49px;font-weight: 900;top: 33px;margin: 0 auto;font-size: 2.9em;}
  .Area_brand  .logo ul li h3{color: #000;width: 50%;position: absolute;right: 111px;top: 27px;margin: 0 auto;font-size: 2.9em;}
}
@media screen and (max-width:767px){
.Area_brand{margin: -1vw auto 0 auto;}
.Area_brand .start{position: absolute;}
.Area_brand .end{margin: -14vw auto 0 auto;}
.Area_brand .box_all{}
.Area_brand .box_ly{position: relative;background-color: #ffea53;}
.Area_brand .box_ly .box{position: relative;margin: 0vw auto 0vw auto;padding: 0 0 0 0;}
/*公版*/
.Area_brand .box_ly .box .ly{position: relative;z-index: 2;padding: 0vw 0 6vw 0;width: 100%;margin: -1vw auto 0 auto;}
.Area_brand .box_ly .box .ly ul{width: 98%;border: 2px solid #000000;}
/*logo*/ 
.Area_brand  .logo{position: relative;z-index: 2;width: 100%;height: 15vw;background: no-repeat top center/100% url("logo_bg.png?t=1737081463318");}
.Area_brand  .logo ul{grid-gap: 0;}
.Area_brand  .logo ul .PD_into{padding: 0;}
.Area_brand  .logo ul li h4{color: #000000;width: 31%;position: relative;padding: 1vw;top: 2vw;left: 5vw;font-size: 1.4em;font-weight: bold;}
.Area_brand  .logo ul li h3{color: #000000;width: 42%;position: absolute;right: 16vw;top: 2vw;margin: 0 auto;font-size: 1.4em;}

}



/*---頁籤---*/
/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page {margin: 35px auto 0 auto;overflow: hidden;/*background-color: #555;*/padding: 0;/*border-radius: 1em;*/} 
    .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 {width: 96%;overflow: hidden;/*background-color: #555;*/padding: 0 0 0 0;/*border-radius: 1em;*/margin: 0vw auto 0 auto;} 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }
/*-公版微調-*/
@media screen and (min-width:768px){ 
  .Area_page .box_all{width: 96%;margin: 0 auto;padding: 30px 0 0 0;background-color: #47c5ff;border-radius: 40px;}
  .Area_page .page .PD_layout  ul {background-color: transparent;}
  .Area_page .page .PD_layout  ul li {height: 398px;background: no-repeat center top/100% url("page_bg.png?t=1739502891193");border-right:none;border-top:none;}
  .Area_page .page .PD_layout  ul li .PD_img {width: 95%;position: relative;top: 20px;left: 2px;}
  .Area_page .page .PD_layout  ul li .PD_img img{border-radius: 20px;}
  .Area_page .page .PD_layout  ul li .PD_into {width: 100%;position: relative;top: -33px;left: -2px;}
  .Area_page .page .PD_layout  ul li .PD_logo img{width: 40%;border-radius:100%;}
  .Area_page .page .PD_layout ul li h4{color: #000000;font-size: 1.4em;font-weight: bold;}
}
@media screen and (max-width:767px){
.Area_page .box_all{width: 96%;margin: 0 auto;padding: 4vw 0 0 0;background-color: #47c5ff;border-radius:3vw;}
.Area_page .page .PD_layout  ul {display: grid; background-color: transparent;}
.Area_page .page .PD_layout  ul li {width: 100%;height: 45vw;background: no-repeat center top/100% url("page_bg.png?t=1739502891193");border-right:none;border-top:none;}
.Area_page .page .PD_layout  ul li .PD_img {width: 91%;position: relative;top: 2vw;left: 1vw;}
.Area_page .page .PD_layout  ul li .PD_img img{border-radius: 2vw;}
.Area_page .page .PD_layout  ul li .PD_into {width: 87%;position: relative;top: -5vw;left: 1vw;}
.Area_page .page .PD_layout  ul li .PD_logo img{width: 34%;border-radius:100%;}
.Area_page .page .PD_layout ul li h4{color: #000000;font-size: 1.1em;font-weight: bold;}

}

/*-公版微調-*/
@media screen and (min-width:768px){ 
  .Area_page .box_all{width: 96%;margin: 0 auto;padding: 30px 0 30px 0;background-color: #47c5ff;border-radius: 40px;}
  .Area_page .page_box{height: auto !important;}
  /* .Area_page .page2 .PD_layout  ul {background-color: transparent;} */
  /* .Area_page .page2 .PD_layout  ul li {height: 440px;background: no-repeat center top/100% url("page_bg.png?t=1739502891193");border-right:none;border-top:none;} */
  /* .Area_page .page2 .PD_layout  ul li .PD_img {width: 95%;position: relative;top: 20px;left: 2px;}
  .Area_page .page2 .PD_layout  ul li .PD_img img{border-radius: 20px;}
  .Area_page .page2 .PD_layout  ul li .PD_into {width: 100%;position: relative;top: -33px;left: -2px;}
  .Area_page .page2 .PD_layout  ul li .PD_logo img{width: 40%;border-radius:100%;}
  .Area_page .page2 .PD_layout ul li h4{color: #000000;font-size: 1.4em;font-weight: bold;} */
}
@media screen and (max-width:767px){
.Area_page .box_all{width: 96%;margin: 0 auto;padding: 4vw 0 0 0;background-color: #47c5ff;border-radius:3vw;}
.Area_page .page_box{height: auto !important;}
/* .Area_page .page2 .PD_layout  ul {display: grid; background-color: transparent;} */
/* .Area_page .page2 .PD_layout  ul li {width: 100%; height: 47vw;background: no-repeat center top/100% url("page_bg.png?t=1739502891193");border-right:none;border-top:none;} */
/* .Area_page .page2 .PD_layout  ul li .PD_img {width: 91%;position: relative;top: 2vw;left: 1vw;}
.Area_page .page2 .PD_layout  ul li .PD_img img{border-radius: 2vw;}
.Area_page .page2 .PD_layout  ul li .PD_into {width: 87%;position: relative;top: -5vw;left: 1vw;}
.Area_page .page2 .PD_layout  ul li .PD_logo img{width: 34%;border-radius:100%;}
.Area_page .page2 .PD_layout ul li h4{color: #000000;font-size: 1.1em;font-weight: bold;} */

}


/* --------------------------------------
 * Page 頁籤共用_202405291900

 * -------------------------------------- */
.NavArea_tabbar_page {margin: 0 auto 15px auto;width: 94%;}  
.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% 0 0;}
.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; }
 /*頁籤高亮顏色設定 */  
.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%}
  @media screen and (min-width:768px){ 
    .NavArea_tabbar_page { display: block; }
  }



/*情境公版*/
.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_ly{
    margin: 50px auto 0 auto;
}
    .Area_slide {margin: 10px auto 60px auto;width: 960px;border-radius: 15px} 
    .Area_slide .box_bn {width: 313px;}  
    .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_ly{margin: 6vw auto 0 auto;}
    .Area_slide {margin: 2vw auto 7vw auto;width: 96vw;border-radius: 10px} 
    .Area_slide .box_bn {width: 50vw;}  
    .Area_slide .box_pd { margin-left: -4vw; border-radius: 10px;} 
    .Area_slide .PD_layout_pd li {width: 33vw;height: 63vw;} 
  }




/* 輪播修正 */

.Area_page .PD_layout.PD_layout-D1_02 {background-color: transparent;padding: 0em 1.2em;}