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

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

/*全BOX版面*/
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0px auto; padding: 0px; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; }
.WRAPPER img { border: 0px; vertical-align: top; }
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent; }
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0px; padding: 0px; }
.Area .list_00 li { list-style: none; float: left; overflow: hidden; }
@media screen and (max-width: 767px) {
  .WRAPPER {min-width: inherit;min-height: 100vh;overflow: hidden;}
  .WRAPPER img { width: 100%; height: auto; }
}


/*背景*/
@media screen and (min-width: 768px) {
  .bg_00 { z-index: 0; position: absolute; top: 0 ; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_01 { z-index: -40; position: absolute; top: 0 ; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_02 { z-index: -37; position: absolute; top: 437px; left: 0 ; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_repeat { z-index: -46; position: absolute; top: 250px ; left: 0 ; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
  .bg_deco {z-index: -2 ;position: absolute ;top: 650px ;left: 0 ;width: 100%;height: 100%;background-position: center 0px;background-repeat: repeat-y;transition: 0.5s linear;pointer-events: none;}
}
@media screen and (max-width: 767px) {
  .mo_top { z-index: 0 ; position: absolute; top: 10vw ; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .mo_repeat { z-index: -44; position: absolute; top: 0vw; left: 0px; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; background-size: 100%; }
  .mbottom { z-index: -1 ; position:absolute; top:0; left: 0; width: 100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;background-size: 100%;}
}



/* 版頭區 */
@media screen and (min-width: 768px) {
  .Area_title { height: 485px ; }
  .Area_title .title01 { position: absolute ; width: 62% ; top: 150px ; left: 210px ; z-index: 1 ; }
  .Area_title .date { position: absolute ; width: 47.5% ; top: 54px; left: 317px ; z-index: 2; }
}
@media screen and (max-width: 767px) {
  .Area_title { height: 59vw ; }
  .Area_title .title01 { position: absolute; top: 16vw ; width: 86% ; left: 7vw ; z-index: 1 ; }
  .Area_title .date { position: absolute; top: 5vw ; width: 65% ; left: 19vw; z-index: 1; }
}


/** 倒數 **/
.TimerNick_2 {position: relative; top: 30px ; left: 295px ;width: 100%;text-align: center;padding: 0;z-index:4;margin: 0;border-radius: 5em; height: 60px;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 41px;top: 1px;font: normal 30px/42px Arial;color: #ee7d69 ;letter-spacing: 0px;text-align:right;background: #fff ;height: 40px;padding: 0 1% 0 0;border-radius: 0.3em;}
.TimerNick_2 span {padding-left: 4px;font: 30px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600; color:#212121 ;}
.TimerNick_2 small{  position:relative; font: bold 26px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #212121 ;}
@media screen and (max-width:767px){
	.TimerNick_2 { position: relative ; top: 0 ; left: 21vw ; margin: 0 ; width: 100% ; height: 9vw ; text-align: center ; padding: 0; background-color: #0000; border: #0000 0px solid;}
    .TimerNick_2 .FontStyle { margin:0 ; padding: 0 2% 0 0; border:0; width: 7vw; font: normal 6vw/6vw Arial;  letter-spacing:-1px; text-align:right;background-color:#fff;height: 6vw;color: #ee7d69 ;}
    .TimerNick_2 div:nth-of-type(2),
    .TimerNick_2 div:nth-of-type(3),
    .TimerNick_2 div:nth-of-type(4){ width: 7vw;}
    .TimerNick_2 small{font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #212121 ;}
    .TimerNick_2 span { padding-left: 2vw ; font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica ; letter-spacing: 0em; color: #212121 ;}
}

/*行銷*/
.Area_02 .sharepoint{ width: 83%;position: relative;top: -253px;}
.Area_02 {height: 265px;}


@media screen and (max-width:767px){
.Area_02 .sharepoint {position: relative;top: -26vw;width: 102%;}
.Area_02 {height: 28vw;}
  }



/* 區塊 */
.Area1220 { margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center; }
.Area a { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
.WRAPPER .go_bt1 { transition: 0.4s; }
.WRAPPER .go_bt1:hover { transform: translateY(-10px); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}


.bnn a img { transition-duration: 0.1s; backface-visibility: hidden; transform: translateZ(0px); display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-align: left; }
.bnn:hover a img { transform: translateY(10px); }
.for_pc { }
.for_phone { display: none !important; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: inherit !important; }
}



/*Phone錨點*/
.Area_floorPD_NavArea_tabbar {
	margin: 0 auto 5vw ;
	width: 94%;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed {
	width: 100%;
  }
  .Area_floorPD_NavArea_tabbar .Nav_box {
	border-radius: 8px;
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
  .Area_floorPD_NavArea_tabbar .Nav li {
	overflow: visible;
  }
  .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
	border-radius: 0;
	background-color: rgba(255, 255, 255, 1);
	-webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
			box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
  }
					  


/* 區塊底 */
.Area_bottom { margin-bottom: 80px ; }
.Area_bottom2 { padding-bottom: 80px ; }

@media screen and (max-width:767px){
	.Area_bottom { margin-bottom: 8vw ; }
  .Area_bottom2 { padding-bottom: 8vw ; }
  .Area_bottom2 .PD_layout-D1_03[data-pd-style=off] ul {padding: 0 1em; grid-gap: 0.55em;}
}



#eWriterBtn_bt_B_000_100 { margin-left: -2vw!important; margin-top:-2vw!important; z-index: 99!important; }


  
/* 登記 */
.Area_danjiall { margin-bottom: 30px ; }
.danji_text { margin-bottom: 70px ; }
@media screen and (max-width:767px){
  .danji_text { margin-bottom: 7vw ; }
  }

/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ea5b42 ;}  

/* 登記字 */
.Area_danji .btn_reg .activityText p { color: #000 ; }
.Area_danji .btn_reg .content p { color: #000 ; }
.Area_danji .btn_reg .activityText .Tip { color: #000; }
.warningTxt h3{ color: #f2f2f2 ; }
@media screen and (max-width: 767px){
}


/*折價券*/
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon1 { color: #000 !important; }
.Area_coupon .PD_layout.PD_layout-coupon3 .PD .threshold { color: #000 !important; }
@media screen and (min-width:768px){
  .Area_coupon ul { height: 180px ; }
  /*3p品類券*/	
  .Area_coupon .Area_coupon_ppp {padding-bottom:0;}
  .Area_coupon .Area_coupon_ppp .Area_swiper {width:100%;}
  .Area_coupon .Area_coupon_ppp .Area_swiper_box {width:92%;}
}
  @media screen and (max-width:767px){
  .Area_coupon ul { height: 18vw; }
  /*3p品類券*/
  .Area_coupon .Area_coupon_ppp {padding-bottom:0;}
  .Area_coupon .Area_coupon_ppp .Area_swiper {width:100%;}
  .Area_coupon .Area_coupon_ppp .Area_swiper_box {width:92%;}  
}
      


/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; 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%;}
.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; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #ff4f51 !important; background-color: #ff4f51 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
                    


/* Area_page */
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden; padding: 43px 0 30px ; 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; padding: 0 0 3vw 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }



/* 下方公版_關鍵字 */
.PD_layout-D1_03 ul::before { display: none ; }

  

/*05_1帶3公版*/
.Area_item .PD_layout[data-pd-btn] .PD_btn { background-image: repeating-linear-gradient(45deg, #ff4f51 -2%, #ff4f51 120%) ; }
@media screen and (min-width:768px){
  .Area_item{margin: 30px auto 50px auto !important;}
  .Area_item .box_all{position: relative;}
  .Area_item .box_all .box{width: 900px;position: relative;padding: 53px 0 0px 0;margin: 40px auto 0 auto;background: no-repeat top center/100% url("brand_bg1.png?t=1756955010807");border-radius: 0 ;height: 571px;}
  .Area_item .box_all .box2{width: 900px;position: relative;padding: 32px 0 0px 0;margin: 40px auto 30px auto;background: no-repeat top center/100% url("brand_bg3.png?t=1756955010807");border-radius: 40px;height: 545px;}
  
  /*logo*/ 
  .Area_item .logo{position: relative;width: 100%;}
  .Area_item .logo ul{grid-gap: 0;}
  .Area_item .logo ul .PD_into{padding: 0;}
  .Area_item .logo .PD_layout .PD_into h4{width: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;font-size: 52px;top: -9px;height: 62px;}
  .Area_item  .logo .PD_layout{padding-top: 0px;}	
  .Area_item  .logo .PD_layout .PD b{color: #212121 ;position: relative;width: 40%; left: -60px; }
  .Area_item  .logo .PD_layout .PD span{color: #ff4f51 ; position: relative ; font-weight: 700 ; width: 43%; left: -70px; }
  
  /*logo2*/ 
  .Area_item .logo2{position: relative;width: 100%;}
  .Area_item .logo2 ul{grid-gap: 0;}
  .Area_item .logo2 ul .PD_into{padding: 0;}
  .Area_item .logo2 .PD_layout .PD_into h4{width: 100%;position: relative;overflow: hidden;display: flex;justify-content: center;font-size: 52px;top: -9px;height: 62px;}
  .Area_item  .logo2 .PD_layout{padding-top: 0px;}	
  .Area_item  .logo2 .PD_layout .PD b{color: #4f5af1;position: relative;width: 40%;}
  .Area_item  .logo2 .PD_layout .PD span{color: #fffbff;position: relative;font-weight: 700;width: 60%; }
  
  /*公版*/
  .Area_item  .ly .PD_layout{width: 96%;margin: 9px auto 0px 27px;}
  .Area_item .box2 .ly .PD_layout ul{border: solid #bfe4e6 0.25em !important;}
  }
  
  @media screen and (max-width:767px){
  .Area_item {margin: 2vw auto 0 auto;}
  .Area_item .box_all{ position: relative; margin-bottom: 6vw !important ; }
  .Area_item .box_all .box{position: relative;margin:0 auto 0 0vw;padding: 5vw 0 7vw ;background: no-repeat top center/100% url("m_brand_bg6.png?t=1756955010807");width: 99%;}
  .Area_item .box_all .box2{position: relative;margin: 0 auto 6vw auto;padding: 10px 0 3.5vw 0;background: no-repeat top center/100% url("m_brand_bg3.png?t=1756955010807");width: 100%;}
  
  /*logo*/ 
  .Area_item .logo {position: relative;}
  .Area_item .logo ul{grid-gap: 0;}
  .Area_item .logo ul .PD_into{padding: 0;}
  .Area_item .logo .PD_layout .PD_into h4{width: 100%;position: relative;top: -0.3vw;margin: 0 auto;font-size: 1.5em;display: flex;padding-bottom: 1.7vw;overflow: hidden;justify-content: center;}
  .Area_item .logo .PD_layout .PD b{color: #212121 ;position: relative;top: 0vw;font-size: 6vw;font-weight: 800;text-align: center;width: 35%; left: -8vw; }
  .Area_item .logo .PD_layout .PD span{color: #f55355 ;position: relative;/* top: 0.5vw; */font-size: 6vw;font-weight: 700;width: 43%; left: -5vw; }
  
  /*logo2*/ 
  .Area_item .logo2 {position: relative;}
  .Area_item .logo2 ul{grid-gap: 0;}
  .Area_item .logo2 ul .PD_into{padding: 0;}
  .Area_item .logo2 .PD_layout .PD_into h4{width: 100%;position: relative;top: -0.3vw;margin: 0 auto;font-size: 1.5em;display: flex;padding-bottom: 1.7vw;overflow: hidden;justify-content: center;}
  .Area_item .logo2 .PD_layout .PD b{color: #f55355 ;position: relative;left: 0;top: 0vw;font-size: 6vw;font-weight: 800;text-align: center;width: 35%;}
  .Area_item .logo2 .PD_layout .PD span{color: #fffbff;position: relative;/* top: 0.5vw; */font-size: 6vw;font-weight: 700;width: 60%;}
  
  /* 公版 */
  .Area_item .ly .PD_layout { width: 96%; margin: 0 3vw ; padding-top: 0vw ; }
  .Area_item .box2 .ly .PD_layout ul{border: solid #bfe4e6 0.1em !important;}
  
  }



/* LOGO公版12品 */
@media screen and (min-width:768px){
  
  /*公版區*/	
  .Area03 .PD_layout ul { grid-gap: .6em!important;background: none;border: none!important; }
  .Area03 .PD_layout ul li { border-radius: 0.5em; overflow: hidden; }
  .Area03 .PD_layout-D1_01 .PD h4{color: #000!important;padding-top: 5px;  }
  .Area03 .PD_layout-D1_01 .PD h4 b{color: #ff4f51!important;line-height: 34px; display: block !important;} 
  .Area03 .PD_layout-D1_01 .PD_slide {background-color: #fff;}
  
  }
  @media screen and (max-width:767px){
    
  /**區標**/	
  .Area03 .text {padding: 0vw;height: 20vw;width: 100%;margin-left: 0vw!important;margin-bottom: 0vw !important;}	
  .Area03 .text .layout_text {width:100%;margin:0 auto;padding-bottom:0;}
  .Area03 .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
  .Area03 .text .layout_text .PD a {pointer-events: none!important}
    
  /*公版區*/	
  .Area03 .PD_layout { width: 96% ; padding-top: 0em ; }
  .Area03 .PD_layout-D1_01 .PD h4{color: #000!important;font-size: 18.5px;padding-top: 1vw;line-height: 6.5vw;}
  .Area03 .PD_layout-D1_01 .PD h4 b{color: #ff4f51 !important;font-size: 18.5px;font-weight: 900 !important;} 
  .Area03 .PD_layout-D1_01 .PD_slide {background-color: #fff;border-radius: 0.5em;}
  .Area03 .PD_layout ul li {border-radius: 0.5em;}
  .Area03 .PD_layout .PD_img {border-radius: 0.5em 0.5em 0 0;overflow: hidden;}
  .Area03 .PD_layout.PD_layout-D1_01 ul.PD_wrapper {display: grid;grid-gap: 0.5em!important;padding: 0 0 0 0em;}
  }

  

/* 下方公版 */
@media screen and (min-width:768px){
  .bg2 {position: relative ; top: 0 ; left: 50%;transform: translateX(-50%);pointer-events: none; z-index:-1; } 
  .Area_6pda .bg1 {position: absolute; top: 0 ; left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}
  .Area_6pda .layout_text { width: 960px ; }
  .tt_6pda { width: 90%; }
  .tt_6pda ul { padding: 0 !important; }
  .tt_6pda .PD_slide { background-color: #fff !important ; }
  .tt_6pda .PD_slide h3 { color: #ff4f51 !important; }
  .layout_6pda { width: 96%; }
}
@media screen and (max-width:767px){
  .Area_6pda { background-repeat: repeat-y ;background-image: url(6pda_bg.jpg?t=1756955010807); background-size: 100% ; }
  .tt_6pda .PD_slide { background-color: #fff !important ; }
  .tt_6pda .PD_slide h3 { color: #ff4f51 !important; }
  .layout_6pda { width: 96% ; }
}



/* 活動 */
@media screen and (min-width:768px){
  .Area_active .layout_active { }
}
@media screen and (max-width:767px){
  .Area_active .layout_active {  }
}


/* 版頭deco */
@media screen and (min-width:768px){
  .clock { position: absolute ; top: 40px ; left: 340px ; z-index: 1; width: 100%; }
  .coin { position: absolute ; top: 350px ; left: -460px ; z-index: 1; width: 100%; }
  .light01 { position: absolute ; top: 270px ; left: 320px ; z-index: 1; width: 100%; }
  .light02 { position: absolute ; top: 0 ; left: -340px ; z-index: 0 ; width: 100%; }
}
@media screen and (max-width:767px){
  .clock { position: absolute ; top: 3vw ; left: 72vw ; z-index: 1; width: 13%; }
  .coin { position: absolute ; top: 54vw ; left: -7vw ; z-index: 1; width: 13%; }
  .light01 { position: absolute ; top: 43vw ; left: 72vw ; z-index: 1; width: 11%; }
  .light02 { position: absolute ; top: -2vw ; left: 9vw ; z-index: 1; width: 12%; }
}


/*副標*/
.sub .PD_layout ul{ display: flex; }
@media screen and (min-width: 768px){
.sub { position: absolute; width: 35% ; top: 357px ; left: 390px ; z-index: 1; }
.sub ul { padding: 0 !important; }
.sub_bg { position: absolute; width: 48% ; top: 350px ; left: 277px ; z-index: 1; }	
}
@media screen and (max-width:767px){
.sub { position: absolute; width: 50% ; top: 42vw ; left: 27vw ; z-index: 1; }
.sub ul { padding: 0 !important; }
.sub_bg { position: absolute; width: 68% !important ; top: 41.8vw ; left: 14vw ; z-index: 1; }
}

/*輪播特效*/
.Area_title .sub .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .sub .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}


/* 限搶 */
@media screen and (min-width:768px){
  .Area_limit { background-image: url(pc_limit_bg.png?t=1756955010807); background-repeat: no-repeat ; background-size: 100% ; height: 510px ; }
  .Area_limit .Area_swiper { padding-left: 110px ; }
  .Area_limit .layout_text { width: 7% ; position: absolute; left: 15px ; top: 30px ; }
  .Area_limit .layout_text ul { padding: 0 !important; }
  .Area_limit .layout_limit { padding-top: 60px ; }
}
@media screen and (max-width:767px){
  .Area_limit { height: 77vw ; background-image: url(limit_bg.png?t=1756955010807); background-repeat: no-repeat ; background-size: 100% ; }
  .Area_limit .layout_text { width: 12.5% ; position: absolute; left: 0; top: 5vw ; }
  .Area_limit .layout_text ul { padding: 0 !important; }
  .Area_limit .Area_swiper { padding-left: 12vw ; }
  .Area_limit .layout_limit { padding-top: 5vw ; }
  .Area_limit .Area_swiper_box .swiper-pagination { width: 150% !important; }
}


/* 預告 */
@media screen and (min-width:768px){
  .Area_blow {z-index: 2; }
  .Area_blow .Area_swiper { padding-left: 110px ; }
  .Area_blow .layout_text { width: 7% ; position: absolute; left: 15px ; top: -20px ; }
  .Area_blow .layout_text ul { padding: 0 !important; }
  .Area_blow .layout_blow { padding-top: 0 ; }
}
@media screen and (max-width:767px){
  .Area_blow {z-index: 2; }
  .Area_blow .layout_text { width: 12.5% ; position: absolute; left: 0; top: 0 ; }
  .Area_blow .layout_text ul { padding: 0 !important; }
  .Area_blow .Area_swiper { padding-left: 12vw ; }
  .Area_blow .layout_blow { padding-top: 0 ; }
  .Area_blow .Area_swiper_box .swiper-pagination { width: 150% !important;  }
}


/* 頁簽 */
@media screen and (min-width:768px){
  .Area_good .layout_text { margin-bottom: -90px ; }
  .Area_good .box { background-image: url(good_bg.jpg?t=1756955010807); background-size: 100% ; background-repeat: repeat-y ; margin-top: 0 ; }
}
@media screen and (max-width:767px){
  .Area_good .box { background-image: url(good_bg.jpg?t=1756955010807); background-size: 100% ; background-repeat: repeat-y ; margin-top: -1vw ; }
  .Area_good .layout_text { margin-bottom: -9vw; }
  .NavArea_tabbar_page { margin: 3vw auto  ; width: 94%; } 
}


/* 微調區標 */
@media screen and (max-width:767px){
  .Area_coupon_ppp { padding-bottom: 0 !important ; }
  .layout_text ul { padding: 0 !important;}
}




/* 關鍵字 */
.sale001 { z-index: 0; }
.sale002 { z-index: 1; }
@media screen and (min-width:768px){
  .Area_sale { margin-bottom: 60px ; }
  .Area_sale .layout_sale { width: 85% ; }
  .Area_sale .layout_sale ul { height: 100px ; }
  .Area_sale .layout_sale .PD_img{ display: none; }
  .Area_sale .layout_sale ul li .PD h4 {  display: none;}
  .Area_sale .PD_layout-CSSBG_01 li::after { background-image: url(sale01.png?t=1756955010807);background-repeat: no-repeat;background-size: 100%;}
  .Area_sale .layout_sale ul li .PD h3 { color: #000 !important ; font-size: 35px;  }
  .Area_sale .layout_sale ul li .PD h3 span { margin-left: -50px ;  margin-top: 4px; }
}
@media screen and (max-width:767px){
  .Area_sale .PD_layout-CSSBG_01 li::after { background-image: url(sale01.png?t=1756955010807);background-repeat: no-repeat;background-size: 100%;}
  .Area_sale .layout_sale .PD_img{ display: none; }
  .Area_sale .layout_sale ul {height: 12vw ;}
  .Area_sale .layout_sale ul li .PD h4 {  display: none;}
  .Area_sale .layout_sale ul li .PD h3 { color: #000 !important ; font-size: 19px;  }
  .Area_sale .layout_sale ul li .PD h3 span { margin-left: -8vw ; }
}