@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: #a3d0fa;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 { padding-bottom:0vw; min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg.jpg?t=1740065785101);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { 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);}
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}

  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
}

/*PC背景*/
@media screen and (min-width:768px){
.bg_02 {z-index:-55;position:absolute;top: 1160px;left:0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bg_fixed { z-index:0; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}
@media screen and (max-width:767px){
.m_top{ z-index:0;position:absolute; top:11vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


/*打字區標_共用*/
.Area .txt01 { height: 155px; background: url("titlebg01.png?t=1776222975090") center top/ 100% no-repeat scroll; width: 100%;}
.Area .txt02 { height: 155px; background: url("titlebg02.png?t=1776222975090") center top/ 100% no-repeat scroll; width: 100%;}
.Area .txt03 { height: 177px; background: url("titlebg03.png?t=1776222975090") center top/ 100% no-repeat scroll; width: 85%;}
.Area .txt04 { height: 177px; background: url("titlebg04.png?t=1776222975090") center top/ 100% no-repeat scroll; width: 85%;}
.Area .txtst { margin: 0 auto; z-index: 2; }
.Area .txtst ul { padding: 0; grid-gap: 0;}
.Area .txtst ul li { background-color: transparent; pointer-events: none;}
.Area .txtst ul li .PD_into { padding: 0;}
.Area .txt01 ul li h5,.Area .txt02 ul li h5 {padding: 0;margin: 48px 0px 70px;font: italic 55px/55px "華康中特圓體","Noto Sans CJK SC" ;color: #434343;letter-spacing: -1px;text-align: center;}
.Area .txt03 ul li h5,.Area .txt04 ul li h5 {padding: 0;margin: 54px 0px;font: italic 55px/55px "華康中特圓體","Noto Sans CJK SC" ;color: #434343;letter-spacing: -1px;text-align: center;}
@media screen and (max-width:767px){
.Area .txt01, .Area .txt02 { height: 16vw;}
.Area .txt03, .Area .txt04 { height: 21vw;width: 90%;}
.Area .txtst ul li h5 { font: italic 5.8vw/5.8vw "華康中特圓體","Noto Sans CJK SC";}
.Area .txt01 ul li h5, .Area .txt02 ul li h5 {margin: 5vw 0 0;}
.Area .txt03 ul li h5, .Area .txt04 ul li h5 {margin: 6vw 0 0;}
}


/*間距*/
.Area_bottom { margin-bottom: 60px!important;}
@media screen and (max-width:767px){
  .Area_bottom {margin-bottom: 7vw !important;}
}


.noa a { pointer-events: none; }


/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 880px;}
.circle01 {position: absolute;top: 260px;left: -130px;width: 10%;z-index: 30;}
.circle02 {position: absolute;top: 186px;left: 1190px;width: 10%;z-index: 30;}
.heart {z-index: 1;position:absolute;top: 100px;left: 1040px;}
.gift {position: absolute;top: 310px;right: 997px;animation-delay:.8s;z-index: 1;}
.Area_title .maintitle {position: relative;top: 30px;margin: 0 auto;width: 60%; z-index: 1;}
.Area_title .toppd {padding-left: 65px;}
.Area_title .toppdsign img {position: absolute;left: 0; width: 5%;}
}
@media screen and (max-width: 767px){
.Area_title {width:100%;height: 126vw;}
.heart {z-index: 1;position:absolute;top: 32vw;left: 6vw;width: 13%;}
.gift{position: absolute;left: 81vw;top: 39vw;width: 15%;z-index: 1;}
.Area_title .maintitle {position: relative;top: 3vw;margin: 0 auto;width: 80%; z-index: 1;}
.Area_title .toppd {padding-left: 12vw;}
.Area_title .toppdsign img {position: absolute;left: 1.5vw; width: 10%;}
}


/*副標輪播*/
.Area_title .subtitle {position: absolute;top: 287px;left: 379px;width: 450px;height: 89px;overflow: hidden;z-index: 3;}
.Area_title .subtitle .Area_swiper_box .PD_layout li{background-color: #0000;}
.Area_title .subtitle ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .subtitle ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
@media screen and (max-width:767px){
  .Area_title .subtitle {width: 60%;height: 10vw;position: absolute;top: 31vw;left: 20vw;overflow: hidden;}
  .Area_title .subtitle .PD_layout .PD img {width: 88%!important;}
}


/*01_二按鈕*/
.Area_active .btnbox {background: url("btnbg.png?t=1776222975090") center top/ 100% no-repeat scroll;}
.Area_active .PD_layout ul {gap: 0 !important;padding: 0;}
@media screen and (max-width:767px){
.Area_active .btnbox { width: 96%; margin: 0 auto;}
}


/*02_登記*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #ffd906;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
/*折價券類別字體顏色*/.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold {color: #fff !important;}
@media screen and (max-width:767px){
.Area_bargain .Area_danji .danji_box {width: 95%;}
.Area_coupon .box .PD_layout{width:97%;margin:0 auto;}
}
  

/*04_一帶二*/
.Area_1two .PD_layout.PD_layout-D3_02 ul li .PD h3 {color: #545454;}
@media screen and (min-width: 768px){
.Area_1two .box { width: 850px;margin: 0 auto;padding: 0 0 30px;}
.Area_1two .PD_layout.PD_layout-D3_02 ul .PD .PD_logo {width: 35%;padding:10px 35px;box-shadow: #115fa978 4px 4px 8px -4px;}
}
@media screen and (max-width:767px){
.Area_1two .box { width:92%;margin: 0 auto;padding: 0 0 4vw;}
.Area_1two .PD_layout.PD_layout-D3_02 ul .PD .PD_logo {width: 45%;padding:1.5vw 5vw;box-shadow: #115fa978 4px 4px 8px -4px;}
}


/*05_八品*/

@media screen and (max-width:767px){
.Area_8pd .PD_layout01 {width: 96%;}
}


/*隱鑶*/
.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:60px 10px 15px 10px; color:#000; 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 2.5vw 3vw 2.5vw;}
}