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

/*基本*/
img { border: 0; vertical-align: top;}
a { text-decoration:none;}

html, body {
  margin: 0;
  padding: 0;
  background-image: url(bg.png?t=1775017541101);
}
@media screen and (max-width: 767px) {
  html, body {
      background-image: none;
      background-color: #ffebd2;
  }
}

/*全BOX版面*/
.WRAPPER { position:relative; margin:0; padding:0; width:100%; overflow:hidden; font-family: "微軟正黑體", sans-serif;}
.WRAPPER img { border:0; vertical-align:top; }
.WRAPPER a { display: block; text-decoration:none; }
@media screen and ( max-width:736px){
	.WRAPPER { min-width: inherit; }
	.WRAPPER img { width:100%; height:auto;}
}


/*共用--區塊_all*/
.Area {   position: relative; margin:0 auto; padding:0; text-align:center; z-index:1; font-size: 16px }
.Area a { position:relative; display:block; } 


/*寬度,間距*/
.Area1220 { margin:0 auto; width:100%;}
.Area960  { margin:0 auto; width:100%;}
.Areabottom { margin-bottom:30px;}
  @media screen and (min-width:768px){
    .Area1220 { width:1220px;}
    .Area960  { width:960px;}
    .Areabottom { margin-bottom:80px;}
  }

 /*PC背景*/
.Area_bgtop { z-index:0; position: fixed;position: absolute; top:0; left:0; width:100%;height: 100%; background: url(hero_backdrop_bg.png?t=1775017541101) no-repeat center top;  pointer-events: none; }	
.Area_bgtop .bgtop_  { position:absolute; top:0; left:0; width:100%; height:1000px;}
.Area_bgtop .bgtop_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top;}
.deco { z-index: 0; position: absolute; top: 90px; left: -10px; width: 100%; min-width: 1220px; height: 100%; background: url(deco.png?t=1775017541101) no-repeat center top; pointer-events: none; }
/*Phone背景*/
.m_Area_bgtop { z-index:0 !important; position: fixed;position: absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;background: url(hero_backdrop_bg_mb.png?t=1775017541101) no-repeat center top;background-position: center top;background-repeat: no-repeat; pointer-events: none; background-size: 100%; }	
.m_Area_bgtop .m_bgtop_  {position:absolute;top:0;left:0;width:100%;height:0;padding-bottom: 100%;}
.m_Area_bgtop .m_bgtop_  span {position:absolute;display: block;width:100%;height:0;padding-bottom: 158%;overflow:hidden;background-position:center top;background-size:100%;}
.deco_m{ width:100%; position: absolute;top:25vw;}



