@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; background: url(bg_04.jpg?t=1757908132482) top center repeat-y ;  }
.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; background: url(mb_bg.jpg?t=1757908132482) top center repeat-y; background-size: 100vw; }
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.jpg?t=1757908132482) no-repeat center top;}
.bg_repeat_01 { z-index:1; position:absolute; top:1000px; 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){
  .bgtop { min-width: inherit;  background: url(m_bgtop.jpg?t=1757908132482) no-repeat center 44px; background-size: 100%;}
}


/*兩側*/
.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%;}

}


/*版頭*/
@media screen and (min-width:768px){
.Area_top { height: 900px ;}
.Area_top .toptitle { z-index:1 ;position: absolute; top: 96px ; left: 270px ; width: 55% ; animation-duration: 1.5s;  }
.Area_top .toppd { z-index:1 ; position: absolute; top: 177px ; left: 220px ; width: 62% ; }
.Area_top .sub { z-index:2 ; position: absolute; top: 197px ; left: 294px ; width: 50% ; }
}
@media screen and (max-width:767px){
/*主副標*/
.Area_top { height: 115vw ; }
.Area_top .toptitle { z-index: 1 ; position: absolute; top:11vw ; width:77% ; left: 12vw ; animation-duration: 1.5s;  }	
.Area_top .toppd { z-index: 1 ;position: absolute; top: 19vw ; left: 0; width: 100% ; }
.Area_top .sub { z-index:2 ; position: absolute; top: 23vw ; left: 15vw ; width: 72% ; }
}



/* 間距 */
.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 { }
  .Area_toppd .layout_text { position: absolute; top: 23px ; left: 23px ; width: 8.5% ; }
}
@media screen and (max-width: 767px){
  .Area_toppd { }
  .Area_toppd .layout_text { position: absolute; top: 5vw; left: 2vw; width: 10% ; }
}



/* 活動 */
@media screen and (min-width:768px){
  .Area_active .layout_active { width: 90%; margin-bottom: -30px; }
}
@media screen and (max-width: 767px){
  .Area_active .layout_active { width: 96%; margin-bottom: -4vw;  }
}



/* 登記 */
.danji01 .btn_reg .activityText p { color: #fff ; }
.danji01 .btn_reg .content p { color: #fff ; }
.danji01 .btn_reg .activityText .Tip { color: #fff; }

.danji02 .btn_reg .activityText p { color: #000 ; }
.danji02 .btn_reg .content p { color: #000 ; }
.danji02 .btn_reg .activityText .Tip { color: #000; }
/*登記贈品文案顏色*/
.danji01 .danji_box ul li .activityText .gifts span { color: #ffdd8a ;}
.danji02 .danji_box ul li .activityText .gifts span { color: #0061af ;}

.warningTxt h3 { color: #fff; padding: 0; }
@media screen and (min-width:768px){
}
@media screen and (max-width: 767px){
  .Area_danji { width: 96%; }
}



/* bn+品 */
@media screen and (min-width:768px){
  .Area_6pdb .layout_6pdb { padding: 30px 0 0 0 ; width: 90% ;   }
  .all_6pdb { background: linear-gradient( 225deg , #f5e1be, #ebc786 ); padding: 50px 0 ; border-radius: 30px ; }
  .all_6pdb .Area_BN { width: 90%; }
}
@media screen and (max-width: 767px){
  .all_6pdb { background: linear-gradient( 225deg , #f5e1be, #ebc786 ); padding: 5vw 0 ; border-radius: 2vw ; }
  .all_6pdb .Area_BN { }
}



/* 下方公版 */
@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 { }
}