@charset "utf-8";

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

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


/*全BOX版面*/
.WRAPPER { position: relative;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;  display:inline-block;}
.WRAPPER .Area_top{position: relative; }
.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:1220px;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom:0px; margin:0 auto; display: block; min-width:100%; background-image:url(mb_bg.jpg?t=1751420984970); background-repeat:repeat-y; background-size:100%; }
		.WRAPPER .mainArea { position:relative; display:block; margin:0 auto; padding: 0; width:100%;  }
	}


.WRAPPER .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;}
.WRAPPER .go_bt:hover { 
   filter:brightness(110%);
  -webkit-transform:translateY(10px);
     -moz-transform:translateY(10px);
      -ms-transform:translateY(10px);
       -o-transform:translateY(10px);
          transform:translateY(10px);}

/*滑過會亮*/	
.WRAPPER .go_bt3 {
  -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_bt3:hover { 
   filter:brightness(112%);
  -webkit-transform:translateY(-5px);
     -moz-transform:translateY(-5px);
      -ms-transform:translateY(-5px);
       -o-transform:translateY(-5px);
          transform:translateY(-5px);
		  }


.deco01{z-index:1;	animation: sway 5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: -100% 0; }

.deco02{z-index:1;	 animation: sway 4.5s infinite ease-in-out alternate;
			   -moz-transform-origin: top;
			    -ms-transform-origin: top;
				 -o-transform-origin: top;
  			-webkit-transform: scale(0.3);
			   -moz-transform: scale(0.3);
			    -ms-transform: scale(0.3);
				 -o-transform: scale(0.3);
				 transform-origin: 110% 0; }


/*PC背景*/
@media screen and (min-width:767px){
  .bg_deco00 { z-index:-1; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	.bg_deco { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; }
	.bgtop01 { z-index:-1; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop02 { z-index:-1; position:absolute; top:1000px; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop03 { z-index:-2; position:absolute; top:2000px; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:no-repeat; background-position:center top; }
	.bgtop04 { z-index:-2; position:absolute; top:2900px; left:0; width:100%; min-width:1220px; height:1000px; background-repeat:repeat-y; background-position:center top; }
	.bgtop05 { z-index:-2; position:absolute; top:3900px; left:0; width:100%; min-width:1220px; height:100%; background-repeat:repeat-y; background-position:center top; }
	
}

/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; text-align:center;  }
.Area .box_bg{position:absolute;top:0;left: 0;z-index: 0;} 
.Area1220 { margin:0 auto; width:1220px;}

.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_1bn_nopadding a  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_1bn_nopadding img  { float:left; margin:0; padding:0; width:100%; list-style: none;}
.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;width:96%;}
.Area_3bn_nopadding p { float:left; margin:0; padding:0; width:33.3%; list-style: none; text-align:center;}
.Area_4bn_nopadding { margin: 0 auto; padding:0;width:1220px; overflow:hidden;}
.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; list-style: none;}		/*區塊_兩邊間距*/

	@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%;}
	.Area img{ width:100%;}
	.Area { position: relative;}

	/*區塊_切割*/
	.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%;}
	.Area_2bn { width:96%; margin: 0 2%; padding:0; overflow:hidden;}
	.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; }
	.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; }
	.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_1bn_nopadding a { position:relative; float:left; margin:0; padding:0; width:100%; }
	.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%;}
	.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%;}
	.Area_4bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
	.Area_4bn_nopadding a { float:left; margin:0; padding:0; width:25%; }	
	}





/*版頭*/
.Area_top { position:relative; width:1220px;height:830px; }
.Area_top .title{position:absolute; top:140px; left:20px ; z-index:10; animation-delay: 0.1s;}
.Area_top .sub_01{position:absolute; top:460px; left:55px ; z-index:10; animation-delay: 0.2s;}
.Area_top .star{position:absolute; top:387px; left:284px ; z-index:11; animation-delay: 0.4s;}

	@media screen and (max-width:767px){
	 .Area_top { width:100%; height:135vw; background:url(mb_01.jpg?t=1751420984970) top center no-repeat ; background-size:100%; }
	 .Area_top .title{position:absolute;top:5vw;left:11vw; z-index:11; width: 75%;}
	 .Area_top .sub_01{position:absolute;top:45vw;left:20vw; z-index:2; width: 60%;}
	 .Area_top .star{position:absolute;top:36.7vw;left:45vw; z-index:2; width: 4%;}
	}


