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

/*基本*/
body{ margin:0; padding:0;background-color:#e3c59f;}


/*全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:"Century Gothic","Microsoft JhengHei","微軟正黑體", Arial, sans-serif; }
.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:0px; min-width: inherit; min-height:100vh; overflow: hidden;   }
		.WRAPPER img {  width:100%;  height:auto;}
	}


/*區塊_all*/
.Area2000 { margin:0 auto; width:2000px;}
.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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}
		  
		  
.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;}
	}
/*PC背景*/
@media screen and (min-width:768px){
.bg_01 { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_00 { z-index:-1; position:absolute; top:-160px; left:0; width:100%; height:480px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02 { z-index:-2; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_bottom { z-index:-1; position:absolute; bottom:0px; left:0; width:100%; height:463px; background-repeat:no-repeat; background-position: center top; pointer-events:none;}

.bg_repeat { z-index:-5; position:absolute; top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y;pointer-events:none;}
.bg_repeat_01 { z-index:-2; position:absolute; top:446px; 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;*/}
}
@media screen and (max-width:767px){
  .mbg_repeat { z-index:-5; position:absolute; top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y;pointer-events:none;}

   .mbg_01 { z-index:-1; position:absolute; top:11vw; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:no-repeat; background-size:100%; pointer-events:none;}	
   .mbg_03 { z-index:0; position:absolute;bottom:-11vw; left:0; width:100%; height:54vw; background-position:center 0px; background-repeat:no-repeat;background-size:100%; pointer-events:none;}
}


/*提醒我按鈕*/
a.mo_remind_btn { z-index:9999; position: absolute!important; right: 0; top:66vw; width: 17%;}
@media screen and (min-width:768px){
.deco01{position: absolute;bottom:120px;right:10px;}
.deco02{position: absolute;bottom:220px;left:10px;}
}
@media screen and (max-width:767px){
  .deco01{position: absolute;top: 11vw;right: 12vw;width: 6%;}
  .deco02{position: absolute;bottom: 6vw;left: -3vw;width: 10%;} 
}
/*區塊title*/
.Atitle_BG .PD_layout ul{background-color: inherit;}
.Atitle_BG .PD_layout ul li{border: none;}
.Atitle_BG.st1 .PD_layout ul li h3{color:#100699;}
.Atitle_BG.st3 .PD_layout ul li h3{color:#fff;}
@media screen and (min-width:768px){
.Atitle_BG.st1{background: url(Atitle_bg.png?t=1751525886073) center 65% / 80% no-repeat scroll;}
.Atitle_BG.st2{background: url(Atitle_bg2.png?t=1751525886073) center 100% / 72% no-repeat scroll;height: 166px;padding-top: 34px;}
.Atitle_BG.st3{background: url(Atitle_bg3.png?t=1751525886073) center 60% / 80% no-repeat scroll;}
.Atitle_BG .PD_layout ul li h3{font-size:52px;}
}
@media screen and (max-width:767px){
.Atitle_BG.st1{background: url(Atitle_bg.png?t=1751525886073) center 100% / 95% no-repeat scroll;} 
.Atitle_BG .PD_layout ul li h3{font-size: 7vw;text-align: center;}
.Atitle_BG.st2{background: url(Atitle_bg2.png?t=1751525886073) center 100% / 95% no-repeat scroll;position:relative;top:0;width: 100%;height: 22vw;padding-top: 5vw;}
.Atitle_BG.st3{background: url(Atitle_bg3.png?t=1751525886073) center 100% / 100% no-repeat scroll;}
}


/*版頭區塊*/
.sub {overflow: hidden;}
.sub .PD_layout ul{display: flex;flex-direction: row;flex-wrap: nowrap;}
.date .PD_layout ul {background-color: inherit!important;}
.date .PD_layout ul li{border: none!important;}
.date .PD_layout ul h3{padding-left: 1vw;background-color: #caa56b!important;}


@media screen and (min-width:768px){
  .Area_title { height:830px;}
  .Area_title .sub{position: absolute;width: 49%;top: 195px;left:50px;}
  .date { width: 30%; position:absolute; top:9px; left:840px; z-index:2; }
  .date .PD_layout ul h3 {max-height: 80px;height: 80px;border-radius: 50px!important;}
  .date .PD_layout ul h3 span{color: #05088b;font-size: 50px;line-height: 80px;}

  .toptitle {width: 50%;position:absolute;top: 89px;left: 52px;}
  .PD_BG{position: absolute;top: 370px;left: 55px;}
  .PD_BG img{width:110%;}
  .coming{position: absolute;bottom:50px;left: 30px;}
  }
@media screen and (max-width:767px){
.Area_title { height:78vw;margin-bottom: 0 !important;}
.date {width: 41%;position:absolute;top: 0.5vw;z-index:2;right: -9vw;}
.date .PD_layout ul h3{padding-left: 1vw!important;}
.date .PD_layout ul h3 span{    color: #05088b;font-size: 5.5vw;}

.toptitle {width:60%;position:absolute;top: 8vw;left:6vw;}
.Area_title .sub{position: absolute;width: 66%;top: 19vw;left:5vw;}
.PD_BG{position: absolute;top: 40vw;left:-1vw;right:-10vw;}
.PD_BG img{width:80%;}

.coming{position: absolute;bottom: 3vw;left:0;width:40%;}
}




/*版頭品*/
.topPD .PD_layout ul{background-color: inherit;display: flex;flex-direction: row;flex-wrap: nowrap;}
.topPD .PD_layout ul li{border: none;}
@media screen and (min-width:768px){
.topPD {position:relative;top: 94px;left: 179px;z-index: 5;overflow: hidden;}
.topPD .PD_layout ul li img{width: 100%;}
}
@media screen and (max-width:767px){
  .topPD {width:100%;position: absolute;top:18vw;left: 0vw;z-index: 5;overflow: hidden;}
  .topPD .PD_layout ul li img{width: 110%;}
  }

/*活動倒數*/
.TimerNick {position: absolute;top: 320px;left:48px;display: inline-block;z-index:8;text-align: center;letter-spacing: 0.3em;}
.TimerNick .FontStyle { display: inline-block; margin: 0 0 0 5px; padding: 0; border: 0; font-size: 36px;  color:#c09d68; font-weight: normal; letter-spacing:1px; text-align: center;}
.TimerNick span { padding-left: 2px; font-size:30px;  letter-spacing: 0.1em; color:#c09d68;}
.TimerNick b { font-weight: normal;}
@media screen and (max-width:767px){
  .TimerNick  {width: 100%;top: 32vw;left:2em;display: flex;column-gap: 0.4em;text-align: left;}
  .TimerNick .FontStyle { margin:-0.25em 0 0 -0.01em; padding: 0; border: 0; font-size: 1.4em; letter-spacing: .01em; }
  .TimerNick span { padding-left: 0; font-size: 1em; letter-spacing: -0.05em; margin-left: -0.3em; }
  .TimerNick span:first-child{ margin-top: -0.1em; }
}    



@media screen and (min-width:768px){
  .Area00 .danji_box{width: 95%;margin:8% auto ;}
  .Area00 .danjiBN ul{grid-gap: 11px;}
}
@media screen and (max-width:767px){
  .Area00 .danji_box{width: 95%;margin:0 auto;}
  .Area00 .danjiBN ul{grid-gap: 1vw;}
}
/*登記贈品文案顏色*/
.Area00 .Area_danji .danji_box ul li .activityText .gifts span { color: #fff;}                 
                    

.Area_bottom {margin-bottom: 5%;}
/*3按鈕*/
@media screen and (min-width:768px){
.bnbtn .PD_layout { width:960px; }
.bnbtn .PD_wrapper { grid-gap:0.5em; }
 li{list-style: none; }
 }
@media screen and (max-width:767px){
.bnbtn .PD_layout { width: 96%; }
.bnbtn .PD_wrapper { grid-gap:0.3em; }
 li{list-style: none; }
 }


/*8品公版*/
@media screen and (min-width:768px){
.Area_8p .PD_layout { width: 100%; }
}
@media screen and (max-width:767px){
.Area_8p .PD_layout { width: 96%; }
}


/*館連結*/
@media screen and (min-width:768px){
  .Area_guan .PD_layout{width:80%;}
  .Area_guan .PD_layout ul{grid-gap:10px;}
	}
@media screen and (max-width:767px){
	.Area_guan .PD_layout {width:95%; }	
	}


  @media screen and (min-width:768px){ 
  .Area10 .PD_layout{width: 65%;}
  }
  @media screen and (max-width:767px){
    .Area10 .PD_layout{width: 65%;} 
  }

/*置底*/
.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:30;}
.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;
}

/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:93%;}
.fixbn .class_01 { top:0%;left:0%;}


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