@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#425bd2; }
.for_phone { display:none;}
 @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;}
 }


/*全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: 1396px;background-image:url(pc_01.jpg?t=1751272387962);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg02{position:absolute;z-index: -4;top:0px;left:0;width:100%;min-width:1220px;height: 1246px;background-image:url(pc_02.png?t=1751272387962);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg03{position:absolute;z-index: -1;top: 0px;left:0;width:100%;min-width:1220px;height: 1686px;background-image:url(pc_03.png?t=1751272387962);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg2{position:absolute;z-index: -7;left:0;top: 930px;width:100%;min-width:1220px;height:30000px;background-image:url(pc_reapet.jpg?t=1751272387962);background-repeat:repeat-y;background-position:center top;pointer-events:none;}
.bg_repeat2 {z-index: -1;position: absolute;top: 1890px;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bgdeco {z-index: -2;position: absolute;top: 490px;left: 0;width:100%;min-width:1220px;height:60000px;background: url(bgdeco.png?t=1751272387962) repeat-y center top;pointer-events: none;}	
}




@media screen and (max-width:767px) {

.m_top_bg01 {z-index: -5;position:absolute;top: 10vw;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: -4;position:absolute;top: 10vw;left: 0;width: 100%;height: 102vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;transform-origin: left bottom;}
.m_top_bg03 {z-index: -3;position:absolute;top: 11vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_bg04 {z-index: 8;position:absolute;top: 10vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: screen;}
.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%;}

}




/*logo*/
@media screen and (min-width:766px){
.go_bt2 {
  -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.go_bt2:hover { 
   filter:brightness(130%);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px);
    }
 .Area .go_bt {position:relative;display:block;-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);}
 }

/*區塊_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;}
 }




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




/*LOGO*/
.momologo { z-index:2; position: absolute; top: 15px; left:15px;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
  @media screen and (max-width:767px){
.momologo { display:none;}
  }
                    




/*移除公版設定*/
.Area .remove_box_style ul {background-color: transparent;grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;background-color: transparent;}
@media screen and (max-width:767px){
.Area .remove_box_style ul {width: 100%;}
.Area .remove_box_style ul {
 padding: 0;
}
}

/*輪播公版移除公版樣式設定*/
/*PD_layout 區塊加上swiper_remove_box_style標籤
css貼上以下語法*/

/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}


/*共用--輪播基本設定*/
.Area_swiper { position:relative; margin:0 auto; -webkit-box-sizing:border-box; box-sizing:border-box; overflow: hidden; }
.Area_swiper_box { z-index:1; padding-bottom:25px;}
.Area_swiper_box.Area_swiper_box_relative { position:relative;}
.Area_swiper_box.Area_swiper_box_absolute { position:absolute; top:0; left:0; right:0; bottom:0;}
.Area_swiper_box .swiper-wrapper { margin:0; padding:0; list-style:none; display: flex ; grid-gap: 0 }
.Area_swiper_box .swiper-wrapper:after { content:""; display:block; clear:both; }
.Area_swiper_box .swiper-slide { margin:0; padding:0;}
.Area_swiper_box .pagination { bottom:0px !important; transform:scale(0.7); }
.Area_swiper_box .pagination.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { transform: translateX(-50%) scale(0.7); }
    @media screen and (max-width:767px){
      .Area_swiper {width:96%; }
      .Area_swiper_box {padding-bottom: 5vw;}
    }
    /*按忸*/
    .button.swiper-button-next,
    .button.swiper-button-prev { outline: none;} 
    @media screen and (max-width:767px){
      .button.swiper-button-next,
      .button.swiper-button-prev { display:none !important;} 
    }
    /*輪播套公版時修正*/
    .Area_swiper_box .PD_layout { position: static; }
    @media screen and (max-width:767px){
      .Area_swiper_box .PD_layout { margin: 0 0.8em;}
    }
    @media screen and (min-width:768px){
      .Area_swiper_box .PD_layout { margin: 0 35px; margin-top: 10px}    
    }



