@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_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%;min-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: 96px;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: 1010px;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: 29%;top: 377px;left: -18px;}
  /*日期*/	
  .Area_top02 .TIMER_DAY {position:absolute;top: 92px;right: 964px;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: 930px;top: 18px;left: 287px;z-index: 10;}
  .Area_top02 .Area_PD input{position: relative;left:50px;}
    /*版頭品招牌*/
    .Area_top02 .title03{width: 27%;position: absolute;top: 51px;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: 83.5vw;right: 70.5vw;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: 226px;left: -242px;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: 176px;left: 187px;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: 149px;left: 1178px;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: 39px;right: 356px;width: 187px;z-index:2;display:block;font-size: 56px;font-family: "bicyclette", serif;font-weight: 600;font-style: normal;color: #ffffff;letter-spacing: 1px;text-align: left;}
  .Area_PD3 .TIMER_DAY2 small {font-size:25px;line-height:5px;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: 3.4vw;right: 33.9vw;width: 19vw;z-index:2;display:block;font-size: 27.5px;color: #ffffff;letter-spacing: -1.5px;font-family: "bicyclette", serif;font-weight: 700;font-style: normal;text-align: left;}
    .Area_PD3 .TIMER_DAY2 small {font-size: 13px;line-height:5px;/* margin-left: -1vw; */}
    .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;}
  }
  
/*抵用券*/
.Area_coupon {position: relative;margin-bottom: 4vw;}
.Area_coupon .Area_swiper {width: 830px;margin: 0 auto;padding: 150px 0 0 0;}
.Area_coupon ul { display: flex; flex-wrap: nowrap; list-style: none; margin: 0; padding: 0;}
.Area_coupon li { list-style: none; margin: 0 auto;}
.Area_coupon .ppp_coupon .coupon_box { width: 100%; height: 100%;}
.Area_coupon .ppp_coupon .coupon_box a { -webkit-box-direction: normal;
                                         -webkit-box-orient: horizontal;
                                         -webkit-box-align: stretch;   
                                         -webkit-box-pack: start;   
                                         -ms-flex-direction: row;
                                         -ms-flex-wrap: nowrap;
                                         -ms-flex-align: stretch;   
                                         -ms-flex-pack: start;   
                                         flex-direction: row; 
                                         flex-wrap: nowrap;
                                         justify-content: flex-start; 
                                         display: flex;
                                         align-items: stretch;}

