@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;}
	}
    






/** 入稿區基本 **/
.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:-6; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;background-color: #64c2bd;}*/
.bg_01{ z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_02{ z-index:-41; position:fixed; top:0px; 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:874px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_repeat_01 { z-index:-25; position:absolute; top:1595px; 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;}
.deco { z-index:90!important; position:fixed; top:-160px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
.deco2 { z-index:0; position:absolute; top:0px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}		
}
@media screen and (max-width:767px){
   .bg_color {display: none;}
   .bg_01 { display: 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=1750661461293)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:fixed; top:0; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear;background-size:100%; pointer-events:none;}	
  .deco { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}	
  .deco2 { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}		
}

/* #eWriterBtn_bt_B_000_02{position: absolute; left: -150px;z-index: 99;} */



/*區標背景*/
.box_txt ul,.box_txt2 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:6% 0 0 0;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt::before {content:"";position: absolute;display:block;top:40px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#ffeacb;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:6% 0 0 0;}
.box_txt2 img{width: 88%!important;padding: 0;}
.box_txt2::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color:#ffffff;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
.box_txt3 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:3.6% 0 0 0;}
.box_txt3 img{width: 88%!important;padding: 0;}
.box_txt3::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color:#ffffff;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
	
.box_txt4 {position: relative;display: flex;margin: 0 auto;width: 100%;height:114px;justify-content: center;z-index: 50;padding:5.6% 0 0 0;}
.box_txt4 img{width: 88%!important;padding: 0;}
.box_txt4::before {content:"";position: absolute;display:block;top:13px;left: 0px;width:100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color:#4bb4af;font-size: 3.4em;font-family: "Century Gothic";letter-spacing: -1px;/*text-shadow: 1px 1px white;*/}
	
	
}

@media screen and (max-width:767px){
.box_txt {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 3% 0 0 0;   top: -4vw;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt .PD_layout .PD h3 {color:#ffeacb;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:-1vw;
 position: relative;}
	
.box_txt2 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 1% 0 0 0;}
.box_txt2 img{width: 100%;}
.box_txt2::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color:#fff;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:2vw;
 position: relative;}
	
	
.box_txt3 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 1% 0 0 0;        top: -8vw;}
.box_txt3 img{width: 100%;}
.box_txt3::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt3 .PD_layout .PD h3 {color:#ffffff;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:2vw;
 position: relative;}

	
.box_txt4 {position: relative;/*margin: 0 auto 1vw;*/width: 100%;z-index: 30;   padding: 0% 0 0 0;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top:5vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1750661461293") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color:#4bb4af;font-size: 1.6em;letter-spacing: -1px;line-height: 20vw;font-family: "Century Gothic","微軟正黑體";max-height: 13vw;font-weight: bold;top:3vw;
 position: relative;}
	
	
	
}






/*版頭區塊*/
@media screen and (min-width:768px){
	.Area_title  {  height:1165px!important;}
	.title_01 {    
        z-index: 11;
        position: absolute;
        left: 200px;
        top: 87px;
        width: 66%;
    }
	.title_02 {position:absolute;left:467px;top:100px;}
	.title_date1 {position:absolute;left:700px;top:288px;}
    .circle{z-index:-10 ; position: absolute;  left: -409px; top: -700px;mix-blend-mode: screen;}
	}
@media screen and (max-width:767px){
	.Area_title { /*overflow:hidden;*/height: 129vw;}	
    .Area_title .mb_01{position:absolute; top:0; left:0 ;width: 100%; z-index:-1;}
	
	.title_01 {z-index: 5; position: absolute; left: 7vw; top: 6vw; width: 89%;}
	.title_02 {width: 300px;height: 13vw; position: absolute; top: 37vw; left: 11vw; overflow: hidden;}
    .title_date1 {z-index: 6;position:absolute;left:36vw;top:14vw;width:28%;}
	.circle{z-index:0 ; position: absolute;  left:-50vw;top:-70vw;width:200%;mix-blend-mode: screen;}
	}

@media screen and (max-width:767px){
canvas {height: 500px!important;}
}



/*版頭品*/
.Area_title .box_PD .PD_layout .PD img {height: auto !important;}
.Area_title .box_PD .PD_layout .PD_slide { min-width:auto; }
 @media screen and (min-width:768px){
.Area_title .box_PD { position: absolute;   top: 0;  left:0;     overflow: hidden; z-index: 2; width:1220px;height: 100%;}
.Area_title .box_PD .PD_layout li:nth-of-type(1) { top: 476px; left: 268px; width: 32%;height: 100%;}
.Area_title .box_PD .PD_layout li:nth-of-type(2) { top: 137px; left: 636px; width: 27%; height: 100%;}
.Area_title .box_PD .PD_layout img{width: 100%!important;}
	 
}
  @media screen and (max-width:767px){
.Area_title .box_PD { position: absolute; top:53vw; left:8vw; overflow: hidden; z-index: 2; width:100%;height:62vw;}
.Area_title .box_PD .PD_layout li:nth-of-type(1) { top: -2vw; left: 8vw;  width: 41%; height: 100%;}
.Area_title .box_PD .PD_layout li:nth-of-type(2) { top: -32vw;  left:47vw; width: 33%; height: 100%;}
.Area_title .box_PD .PD_layout img{width: 100%!important;}
	  
}


