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

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


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;  }
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 10vw; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*PC背景*/
@media screen and (min-width:768px){
  .bg_fix { z-index:-58; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  .bg_top {z-index:-55;position:absolute;top: -40px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .top_deco { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
  .bg_01 {z-index: -55;position:absolute;top: 1264px;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
  .bg_deco {z-index: -60;position:absolute;top: 1186px;left: 0;width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .bg_repeat {z-index: -65;position: absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .Area04_bg {z-index: -64;position: absolute;top: 3100px;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .Area04_repeat {z-index: -64;position: absolute;top: 3340px;left:0;width:100%;height: 2880px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
  .Area04_end {z-index: -64;position: absolute;top: 6220px;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .bg_bottom { z-index:-64; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}
  }


/*兩側*/
.top_deco2 { z-index:10; position:absolute; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
.flower01 { z-index:15; position:absolute; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.flower02 { z-index:15; position:absolute; background-repeat:no-repeat; background-position: center top; pointer-events:none;animation-delay:.5s}
    @media screen and (min-width:768px){
	  .top_deco2 { top: 0;left:50%;margin-left:-1000px;width:2000px;height:1013px;}	
      .flower01 {top: 720px;left:50%;margin-left:-1000px;width:339px;height:496px;}
      .flower02 {top: 720px;left: 50%;margin-left: 759px;width:241px;height:496px;}
    }
    @media screen and (max-width:767px){
      .flower01 { top:0vw; left: 0; margin-left:0vw; width:50vw;position: absolute; }
      .flower02 { top:0vw; left: 100%; margin-left:-50vw; width:50vw;position: absolute; }
    }


@media screen and (max-width:767px){
.mo_top { z-index:-40; position:absolute; top: 10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}
.mo_top2 {z-index:-30;position:absolute;top: 46vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_repeat_bg {z-index: -35;position:absolute;top: 137vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.m_repeat_bg2 {z-index:30;position:fixed;top: 117vw;left:0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
}

  


/*隱鑶*/
.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;}
	}


/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {z-index:100 ; margin:0px auto 10px!important; }
	.Area_txt img {width:840px; }	  
}
@media screen and (max-width:767px){
		.Area_txt {z-index:100 ;width:100%;margin:5vw auto 0vw; }
	  .Area_txt img {width:100%;}
}


/*區塊_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%;}

}


/*版頭*/
.Area_top { position: relative; height: 900px ;}
.Area_top .balloon_01 { position: absolute; top: -72px; left: -450px;}
.Area_top .balloon_02 { position: absolute; top: 188px; right: -140px;}
.Area_top .balloon_03 { position: absolute; top: -72px; right: -360px;}
@media screen and (min-width:768px){
.Area_top .toptitle { z-index:9;position: absolute; top:146px; left:260px; width:60% ; }
.Area_top .date { z-index:10;position: absolute; top: 35px ; left: 490px ; width: 19%; }
.Area_top .toppd { z-index:1;position: absolute; top: 187px; left: 165px; width: 70%; }
.Area_top .sub { z-index:2;position: absolute; top: 272px; left: 355px; width: 41%; }
}
@media screen and (max-width:767px){
/*主副標*/
.Area_top .toptitle {z-index: 7; position: absolute; top:14vw; width:73%;left:14vw;}
.Area_top .date {z-index: 1;position: absolute; top:2vw; width:26%;left:38vw;}
/*版頭品*/	
.Area_top { height: 98vw ;}
.Area_top .balloon_01 { top: -4vw; left: 3vw; width: 22%;}
.Area_top .toppd { z-index:1;position: absolute; top: 15vw ; left: 0; width: 100%; }
.Area_top .sub { z-index:2;position: absolute; top: 27vw ; left: 22vw ; width: 57%; }
}


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



/* 版頭品 */
@media screen and (min-width:768px){
  .Area_toppd {background-image: url(toppd_bg.jpg?t=1754447049458); background-size: 100%; background-repeat: repeat-y; border-radius: 20px;}
  .Area_toppd .layout_text { position: absolute; top: 23px ; left: 23px ; width: 8.5% ;  }
  .Area_toppd .Area_PD1 {width: 87%; padding: 50px 0 30px 125px ; }
  .Area_toppd .Area_PD1 ul li .PD_logo {margin-top: 10px !important;}
}
@media screen and (max-width: 767px){
  .Area_toppd {background-image: url(toppd_bg.jpg?t=1754447049458); background-size: 100%; background-repeat: repeat-y;}
  .Area_toppd .layout_text { position: absolute; top: 5vw; left: 2vw; width: 10% ;  }
  .Area_toppd .Area_PD1 {width: 87%; padding: 3vw 0 2vw 13vw; }
  .Area_toppd .Area_PD1 ul li .PD_logo {margin-top: 3vw !important;}
  .Area_toppd .Area_PD1 ul li .PD_logo img { height: 80% !important; padding: 0 !important; }
}



/* 活動 */
@media screen and (min-width:768px){
  .Area_active .layout_active { margin: -20px 0 -50px 0 ; }
}
@media screen and (max-width: 767px){
  .Area_active .layout_active { width: 96%; margin: -2vw 0 -5vw 0; }
}



/* 登記 */
.danji01 .btn_reg .activityText p { color: #fff ; }
.danji01 .btn_reg .content p { color: #fff ; }
.danji01 .btn_reg .activityText .Tip { color: #fff; }
/*登記贈品文案顏色*/
.danji01 .danji_box ul li .activityText .gifts span { color: #ffdd8a ;}
.danji02 .danji_box ul li .activityText .gifts span { color: #0061af ;}
@media screen and (min-width:768px){
}
@media screen and (max-width: 767px){
  .Area_danji { width: 96%; }
}



/* 6品 */
@media screen and (min-width:768px){
  .Area_6pda .layout_6pda { padding: 30px 0 0 0 ; }
  .Area_6pda .bg1 {position: absolute;top: -80px; left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}
}
@media screen and (max-width: 767px){
  .all_6pda {background-image: url(toppd_bg.jpg?t=1754447049458); background-size: 100%; background-repeat: repeat-y;}
  .all_6pda .Area_BN {}
  .Area_6pda .layout_6pda { padding: 5vw 0 0 0 ; }
}



/* 下方公版 */
@media screen and (min-width:768px){
  .Area_4pda .layout_4pda { background-color: #856946; border-radius: 20px; padding: 80px 40px 40px ; border: solid #674e2e 2px; }
  .Area_4pda .title_all { margin-bottom: -70px; }
}
@media screen and (max-width: 767px){
  .Area_4pda .layout_4pda { background-color: #856946; border-radius: 2vw; padding: 8vw 0 4vw ; border: solid #674e2e 2px; }
  .Area_4pda .title_all { margin-bottom: -8vw; }
}



/* 8品 */
.Area_8pda .PD_layout[data-pd-btn] .PD_btn { background-image: repeating-linear-gradient(45deg, #3bb5f2 -2%, #3bb5f2 120%); }
@media screen and (min-width:768px){
}
@media screen and (max-width: 767px){
  .Area_8pda .layout_8pda { }
}