/*Area_page*/
.Area_page { overflow: hidden; } 

 /*PC背景*/
 .Area_bgtop { z-index:0; position: fixed;position: absolute; top:0; left:0; width:100%;height: 100%; background: url(hero_backdrop_bg.png?t=1775017541101) no-repeat center top;  pointer-events: none; }	
 .Area_bgtop .bgtop_  { position:absolute; top:0; left:0; width:100%; height:1000px;}
 .Area_bgtop .bgtop_  span { position:absolute; display: block; width:100%; height:100%; background-position:center top;}
 /*Phone背景*/
 .m_Area_bgtop { z-index:1; position:absolute; top:44px; left:0; width:100%; height:100%; pointer-events: none;background: url(hero_backdrop_bg_mb.png?t=1775017541101) no-repeat center top;background-position: center top;background-repeat: no-repeat; pointer-events: none; background-size: 100%; }	
 .m_Area_bgtop .m_bgtop_  {position:absolute;top:0;left:0;width:100%;height:0;padding-bottom: 100%;}
 .m_Area_bgtop .m_bgtop_  span {position:absolute;display: block;width:100%;height:0;padding-bottom: 158%;overflow:hidden;background-position:center top;background-size:100%;}
 

  /** 入稿區基本 **/
  .content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
  .buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
  .buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em; }
  .buttonAera_more:hover {background-color: #000;}
  .buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}
  
  /*PC背景*/
  @media screen and (min-width:768px){
  .bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .top_deco {z-index: 30;position:absolute;top: 0;left:-12px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none; mix-blend-mode: screen; }
  .bg_deco {z-index: -30;position:absolute;top: 1120px;left: 0;width:100%;height: 95%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .bg_repeat {z-index: -70;position:fixed;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .bg_bottom {z-index: -60;position:absolute;bottom: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
  }
  
  @media screen and (max-width:767px){
  .m_bg_fix {z-index:-8;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_deco {z-index:15;position:absolute;top: 18vw;left:33.5vw;width:60%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%; mix-blend-mode: screen;}
  .m_bg_repeat {z-index:-55;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
 
  }




/*活動紀錄*/
.fixedfooterArea { z-index: 20; position: absolute; left: 0; margin: 0; padding: 0; width: 100%; height: 62px; text-align: center; font-size: 14px; line-height: 34px; color: #000; font-family: "微軟正黑體","Microsoft JhengHei",Arial; background-color: rgba(0,0,0,0); bottom: calc(130px + env(safe-area-inset-bottom)*.6); top: 505px;}
.fixedfooterArea a { display: block; color: #454545; text-decoration: none;}
.fixedfooterArea img  {width: 100%; height: auto;}
.fixedfooterArea .footerArea { display: none !important;}
.fixedfooterArea .fixedBox_1 { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; text-align: center; animation: fixedBox_1-play 1s 1;}
.fixedfooterArea .fixedBox_1 ul { position: relative; margin: 0; padding: 0; width: 100%; list-style: none outside none; white-space: nowrap;}
.fixedfooterArea .fixedBox_1 ul li { z-index: 1; position: relative; display: inline-block; padding: 0; border-radius: 44px; height: 60px; box-shadow: 0 1px 0 #f2f2f2,0 0 10px rgba(0,0,0,.2); background-color: rgba(255,255,255,.95);}
.fixedfooterArea .fixedBox_1 ul li a { display: flex; align-items: center; padding: 10px 24px; font-size: 1.75rem; font-weight: bold;}
.fixedfooterArea .fixedBox_1 ul li a span { width: 40px; height: 40px; background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M29.3%2C11.9c0.4-0.6%2C0.5-1.3%2C0.3-1.9c-0.2-0.6-0.6-1.2-1.3-1.5l-3.7-2c-0.6-0.3-1.4-0.4-2.1-0.2%20c-0.7%2C0.2-1.3%2C0.6-1.6%2C1.2l-0.5%2C0.8l-1.8%2C2.8L14%2C18.3l-0.5%2C0.8l-0.6%2C8.2h-8v1.7h19.4v-1.7h-8.6l6.2-3.8%20C24.4%2C19.6%2C26.9%2C15.7%2C29.3%2C11.9z%20M22.6%2C8.3C22.7%2C8.2%2C22.8%2C8%2C23%2C8c0.2%2C0%2C0.4%2C0%2C0.6%2C0.1l3.7%2C2c0.2%2C0.1%2C0.3%2C0.3%2C0.4%2C0.4%20c0.1%2C0.2%2C0%2C0.4-0.1%2C0.5l-0.5%2C0.8L22%2C9.2L22.6%2C8.3z%20M20.9%2C10.9l1.1%2C0.6l-4.3%2C6.8l-1.1-0.6L20.9%2C10.9z%20M17.2%2C24.2l-2.1-1.1l0.3-3.7%20c0.8%2C0.3%2C1.6%2C0.9%2C2.3%2C1.8c1.2%2C0%2C2.3%2C0.2%2C3.1%2C0.8L17.2%2C24.2z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);top: -1px;}
	@media screen and (max-width:767px){
		.fixedfooterArea {z-index: 100;position: fixed;left: 0;margin: 0;padding: 0;width: 100%;height: 82px;text-align: center;font-size: 14px;line-height: 34px;color: #000;font-family: "微軟正黑體","Microsoft JhengHei",Arial;background-color: rgba(0,0,0,0);bottom: calc(130px + env(safe-area-inset-bottom)*.6);top:83vh;}
		.fixedfooterArea a {display: block;color: #454545;text-decoration: none}
		.fixedfooterArea img {width: 100%;height: auto}
		.fixedfooterArea .footerArea {display: none !important}
		.fixedfooterArea .fixedBox_1 {z-index: 1;position: absolute;top: 0px;left: 0;width: 100%;text-align: center;animation: fixedBox_1-play 1s 1}
		.fixedfooterArea .fixedBox_1 ul {position: relative;margin: 0;padding: 0;width: 100%;list-style: none outside none;white-space: nowrap}
		.fixedfooterArea .fixedBox_1 ul li {z-index: 1;position: relative;display: inline-block;padding: 0;border-radius: 44px;height: 34px;box-shadow: 0 1px 0 #f2f2f2,0 0 10px rgba(0,0,0,.2);background-color: rgba(255,255,255,.95)}
		.fixedfooterArea .fixedBox_1 ul li a {display: flex;align-items: center;padding: 0 24px 0 20px;font-size: 1rem;font-weight: 800;}
		.fixedfooterArea .fixedBox_1 ul li a span {width: 24px;height: 24px;background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M29.3%2C11.9c0.4-0.6%2C0.5-1.3%2C0.3-1.9c-0.2-0.6-0.6-1.2-1.3-1.5l-3.7-2c-0.6-0.3-1.4-0.4-2.1-0.2%20c-0.7%2C0.2-1.3%2C0.6-1.6%2C1.2l-0.5%2C0.8l-1.8%2C2.8L14%2C18.3l-0.5%2C0.8l-0.6%2C8.2h-8v1.7h19.4v-1.7h-8.6l6.2-3.8%20C24.4%2C19.6%2C26.9%2C15.7%2C29.3%2C11.9z%20M22.6%2C8.3C22.7%2C8.2%2C22.8%2C8%2C23%2C8c0.2%2C0%2C0.4%2C0%2C0.6%2C0.1l3.7%2C2c0.2%2C0.1%2C0.3%2C0.3%2C0.4%2C0.4%20c0.1%2C0.2%2C0%2C0.4-0.1%2C0.5l-0.5%2C0.8L22%2C9.2L22.6%2C8.3z%20M20.9%2C10.9l1.1%2C0.6l-4.3%2C6.8l-1.1-0.6L20.9%2C10.9z%20M17.2%2C24.2l-2.1-1.1l0.3-3.7%20c0.8%2C0.3%2C1.6%2C0.9%2C2.3%2C1.8c1.2%2C0%2C2.3%2C0.2%2C3.1%2C0.8L17.2%2C24.2z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E);top: 0px;}
	}	


/*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_title img{ width: 100%; }
 .Area_title .PD_layout-D3_01.PD_layout ul{background-color: inherit;}
 .Area_title .PD_layout-D3_01.PD_layout ul li{border: none;}
 .Area_title .PD_layout-D3_01{position: relative;}
 @media screen and (min-width:768px){
 .Area_title {height:480px; margin-bottom:50px!important;}
 .Area_title .mainlight{ position: absolute; top: 0; left: 0;z-index: 21;}
 .top_deco01 {position: absolute;top: 326px;left: 813px;z-index: 2;width: 11%;pointer-events: none;}	
 .Area_title .mtitle{z-index:-3;position:absolute;left:523px;top:92px;width:25%;}
 .Area_title .PD_layout-D3_01{z-index:10;top:420px;margin: 0 auto;}
 .Area_title .PD_layout-D3_01.PD_layout .PD h3{font-size: 50px;color: #0024b8;    font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
 .Area_title .PD_layout-D3_01.PD_layout ul{padding-left: 50px;border: none;}
 }
 
 @media screen and (max-width:767px){
 .Area_title {height:50vw;margin-bottom:5vw!important;}
 .top_deco01 {position: absolute;top: 37vw;left: 65vw;z-index: 10;width: 16%;}	
 .Area_title .mtitle{z-index:-3;position:absolute;left:60vw;top:11vw;width:34%;}
 .Area_title .PD_layout-D3_01{top:40vw;z-index: 99;}
 .Area_title .PD_layout-D3_01.PD_layout .PD h3{font-size:6vw;color: #0024b8;    font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}

 }


 /*活動倒數*/
 .TimerNick {position: absolute;padding: 0 0 0;top: 630px;left: 440px;display: inline-block;z-index:8;text-align: center;}
 .TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font: normal 35px/30px Arial;color: #fff;letter-spacing: 2px;text-align: center;}
 .TimerNick span {padding-left: 2px;font: normal 25px/30px "Century Gothic","Microsoft JhengHei", Arial, Helvetica;font-weight: 400;letter-spacing: -0.05em;color: #fff;}
 @media screen and (max-width:767px){
 .TimerNick  {width: 59%;top: 70vw;left: 20vw;padding: 2vw 0 1vw;display: flow;margin-bottom: 1vw;}
 .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: 5vw/4vw Arial;}
 .TimerNick span {padding-left: 0vw;font: 3.6vw/4vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
 }
  /*活動倒數2*/
  .TimerNick2 {padding: 0 0 0; display: inline-block;z-index:8;text-align: center; margin-bottom: 20px;}
  .TimerNick2 .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font: normal 35px/30px Arial;color: #000;letter-spacing: 2px;text-align: center;}
  .TimerNick2 span {padding-left: 2px;font: normal 25px/30px "Century Gothic","Microsoft JhengHei", Arial, Helvetica;font-weight: 400;letter-spacing: -0.05em;color: #000;}
  @media screen and (max-width:767px){
  .TimerNick2  {width: 100%;display: flow;margin-bottom: 3vw;}
  .TimerNick2 .FontStyle {margin: 0;padding: 0;border: 0;font: 5vw/4vw Arial;}
  .TimerNick2 span {padding-left: 0vw;font: 3.6vw/4vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
  }
 
 
 /*公版背景*/
 .box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
 @media screen and (min-width: 768px){
 .box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;z-index: 1;}
 .box_txt img{width: 100%!important;padding: 0;}
 .box_txt .PD_layout .PD h3 {color: #fff7ff;font-size: 3.2em;font-family: "Century Gothic";letter-spacing: -1px;}
 .box_txtbg:after {content:"";position: absolute;display:block;top: -30px;left: 50px;width: 100%;height: 110%;pointer-events:none;z-index: 10;background: url("box_txtbg.png?t=1775017541101") center top/100% no-repeat scroll;}	
 }
 
 @media screen and (min-width: 768px){
 .box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 30;}
 .box_txt img{width: 100%;}
 .box_txt .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","微軟正黑體";max-height: 9vw;font-weight: bold;}
 .box_txtbg:after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("box_txtbg.png?t=1775017541101") center top/100% no-repeat scroll;}	
 }


.Area0 {overflow: hidden; }
.Area0 .PD_layout .PD p{color:#2646cc;}
.Area0 .PD_layout ul{display:flex;border: none;background-color: inherit;}
.Area0 .PD_layout ul li{border: none;}
.Area0 .PD_layout ul li .PD_img{background-color: #fff;border-radius:5px;border:solid 1px #fff;border: #aab7f3 solid 2px;}
.Area0 .PD_layout .PD h3 span{background-color:rgb(255 255 255 / 81%)}

.Area_act .act01_box .PD_layout ul{display: grid;grid-template-columns: repeat(2, 1fr);}
.Area_act .act01_box .PD_layout ul li:nth-child(1){  grid-column: 1 / -1;}
.Area_act .act-bg{z-index: -1;position: absolute;top:0px;width: 100%;}
.Area_act .act-bg img{width: 100%;}

.Area_act .act02_box .PD_layout ul{display: grid;}
.Area_act .act02_box .PD_layout ul :nth-child(-n+2){ grid-column: 1 / -1; }
.Area_act .act02_box .PD_layout ul li:nth-last-child(-n+3){ grid-template-columns: repeat(3, 1fr); }


.PD_layout.PD_layout-D3_01 .PD h3{color: #fff;top: 47%;width: 100%;}

@media screen and (min-width: 768px){
.PD_layout.PD_layout-D3_01{margin-bottom: -2%;}
}
@media screen and (max-width:767px){
.PD_layout.PD_layout-D3_01{margin-bottom:-5%;}
}

@media screen and (min-width: 768px){
.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn{bottom: -2.3em;}
}
@media screen and (max-width:767px){
  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn{bottom: -2.2em;}
}

  /*優惠2-品牌活動(線上入稿)*/
  .box_good2 .PD_cards li:after { content: ""; pointer-events: none; z-index: 1; position: absolute; top: 0; left:0; display: block; width: 100%; height:100%; background-image:url(PD_card_bg.png?t=1775017541101); background-position:center top; background-size:100%; background-repeat:no-repeat;}
  .box_good2 .PD_cards .PD { position: relative; z-index: 2;}
  .box_good2 .PD_cards a { color: #FFF; /*pointer-events: none;*/}
  .box_good2 .PD_cards .PD_slide { overflow: hidden;}
  .box_good2 .PD_cards .PD:hover h4 { /*color: #865d2b;*/ color: #1b1b2d;}
	.box_good2 .PD_layout ul {background-color: transparent;}
	.box_good2 .btn { position: relative; margin: 0 auto; width: 26%; /*margin-left: 6.5%;*/ padding-bottom: 2.5%;}

    /*文案*/
    .box_good2 .PD_cards .PD_img img { border: solid .13em #ffa57b;}
    .box_good2 .PD_cards .PD_into { width: 75%;}
    .box_good2 .PD_cards .PD h4 { margin-bottom: .2em; font-size: 1em; letter-spacing: -0.02em;}
    .box_good2 .PD_cards .PD h4 b { display: block; font-size: 1.2em; line-height: 1.5; font-family:"Century Gothic", Noto Sans CJK SC,"微軟正黑體","Microsoft JhengHei",Helvetica; font-weight: 700;color: #1b1b2d;}
    .box_good2 .PD_cards .PD h4 span { display: inline-block; color: #ffffff; font-size: 1em; line-height: 1; font-weight: 700; padding-left: .2em; height: 2.5em;}
    .box_good2 .PD_cards .PD p { color: #17266f;}
    /*按鈕*/
    .box_good2 .PD_cards .PD .PD_btn { width: 23%; background-color: transparent; background-image: none;}
    .box_good2 .PD_cards[data-pd-btn] .PD_btn b { font-size: 1em; line-height: 2; height: 1.8em;}
    .box_good2 .PD_cards[data-pd-btn] .PD_btn span { transform: none;}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content: "詳情";}
    .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { right: 0; bottom: 0; padding-left: 5%;}
      @media screen and (min-width:768px){
        .PD_layout[data-pd-br="2"] .PD_slide, .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 1em;}
        .box_good2 .PD_cards { padding-bottom: 2em;}
        .box_good2 .PD_cards ul { padding-left: 60px; padding-right: 60px; grid-gap: 15px;}
        .box_good2 .PD_cards .PD_slide { padding-left: 14px;}
        .box_good2 .PD_cards .PD_img { width: 24%; margin: 25px 10px 22px 0; padding-left: .35em;}
          /*文案*/
          .box_good2 .PD_cards .PD_into { padding-left: 1em; padding-right: 0;}
          .box_good2 .PD_cards .PD h4 { margin-bottom: 0; font-size: 1.5em;}
          .box_good2 .PD_cards .PD h4 span { padding-left: .1em; letter-spacing: -0.05em;}
          .box_good2 .PD_cards .PD p { font-size: 1.5em; transform: translateY(-5px);}
          .box_good2 .PD_cards .PD p b { font-size: 22px;}
          .box_good2 .PD_cards .PD p .Price { font-size: 40px;}
          .box_good2 .PD_cards[data-pd-btn] .PD_btn b { font-size: 1.4em; line-height: 1.6; height: 1.6em;}
          .box_good2 .PD_cards[data-pd-btn][data-pd-btn-pdgo] .PD_slide { padding-bottom: 0;}
      }
      @media screen and (max-width:767px){
        .PD_layout[data-pd-br="2"] .PD_slide, .PD_layout[data-pd-br="2"] .PD_img img { border-radius: 0.5em;}
        .box_good2 .PD_cards { padding-bottom: .6em;}
        .box_good2 .PD_cards ul { padding-left: 3.2%; padding-right: 3.2%; grid-gap: 2.5vw;}
        .box_good2 .PD_cards .PD_slide { padding:1.8vw 0 1.8vw 4%;}
        .box_good2 .PD_cards .PD_img { width: 25%; margin-top: 2vw; padding-left: 0;}
        .box_good2 .PD_cards .PD h4 span { display: inline-block; color: #ffffff; font-size: 1.2em; line-height: 1; font-weight: 700; padding-left: .2em; height: 2.5em;margin-top:2.6vw;}
      }

      .btn_more01{position: absolute;top: 123px;right: 70px;width: 10%;padding: 0em 1em;line-height: 0.5em;background: #000;border-radius: 99em;z-index: 5;}
      .btn_more01 a{color:#fff;}
      @media screen and (max-width:767px){
      /*浮層按鈕*/
      .btn_more01{position: absolute;top: 18vw;right: -3.3vw;width: 22%;padding: 0em;line-height:0em;background: #000;border-radius: 99em;font-size: 0.8em;}
}
  /*優惠3-超強神券*/
  .box_good3 table { margin:2vw auto; width: 91.6%; border-collapse: collapse; background-color: #fff; font-family: "微軟正黑體", "Microsoft JhengHei", Arial;}
  .box_good3 th { padding: 5px; border: 1px solid #322320; background:-webkit-linear-gradient(105deg, #f892ff 20%, #e6b8ff 60%); font-size: 0.8em;}
  .box_good3 td { padding: 5px; border: 1px solid #322320; font-size: 0.9em; line-height: 1.5; vertical-align: middle;}
  .box_good3 table ul,
  .box_good3 table ol { padding: 0 0 0 20px;}
  .box_good3 table li { margin: 0 0 10px 0px;}
  .box_good3 .Area_PD1 .Area_swiper_box .PD_layout li {background-color:#fff;}
    @media screen and (min-width:768px){
      .box_good3 { position: relative;}
      .box_good3 table { width: 84%; font-size: 22px;}
      .box_good3 td { padding-left: 15px;}
      .box_good3 .decobox { position: absolute; bottom: -175px; left: 470px; width: 900px; height: 560px;}
      .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
      .box_good3 .deco_bg img { width: 100%; height: auto;}
      .box_good3 .memo h4{color: #fff;font-size:36px;width: 960px;margin: 0 0 20px 0;}
    }
    
    @media screen and (max-width:767px){
      .box_good3 table { margin-bottom: 1vw; border-radius: .5em; overflow: hidden;}
      .box_good3 .decobox { position: relative; margin-bottom: -29vw;}
      .box_good3 .deco_bg { position: absolute; top: 0; left: 0; width: 100%;}
      .box_good3 .memo h4{color: #fff;font-size: 4.5vw;width: 100%;margin: 0 auto;text-align: center;margin:2%  auto;}

    }



/*Area_page*/
.Area_page { overflow: hidden; } 

/* 品牌加碼 */
@media screen and (min-width: 768px){
  .Area_brand  .memo {}  
  .Area_brand  .memo h4{color:#17266f;font-size:36px;width: 960px;margin:0;}
  .Area_brand .btn_more02 {position: absolute; top: 163px; right: 63px; width: 80px; z-index: 9;}
  .Areabb {position: relative;}
  .pc_bg {position: absolute;top:230px;background-color: rgba(159 46 9);width:2000px;height:340px;}
  }
  
  @media screen and (max-width: 767px){
    .Area_brand {}  
  .Area_brand .memo h4{color:#17266f;font-size: 4.5vw;width: 100%;margin: 0 auto;text-align: center;margin:2% 0 0 0;}
  .Area_brand .box .PD_layout {width: 95%; margin: 0 auto;}
  .Area_brand .btn_more02{ position: absolute; z-index: 100; width: 20%; top: 12vw; right: 0;}	
 
  }

/*Area_Curated*/
.Area_Curated .PD{position:relative;z-index:0 ;/*  background-color: #a32e07;border-radius: 20px; */}
.Area_brand .Area_Curated li{ z-index: -1; width: 100%; height:109%; background:url(card-bg.png?t=1775017541101) center 100% / 100% no-repeat scroll;}
@media screen and (min-width: 768px){
.Area_brand .Area_Curated .PD_layout.PD_layout-D1_02 .PD h4 {line-height: 1.5; font-size: 1.6em;color: #fff; position: relative; top: -10px; width: 95%; overflow: hidden;}
.Area_brand .Area_Curated .PD_layout.PD_layout-D1_02 .PD h3{margin: 5.4em -0.2em 0 0; font-size: 1.5em; position: relative; top: -12px;}
.Area_Curated .PD_layout.PD_layout-D1_02 .PD_img {padding:70px 0 0 0;max-width: 210px;}
.Area_Curated .PD_layout.PD_layout-D1_02 .PD_img img {width:68%;}    
}
@media screen and (max-width: 767px) {
  .Area_Curated .PD{position:relative;z-index:0 ; /* background-color: #a32e07;border-radius: 2vw; */}
  .Area_brand .Area_Curated .PD_layout.PD_layout-D1_02 .PD h4 {width: 85%;overflow: hidden;font-size: 1em;}
  .Area_brand .Area_Curated .PD_layout.PD_layout-D1_02 .PD h4 span {line-height: 1.3;white-space: nowrap;text-overflow: ellipsis;}
  .PD_layout.PD_layout-D1_02 .PD h3{top: 42vw;color: #5c595c;left: 47%;font-size: 1em;width: 75%;}
  .Area_Curated .PD_layout.PD_layout-D1_02 .PD_img {padding:13vw 0 0 0;}
  .Area_Curated .PD_layout.PD_layout-D1_02 .PD_img img {width:68%;}        
  .Area_Curated  .swiper-pagination {top:4vw}
}


 /*區塊3*/
 .Area03 table {margin:0;border-collapse:collapse;overflow: hidden;border-radius: 10px;width: 100%;text-align:center;font-weight:300;color:#000;background-color:#fff;margin-top: 20px;}

 .Area03 td {padding:5px;border: 1.5px solid #8920ff;margin-left:5px ;}
 
 .Area03 .danji-pd-container{ overflow: visible; margin-top: 14%;z-index: 99;}
 .Area03 #B01{ margin-top: 10%; }
 .Area03 .danji-pd-head{ border-radius: 22px 22px 0 0 ; }
 .Area03 .danji-pdtxt{ background-color:transparent; width: 90%; position: absolute; top: -9vw; left: 5%; z-index: -1;  line-height: 1.5em; color:#f260db;font-size: 2rem; }
 .Area03 .danji-pd-body .pd-info-brand{ margin-left: 0; }

 .Area03 .danji-pd-foot ul{ list-style: none; padding: 0 0 2% 0; margin: auto;}
 .Area03 .danji-pd-foot ul:first-child{ padding-top: 2%; }

 @media screen and (min-width: 768px){
 .Area03 {z-index: 35;margin-top: 100px!important;}
 .Area03 .box{position: relative;top: -100px;}
 .Area03 .danji-pd-container{ overflow: visible; margin-top: 10%;}
 .Area03 .danji-pdtxt{ top: -76px;  }
   /*副標文案*/.txt_box h4{color:#17266f;font-size:36px;width: 960px;margin:0}
   /*副標文案*/.txt_box2 h4{color:#17266f;font-size:36px;width: 960px;margin:0}
 }
 
 @media screen and (max-width: 767px){
 .Area03_bg02 {z-index: 35;height: auto; margin-top: 45vw!important;margin-bottom: -13vw!important;}
 .Area03 .box{position: relative;height: auto;z-index: 10;}
 .Area03 .danji-pdtxt{ background-color:transparent; width: 90%; position: absolute; top: -9vw; left: 5%; z-index: -1;  line-height: 1.5em; color: #f260db;font-size: 1.3rem; }
 .Area03 .danji-pd-head{ border-radius: 2vw 2vw 0 0; }
  /*副標文案*/.txt_box h4{color:#17266f;font-size: 4.5vw;width: 100%;margin: 0 auto;text-align: center;}
  /*副標文案*/.txt_box2 h4{color:#17266f;font-size: 4.5vw;width: 100%;margin: 0 auto;text-align: center;}
 }



/*輪播BN*/
.Area_AD {overflow: hidden;margin:2% auto 7%!important; }
.Area_AD .PD_layout ul{display: flex;   max-height: 294px;grid-gap: 0!important; padding: 0!important; margin: 0!important; }

@media screen and (max-width: 767px){
 .Area_AD{ width: 96%!important; }
 .Area_AD .PD_layout ul{	max-height: 29vw; }
}


/*商品公版*/
.Area05 .box .PD_layout.box_style ul{background-color: #fff!important;border-radius: 20px;width: 90%;}
.Area05 .PD_layout ul a {position: initial;}
@media screen and (max-width: 767px){
  .Area05 .box .PD_layout.box_style ul{width: 100%;}
.Area05 .box .PD_layout{ padding: 0 2vw; }
.Area05 .PD_layout-btn{ margin-top: 4vw; margin-bottom: 10vw; }
}

/*註解補丁*/
.notice_bold { color: #9d7528; font-weight: 600;}
.notice_txt { list-style: none !important;}
 
/*活動說明區背景2*/
.Area_bg{ position: relative; pointer-events: none; z-index: -5}
.Area_bg div { pointer-events: none; position: absolute;  background-position: center top; background-size: 100%;}
@media screen and (min-width: 767px) {
.Area_bg{width: 2000px; z-index: -5}
}
 /*注意事項區*/
.edm_notice{ text-align:center; padding:10px 10px 15px 10px; color:#b69367; font:12px/18px Helvetica;z-index: 20;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; z-index: 20;}
@media screen and (max-width:767px){
  .edm_notice{height: 63vw; }
}
 /*區塊_all*/
 .Area1220 {position: relative;margin:0 auto;width:1220px;}
 .Area960 { margin:0 auto; width:960px;}
 .Area {position: relative;margin:0 auto;border-radius:0;text-align:center;}
 @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 a { 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 (min-width:768px){
	.Area_bottom {margin-bottom: 14px!important;}
	.Area_bottom2 {margin-bottom: 40px!important;}
	}
	@media screen and (max-width:767px){
	.Area_bottom {margin-bottom: 5vw!important;}
	.Area_bottom2 {margin-bottom: 5vw!important;}	
	}
	

 
  .daylist .tab_box ul {
    font-size: 1.2em;
    display: grid;
    margin: 0;
    padding: 0;
    grid-template-rows: repeat(1, 1fr);
    grid-template-columns: repeat(2, 1fr);
    column-gap: 0.5em;
    row-gap: 0.5em;
    margin-bottom: 2em;
    list-style: none;
  
  }
  
  @media screen and (max-width: 767px) {
    .daylist .tab_box ul {
      width: 92%;
      margin: 0 auto;
      margin-bottom: 1em;
      grid-template-rows: repeat(1, 1fr);
      grid-template-columns: repeat(2, 1fr);
    }
  }
  
  .daylist .tab_box li {
    background-color: #000;
    border-radius: 99em;
    color: #FFF;
    opacity: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: none;
  }
  
  .daylist .tab_box li span {
    margin: 0.5em;
  }
  
  @media screen and (max-width: 767px) {
    .daylist .tab_box li span {
      margin: 0.2em;
    }
  }
  
  .daylist .tab_box li.swiper-pagination-bullet-active {
    background-color: #ecff01;
    color: #142057;
    width: 100%;
    height: 100%;
    font-weight: 800;
  }
 
/*查詢、詳情按鈕*/

  .hero-btn-wrap {
    display: flex;
    position: absolute;

  }
  .hero-btn-wrap::before {
      content: '';
      margin-left: auto;
    }
  
  .hero-btn-wrap a.go_bt {
      display: block;
      height: 100%;
    }
    .hero-btn-wrap img{ width:100% !important ; }
  
    @media screen and (min-width: 768px) {
      .hero-btn-wrap  { width:110px; }
      .hero-btn-wrap .btn_ {
        width: 95px;
        margin-top: 55px;
        margin-right:-930px ;
        z-index: 11;
  
      }
      .hero-btn-wrap.btn_more {
          top: 125px;
          right: 80px;
        }
  
      .hero-btn-wrap.btn_list {
          top: 70px;
          right: 80px;
        }
  
      .hero-btn-wrap:hover{
          filter: brightness(1.2);
        }
      }



/*隱鑶*/
/*請放最下面*/
.for_pc {}
.for_phone { display:none !important;}
	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: block !important;}
	}

.Areahide{ display: none;}
@media screen and (min-width: 768px) { 
.memotag{width:13%;}
.memotag2{width:8%;}
}
@media screen and (max-width:767px){
  .memotag{width:20%!important;}
  .memotag2{width:11%!important;} 
}
  .text00{ color: #fff7e6;}
  .text00 h3{font-size: 6vw;padding: 0; margin: 0;}
  .text00 h4{font-size: 3.5vw;padding: 0;  margin:0; margin-bottom: 5vw;}
  @media screen and (min-width: 768px) { 
  .text00 h3{ font-size: 30px;}
  .text00 h4{ font-size: 25px; margin-bottom: 20px;}
  }