@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; 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;}
.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;}
		.WRAPPER img {  width:100%;  height:auto;}
	}


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

/*LOGO*/
.Area_top {}
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
	}





/** 入稿區基本 **/
.content_Area { position:relative; display:inline-block; margin:0px auto 0px auto; padding: 0px 0px 0px 0px; width:1220px;}
.buttonAera_more { position: absolute; top:15px; right:15px; padding-left:17px; padding-right:10px;  border-radius:60px; width:90px; height:40px; background-color: #666; text-align:center;}
.buttonAera_more a { display:block; padding-top:5px; font: bold 24px/29px Century Gothic; color:#fff; text-decoration: none; letter-spacing:-0.05em;}
.buttonAera_more:hover {background-color: #000;}
.buttonAera_more .btnGO { margin:5px; float:right; width:20px ;height:20px;}


/*PC背景*/
@media screen and (min-width:768px){
.bg_color { z-index:-60; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_01 { z-index:-46; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
/*.bg_03 { z-index:0; position:absolute; top:952px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}*/
.bg_04 { z-index:-50; position:absolute; top:970px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_8pdbg01 { z-index:-50; position:absolute; top:674px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_8pdbg02 { z-index:-50; position:absolute; top:674px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_8pdbg03 { z-index:-50; position:absolute; top:674px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_repeat_01 { z-index:-10; position:absolute; top:970px; 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;*/}
.bg_floor { z-index:-50; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:bottom; pointer-events:none;/*mix-blend-mode: screen;*/}

}
@media screen and (max-width:767px){
   .bg_color { display: none;}
   .bg_01 { display: none;}
   .bg_03 { z-index:0; position:absolute; top:187vw; left:0; width:100%; height:100%;background-size:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
   .bg_04 { display: none;}
   .bg_repeat_01 { display: none;}
   .mo_bg { z-index:-46; position:absolute; top:0vw; left:0; width:100%; height:100%;background: url(mo_bg.jpg?t=1729664133812)center top repeat-y;  background-position: center top; pointer-events:none;}
   .m_bg{ z-index:-54; position:fixed; bottom:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center bottom; pointer-events:none;}
   .m_deco { z-index:-10; position:absolute; top:190vw; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear;background-size:100%; pointer-events:none;}	
	
}



/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title  {  height: 537px!important;}
	.title_01 {position:absolute;z-index: 5;left:28px;top:68px;}
	.title_02 {position:absolute;z-index: 4;left:94px;top:168px;}
	.title_date {position:absolute;left:596px;top:73px;}

	
	}
@media screen and (max-width:767px){
	.Area_title { height: 125vw;}	
	.title_01 {z-index: 1;position:absolute;left:12vw;top:0vw;width:85%;}
	.title_02 {position:absolute;left:20vw;top:6vw;width:60%;}
    .title_date {position:absolute;left:4vw;top:47vw;width:20%;}
	.mo_top {z-index: -1;position:absolute;left:0vw;top:0vw;width:100%;}

	}



/*副標輪播*/
.Area_title .title_swiper {z-index:10; position:absolute;width:430px;height:88px;left:108px;top:392px;animation-delay:0s;}
.Area_title .title_swiper .title_04_bg { width:100%;height:auto;margin-top:0px;z-index:1;animation-delay:0s;}
.Area_title .title_swiper ul { padding:0px; text-align:center;margin: -88px auto 0;}
.Area_title .title_swiper ul li { list-style: none outside none; }
.Area_title .title_swiper img {  width:100%;height:auto; padding-left:0;}
.Area_title .title_swiper .pagination { position:relative;}
		@media screen and (max-width:767px){
	    .Area_title .title_swiper {position:absolute;width:60%;height:12vw;left:20vw;top:40vw;z-index:1;animation-delay:0s;}
        .Area_title .title_swiper .title_04_bg {width:100%;height:12vw;margin-top:0px;z-index:1;animation-delay:0s;}
		.Area_title .title_swiper ul {padding:0vw;height:20vw ; margin:-12vw auto 0vw; width:100%;}
		.Area_title .title_swiper ul li{list-style:none;height:12vw!important ; margin:0; padding:0;}
	    .Area_title .title_swiper ul li img{width:100%;}
		}



/*區塊_all*/
.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.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
	@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;}
	}


/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px; padding: 0 35px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.3em; padding: 0 0.5em;}
  .Area .remove_box_style ul {}
}

/*輪播移除公版設定*/
.Area .swiper_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swiper_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swiper_remove_box_style ul li,
.Area .swiper_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .swiper_remove_box_style ul {}
}

.Area_title .main { position: relative; width: 48%; margin: 0 auto; padding: 30px 0 0; top: 65px; left: 320px;}
.Area_title .main img { width: 100%;}
@media screen and (max-width:767px){
  .Area_title .main { width: 86%; margin: 0 auto 1vw; padding: 0; top: 50vw; left: 0vw;}
}


/*區塊標題*/
.Area .title { padding: 96px 0 27px; width: 100%; z-index: 2; background: url(titlebg.png?t=1729664133812)top center no-repeat;}
.Area .title ul { padding: 0; grid-gap: 0;}
.Area .title ul li { background-color: transparent; pointer-events: none;}
.Area .title ul li .PD_into { padding: 0;}
.Area .title ul li h5 { padding: 0; margin: 0; font: bold 54px/54px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; color: #7f683b; }
@media screen and (max-width:767px){
  .Area .title { padding: 11vw 0 5vw; background: url(titlebg_m.png?t=1729664133812)top center no-repeat; background-size: 100%;}
  .Area .title ul li h5 { font: bold 6.2vw/6.2vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
}



/*登記*/
.danji_box { width: 100%; margin: 0 auto; }
.danji_box .Area_danji { margin-bottom: 0; }
@media screen and (max-width:767px){
  .danji_box { width: 97%; margin: 0 auto; }
  .danji_box .Area_danji { margin-bottom: 4vw; }	
}




/*落花*/
.falling-leaves {
  z-index:0;
  position: fixed;
  top: 0;
  bottom: 0;
  left:50%;
  width: 2000px;
  height: 2000px; 
  max-width: 2000px;
  max-height: 2000px;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  background-size: cover;
  overflow: hidden;
}
.leaf-scene {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.leaf-scene div {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(flower_02.png?t=1729664133812) no-repeat; 
  background-size: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-backface-visibility: visible;
          backface-visibility: visible;
}
   @media screen and (max-width:767px){
    .falling-leaves {
  z-index:0;
  position: fixed;
  top: 0;
  bottom: 0;
  left:0%;
  width: 100%;
  height: 400vw;
  -webkit-transform: translate(0%, 0);
          transform: translate(0%, 0);
  overflow: hidden;
}
    }