/*3P抵用券*/
@media screen and (min-width:768px){  

  /*左logo區*/    
  .ppp_coupon .coupon_box .PD_logo .box { height: 100%; background: url(m_blue_Lbg_repeat.png?t=1739502891193) center left repeat-y; background-size: 188%;}
  .ppp_coupon .coupon_box .PD_logo .logo {padding: 0 72.5px;width: 57%;margin-top: 21px;}
  .ppp_coupon .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em; }
  .ppp_coupon .coupon_box .PD_logo .tag_L { position: relative; top: 0; width: 31%;} 
  .ppp_coupon .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%;} 
  /* .ppp_coupon .coupon_box .PD_logo .p_logo:after {content: "";clear: both;position: absolute;border-top: 0.1em solid #4082c4;box-shadow: 0em 0.01em 0em #fff;bottom: 98px;left: 51px;top: 306px;width: 28%;}  */
  /*虛線*/
  /* .ppp_coupon .coupon_box .PD_logo .p_logo p {padding: 0;line-height: 0;font-size: 2.5em;font-weight: 600;letter-spacing: -0.05em;}  */
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 {margin-top: -11px;} 
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff;} 
  .ppp_coupon .coupon_box .PD_logo .p_logo.p02 {margin-top: 66px;color: #fff;} 
  /*右文案區*/    
  .ppp_coupon .coupon_box .PD_into  {position: relative;width: 70%;background-color: #fff;border-radius: 0 0.5em 0.5em 0;}
  .ppp_coupon .coupon_box .PD_into .box {padding-bottom: 100px;}
  .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 19%; } 
  .ppp_coupon .coupon_box .PD_into .tag_R b {font-size: 4em;} 
  .ppp_coupon .coupon_box .PD_into .tag_R span {position: absolute;z-index: 5;top: -10px;right: 10px;color: #1860a6;} 
  .ppp_coupon .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw; right: 0vw; width: 100%; } 
  .ppp_coupon .coupon_box .PD_into .tag_R img { width: 100%; height: 100%; } 
  .ppp_coupon .coupon_box .PD_into h2 {position: absolute;margin: 83px auto;padding: 0 0.5em;top: -30px;left: 41px;font-size: 1.5em;text-align: center;line-height: 0.3;letter-spacing: -0.03em;color: #636161;background: #e7e7e7;border-radius: 30vw 30vw 30vw 0;text-shadow: none;word-break: keep-all;overflow: hidden;max-width: 84%;transform: none;} 
  .ppp_coupon .coupon_box .PD_into h3 p{font-size: 2em;}
  .ppp_coupon .coupon_box .PD_into h3 {position: relative;text-align: left;line-height: 0;width: 94%;top: 120px;left: 45px;color: #484848;} 
  .ppp_coupon .coupon_box .PD_into h3 b {color: #f4237d;font-size: 1.8em;letter-spacing: -0.07em;} 
  .ppp_coupon .coupon_box .PD_into h3 small {font-size: 0.5em;letter-spacing: -0.05em;} 
  .ppp_coupon .coupon_box .PD_into h3 tiny {color: #939393;font-size: 0.7em;letter-spacing: -0.05em;padding-left: 10px;} 
  .ppp_coupon .coupon_box .PD_into h4 {position: relative;text-align: left;line-height: 0;width: 87%;top: 133px;left: 40px;color: #484848;} 
  .ppp_coupon .coupon_box .PD_into h4 p {font-size: 26px;letter-spacing: -0.01em;} 
  .ppp_coupon .coupon_box .PD_into h4 b {font-size: 2.2em;letter-spacing: -0.02em;} 
  .ppp_coupon .coupon_box .PD_into h5 {position: relative;text-align: left;line-height: 0;width: 94%;top: 127px;left: 44px;font-size: 1.8em;letter-spacing: -0.04em;font-weight: normal;color: #777777;} 
  /*按鈕*/
  .ppp_coupon .coupon_box .PD_btn.more {position: absolute;bottom: 24px;right: 27px;width: 25%;}
  .ppp_coupon .coupon_box .PD_btn.more img { width: 100%;}
  .ppp_coupon .coupon_box .PD_btn i { display: none;}
  .ppp_coupon .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; 
                                              -webkit-box-pack: center; 
                                              -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden;
                                              -webkit-transform: skewX(-7.5deg);
                                              transform: skewX(-7.5deg); }
}

/*****MB*****/
@media screen and (max-width:767px){  
  .Area_coupon .Area_swiper {padding: 14vw 0 0 0;width: 98%;} 
  .Area_coupon .Area_swiper_box { width: 100%;}    
  .Area_coupon .PD_coupon ul { height: 32.5vw; padding: 3vw 0 0 0;} 
  .Area_coupon .PD_coupon li { margin: 0 0 3vw;}        
  .Area_coupon .PD_layout-PDBN_01 ul .PD h3{ top: -0.5vw; text-align: center; color: #fff; width: 63.5%; padding: 0;  font-weight: 700;}
  .Area_coupon .PD_layout-PDBN_01 ul .PD h4{  text-align: center;  width: 65%;  padding: 0;  margin-top: -4.5vw;  font-size: 1.2em;  font-weight: 700; }
  .ppp_coupon { width: 95%; height: 32vw; margin: 0 auto; /*filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%));*/}
  .ppp_coupon .coupon_box {display:inline-flex;width: 100%;height: 40vw;box-sizing: border-box;}
  .ppp_coupon .coupon_box .PD_logo {position: relative;width: 35%; }
  /*輪播設定*/  
  .Area_coupon .Area_swiper_box .pagination { bottom: 4vw!important;}
  /*左logo區*/    
  .ppp_coupon .coupon_box .PD_logo .box { height: 100%; background: url(m_blue_Lbg_repeat.png?t=1739502891193) center left repeat-y; background-size: 188%;}
  .ppp_coupon .coupon_box .PD_logo .logo { padding: 0 6.5vw; width: 55%; margin-top: -1vw;}
  .ppp_coupon .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em; }
  .ppp_coupon .coupon_box .PD_logo .tag_L { position: relative; top: 0; width: 31%;} 
  .ppp_coupon .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%;} 
  /* .ppp_coupon .coupon_box .PD_logo .p_logo:after { content: ""; clear: both; position: absolute; border-top: 0.1em solid #4082c4; box-shadow: 0em 0.01em 0em #fff; bottom: 6.8vw; left: 5vw; width: 66%;}  */
  /*虛線*/
  /* .ppp_coupon .coupon_box .PD_logo .p_logo p { padding: 0;line-height: 0;font-size: 3.3vw;font-weight: 600;letter-spacing: -0.05em;} 
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 { margin-top: -1vw;} 
  .ppp_coupon .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff;} 
  .ppp_coupon .coupon_box .PD_logo .p_logo.p02 { margin-top: 5.5vw; color: #fff;}  */
  /*右文案區*/    
  /* .ppp_coupon .coupon_box .PD_into  { position: relative;width: 70%;background-color: #fff;border-radius: 0 0.5em 0.5em 0;}
  .ppp_coupon .coupon_box .PD_into .box { padding-bottom: 12vw;}
  .ppp_coupon .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 19%; } 
  .ppp_coupon .coupon_box .PD_into .tag_R b { font-size: 4vw; } 
  .ppp_coupon .coupon_box .PD_into .tag_R span { position: absolute;z-index: 5;top: -2.5vw;right: 1.7vw;color: #1860a6; } 
  .ppp_coupon .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw; right: 0vw; width: 100%; } 
  .ppp_coupon .coupon_box .PD_into .tag_R img { width: 100%; height: 100%; } 
  .ppp_coupon .coupon_box .PD_into h2 {position: absolute;padding: 0 0.5em;top: -3.5vw;left: 3vw;font-size: 2.7vw;text-align: center;line-height: 0.3;letter-spacing: -0.03em;color: #636161;background: #e7e7e7;border-radius: 30vw 30vw 30vw 0;text-shadow: none;word-break: keep-all;overflow: hidden;max-width: 84%;transform: none;} 
  .ppp_coupon .coupon_box .PD_into h3 { position: relative; text-align: left; line-height: 0; width: 94%; top: 9vw;left: 3vw;color: #484848;} 
  .ppp_coupon .coupon_box .PD_into h3 b {color: #f4237d;font-size: 7.5vw;letter-spacing: -0.07em;} 
  .ppp_coupon .coupon_box .PD_into h3 small { font-size: 4.5vw; letter-spacing: -0.05em; } 
  .ppp_coupon .coupon_box .PD_into h3 tiny { color: #939393; font-size: 2.5vw; letter-spacing: -0.05em; padding-left: 2vw; } 
  .ppp_coupon .coupon_box .PD_into h4 {position: relative;text-align: left;line-height: 0;width: 94%;top: 9vw;left: 3vw;color: #484848;} 
  .ppp_coupon .coupon_box .PD_into h4 p {font-size: 3.6vw;letter-spacing: -0.01em;} 
  .ppp_coupon .coupon_box .PD_into h4 b {font-size: 4.2vw;letter-spacing: -0.02em;} 
  .ppp_coupon .coupon_box .PD_into h5 {position: relative;text-align: left;line-height: 0;width: 94%;top: 9vw;left: 3vw;font-size: 2.5vw;letter-spacing: -0.04em;font-weight: normal;color: #777777;}  */
  /*按鈕*/
  /* .ppp_coupon .coupon_box .PD_btn.more { position: absolute; bottom: 2.5vw; right: 2vw; width: 25%;}
  .ppp_coupon .coupon_box .PD_btn.more img { width: 100%;}
  .ppp_coupon .coupon_box .PD_btn i { display: none;}
  .ppp_coupon .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; 
                                              -webkit-box-pack: center; 
                                              -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden;
                                              -webkit-transform: skewX(-7.5deg);
                                              transform: skewX(-7.5deg); } */
}










/*免運券*/
.Area_coupon2 {position: relative;margin: 0 auto;padding: 0;margin-bottom: 4vw;margin-top: 6vw;}
.Area_coupon2 .Area_swiper {width: 830px;margin: 0 auto;padding: 143px 0 0 0;}
.Area_coupon2 ul { display: flex;flex-wrap: nowrap;list-style: none;margin: 0;padding: 0;}
.Area_coupon2 li { list-style: none;margin: 0 auto; }
.Area_coupon2 .ppp_coupon2 .coupon_box {width: 100%;height: 89%;}
.Area_coupon2 .ppp_coupon2 .coupon_box a { -webkit-box-direction: normal;
                                         -webkit-box-orient: horizontal;
                                         -webkit-box-align: stretch;   
                                         -webkit-box-pack: start;   
                                         -ms-flex-direction: row;
                                         -ms-flex-wrap: nowrap;
                                         -ms-flex-align: stretch;   
                                         -ms-flex-pack: start;   
                                         flex-direction: row; 
                                         flex-wrap: nowrap;
                                         justify-content: flex-start; 
                                         display: flex;
                                         align-items: stretch; }

/*3P免運券*/
@media screen and (min-width:768px){  

  /*左logo區*/    
  .ppp_coupon2 .coupon_box .PD_logo .box { height: 100%; background: url(yellow_Lbg_repeat.png?t=1739502891193) center left repeat-y; background-size: 188%;}
  .ppp_coupon2 .coupon_box .PD_logo .logo {padding: 0 88px 0px 20px;width: 80%;margin-top: 7px;}
  .ppp_coupon2 .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em;}
  .ppp_coupon2 .coupon_box .PD_logo .tag_L {position: relative;top: 0;width: 32%;} 
  .ppp_coupon2 .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%;} 
  /* .ppp_coupon2 .coupon_box .PD_logo .p_logo:after {content: "";clear: both;position: absolute;border-top: 0.1em solid #c98c1e;box-shadow: 0em 0.01em 0em #fff;bottom: 35px;left: 2.5em;width: 67%;} */
   /*虛線*/
  /* .ppp_coupon2 .coupon_box .PD_logo .p_logo p {padding: 0;line-height: 89px;font-size: 2.5em;font-weight: 600;letter-spacing: 0;}  */
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff; } 
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 {position: relative;top: -41px;padding-top: 1px;color: #fff;} 
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 h4 p {line-height: 0;font-size: 2.5em;margin-top: -.5em;} 
  /*右文案區*/    
  .ppp_coupon2 .coupon_box .PD_into  {position: relative;width: 70%;background-color: #fff;border-radius: 0 0.5em 0.5em 0;}
  .ppp_coupon2 .coupon_box .PD_into .box {padding-bottom: 100px;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 19%; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R b {font-size: 4em;} 
  .ppp_coupon2 .coupon_box .PD_into .tag_R span {position: absolute;z-index: 5;top: -16px;right: 10px;color: #e99c2d;} 
  .ppp_coupon2 .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw; right: 0vw; width: 100%; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R img { width: 100%; height: 100%; } 
  .ppp_coupon2 .coupon_box .PD_into h2 {position: absolute;margin: 83px auto;padding: 0 0.5em;top: -30px;left: 41px;font-size: 1.5em;text-align: center;line-height: 0.3;letter-spacing: -0.03em;color: #636161;background: #e7e7e7;border-radius: 30vw 30vw 30vw 0;text-shadow: none;word-break: keep-all;overflow: hidden;max-width: 84%;transform: none;} 
  .ppp_coupon2 .coupon_box .PD_into h3 p{font-size: 2em;}
  .ppp_coupon2 .coupon_box .PD_into h3 {position: relative;text-align: left;line-height: 0;width: 94%;top: 120px;left: 45px;color: #484848;} 
  .ppp_coupon2 .coupon_box .PD_into h3 b {color: #f4237d;font-size: 1.8em;letter-spacing: -0.07em;} 
  .ppp_coupon2 .coupon_box .PD_into h3 small {font-size: 0.5em;letter-spacing: -0.05em;} 
  .ppp_coupon2 .coupon_box .PD_into h3 tiny {color: #939393;font-size: 0.7em;letter-spacing: -0.05em;padding-left: 10px;} 
  .ppp_coupon2 .coupon_box .PD_into h4 {position: relative;text-align: left;line-height: 0;width: 87%;top: 133px;left: 40px;color: #484848;} 
  .ppp_coupon2 .coupon_box .PD_into h4 p {font-size: 26px;letter-spacing: -0.01em;} 
  .ppp_coupon2 .coupon_box .PD_into h4 b {font-size: 2.2em;letter-spacing: -0.02em;} 
  .ppp_coupon2 .coupon_box .PD_into h5 {position: relative;text-align: left;line-height: 0;width: 94%;top: 127px;left: 44px;font-size: 1.8em;letter-spacing: -0.04em;font-weight: normal;color: #777777;} 
  /*按鈕*/
  .ppp_coupon2 .coupon_box .PD_btn.more {position: absolute;bottom: 24px;right: 27px;width: 25%;}
  .ppp_coupon2 .coupon_box .PD_btn.more img { width: 100%;}
  .ppp_coupon2 .coupon_box .PD_btn i { display: none;}
  .ppp_coupon2 .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; 
                                              -webkit-box-pack: center; 
                                              -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden;
                                              -webkit-transform: skewX(-7.5deg);
                                              transform: skewX(-7.5deg); }
}
/*****MB*****/
@media screen and (max-width:767px){  
  .Area_coupon2 .Area_swiper {width: 98%;padding: 13vw 0 0 0;border-radius: 0 0 2vw 2vw;} 
  .Area_coupon2 .Area_swiper_box {width: 100%;padding: 2vw 0 1vw 0;}    
  .Area_coupon2 .PD_coupon ul {height: 32.5vw !important;padding: 1vw 0 0 0!important;} 
  .Area_coupon2  .PD_layout-PDBN_01 ul .PD h3{ top: -0.5vw; text-align: center; color: #fff; width: 63.5%; padding: 0;  font-weight: 700;}
  .Area_coupon2  .PD_layout-PDBN_01 ul .PD h4{  text-align: center;  width: 65%;  padding: 0;  margin-top: -4.5vw;  font-size: 1.2em;  font-weight: 700; }
  .Area_coupon2 .PD_coupon li { margin: 0;}        
  .ppp_coupon2 {/* width: 95%; *//* height: 35vw; *//* margin: 0 auto; *//* filter: drop-shadow(0.1em 0.1em 0.2em rgba(149 149 149 / 20%)); */}
  .ppp_coupon2 .coupon_box {display:inline-flex;width: 100%;height: 40vw;box-sizing: border-box;}
  .ppp_coupon2 .coupon_box .PD_logo {position: relative;width: 35%; }

  /*輪播設定*/  
  .Area_coupon2 .Area_swiper_box .pagination { bottom: 4vw!important; }
  /*左logo區*/    
  .ppp_coupon2 .coupon_box .PD_logo .box { height: 100%; background: url(yellow_Lbg_repeat.png?t=1739502891193) center left repeat-y; background-size: 185%;}
  .ppp_coupon2 .coupon_box .PD_logo .logo {padding: 0 2.5vw 1vw;width: 80%;margin-top: -2vw;}
  .ppp_coupon2 .coupon_box .PD_logo .logo img { width: 100%; border-radius: 50em;}
  .ppp_coupon2 .coupon_box .PD_logo .tag_L { position: relative; top: 0; width: 31%;} 
  .ppp_coupon2 .coupon_box .PD_logo .tag_L img { width: 100%; height: 100%; } 
  /* .ppp_coupon2 .coupon_box .PD_logo .p_logo:after {content: "";clear: both;position: absolute;border-top: 0.1em solid #c98c1e;box-shadow: 0em 0.01em 0em #fff;bottom: 13vw;left: 1.5em;width: 67%;}  */
  /*虛線*/
  .ppp_coupon2 .coupon_box .PD_logo .p_logo p {padding: 0;line-height: 1vw;font-size: 3.3vw;font-weight: 600;letter-spacing: -0.05em;} 
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p01 span p { color: #aed7ff; } 
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 {padding-top: 0.01vw;color: #fff;} 
  .ppp_coupon2 .coupon_box .PD_logo .p_logo.p02 h4 p { line-height: 0; font-size: 3vw; margin-top: -.5em;} 
  /*右文案區*/    
  .ppp_coupon2 .coupon_box .PD_into  {position: relative;width: 70%;background-color: #fff;border-radius: 0 0.5em 0.5em 0;}
  .ppp_coupon2 .coupon_box .PD_into .box { padding-bottom: 12vw;}
  .ppp_coupon2 .coupon_box .PD_into .tag_R { position: absolute; top: 0vw; right: 0vw; width: 19%; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R b { font-size: 4vw; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R span { position: absolute;z-index: 5;top: -2.5vw;right: 1.7vw;color: #e99c2d; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R .tag_R_bg { position: absolute; top: 0vw; right: 0vw; width: 100%; } 
  .ppp_coupon2 .coupon_box .PD_into .tag_R img { width: 100%; height: 100%; } 
  .ppp_coupon2 .coupon_box .PD_into h2 {position: absolute;/* margin: 5.4vw auto; */padding: 0 0.5em;top: -3.5vw;left: 3vw;font-size: 2.7vw;text-align: center;line-height: 0.3;letter-spacing: -0.03em;color: #636161;background: #e7e7e7;border-radius: 30vw 30vw 30vw 0;text-shadow: none;word-break: keep-all;overflow: hidden;max-width: 82%;transform: none;} 
  .ppp_coupon2 .coupon_box .PD_into h3 {position: relative;text-align: left;line-height: 0;width: 94%;top: 9vw;left: 3vw;color: #484848;} 
  .ppp_coupon2 .coupon_box .PD_into h3 b {color: #e49d35;font-size: 7.5vw;letter-spacing: -0.07em;} 
  .ppp_coupon2 .coupon_box .PD_into h3 small { font-size: 4.5vw; letter-spacing: -0.05em; } 
  .ppp_coupon2 .coupon_box .PD_into h3 tiny { color: #939393; font-size: 2.5vw; letter-spacing: -0.05em; padding-left: 2vw; } 
  .ppp_coupon2 .coupon_box .PD_into h4 {position: relative;text-align: left;line-height: 0;width: 94%;top: 9vw;left: 3vw;color: #484848;} 
  .ppp_coupon2 .coupon_box .PD_into h4 p {font-size: 3.6vw;letter-spacing: -0.01em;} 
  .ppp_coupon2 .coupon_box .PD_into h4 b {font-size: 4.2vw;letter-spacing: -0.02em;} 
  .ppp_coupon2 .coupon_box .PD_into h5 {position: relative;text-align: left;line-height: 0;width: 94%;top: 9vw;left: 3vw;font-size: 2.5vw;letter-spacing: -0.04em;font-weight: normal;color: #777777;} 
  /*按鈕*/
  .ppp_coupon2 .coupon_box .PD_btn.more { position: absolute; bottom: 6vw; right: 2vw; width: 25%;}
  .ppp_coupon2 .coupon_box .PD_btn.more img { width: 100%;}
  .ppp_coupon2 .coupon_box .PD_btn i { display: none;}
  .ppp_coupon2 .coupon_box .PD_btn.more span { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; 
                                              -webkit-box-pack: center; 
                                              -ms-flex-pack: center; justify-content: center; margin: 0 auto; padding-right: 0.25em; height: auto; overflow: hidden;
                                              -webkit-transform: skewX(-7.5deg);
                                              transform: skewX(-7.5deg); }
}


/*滿額送*/
@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: 98%;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 2px;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: 100%;height: 140px;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: 78px;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: 100%;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: 152px;top: 27px;margin: 0 auto;font-size: 2.9em;font-weight: 900;}
  .Area_PD3 .Area_swiper ul li{border: solid 4px;}

  }
  @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 0 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: 35vw;padding: 0;grid-gap: 0;}
  }
  @media screen and (min-width:768px){
    /*抵用券(線上入稿)*/
    .Area16 .A16_coupon {margin-bottom: 30px;margin-top: 48px;}
    .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: 3510px;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: 92%;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: 440px;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: 47vw;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 0 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: 306px;}  
    .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: 47vw;}  
    .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;}