/*版頭品輪播(線上入搞)*/
.Area_toppd {}
.Area_toppd .box {position: absolute; top:145px; left:645px; padding:0 ;margin: 0 ;  box-sizing: content-box; }
.Area_toppd .box .PD_layout ul {display: flex;  margin: 0 auto;  padding:0 0 0 0; grid-gap: inherit;}
.Area_toppd .box .PD_layout ul img{ width: 100%;}
.Area_toppd .box .lbtclass { width: 535px; height: 550px; overflow: hidden; margin:0 auto; padding:0 ; }
.Area_toppd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important;}
@media screen and (max-width:767px){
	.Area_toppd {height: auto;}
	.Area_toppd .box { width: 100%;position: absolute; top:44vw; left:-6vw ;padding:0 0 0; margin: 0 auto;}
	.Area_toppd .box .PD_layout ul {}
	.Area_toppd .box .PD_layout ul img{ width: 125%;}
	.Area_toppd .box .lbtclass { width: 72%;height: 77vw; margin: 0 auto;overflow: visible;}
	.Area_toppd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0 !important;left: 10vw;}
}


/*登記*/
.Area_book1 { width:1220px; height:auto; position:relative; margin:0 auto;box-sizing:border-box; padding:0 ; margin-bottom:100px ; /*background-image: url(book_bg.png?t=1751420984970);background-repeat: no-repeat;background-position: center top ;*/}
.Area_book1 .box {  /*background:url(book_bg_02.png?t=1751420984970) top center repeat-y;*/ }
.Area_book1 .Area_danji { top:50px;}


@media screen and (max-width:767px){
	.Area_book1 { width:100%; height:auto; padding: 0; background-size:100%; margin-bottom:0;/* background:url(mb_Area_book1.png?t=1751420984970) top center no-repeat ; background-size:100%;*/}
	.Area_book1 .box {  background:url(mb_03.jpg?t=1751420984970) top center repeat-y; ; background-size:100%;  }
	.Area_book1 .Area_danji { width:93%; top:0;  margin: 0 auto 0;}
    .Area_book1 .danji_txt{width: 100%;margin-bottom: 2vw;}

	}


/*登記(延伸背景)*/
.Area_book { width:1220px; height:auto; position:relative; margin:0 auto;box-sizing:border-box; padding:0 ; margin-bottom:45px; }
.Area_book .box {  background:url(book_bg_02.png?t=1751420984970) top center repeat-y; }
.Area_book .Area_danji { top:5px;}
.Area_book .Area_danji[data-danji-num="1"] ul li .content {top: 175px; right: 17%;}
.Area_book .Area_danji:nth-child(1){ margin-bottom:0;}
.Area_book .danji_txt{position:relative; margin-bottom: 20px}

@media screen and (max-width:767px){
	.Area_book { width:100%;height:auto; padding: 0;  background-size:100%; margin-bottom:0; }
	.Area_book .box {  background:url(mb_05.jpg?t=1751420984970) top center repeat-y ; background-size:100%; }
	.Area_book .title_h2 { position: relative; top:0; left:0; }
	.Area_book .Area_danji { width:91%; top:2vw;  margin: 0 auto 0;}
	.Area_book .Area_danji[data-danji-num="1"] ul li .content {top:90%; right:10%;}
  .Area_book .Area_danji:nth-child(1){ margin-bottom:0;}
  .Area_book .danji_txt{width: 100%;margin-bottom: 2vw;}

	}


