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

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

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;overflow:hidden;width:100%;min-width:1220px;text-align:left;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #1d2e4c;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block;}
.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;}
	}


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






/** 入稿區基本 **/
.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_color { z-index:-6; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-color: #64c2bd;}*/
.bg_01{ 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_02{ z-index:-41; position:fixed; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
	
.bg_03 { z-index:0; position:absolute; top:952px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_04 { z-index:-50; position:absolute; top:874px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_repeat_01 { z-index:-25; position:absolute; top:1595px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.1s linear; pointer-events:none;mix-blend-mode: screen;}
.deco { z-index:90!important; position:fixed; top:-160px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
.deco2 { z-index:0; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}		
}
@media screen and (max-width:767px){
   .bg_color {display: none;}
   .bg_01 { display: none;}
   .bg_04 { display: none;}
   .bg_repeat_01 { display: none;}
   .mo_bg { z-index:-46; position:absolute; top:0vw; left:0; width:100%; height:100%;background: url(mo_bg.jpg?t=1760337831184)center top repeat-y;  background-position: center top; pointer-events:none;}
   .m_bg{ z-index:-54; position:fixed; bottom:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;}
   .m_deco { z-index:-10; position:fixed; top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear;background-size:100%; pointer-events:none;}	
  .deco { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
  .deco2 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}		
}


/*區標背景*/
.box_txt ul,.box_txt2 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding: 6% 0 2% 0;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt::before {content:"";position: absolute;display:block;top: 53px;/* left: 0px; */width: 100%;margin: 0 auto;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1760337831184") center top/80% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#ffeacb;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:6% 0 0 0;}
.box_txt2 img{width: 88%!important;padding: 0;}
.box_txt2::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color:#ffffff;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
.box_txt3 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:3.6% 0 0 0;}
.box_txt3 img{width: 88%!important;padding: 0;}
.box_txt3::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color:#ffffff;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
	
.box_txt4 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:5.6% 0 0 0;}
.box_txt4 img{width: 88%!important;padding: 0;}
.box_txt4::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color:#4bb4af;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
	
}

@media screen and (max-width:767px){
.box_txt {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;padding: 3% 0 2% 0;top: 0vw;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#ffeacb;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:-1vw;
 position: relative;}
	
.box_txt2 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 1% 0 0 0;}
.box_txt2 img{width: 100%;}
.box_txt2::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color:#fff;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:2vw;
 position: relative;}
	
	
.box_txt3 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 1% 0 0 0;        top: -8vw;}
.box_txt3 img{width: 100%;}
.box_txt3::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color:#ffffff;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:2vw;
 position: relative;}

	
.box_txt4 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 0% 0 0 0;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1760337831184") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color:#4bb4af;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:3vw;
 position: relative;}
	
	
	
}






/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title  {height: 1120px!important;}
	.title_01 {
        z-index: 11;
        position: absolute;
        left: 190px;
        top: 80px;
        width: 66%;
    }
	.title_02 {position:absolute;left: 168px; top: 130px; width: 68%;}
	.title_date1 {position:absolute;left:700px;top:288px;}
  .circle{z-index:-10 ; position: absolute;  left: -409px; top: -700px;mix-blend-mode: screen;}

/*版頭品輪播*/	
.Area_title .top_pd {position:absolute;top: 440px;left: 160px;width: 73%;z-index: 0;}
.Area_title .top_pd .PD_layout {} 
.Area_title .top_pd .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height: 34vw;}


	}
@media screen and (max-width:767px){
	.Area_title {/*overflow:hidden;*/height: 113.5vw;}	
  .Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:-1;}
	
	.title_01 {z-index: 5;position: absolute;left: 3vw;top: 7vw;width: 95%;}
	.title_02 {width: 385px;height: 13vw;position: absolute;top: 14vw; left: -4vw; overflow: hidden;}
  .title_date1 {z-index: 6;position:absolute;left:36vw;top:14vw;width:28%;}
	.circle{z-index:0 ; position: absolute;  left:-50vw;top:-70vw;width:200%;mix-blend-mode: screen;}

/*版頭品輪播*/	
.Area_title .top_pd {position:absolute;top: 51.5vw;left: -1vw;width: 93vw;z-index: 0;}
.Area_title .top_pd .PD_layout {} 
.Area_title .top_pd .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;height:10vw;}


	}

@media screen and (max-width:767px){
canvas {height: 500px!important;}
}



/*副標輪播*/
.Area_title .topPD2 {position: absolute;top: 352px;left: 245px;width: 697px;height: 112px;overflow: hidden;z-index: 20;}
.Area_title .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title .topPD2 .PD_layout .PD img {width: 100%!important;}
@media screen and (max-width:767px){
  .Area_title .topPD2 {width: 80%;height: 12.8vw;position: absolute;top: 40vw;left: 9vw;overflow: hidden;}
  .Area_title .topPD2 .PD_layout .PD img {width: 100%!important;}
}
@media screen and (min-width:768px){
.PD_layout-coupon3{width: 96%;}
}


/*作圖輪播*/
.Area_PD11 .Area_swiper_box .PD_layout li {  background-color: transparent;}
.Area_PD11 .PD_layout .PD h3 span { background-color: transparent;}
.Area_PD11 .box{background: url("Areabg_repty.jpg?t=1760337831184") center top/100% repeat-y scroll;margin: 123px 0 0 0;}

 @media screen and (max-width:767px){
.Area_PD11 .Area_swiper_box	 {padding-top:7%;}
.Area_PD11 .Area_swiper_box .PD_layout li {  background-color: transparent;}
.Area_PD11 .PD_layout .PD img { width: 116%; height: auto;}
.Area_PD11 .box{background: url("Areabg_repty.jpg?t=1760337831184") center top/100% repeat-y scroll;margin: -12px 0 0 0;}

 }


