@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;background-color:#012495; 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:0; padding:0;}
.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;background-color: #012495;}
		.WRAPPER img {  width:100%;  height:auto;}
	}
.Area .PD_layout ul {padding: 0 !important;/*grid-gap: 0em !important;*/}

/*PC背景*/
.bg_01 { z-index:-51;position:absolute;top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}


/*PC背景*/
@media screen and (max-width:767px){
.mo_top { z-index:-1; position:absolute; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}
}


/*小標題*/
.titilenoa a { pointer-events: none; }
.layouttxt_bg .PD_layout ul,.layouttxt_ticket .PD_layout ul{ gap: 0 !important; }
@media screen and (min-width:768px){
.layouttxt_960 { width: 100%; margin:65px auto 15px; position: relative; z-index: 2; }
.layouttxt_960 img { width: 100%; }
.layouttxt_1220 { width: 78.7%; margin:65px auto 15px; position: relative; z-index: 2; }
.layouttxt_1220 img { width: 100%; }
.layouttxt_bg { width: 100%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_bg img { width: 100%; }
.layouttxt_ticket { width: 100%; margin:65px auto 0px; position: relative; z-index: 2; }
.layouttxt_ticket img { width: 100%; }
}
@media screen and (max-width:767px){
.layouttxt_960 { width: 100%; margin:8vw auto 2vw; position: relative; z-index: 2; }
.layouttxt_1220 { width: 100%; margin:8vw auto 2vw; position: relative; z-index: 2; }
.layouttxt_bg { width: 100%; margin:8vw auto 0vw; position: relative; z-index: 2; }
.layouttxt_ticket { width: 100%; margin:8vw auto 0vw; position: relative; z-index: 2; }
}	


/*主標題*/
#eWriterBtn_bt_B_000_03 { position: absolute; left: 350px!important; }
.Area_title .Area_swiper_box .PD_layout li {background-color: #0000 !important;}	
@media screen and (min-width:768px){
.Area_title { height:1145px; margin-bottom: 0 !important; z-index:2;}
.maintitle {width: 80%; position:absolute; top:16px; right:117px; }
.Area_title .subtitle { position: absolute; top:359px;right:2px; width:100%;height: auto; z-index: 5;overflow: hidden;}	
.Area_title .subtitle .PD_layout .PD img {width: 48%;}	
.Area_title .date { position: absolute; top:83px;right:239px; width:100%;height: auto; z-index: 5;overflow: hidden;}	
.Area_title .date .PD_layout .PD img {width: 20%;}	
}
@media screen and (max-width:767px){
.Area_title { overflow:hidden; height:130vw; margin-bottom: 0 !important; z-index:2}			
.maintitle { width:100%; position:absolute; top:0vw; left: 0vw;}
.Area_title .subtitle {position: absolute;top: 33.5vw;right: 10vw;width: 80%;z-index: 5;}
.Area_title .date {position: absolute;top: 6.5vw;right: 23.5vw;width: 100%;z-index: 5;}
.Area_title .date .PD_layout .PD img {width: 25%;}	
}


/*版頭品*/
.top2pd .toppdtitle ul{padding: 0 !important;}
@media screen and (min-width: 768px){
.top2pd{position: relative; top: 420px;}
.top2pd .toppdtitle {position: relative;top: 33px;z-index: 0;width: 960px;margin: 0 auto;}
.top2pd .PD_layout01 {width: 960px;margin: 0 auto;}
.top2pd .PD_layout01 li {width: 465.5px !important;}
.top2pd .PD_layout01 .PD_wrapper{border: solid 14px #e35224;}
}
@media screen and (max-width:767px){
.top2pd{position: relative; bottom:88vw;}
.top2pd .toppdtitle {position: relative;top: 4.5vw;z-index: 0;width: 96%;margin: 0 auto;}
.top2pd .PD_layout01 {width: 96%;margin: 0 auto;}
.top2pd .PD_layout01 .PD_wrapper{border: solid 10px #e35224;}
}


/*橘色背景*/
@media screen and (min-width: 767px) {
.orangebg{ background: #e35224;padding-bottom: 40px;}	
}
@media screen and (max-width: 767px) {
.orangebg{ background: #e35224;padding-bottom: 5vw;}	
}
	

/*01_1BN*/
.Area_bn { height: auto;}
@media screen and (min-width: 767px) {
.Area_bn{ width:100%; margin: 0 auto; z-index: 2;}	
.Area_bn .onebn{width: 800px;}
}
@media screen and (max-width: 767px) {
.Area_bn{ width:95%; margin: 0 auto; z-index: 2;}	
.Area_bn .onebn{width: 90%;}
}


/*02_折價券*/
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #FFF !important;}
@media screen and (min-width:768px){
.Area_coupon {margin-bottom: 20px;}
.bargainbtn{width: 80%;margin: 0 auto 20px;}
.bargainbtn .PD_layout ul{gap: 20px;}
}
@media screen and (max-width:767px){
.Area_coupon {width: 96%; margin: 0 auto 2vw;}
.Area_coupon .PD_layout .PD_img {padding: 0 !important;}
.bargainbtn{width: 90%;margin: 0 auto 2vw;}
.bargainbtn .PD_layout ul{gap: 2vw !important;}
}


/*03_情境圖公版*/
@media screen and (min-width: 768px){
.newpd_style {}
.newpd_style .PD_layout .PD p del {display: none;}
.newpd_style .PD_layout .PD_into{  position: relative; bottom:104px;left:34px;}
.newpd_style .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#e35224;  position: relative; left: 290px;bottom: 45px; }
.newpd_style .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
.newpd_style .PD_layout .PD h4 {font-size: 22px;top:2px;position: relative;color: #002395;}	
.newpd_style .PD_layout .PD h3 {font-size: 25px;color: #002395;position: relative; top: 4.2px;}		
.newpd_style .Area_PD9 .PD_slide {height:505px;background-color: #0000!important;}
}
@media screen and (max-width: 767px){
.newpd_style {  margin-bottom: -11vw;}
.newpd_style .PD_layout .PD p del {display: none;}
.newpd_style .PD_layout .PD_into{bottom: 3.5vw; position: relative; left: 2vw;}
.newpd_style .PD_layout .PD p {height: 2.3em;line-height: 2em; color:#e35224;  position:absolute;  left:51vw; bottom: 20vw; }
.newpd_style .PD_layout .PD p .Price {font-size:30px!important; font-weight: 800;}	
.newpd_style .PD_layout .PD h4 {font-size: 22px;top: -17vw;left: 2vw;position: relative;color: #002395;}	
.newpd_style .PD_layout .PD h3 {font-size: 22px;color: #002395;position: relative;top: -14.8vw; left: 2vw;}		
.newpd_style .Area_PD9 .PD_slide {height:94vw;background-color: #0000!important;}
.newpd_style .Area_swiper_box .swiper-pagination { bottom: 33px !important;}	
.newpd_style .swiper-pagination-white {--swiper-pagination-color: #002395!important;}	
}

	
/*04_10品公版*/
@media screen and (min-width: 768px){
.ticketpd01{background-color: #e35224;padding-bottom: 30px !important;border-radius: 50px 50px 20px 20px;}
.ticketpd01 .PD_layout01 {background-color: #fff;}
.ticketpd02{background-color: #36cbe1;padding-bottom: 30px !important;border-radius: 50px 50px 20px 20px;}
.ticketpd02 .PD_layout01 {background-color: #fff;}
}
@media screen and (max-width: 767px){
.ticketpd01{width: 96% !important; background-color: #e35224;padding-bottom: 5vw !important;border-radius: 50px 50px 10px 10px;}
.ticketpd01 .PD_layout01 {background-color: #fff;}
.ticketpd02{width: 96% !important; background-color: #36cbe1;padding-bottom: 5vw !important;border-radius: 50px 50px 10px 10px;}
.ticketpd02 .PD_layout01 {background-color: #fff;}
}


/*05_一帶四*/
.Area40{top: 0px;}
.Area40 .PD_layout .PD p del {display: none;}
@media screen and (max-width:767px){
.Area40{margin-bottom: 1vw;    top: 0;}
.Area40 .PD_layout .PD p del {display: none;}
}
@media screen and (min-width:768px){
  .Area_brand02{margin:0px auto 0 auto;}
  .Area_brand02 .text{position: absolute;top: -120px;}
  .Area_brand02 .box_all{display: flex;flex-wrap: wrap;position: relative;padding:45px 0 0 0;}
  .Area_brand02 .box_all .box{position: relative;height: 516px;width: 100%;background: no-repeat right top/100% url("logobg-pc.png?t=1752131035335"); margin-bottom: 55px;}
  .Area_brand02  .box .ly ul{width:94% ;}
  /*logo*/ 
  .Area_brand02  .logo{width: 100%;height: 115px;}
  .Area_brand02  .logo ul{grid-gap: 0;}
  .Area_brand02  .logo ul .PD_into{padding: 0;}
  .Area_brand02  .logo ul .PD_logo{width: 24%;  position: relative;  top: 15px; left: 200px;padding: 0% 3% 0% 3%;}
  .Area_brand02  .logo ul li h3{color: #fff; width: 50%;position: absolute; right: 75px;margin: 0 auto;font-size: 3em;}
  .Area_brand02 .ly{width: 100%;margin: 0 auto;}
	}
@media screen and (max-width:767px){
.Area_brand02{margin: 5vw auto 0 auto;}
.Area_brand02 .text{}
.Area_brand02 .tag{padding: 2vw 0 4vw 0;}
.Area_brand02 .box_all{position: relative;padding-top: 0vw;width:100%;}
.Area_brand02 .box_all .box{position: relative;margin: 0 auto 0 auto;margin: 0px auto 8vw;background-color: #f78599;background: no-repeat top center/100% url("logobg-mb.png?t=1752131035335");}
/*logo*/ 
.Area_brand02  .logo{width: 100%;height: 12.5vw;}
.Area_brand02  .logo ul{grid-gap: 0;}
.Area_brand02  .logo ul .PD_into{padding: 0;}
.Area_brand02  .logo ul .PD_logo{width: 30%;  position: relative;  top: 1.5vw;left: 19vw;padding: 0% 3% 0% 3%;}
.Area_brand02  .logo ul li h3{color:#fff;width: 45%;position: absolute;right:2.5vw;margin: 0 auto;font-size: 1.5em;}
/*公版*/ 
.Area_brand02 .box_all .box .PD_layout{width: 96%;}
}


/*06_8加購按鈕*/
@media screen and (min-width:768px){
.Area_8btn .PD_layout01 {width: 90%;}
.Area_8btn .PD_layout01 .PD_wrapper{gap: 20px;}
}
@media screen and (max-width:767px){
.Area_8btn .PD_layout01 {width: 92%;}
.Area_8btn .PD_layout01 .PD_wrapper{gap: 6vw;}
}


/*07_8品公版01*/
@media screen and (max-width:767px){
.Area_8pd .PD_layout01 {width: 96%;}
}
  

/*08_登記區*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #e35224;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
.Area_danji .danji_box li {transition: .2s ease !important;}
@media screen and (min-width:768px){
.Area_bargain .Area_danji .danji_box {width: 960px !important;margin-bottom: 0 !important;}
}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {width: 96% !important;margin-bottom: 0 !important;/*width: 96%;*/}
}



/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
				    padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index:10;}
.fixbn ul li{float:left;padding:0;list-style-type:none;width:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}

.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}
/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:33.33%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:34%;}
.fixbn .class_03 { top:0%;left:67%;}




/*區塊_all*/
.Area1220 { width:1220px;}
.Area960 { width:960px;}
.Area { position: relative; margin:0 auto; padding: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);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@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;}


	}	
	

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


/*注意事項區*/
.edm_notice{ text-align:center; padding:30px 10px 15px 10px; color:#fff; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
  .edm_notice{ text-align:center; padding:8vw 10px 15px 10px; color:#fff; font:12px/18px Helvetica;}

}