/*PC+MB_登記說明文(不會有間距)*/
@media screen and (min-width:768px){
.Area_book1 .Area_danji .warningTxt h3 {color: #000;text-align: center;font-size: 1rem; line-height: 1.5em; font-weight: 400; padding: 1.2rem 0 1.5rem; margin: 0;}
 }

@media screen and (max-width:767px){
.Area_book1 .Area_danji .warningTxt h3 {color: #000;text-align: center;font-size: 0.8rem; line-height: 2em; font-weight: 400; padding: 0.9rem 0 0.3rem; margin: 0}
 }



/*活動訊息x3(線上入搞)*/
@media screen and (min-width:768px){
.Area_event { position: relative; height: 100%; margin-bottom: 100px;}
.Area_event .layout_event{top:0;}
.Area_event .layout_event ul {width:1040px;margin:0 auto; padding:0; grid-gap: 0;/*background-image: url(pd_bg.png?t=1751420984970);background-repeat: repeat-y;background-size: 100%;background-position: center top*/;}
.Area_event .layout_event ul li {padding:0;margin:0 auto;}
.Area_event .layout_event ul li img {width:96%;}

}
@media screen and (max-width:767px){
.Area_event{margin-bottom: 0; height: 50vw; background-image: url(mb_02.jpg?t=1751420984970); background-size: 100%;background-repeat: no-repeat;}
.Area_event .layout_event{width:100%;margin:0;padding:0;}
.Area_event .layout_event ul {width:98%;margin:0 auto;padding:0;}
.Area_event .layout_event ul li {margin: 0;}
.Area_event .layout_event ul li img {width:100%;}
.Area_event .layout_event:nth-child(1) ul li{ margin: 0 0 0 0}
}


/*活動倒數*/
.TimerNick2 {display:inline-block; position:absolute; top:32px; left:683px;  height:50px; z-index:99;}
.TimerNick2 .FontStyle2 { display: inline-block; margin: 0 0 0 2px; padding: 0; border: 0; font:normal 32px/30px Arial; color: #6c4d2b; /*text-shadow:1px 1px 0px #fff;*/ letter-spacing: 0px; text-align: center;}
.TimerNick2 span { padding-left: 2px; font: 400 27px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em; color:#6c4d2b}
	@media screen and (max-width:767px){
	.TimerNick2 {display:inline-block; width:100%; position: absolute; top:14.5vw; left:0; margin:0;  height:0; padding-bottom:13%; overflow:hidden; text-align:center; background-size:100%;z-index:20;}
	.TimerNick2 .FontStyle2 { margin: 0; padding: 0; border: 0; font: lighter 5vw/6vw Arial; }
	.TimerNick2 span { padding-left:0; font:bold 4vw/7vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: -0.05em;}
	}






/*主打品(線上入搞)*/
@media screen and (min-width:768px){
.Area_btn {height:auto;margin-bottom: 110px;}
.Area_btn .PD_layout-PDBN_01{}
.Area_btn .PD_layout-PDBN_01 ul {width:1220px;margin:35px 0 0; padding:0; /*background-image: url(pd_bg.png?t=1751420984970);background-repeat: repeat-y;background-size: 100%;background-position: center top*/;}
.Area_btn .PD_layout-PDBN_01 ul li {padding:3%;margin:0;}
.Area_btn .PD_layout-PDBN_01 ul li img {width:100%;}
	
.Area_btn .PD_layout-PDBN_01 ul li:nth-child(even){ top:100px;}

.Area_btn	.PD_layout[data-pd-li*="BN"] .PD_into{width: 100%; padding-left: 0;position: absolute;left: 0px;top: 30px;z-index: 5}	
.Area_btn .PD_layout-PDBN_01 .PD h3 {color: #245241;font-size: 34px;top: 40px; text-align:right; letter-spacing: -0.05em;}
.Area_btn .PD_layout-PDBN_01 .PD h4 {color: #565352;top: 101px; left: 289px;font-weight: 500;font-size: 33px; text-align:left;}
.Area_btn .PD_layout-PDBN_01 .PD h4 b{ max-height: 1.25em; }
.Area_btn .PD_layout-PDBN_01 .PD h4 span{color:#565352; max-height: 1.2em; }
.Area_btn	.PD_layout-PDBN_01 .PD p{top: 190px; left: 0; font-weight: 900; font-size: 28px;text-align:right;}

.Area_btn .PD_layout-PDBN_01 .PD p .Price{ letter-spacing: -2px;color: #000;background: -webkit-linear-gradient(90deg, #b2825b 20%, #b2825b 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
	
.Area_btn .PD_layout-PDBN_01 .PD p .money,
.Area_btn .PD_layout-PDBN_01 .PD p .Price,
.Area_btn .PD_layout-PDBN_01 .PD p b,
.Area_btn .PD_layout-PDBN_01 .PD p small { color: #000;background: -webkit-linear-gradient(90deg, #b2825b 20%, #b2825b 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
}

@media screen and (max-width:767px){
.Area_btn{margin-bottom: 0; background-image: url(mb_03.jpg?t=1751420984970); background-size: 100%;background-repeat: repeat-y;}
.Area_btn .PD_layout-PDBN_01{width:90%;margin:0 auto;padding:0; }
.Area_btn .PD_layout-PDBN_01 ul {margin:0 auto;padding:0;}
.Area_btn .PD_layout-PDBN_01 ul li {margin: 0 auto;}
.Area_btn .PD_layout-PDBN_01 ul li img {width:100%;}
	
.Area_btn .PD_layout[data-pd-h4="2"] .PD h4 b, .PD_layout[data-pd-h4="2"] .PD h4 span { display:block;}
	
.Area_btn	.PD_layout[data-pd-li*="BN"] .PD_into{width: 100%;padding-left: 0;position: absolute;left: 3vw;top: 2vw;z-index: 5}	
.Area_btn .PD_layout-PDBN_01 .PD h3 {color: #245241; top: 7vw; font-size: 5vw;text-align:right;}
.Area_btn .PD_layout-PDBN_01 .PD h4 {color: #565352;top: 16vw;left: 0vw;font-size:4.5vw;text-align:right;}
.Area_btn .PD_layout-PDBN_01 .PD h4 b{ max-height: 1.2em ; }
.Area_btn .PD_layout-PDBN_01 .PD h4 span{color:#565352;  }
.Area_btn	.PD_layout-PDBN_01 .PD p del { font-size: 3.8vw;}	
.Area_btn	.PD_layout-PDBN_01 .PD p{ top: 30vw;left: 0vw;  font-size: 5vw;font-weight: 500;text-align:right; }
.Area_btn .PD_layout-PDBN_01 .PD p .Price{ letter-spacing: -1px;color: #000;
	background: -webkit-linear-gradient(90deg, #b2825b 20%, #b2825b 60%);
							-webkit-background-clip: text;
							-webkit-text-fill-color: transparent;}
.Area_btn .PD_layout-PDBN_01 .PD p .Price {font-size: 7vw;}	
.Area_btn .PD_layout-PDBN_01 .PD p .money,
.Area_btn .PD_layout-PDBN_01 .PD p .Price,
.Area_btn .PD_layout-PDBN_01 .PD p b,
.Area_btn .PD_layout-PDBN_01 .PD p small {
  color: #000;
  background: -webkit-linear-gradient(90deg, #b2825b 20%, #b2825b 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  }
	
}



.pc_guan ul {width: 100%;}
@media screen and (max-width:767px){
.pc_guan { width: 75%!important;padding: 6vw 0 15vw 0;}

}








@media screen and (min-width:767px){
 .mbottom1 { margin-top:50px !important}
 .mbottom2 { margin-top:80px !important}
 .mbottom3 { margin-top:110px !important}
 .mbottom4 { margin-top:150px !important}
 }


/*Appletxt*/
.apple_txt{ position: relative;margin:30px auto; color:#000;font-size: 13px; text-align: center; }
	@media screen and (max-width:767px){
	.apple_txt{position: relative;margin:2%; color:#000; letter-spacing: -0.05em;}
	}


/*8品RWD公版/*/
@media screen and (min-width:768px){
  .Area_8PD .PD_layout_rwd_4PD_1 {width:1220px; height:963px;margin-bottom:50px; }
  .Area_8PD .PD_layout_rwd_4PD_1 ul {width: 93%; padding:105px 0 0 0;}
	.Area_8PD .PD_layout_rwd_4PD_1 ul li {border-radius:10px;}
  .Area_8PD .PD_layout_rwd_4PD_1 h2 {position:relative; top:48px; margin:0px; padding:0px;  font-size:50px; line-height:50px; letter-spacing:-3px; overflow:hidden;  text-shadow:0px 0px 0px rgb(225 225 225); color:#fff;}
}
  .Area_8PD .PD_layout.PD_layout_rwd_4PD_1 .PD h3 {background-color:#7a4200;}

@media screen and (max-width:767px){
  .Area_8PD .PD_layout_rwd_4PD_1.PD_layout { width: 96%;margin-bottom: 0; /*background: url(mb_05.jpg?t=1751420984970) center top repeat-y scroll;*/ background-size: 100%;}
	.Area_8PD .PD_layout_rwd_4PD_1.PD_layout ul {width: 93%; padding: 1% 0 3% 0;} 
  .Area_8PD .PD_layout_rwd_4PD_1.PD_layout h2 {top:0; margin:0 auto; padding:0 2%; width:100%; height: 30vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:34.5vw; text-align:center;/*text-shadow:0 0 0 #fff;*/letter-spacing:-0.1rem;background:url(mb_06.jpg?t=1751420984970) center top no-repeat;background-size:100%; color:#fff;}  

	.Area_8PD .PD_layout_rwd_4PD_1{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
	.Area_8PD:nth-child(1) .PD_layout_rwd_4PD_1 {background-color: #347262; }
	.Area_8PD:nth-child(2) .PD_layout_rwd_4PD_1{background-color: #cbac8e; }
	.Area_8PD:nth-child(3) .PD_layout_rwd_4PD_1 {background-color: #000000; }
}


	
/*8品RWD公版-1/*/
@media screen and (min-width:768px){
  .Area_8PD .PD_layout_rwd_4PD_2 {width:1220px; height:623px;margin-bottom:50px; }
  .Area_8PD .PD_layout_rwd_4PD_2 ul {width: 93%; position: absolute;top:142px;right:42px;}
	.Area_8PD .PD_layout_rwd_4PD_2 ul li {border-radius:10px;}
  .Area_8PD .PD_layout_rwd_4PD_2 h2 {position:relative; top:48px; margin:0px; padding:0px;  font-size:50px; line-height:50px; letter-spacing:-3px; overflow:hidden;  text-shadow:0px 0px 0px rgb(225 225 225); color:#fff;}
}

@media screen and (max-width:767px){
  .Area_8PD .PD_layout_rwd_4PD_2.PD_layout { width: 96%;margin-bottom: 0; /*background: url(mb_05.jpg?t=1751420984970) center top repeat-y scroll;*/ background-size: 100%;}
  .Area_8PD .PD_layout_rwd_4PD_2.PD_layout h2 {top:0; margin:0 auto; padding:0 2%; width:100%; height: 30vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:34.5vw; text-align:center;/*text-shadow:0 0 0 #fff;*/letter-spacing:-0.1rem;background:url(mb_07.jpg?t=1751420984970) center top no-repeat;background-size:100%; color:#fff;}  

	.Area_8PD .PD_layout_rwd_4PD_2{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
	.Area_8PD:nth-child( n+1 ) .PD_layout_rwd_4PD_2 {background-color: #347262; }
}


/*8品RWD公版-2/*/
@media screen and (min-width:768px){
  .Area_8PD .PD_layout_rwd_4PD_3 {width:1220px; height:623px;margin-bottom:50px; }
  .Area_8PD .PD_layout_rwd_4PD_3 ul {width: 93%; position: absolute;top:142px;right:42px;}
	.Area_8PD .PD_layout_rwd_4PD_3 ul li {border-radius:10px;}
  .Area_8PD .PD_layout_rwd_4PD_3 h2 {position:relative; top:48px; margin:0px; padding:0px;  font-size:50px; line-height:50px; letter-spacing:-3px; overflow:hidden;  text-shadow:0px 0px 0px rgb(225 225 225); color:#fff;}
}

@media screen and (max-width:767px){
  .Area_8PD .PD_layout_rwd_4PD_3.PD_layout { width: 96%;margin-bottom: 0; /*background: url(mb_05.jpg?t=1751420984970) center top repeat-y scroll;*/ background-size: 100%;}
  .Area_8PD .PD_layout_rwd_4PD_3.PD_layout h2 {top:0; margin:0 auto; padding:0 2%; width:100%; height: 30vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:34.5vw; text-align:center;/*text-shadow:0 0 0 #fff;*/letter-spacing:-0.1rem;background:url(mb_06.jpg?t=1751420984970) center top no-repeat;background-size:100%; color:#fff;}  

	.Area_8PD .PD_layout_rwd_4PD_3{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
	.Area_8PD:nth-child(n+2) .PD_layout_rwd_4PD_3{background-color: #cbac8e; }


}

/*8品RWD公版-3/*/
@media screen and (min-width:768px){
  .Area_8PD .PD_layout_rwd_4PD_4 {width:1220px; height:623px;margin-bottom:50px; }
  .Area_8PD .PD_layout_rwd_4PD_4 ul {width: 93%; position: absolute;top:142px;right:42px;}
  .Area_8PD .PD_layout_rwd_4PD_4 ul li {border-radius:10px;}
  .Area_8PD .PD_layout_rwd_4PD_4 h2 {position:relative; top:48px; margin:0px; padding:0px;  font-size:50px; line-height:50px; letter-spacing:-3px; overflow:hidden;  text-shadow:0px 0px 0px rgb(225 225 225); color:#fff;}
}

@media screen and (max-width:767px){
  .Area_8PD .PD_layout_rwd_4PD_4.PD_layout { width: 96%;margin-bottom: 0; /*background: url(mb_05.jpg?t=1751420984970) center top repeat-y scroll;*/ background-size: 100%;}
  .Area_8PD .PD_layout_rwd_4PD_4.PD_layout h2 {top:0; margin:0 auto; padding:0 2%; width:100%; height: 30vw; overflow:hidden; font-weight:bold; font-size:6.5vw; line-height:34.5vw; text-align:center;/*text-shadow:0 0 0 #fff;*/letter-spacing:-0.1rem;background:url(mb_08.jpg?t=1751420984970) center top no-repeat;background-size:100%; color:#fff;}  

	.Area_8PD .PD_layout_rwd_4PD_4{ background-size:100%; background-repeat: repeat-y; box-sizing:border-box; padding: 0 0 0 0;}
	.Area_8PD:nth-child(n+3) .PD_layout_rwd_4PD_4{background-color: #b4bf7d; }

}







		
/**延遲載圖用**/
.mainArea .articleList * img.lazy {display:none;} 