/*折價券文字顏色*/
.Area_activ2 .PD_layout-coupon3 .PD .divine_coupon {color:#000;}








/*主打區*/
.Area03 { padding-top: 300px;}
/*.Area03 .box_all { padding-top:200px; padding-bottom: 10px; background-color: #f9b2c2;    margin: -137px 0 0 0;}*/
  @media screen and (min-width:768px){
    .Area03 {max-width: 2000px;margin-top: -200px;padding-bottom: 40px!important;/*background: url(Area03_bg.png?t=1760337831184) no-repeat center top;*/}
	  
  .Area03 .box_all .PD_layout .PD_into {margin-top: -196px;}	  
  }
  @media screen and (max-width:767px){
    .Area03 { margin-top: -19.2vw; padding-top: 28vw;  padding-bottom: 4vw!important; /*background: url(m_Area03_bg.png?t=1760337831184) no-repeat center top; background-size: 100%;*/}
/*    .Area03 .box_all {  margin: -21vw 0 0 0;padding: 17% 0 0 0}*/
  .Area03 .box_all .PD_layout li { margin-bottom:-10vw; }
  .Area03 .box_all .PD_layout .PD_into {margin-top:-24vw;}	  
  
  }


/*主打區文字調整*/
  .Area03 .PD_layout.A1  .PD h3 {font-size: 25px;color: #ffffff;}
  .Area03 .PD_layout.A1  .PD h4 {font-size: 25px;color: #ffffff;}
  .Area03  .PD_layout.A1 .PD p .Price { font-size: 45px;   }
  .Area03 .PD_layout.A1 .PD p{  height: 4em; color: #ffe0a3;}
  .Area03 .PD_layout.A1 .PD p del {font-size: 20px;color: #b6d5ff}
    @media screen and (max-width:767px){
  .Area03 .PD_layout.A1  .PD h3 {font-size: 15px;color: #ffffff;}
  .Area03 .PD_layout.A1  .PD h4 {font-size: 15px;color: #ffffff;width: 99%;}
  .Area03  .PD_layout.A1 .PD p .Price { font-size:25px;   }
  .Area03 .PD_layout.A1 .PD p{  height: 4em;color: #ffe0a3;  top: -2vw; position: relative;}
  .Area03 .PD_layout.A1 .PD p del {font-size: 15px;color: #b6d5ff}
		
    }




/*輪播特效*/
@media screen and (min-width:768px){
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_title .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_title .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
    }
    @media screen and (max-width:767px){
       .Area_title .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
       .Area_title .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
       .Area_title .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    }



/*---08_公版1帶2---*/
@media screen and (min-width:768px){
  .Area_2pd{margin: 40px auto 60px auto;}
  .Area_2pd .box_all{width: 92%;margin: 0 auto;position: relative;display: flex;justify-content: center;flex-wrap: wrap;}
    
  /*背景圖*/ 
  .Area_2pd .box_all .box{width:49%;position: relative;margin: 15px auto 0 auto;background:url(logo2PD_bg.png?t=1760337831184)top center no-repeat;background-size:100%; padding: 0 0 35px 0;}

  .PD_layout-D3_02 ul {padding: 10px 0}
  .PD_layout.PD_layout-D3_02 ul .PD .PD_into { gap: 1em;}
  /*公版*/
  .Area_2pd .ly{width: 97%;margin:auto;}
  }
  @media screen and (max-width:767px){
  .Area_2pd{margin: 6vw auto 0vw auto;width: 98%;}
  .Area_2pd .box_all{position: relative;}
    
  /*背景圖*/ 
  .Area_2pd .box_all .box{left: 0vw;position: relative;margin: 0vw auto 1vw auto;padding: 1vw 1.5vw 7vw 1.5vw;background:url(logo2PD_bg03.png?t=1760337831184)top center no-repeat;background-size: 100%!important;}

  
  /*公版*/
  .Area_2pd .ly{width: 97%;margin: 0 auto;}
    
  }


  .layout_8PD{width: 97%;}


/*連館*/
@media screen and (min-width:768px){
	.Area_guan { height:auto;}
  .Arealogo{margin-top: -55px;}
  .Area_guan .Arealogo ul li{ width: 100%!important;background:url(logobg.png?t=1760337831184)top center no-repeat;background-size:100%; }
  .Area_guan .Arealogo ul li .PD_img{width: 80%; top: 20px; position: relative;margin: auto;}
	}
@media screen and (max-width:767px){
	.Area_guan { height:auto;margin: 5vw auto 0vw!important}
	.Area_guan ul { width:100%;}
  .Arealogo{margin-top: -5vw;}
	.Area_guan .Arealogo ul li{ width: 100%!important;background:url(logobg.png?t=1760337831185)top center no-repeat;background-size:100%; }
  .Area_guan .Arealogo ul li .PD_img{width: 80%;top: 2.5vw; position: relative;margin: auto;}
	}




/*區塊_all*/
.Area1220 { 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; }
.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 (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;}
	}





/*注意事項區*/
.edm_notice {text-align: center; padding: 25px 10px 40px 10px; color:#fff; font: 12px/18px Helvetica;}
.edm_notice .apple_notice { padding: 10px 0 10px 0;}
  

#eWriterBtn_bt_B_000_90 { margin-left: 20px!important; margin-top: 170px!important; z-index: 99!important; }	


/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -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;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}


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