/*看更多按鈕*/
.PD_layout-btn ul { margin: 0 auto; padding: 0; background-color: transparent; grid-gap: 0; width: 100%; }
.PD_layout-btn li { border: none; text-align: center;  }
.PD_layout-btn li .PD a  { display: inline-block; }
.PD_layout-btn li .PD .PD_img,
.PD_layout-btn li .PD h4,
.PD_layout-btn li .PD p { display: none; }
.PD_layout-btn li .PD .PD_into { padding: 0 }
.PD_layout-btn li .PD h3 {margin: 0;padding: 0.4em 1.6em;font-size: 20px;line-height: 1em;color: #fff;background: #ff572a;border-radius: 99em}
.PD_layout-btn.PD_layout-btn-white li .PD h3  { color: #000; background: #fff; }/*按鈕變白色*/
@media screen and (min-width: 768px) {
  .PD_layout-btn { padding: 10px 0 20px }
}
@media screen and (max-width: 767px) {
  .PD_layout-btn { padding: 2vw 0 4vw }
}




/*---線上入搞區標---*/
@media screen and (min-width:768px){
  .text{width: 84%;position: relative;left: 50%;transform: translateX(-50%);}
  .text .PD_layout{width: 90%;}
  }
  @media screen and (max-width:767px){
  .text{}
  .text .PD_layout{}
  .text .PD_layout ul{padding: 0;grid-gap: 0;}
  }
  

  @keyframes rubberBand {
    from {
      transform: scale3d(1, 1, 1);
    }
  
    30% {
      transform: scale3d(1.25, 0.75, 1);
    }
  
    40% {
      transform: scale3d(0.75, 1.25, 1);
    }
  
    50% {
      transform: scale3d(1.15, 0.85, 1);
    }
  
    65% {
      transform: scale3d(.95, 1.05, 1);
    }
  
    75% {
      transform: scale3d(1.05, .95, 1);
    }
  
    to {
      transform: scale3d(1, 1, 1);
    }
  }
  
  .rubberBand {
    animation-name: rubberBand;
    animation:rubberBand 2.5s infinite; 	
    animation-iteration-count: 1;
  }



/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_01{ margin-left: 12.5px!important; margin-top: 90px!important; z-index: 99!important; }

/*-----版頭-----*/
@media screen and (min-width: 768px){
  .Area_top{position: relative;height: 937px;margin:0 auto;box-sizing:border-box;padding: 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {position:absolute;width: 49%;top: 123px;left: 148px;height: auto;z-index: 7;transform: rotate(-6deg);}
  .Area_top .title01 .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0px;}
  .Area_top .title01 img {width: 88%;}
  .Area_top .title01 input{position: relative;top: -30px;}
  /*副標輪播*/
  .Area_top .title02{z-index: 11;position:absolute;top: 364px;left: 228px;width: 620px;height: 172px;}
  .Area_top .Area_swiper_box {width: 100%;height: 198px;} 
  .Area_top .Area_swiper_box ul{display: flex;grid-gap: 0;padding: 0;height: 110px;} 
  .Area_top .Area_swiper_box img{width: 80%;} 
   /*logo*/ 
   .Area_top .title03 {position:absolute;width: 29%;top: 84px;left: 149px;height: auto;z-index: 9;}
   .Area_top .title03 img {width: 88%;}
  /*date*/
  .Area_top .date{width: 14%;position: absolute;top: 89px;left: 700px;}
  .Area_top .date .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;transform-origin: center;}
  .Area_top .date .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0px;}
  /*版頭品*/
  .Area_top .top_pd {width: 79%;position:relative;top: 485px;left: 145px;height: auto;z-index: 13;}
  .Area_top .top_pd .PD_layout {padding: 27px 0 50px 0;}
  .Area_top .top_pd .PD_layout ul {width: 91%;border:5px solid #3953cf;}
  



}
@media screen and (max-width:767px){
  .Area_top {width:100%;position: relative;height: 118vw;padding:0 0 0 0;}
  /*大標*/ 
  .Area_top .title01 {width: 64%;position:absolute;top: 13vw;left: 5vw;height: auto;z-index: 7;transform: rotate(-6deg);}
  .Area_top .title01 .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;}
  .Area_top .title01 .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0;}
  .Area_top .title01 img {width: 100%;}
  .Area_top .title01  ul li .PD .PD_img{display: block!important;}
   /*副標輪播*/
   .Area_top .title02 {position: absolute;width: 62%;height: 15vw;margin: 0 auto;left: 15vw;top: 42.5vw;z-index: 10;}
   .Area_top .title02 .Area_swiper_box{width: 73vw;height: 20vw;overflow: hidden;}
   .Area_top .title02 .Area_swiper_box ul{display: flex;height: 13vw;grid-gap: 0;padding: 0;}
   .Area_top .Area_swiper_box img{width: 86%;} 
    /*date*/
   .Area_top .date{width: 21%;position: absolute;top: 3vw;left: 65vw;}
   .Area_top .date .PD_layout ul li:nth-child(1){position: absolute;top: 0;left: 0;transform-origin: center;}
   .Area_top .date .PD_layout ul li:nth-child(2){position: absolute;top: 0;left: 0;}
    /*logo*/ 
   .Area_top .title03 {width: 35%;position:absolute;top: 7vw;left: 2.5vw;height: auto;z-index: 7;}
   .Area_top .title03 img {width: 100%;}
 

 /*版頭品*/
  .Area_top .top_pd {position:relative;width: 100%;top: 58vw;left: 0vw;height: auto;z-index: 11;}
  .Area_top .top_pd .PD_layout {width: 96%;padding: 3vw 0 0 0;}
  .Area_top .top_pd .PD_layout ul{border:3px solid #3953cf;}
  .Area_top .top_pd img {width: 100%;}
}