/*副標輪播*/
.Area_title .topPD2 { position: absolute; top:342px; left:291px;width:650px; height:104px; overflow: hidden; z-index: 10;}
.Area_title .topPD2 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_title .topPD2 ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_title .topPD2 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title .topPD2 .PD_layout .PD img{width:100%!important;}

@media screen and (max-width:767px){
.Area_title .topPD2 {width:300px;  height: 13vw;position: absolute; top: 37vw; left:11vw;overflow: hidden;}
.Area_title .topPD2 .PD_layout .PD img{width:100%!important;}
	
}






/*作圖輪播*/
.Area_PD11 .Area_swiper_box .PD_layout li {  background-color: transparent;}
.Area_PD11 .PD_layout .PD h3 span { background-color: transparent;}
.Area_PD11 .box{background: url("Areabg_repty.jpg?t=1750661461293") center top/100% repeat-y scroll;margin: 123px 0 0 0;}

 @media screen and (max-width:767px){
.Area_PD11 .Area_swiper_box	 {padding-top:7%;}
.Area_PD11 .Area_swiper_box .PD_layout li {  background-color: transparent;}
.Area_PD11 .PD_layout .PD img { width: 116%; height: auto;}
.Area_PD11 .box{background: url("Areabg_repty.jpg?t=1750661461293") center top/100% repeat-y scroll;margin: -12px 0 0 0;}

 }



/*主打區*/
.Area03 { padding-top: 300px;}
/*.Area03 .box_all { padding-top:200px; padding-bottom: 10px; background-color: #f9b2c2;    margin: -137px 0 0 0;}*/
  @media screen and (min-width:768px){
    .Area03 {max-width: 2000px;margin-top: -200px;padding-bottom: 40px!important;/*background: url(Area03_bg.png?t=1750661461293) no-repeat center top;*/}
	  
  .Area03 .box_all .PD_layout .PD_into {margin-top: -196px;}	  
  }
  @media screen and (max-width:767px){
    .Area03 { margin-top: -19.2vw; padding-top: 28vw;  padding-bottom: 4vw!important; /*background: url(m_Area03_bg.png?t=1750661461293) no-repeat center top; background-size: 100%;*/}
/*    .Area03 .box_all {  margin: -21vw 0 0 0;padding: 17% 0 0 0}*/
  .Area03 .box_all .PD_layout li { margin-bottom:-10vw; }
  .Area03 .box_all .PD_layout .PD_into {margin-top:-24vw;}	  
  
  }


/*主打區文字調整*/
  .Area03 .PD_layout.A1  .PD h3 {font-size: 25px;color: #ffffff;}
  .Area03 .PD_layout.A1  .PD h4 {font-size: 25px;color: #ffffff;}
  .Area03  .PD_layout.A1 .PD p .Price { font-size: 45px;   }
  .Area03 .PD_layout.A1 .PD p{  height: 4em; color: #ffe0a3;}
  .Area03 .PD_layout.A1 .PD p del {font-size: 20px;color: #b6d5ff}
    @media screen and (max-width:767px){
  .Area03 .PD_layout.A1  .PD h3 {font-size: 15px;color: #ffffff;}
  .Area03 .PD_layout.A1  .PD h4 {font-size: 15px;color: #ffffff;}
  .Area03  .PD_layout.A1 .PD p .Price { font-size:25px;   }
  .Area03 .PD_layout.A1 .PD p{  height: 4em;color: #ffe0a3;  top: -2vw; position: relative;}
  .Area03 .PD_layout.A1 .PD p del {font-size: 15px;color: #b6d5ff}
		
    }










/*輪播特效*/
@media screen and (min-width:768px){
.Area_title .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_title .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_title .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
    }
    @media screen and (max-width:767px){
       .Area_title .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
       .Area_title .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
       .Area_title .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
    }




/*攻略*/
.Area_activ{height: 100%;  }	
.Area_activ .bg {position: absolute;top:-100px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;}	
/*.Area_activ .box{background: url("Areabg_repty.jpg?t=1750661461293") center top/100% repeat-y scroll;}	*/
.Area_activ .bg_btom {position: absolute;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;    margin: -100px 0 0 0;}	
@media screen and (max-width:767px){
.Area_activ{height: 100%;  margin-bottom:2vw!important;}	
.Area_activ .box{}	
.Area_activ .bg_btom {position: relative;margin: -6vw 0 0 0;}	
	
}





/*登記區塊START*/
.Area_activ .danji {height:auto; }
.Area_activ .danji .Area_danji { height:auto; margin:50px auto 20px;}
.Area_activ .danji .Area_danji_txt { height:0px; margin-bottom:70px }
	@media screen and (max-width:767px){
		.Area_activ .danji { height:auto; }
        .Area_activ .danji .Area_danji { height:auto;width: 96%;  margin:-1vw auto 1vw; }
        .Area_activ .danji .Area_danji_txt { height:10vw; margin-bottom: 5vw; }
	}



/* 按鈕*3 */
.Area_activ2 .btnx3{margin-bottom: 0px!important;padding: 0% 0 0 0;}
.Area_activ2 .btnx3 ul{grid-gap: 15px;}
@media screen and (max-width:767px){
.Area_activ2 .btnx3{margin-bottom: 6vw!important;}
.Area_activ2 .btnx3 ul{grid-gap: .3em;} 
}






/*
.pc_bg{background:linear-gradient(#6b0102,#ac0102);border-radius: 15px!important;border: outset #f6f3c7 1px;margin-bottom: 50px!important;}
@media screen and (max-width:767px){
  .pc_bg{background:linear-gradient(#6b0102,#ac0102);border-radius: 15px!important;border: outset #f6f3c7 1px;margin-bottom: 3vw!important;}

}
*/

/*必BUY 8品6區*/
@media screen and (min-width:768px){
.Area_8PD {margin-bottom: 0px;}
.Area_8PD .PD_layout.layout_8PD {height: auto;padding-top: 50px;width: 95%;padding-bottom: 25px;}
.Area_8PD .PD_layout.layout_8PD ul {}

.Area_8PD .Area_sectionTitle {z-index:100;  position: relative;width:1220px;top:38px;}
.Area_8PD .Area_sectionTitle ul {padding:0px;margin:0 auto 0;list-style: none;height: 0px!important;width:1220px;}
.Area_8PD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_8PD .Area_sectionTitle ul li img {width: 60%;}
.Area_8PD .Area_sectionTitle ul li h5 {top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 41px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;/*font-style: italic;*/text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
.Area_8PD .bg_btom {position: absolute;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;    margin:-121px 0 0 0;}	

	
}
    
@media screen and (max-width:767px){
	.Area_8PD {height:auto;margin-bottom:-10vw!important;}
    .Area_8PD .PD_layout.layout_8PD {overflow:hidden;margin-bottom:3vw ;  top:-12vw;}
    .Area_8PD .PD_layout.layout_8PD ul {position:relative;margin-top:12vw ;margin-bottom:2vw ; width:97% ;height:100% ; padding:0vw;}
    .Area_8PD .PD_layout.layout_8PD h2 {position: absolute;margin:0 auto; padding:0 2%; top:0vw; width:100%; height: 65px; overflow:hidden;font-style: italic; font-weight:bold!important; font-size:1.8em; line-height:67px; text-align:center;color: #fff;/*text-shadow:3px 3px 7px #a5814e;background:url();*/background-repeat: no-repeat;background-size:100%;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
    .Area_btn {z-index: 99;position: absolute;height: 50vw;left: 0vw;top: 0vw;width: 100%;}
    .Area_btn ul {margin-top:1vw!important ; margin-left:-10vw!important;width:100%!important; }
    .Area_btn ul li {list-style: none;display: inline-block;width: 25%;margin:0vw auto 3vw;}
	.Area_8PD .Area_sectionTitle {z-index:100;  position: relative;width:100%;top:6vw;}
	.Area_8PD .Area_sectionTitle ul {padding:0;margin:0 auto 0;list-style: none;height: 5vw!important;width:100%;}
    .Area_8PD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area_8PD .Area_sectionTitle ul li h5 {margin:0 auto; padding:0%; top:0vw; width:100%; height: 12vw; overflow:hidden;/*font-style: italic;*/ font-weight:bold!important; font-size:2.0em; line-height:67px; text-align:center;color:#fff;/*text-shadow:3px 3px 7px #a5814e;background:url();*/background-repeat: no-repeat;background-size:100%;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
.Area_8PD .bg_btom {position: relative;margin: -6vw 0 0 0;}	
  }







/*8品*/

@media screen and (min-width:768px){
.Area8{}
.Area8 .Area_8PD {margin-bottom: 0px;}
.Area8 .Area_8PD .PD_layout.layout_8PD {height: auto;padding-top: 50px;width: 95%;padding-bottom: 30px;}
.Area8 .Area_8PD .PD_layout.layout_8PD ul {}

.Area8 .Area_8PD .Area_sectionTitle {z-index:100;  position: relative;width:1220px;top:38px;}
.Area8 .Area_8PD .Area_sectionTitle ul {padding:0px;margin:0 auto 0;list-style: none;height: 0px!important;width:1220px;}
.Area8 .Area_8PD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area8 .Area_8PD .Area_sectionTitle ul li img {width: 60%;}
.Area8 .Area_8PD .Area_sectionTitle ul li h5 {top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 41px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;/*font-style: italic;*/text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
.Area8 .Area_8PD .bg_btom {position: absolute;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;    margin: -36px 0 0 0;}	

	
}
    
@media screen and (max-width:767px){
	.Area8{margin-bottom: -5vw!important;}
	.Area8 .Area_8PD {height:auto;margin-bottom: 3vw!important;}
    .Area8 .Area_8PD .PD_layout.layout_8PD {overflow:hidden;margin-bottom:-3vw ;  top: -4vw;}
    .Area8 .Area_8PD .PD_layout.layout_8PD ul {position:relative;margin-top:12vw ;margin-bottom:2vw ; width:97% ;height:100% ; padding:0vw;}
    .Area8 .Area_8PD .PD_layout.layout_8PD h2 {position: absolute;margin:0 auto; padding:0 2%; top:0vw; width:100%; height: 65px; overflow:hidden;font-style: italic; font-weight:bold!important; font-size:1.8em; line-height:67px; text-align:center;color: #fff;/*text-shadow:3px 3px 7px #a5814e;background:url();*/background-repeat: no-repeat;background-size:100%;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
    .Area8 .Area_btn {z-index: 99;position: absolute;height: 50vw;left: 0vw;top: 0vw;width: 100%;}
    .Area8 .Area_btn ul {margin-top:1vw!important ; margin-left:-10vw!important;width:100%!important; }
    .Area8 .Area_btn ul li {list-style: none;display: inline-block;width: 25%;margin:0vw auto 3vw;}
	.Area8 .Area_8PD .Area_sectionTitle {z-index:100;  position: relative;width:100%;top:6vw;}
	.Area8 .Area_8PD .Area_sectionTitle ul {padding:0;margin:0 auto 0;list-style: none;height: 5vw!important;width:100%;}
    .Area8 .Area_8PD .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area8 .Area_8PD .Area_sectionTitle ul li h5 {margin:0 auto; padding:0%; top:0vw; width:100%; height: 12vw; overflow:hidden;/*font-style: italic;*/ font-weight:bold!important; font-size:2.0em; line-height:67px; text-align:center;color:#fff;/*text-shadow:3px 3px 7px #a5814e;background:url();*/background-repeat: no-repeat;background-size:100%;font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";}
    .Area8 .Area_8PD .bg_btom {position: relative;margin: -6vw 0 0 0;}	
  }














/* 橫滑品牌輪播 */
.logo_pd .box{padding-bottom: 20px;}
@media screen and (max-width:767px){
.logo_pd .logo_00 .PD_img{width: 180%;position: relative;margin: 0 auto;left: -40vw;}
}


/*Area_page*/
.Area_page h3 { color: #fff; margin: 0; padding: 0}
  @media screen and (min-width:768px){ 
    .Area_page { overflow: hidden;  padding: 20px 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
    .Area_page .PD_layout { width: 96%}
  }
  @media screen and (max-width:767px){
    .Area_page { width: 96%; overflow: hidden; padding: 5vw 0 ; border-radius: 1em } 
    .Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
  }

.Area_K1{padding-top: 59px!important;padding-bottom: 50px!important;}
.Area_K2{padding-top: 59px!important;padding-bottom: 50px!important;}
.Area_K3{padding-top: 59px!important;padding-bottom: 50px!important;}
.Area_K4{padding-bottom: 50px!important;}
@media screen and (max-width:767px){
  .NavArea_tabbar_page{margin-bottom: 2vw;}
  .Area_K1{padding-top: 8vw!important;padding-bottom:0vw!important;}
  .Area_K2{padding-top: 12vw!important;padding-bottom:0vw!important;}
  .Area_K3{padding-top: 12vw!important;padding-bottom:0vw!important;}
  .Area_K4{padding-bottom: 3vw!important;}
}



/*連館*/
@media screen and (min-width:768px){
	.Area_guan { height:auto;}
    .Area_guan .PD_layout ul{}
	}
@media screen and (max-width:767px){
	.Area_guan { height:auto;margin: 5vw auto 0vw!important;width: 100%!important}
	.Area_guan ul { width:100%;}
	.Area_guan ul li{ width: 100%!important;}
	/* .Area_guan ul li:nth-child(4){left:14vw!important;}
	.Area_guan ul li:nth-child(5){left:14vw!important;} */
	}




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










/*落花*/
.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=1750661461293) 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;
}
    }

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}