/*---版頭裝飾---*/
@media screen and (min-width:768px){
.deco_01{width: 23%;position: absolute;top: 263px;left: 757px;transform-origin: top right;z-index: 10;pointer-events: none;}
.deco_01 img{width: 81%;}
.deco_02{width: 31%;position: absolute;top: 366px;left: 809px;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_02 img{width: 81%;}
.deco_03{width: 5%;position: absolute;top: 56px;left: 587px;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_03 img{width: 81%;}

}

@media screen and (max-width:767px){
.deco_01{width: 25%;position: absolute;top: 38vw;left: 86vw;transform-origin: top right;z-index: 9;pointer-events: none;}
.deco_01 img{width: 98%;}
.deco_02{width: 38%;position: absolute;top: 33vw;left: 71vw;transform-origin: bottom left;z-index: 5;pointer-events: none;}
.deco_02 img{width: 98%;}
.deco_03{width: 7%;position: absolute;top: 6vw;left:48vw;transform-origin: bottom left;z-index: 10;pointer-events: none;}
.deco_03 img{width: 81%;}
}



/*---優惠標---*/
@media screen and (min-width:768px){
	.Area_sale_bn{margin: 0 auto 0 auto;}
	.Area_sale_bn .PD_layout{width: 88%;}
}
@media screen and (max-width:767px){
  .Area_sale_bn{}

}






/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffc000;} 
/*內文*/
.danji .Area_danji .box_1 .activityText p{color: #fff;}
.danji .Area_danji content {color: #fff;}
.warningTxt h3 {color: #000;}
.Area_danji .danji_box ul li .content p{color: #fff;}
/*---登記---*/
@media screen and (min-width:768px){

}
@media screen and (max-width:767px){
.danji .Area_danji ul{width: 96%;margin: 0 auto;}
}




/*---品牌區---*/
@media screen and (min-width:768px){
  /*大背景*/ 
  .item_bg {z-index: -1;position:absolute;top:-200px;width:100%;height: 980px;background-repeat:no-repeat;background-position: center top;pointer-events:none;} 
  .Area_item {
    height: 648px;
    margin: 79px auto 64px auto;
}
  .Area_item .layout_item ul {width: 81%;grid-gap: 15px;}
  .Area_item .layout_item ul li{padding: 0 0 0px 0;}
  .Area_item .layout_item ul li:nth-child(2){position: relative;top:60px;}
  .Area_item .layout_item ul li:nth-child(5){position: relative;top:60px;}
  .Area_item .layout_item ul li:nth-child(8){position: relative;top:60px;}
}

@media screen and (max-width: 767px){
  /*大背景*/ 
  .item_bg  {z-index: -1;position:absolute;left: 0;width: 100%;height: 101vw;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;top: -19vw;}
  .Area_item {margin: 10vw auto 0 auto;position: relative;top: -4vw;height: 65vw;}
  .Area_item .layout_item ul{width: 96%;padding: 0;}
  .Area_item .layout_item ul li{width: 100%; padding: 0 0 0vw 0;}
  .Area_item .layout_item ul li:nth-child(2){position: relative;top: 5vw;}
  .Area_item .layout_item ul li:nth-child(5){position: relative;top: 5vw;}
  .Area_item .layout_item ul li:nth-child(8){position: relative;top: 5vw;}
}



/*區塊標題1220_01*/
.Area .txt02 {padding: 0;margin: 0 auto 2%;width: 67%!important;z-index: 2}
.Area .txt02 ul {padding: 6% 0 0 0;grid-gap: 0;}
.Area .txt02 ul li { background-color: transparent; pointer-events: none;}
.Area .txt02 ul li .PD_into { padding: 0;}
.Area .txt02 ul li h5 {padding: 0 0 0 0;margin: 0 auto 0;font: bold 55px/43px "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;transform:rotate(-0deg);color: #fff;letter-spacing: -1px;text-align: center;}
.txt02::before {content:"";position: absolute;display:block;top: 16px;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg.png?t=1751272387962") center bottom/ 80% no-repeat scroll;z-index: -1;pointer-events:none;}

@media screen and (max-width:767px){
.Area .txt02 {padding: 0;margin: 0 auto 4vw;height: 11vw;width: 80%!important;}
.Area .txt02 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;}
.Area .txt02 ul li h5 {padding: 1.5vw 0 0 0;margin: 0;}
.txt02::before {content:"";position: absolute;display:block;top: 4vw;left: 0;width:100%;height:100%;background: url("layoutBG_txtbg.png?t=1751272387962") center bottom/ 100% no-repeat scroll;z-index: -1;pointer-events:none;}

}


/*1帶2*/
@media screen and (min-width:768px){

.Area_discount04  {height:100%;display: flex;flex-wrap: wrap;margin-bottom: 36px;margin-top: 55px;}
.Area_discount04 .box {position:relative;margin-bottom:0;width:96%;margin: 0 auto 38px auto;}	
.Area_discount04 .b_box:nth-child(odd) {background-color: #5d52bf;/* padding: 13px; border-radius: 27px;*/width: 470px;height: 430px; margin: 5px;background: url("discount04bg1.png?t=1751272387962") center top/ 100% no-repeat scroll;}	
.Area_discount04 .b_box:nth-child(even) {background-color: #5d52bf;/* padding: 13px; border-radius: 27px;*/width: 470px;height: 430px; margin: 5px;background: url("discount04bg1.png?t=1751272387962") center top/ 100% no-repeat scroll;}	
.Area_discount04 .text02 {width: 100%;margin: 13px 0 0 21px;height: 55px;}	

/**區標**/	
.Area_discount04 .text {width: 63%;margin: 0px auto;}
.Area_discount04 .text .PD_layout .PD_into{color: #fff;position: relative;}
.Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #f3dfb5;text-align: center;}  
.Area_discount04 .text .PD_layout .PD_into h5{font: bold 43px/56px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 24px;margin-left: 34px;margin-bottom: 32px;}  

.Area_discount04 .text02 .PD_layout .PD_into{display: flex;flex-direction: row;margin-top: 0vw;margin-bottom: 0vw;}
.Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 36%;left: 0;top: 0;position: relative;}  
.Area_discount04 .text02 .PD_layout .PD_into h3{width: 63%;font-size: 25px;line-height: 1em;color: #ffffff;margin-top: 0;}  

/** 公版 **/	
.Area_discount04 .b_box .box {position:relative;width: 95%;margin: 0 auto;padding-bottom: 0px;padding-top: 10px;}	
.Area_discount04 .b_box .box .PD_layout ul{/* border-radius: 0; */grid-gap: 5px!important;padding: 0;}
.Area_discount04 .b_box .box .PD_layout ul li{background-color: #fff;border-radius: 5px;}
}

@media screen and (max-width:767px){

.Area_discount04  {margin-bottom: 0vw;margin-top: 6vw;}
.Area_discount04 .box {position: relative;}

.Area_discount04 .b_box:nth-child(odd) {/*background-color: #0000008c;*/padding-top: 0;width: 96%;height: 90vw;margin: 0vw auto;background: url("discount04bg1.png?t=1751272387962") center top/ 100% no-repeat scroll;}	
.Area_discount04 .b_box:nth-child(even) {/*background-color: #0000008c;*/padding-top: 0;width: 96%;height: 90vw; margin: 0vw auto;background: url("discount04bg1.png?t=1751272387962") center top/ 100% no-repeat scroll;}	

/**區標**/	
.Area_discount04 .text {width: 100%;margin: auto;padding-top: 0vw;width: 100%;margin: 0px auto -2vw auto;/*background: url(item_text_001.png?t=1751272387962)top center no-repeat;background-size: 100%;*/}
.Area_discount04 .text .PD_layout .PD_into .PD_logo{width: 33%;}  
.Area_discount04 .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #f3dfb5;text-align: center;}  
.Area_discount04 .text .PD_layout .PD_into h5{font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;margin-top: 10.5vw;margin-left: 2vw;margin-bottom: 0;}  

.Area_discount04 .text02 .PD_layout .PD_into{display: flex;justify-content: space-around;flex-direction: row;margin-top: 1.5vw;margin-bottom: -4vw;height: 14vw;}
.Area_discount04 .text02 .PD_layout .PD_into .PD_logo{width: 35%;}  
.Area_discount04 .text02 .PD_layout .PD_into h3{width: 45%;margin-left: 0vw;font-size: 19px;line-height: 1.6em;color: #ffffff;}  


/** 公版 **/	
.Area_discount04 .b_box .box {position: relative;width: 95%;margin: 0vw auto 8px;padding-bottom: 2vw;}
.Area_discount04 .b_box .box .PD_layout ul{border-radius: 2vw;width: 100%;grid-gap: .3em;margin-top: 0vw;}
.Area_discount04 .b_box .box .PD_layout ul li{border-radius: 2vw;/* border: 0.5vw solid #000; */background-color: white;}

}
	



/*館*/
.Area_guan {}
.Area_guan .PD_layout ul { padding: 0 180px; grid-gap: 30px;}
@media screen and (max-width:767px){
.Area_guan {}
.Area_guan .PD_layout ul { padding: 0 0.5em; grid-gap: 0.5em;width: 90%;}
}