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

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

/*全BOX版面*/
.WRAPPER {z-index:0;position: relative;display:block;margin: 0 auto;padding:0;width:100%;min-width:1220px;text-align:left;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;padding-bottom: 30px;overflow: hidden;background-color: #f2b8d1;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration: none;}

/*預設清單樣式*/
.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 {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;padding-bottom: 0;}
		.WRAPPER img {  width:100%;  height:auto; }
	}

/*注意事項區*/
.edm_notice{position: relative;margin:30px auto;text-align:center;padding:10px 10px 15px 10px;color: #000;font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }

@media screen and (max-width:767px){
.edm_notice{position: relative;margin:0 0 0 0;text-align:center;padding:10px 10px 15px 10px;color: #000;font:12px/18px Helvetica;}
}

/** 入稿區基本 **/
.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_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -30;position:absolute;top: 1850px;left: 0;width:100%;height: 6700px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -70;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index: -50;position:absolute;top: 11vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
.m_deco_light {position:absolute;top: 11vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: overlay;z-index: -5;}	
.light2box {z-index: 0;position: absolute;width: 100%;height: 103vw;left: 50%;transform: translateX(-50%);top: 9vw;mix-blend-mode: overlay;}
.m_bg_repeat {z-index: -55;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.bg_deco01 {position:absolute;top: 27vw;width:100%;right: 10vw;height:100%;background: url(bg_deco01.jpg?t=1757665666355) repeat-x center top;background-size: 95%;transform: rotate(18deg);z-index: -10;}
.bg_deco02 {position:absolute;top: -9.3vw;width:100%;right: 110vw;height:100%;background: url(bg_deco02.jpg?t=1757665666355) repeat-x center top;background-size: 95%;transform: rotate(20deg);z-index: -15;}
.bg_deco03 {position:absolute;top: 140vw;width:100%;left: -83vw;height:100%;background: url(bg_deco01.jpg?t=1757665666355) repeat-x center top;background-size: 90%;transform: rotate(42deg);z-index: 10;}
.bg_deco_box {position: absolute;width: 960px;top: 0;left: 0;height: 123vw;overflow: hidden;}	
}



/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #ffee94;}                 
                    

/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 50px!important;}
.Area_bottom2 {margin-bottom: 40px!important;}
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 8vw!important;}
.Area_bottom2 {margin-bottom: 5vw!important;}	
}


/*版頭區塊*/
.Area_title img{ width: 100%; }
@media screen and (min-width:768px){
.Area_title {height: 620px;z-index: 20;}
.date_bg {position: absolute;top: 60px;left: 480px;z-index: -30;width: 13.3%;pointer-events: none;}	
}

@media screen and (max-width:767px){
.Area_title {height: 113vw;}
.star01 {position: absolute;top: 26vw;left: 2vw;z-index: 10;width: 7%;pointer-events: none;}
.star02 {position: absolute;top: 38vw;left: 92.6vw;z-index: 10;width: 5%;pointer-events: none;}
.date_bg {position: absolute;top: 3.5vw;left: 5.2vw;z-index: 20;width: 20%;pointer-events: none;}
}


/*版頭主標微調*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout li { border:none; }

@media screen and (min-width: 768px){
.title {position: relative;z-index: -10;height: 260px;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 222px;left: 61px;z-index: 10;width: 42%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 65px;left: 485px;z-index: 10;width: 12%;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 165px;left: 143px;z-index: 10;width: 32%;}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd { z-index: -5; }
}

@media screen and (max-width:767px){
.title {position: relative;top: -3vw;height: 41vw;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 14vw;left: 20vw;z-index: 10;width: 58%;}
.title .PD_layout li:nth-of-type(2) {transform: rotate(338deg);position: absolute;top: 7vw;left: 5.4vw;z-index: 30;width: 18.5%;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 6.2vw;left: 25vw;z-index: 10;width: 50%;}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd {position: relative;}
}


/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 395px;left:-27px;width: 60%;height: 150px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 73%;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 31vw;left:9vw;width: 86%;height: 30vw;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 87%;padding: 0;}
}


/*版頭線上入搞品*/
.Area_title .box01 .PD_layout .PD_into { align-items: center;}
.Area_title .box01 .PD_layout .PD h3 { width: 100%; }
.Area_title .box01 .PD_layout[data-pd-h3="5"] .PD h3 span{ max-width: 100%!important; }
.Area_title .box01 .PD_layout .PD h3,.Area_title .box01 .PD_layout .PD h4 { margin-bottom: 0; }
.Area_title .box01 .PD_layout .PD_slide { background-color: #fff; border-radius: 0.5em; }
.Area_title .box01 .PD_layout .PD_slide:hover { box-shadow: none; }
.Area_title .box01 .PD_layout .PD h3 span { background-color: #0000; }
.Area_title .box01 ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); }
.Area_title .box01 ul.PD_wrapper li{flex-shrink: 0;margin: 0;padding: 0;min-width: auto;background-color: #fff;border-top: none;border-right:none;border-radius: 0.5em;}

@media screen and (min-width: 768px){
.Area_title .swiper_box {position: relative;top: -106px;left: 680px;width: 600px;overflow: hidden;}
.Area_title .box01 {position: relative;top: 0;left: 0;z-index: 10;width: 100%;border-radius: 1em;}
.PD_boxbg {position: absolute;top: 120px;left: 650px;right: -130px;z-index: -5;}	
.top_TV {position: absolute;top: 110px;left: 640px;right: -173px;z-index: 15;pointer-events: none;}	
.Area_title .box01 ul{grid-gap: 0;padding: 10px 0 18px;height: 335px;}
}
@media screen and (max-width:767px){
.Area_title .box01 {position: relative;width: 90%;overflow: hidden;top: 12vw;right: -3.5vw;z-index: 0;}
.PD_boxbg {position: absolute;top: 47vw;left: 0;z-index: 0;height: 66vw;}	
.top_TV {position: absolute;top: 47vw;left: 0;z-index: 15;height: 66vw;pointer-events: none;}	
.Area_title .box01 ul{grid-gap: 0;padding: 0 0 3vw;}
.Area_title .box01 .PD_layout .PD p del {font-size: 0.7em;}
.Area_title .box01 .PD_layout .PD p .Price{ font-size: 1.5em; }
.Area_title .box01 .PD_layout .PD img { width: 87%;}
.swiper-container-horizontal>.swiper-pagination-bullets { z-index: 30;}
}

/*版頭品*/
@media screen and (min-width:768px){		
  .Area_title .pro_p001 {position:absolute; width: 51%;top:103px;left:616px;z-index:10;}
  }
  @media screen and (max-width:767px){
    .Area_title .pro_p001 {position: absolute;width:80%;top:45vw;left:11vw;z-index: 99;}
  }
    
  
  

/*區塊1*/
@media screen and (min-width: 768px){
  .Area01 {height: auto;margin-bottom: 120px!important;}
  .Area01 .layout_toppd ul {padding:0;grid-template-columns: repeat(3, minmax(0, 1fr)); }	
  }
  @media screen and (max-width: 767px){
  .Area01 {height: auto;z-index: 30;margin-bottom: 6vw!important;}
  .Area01 .layout_toppd.PD_layout {width: 95%;}		  
  }



/*區標線上入稿*/
.box_txt .PD_layout ul { padding: 0; }	
@media screen and (min-width: 768px){
	
.box_txt {position: relative;display: flex;margin: 0 auto;padding: 4% 0 0 0;width: 100%;height:188px;justify-content: center; z-index: 50;  z-index: 0;background: url("txtbg.png?t=1757665666355") center top/ 100% no-repeat scroll;  }
.box_txt img{width:100%!important;padding: 0;}
.box_txt ul li h5 { padding: 0; margin: 36px 0 23px 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #ffffff;letter-spacing: -1px;text-align: center;}	
.Area_8PD .box_txt .PD_layout ul{width:100%; margin: 0 auto;}

.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height:183px;justify-content: center; z-index: 50;  z-index: 0;background: url("txtbg2.png?t=1757665666355") center top/ 100% no-repeat scroll;  }
.box_txt2 img{width:100%!important;padding: 0;}
.box_txt2 ul li h5 { padding: 0; margin:75px 0 23px 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #ffffff;letter-spacing: -1px;text-align: center;}	
.Area_8PD .box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}
	
	
.box_txt3 {position: relative;display: flex;margin: 0 auto;width: 100%;height:147px;justify-content: center; z-index: 50;  z-index: 0;background: url("txtbg3.png?t=1757665666355") center top/ 100% no-repeat scroll;  }
.box_txt3 img{width:100%!important;padding: 0;}
.box_txt3 ul li h5 { padding: 0; margin:34px 0 23px 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #b5385e;letter-spacing: -1px;text-align: center;}	
.Area_8PD .box_txt3 .PD_layout ul{width:100%; margin: 0 auto;}
	
	
.box_txt4 {position: relative;display: flex;margin: 0 auto;width: 100%;height:177px;justify-content: center; z-index: 50;  z-index: 0;background: url("txtbg4.png?t=1757665666355") center top/ 100% no-repeat scroll;  }
.box_txt4 img{width:100%!important;padding: 0;}
.box_txt4 ul li h5 { padding: 0; margin:48px 0 23px 0; font: bold 47px / 47px "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;  transform: rotate(0deg);color: #fff;letter-spacing: -1px;text-align: center;}	
.Area_8PD .box_txt4 .PD_layout ul{width:100%; margin: 0 auto;}
	
	
}

@media screen and (max-width:767px){
	
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt img{width: 100%;}
.box_txt { padding: 0% 0 0; z-index: 50; margin: 2% auto;height: 20vw; width: 100%!important;background: url("txtbg.png?t=1757665666355") center top/ 100% no-repeat scroll;}
.box_txt ul li h5 { font: bold 5.5vw / 5.5vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;margin: 6vw 0 2vw 0;color: #ffffff;letter-spacing: -1px;text-align: center;}	
.box_txt .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.Area_8PD .box_txt .PD_layout ul{width:100%; margin: 0 auto;}
	
	
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt2 img{width: 100%;}
.box_txt2 { padding: 0% 0 0; margin: 2% auto;height: 18vw; width: 100%!important;background: url("txtbg2.png?t=1757665666355") center top/ 100% no-repeat scroll;}
.box_txt2 ul li h5 { font: bold 5.5vw / 5.5vw "Noto Sans CJK SC", "Microsoft JhengHei", Arial, Helvetica;margin: 6vw 0 2vw 0;color: #ffffff;letter-spacing: -1px;text-align: center;}	
.box_txt2 .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.Area_8PD .box_txt2 .PD_layout ul{width:100%; margin: 0 auto;}	
	
	
.box_txt3 {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt3 img{width: 100%;}
.box_txt3 { padding: 0% 0 0; margin: 2% auto;height: 13vw; width: 100%!important;background: url("txtbg3.png?t=1757665666355") center top/ 100% no-repeat scroll;}
.box_txt3 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 2vw 0 2vw 0;color:#b5385e; letter-spacing: -1px; text-align: center;}	
.box_txt3 .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.Area_8PD .box_txt3 .PD_layout ul{width:100%; margin: 0 auto;}	
	
	
	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index:0; }
.box_txt4 img{width: 100%;}
.box_txt4 { padding: 0% 0 0; margin: 2% auto;height: 16vw; width: 100%!important;background: url("txtbg4.png?t=1757665666355") center top/ 100% no-repeat scroll;}
.box_txt4 ul li h5 { font: bold 6.5vw/6.5vw "Noto Sans CJK SC","Microsoft JhengHei", Arial, Helvetica;margin: 3vw 0 2vw 0;color:#ffffff; letter-spacing: -1px; text-align: center;}	
.box_txt4 .Area_8PD .PD_layout ul {width:100%; margin: 0 auto;}
.Area_8PD .box_txt4 .PD_layout ul{width:100%; margin: 0 auto;}	
	
}


   

/*作圖區微調*/
.pd_style .PD_slide:nth-of-type(odd)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg.png?t=1757665666355") center top/100% no-repeat scroll;}
.pd_style .PD_slide:nth-of-type(even)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg2.png?t=1757665666355") center top/100% no-repeat scroll;}
.pd_style .PD_slide .PD h4 b, .pd_style .PD_slide .PD h4 span { background-color: #f1c0d599;}
@media screen and (min-width: 768px){
.pd_style .PD_slide {height: 460px;}
.pd_style .PD_slide:nth-of-type(even) .PD_img {padding: 1% 2% 7% 8%;}
.pd_style .PD_slide:nth-of-type(even) .PD_logo {position: absolute;top: 41px;right: 90px;}
.pd_style .PD_slide:nth-of-type(even) .PD_into {padding-top: 20px;padding-right: 150px;text-align: right;}

.pd_style .PD_slide:nth-of-type(odd) .PD_img {position: absolute;right: 58px;padding: 4% 2% 0 9%;}
.pd_style .PD_slide:nth-of-type(odd) .PD_logo {position: absolute;top: 41px;left: 90px;}	
.pd_style .PD_slide:nth-of-type(odd) .PD_into {padding-top: 140px;padding-left: 140px;text-align: left;}

.pd_style .PD_slide:nth-of-type(odd) .PD p del{font-size: 25px;color: #303f75;}
.pd_style .PD_slide:nth-of-type(even) .PD p del{font-size: 25px;color: #2f3d73;}
.pd_style .PD_slide:nth-of-type(odd) .PD h4{font-size: 27px;color: #2d3a6f;padding: 0 2%;width: 84%;}
.pd_style .PD_slide:nth-of-type(even) .PD h4{position: relative;font-size: 27px;color: #2d3a6f;padding: 0 2%;width: 85%;left: 58px;}

.pd_style.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{ border:none; box-shadow:none; }
.pd_style.PD_layout .PD h3{font-size: 30px;color: #2f3d73;}
.pd_style.PD_layout .PD p{height: 7em;line-height: 5em;}
.pd_style.PD_layout .PD p b{font-size: 35px;color: #2f3d73;}
.pd_style.PD_layout .PD p .money{font-size: 32px;color: #db156b;}
.pd_style.PD_layout .PD p .Price{font-size: 55px;color: #db156b;}
}
@media screen and (max-width: 767px){
.pd_style .PD_slide {height: 44vw;}
.pd_style .PD_slide:nth-of-type(even) .PD_img {width: 45%;padding: 4% 1% 7% 5%;}
.pd_style .PD_slide:nth-of-type(even) .PD_logo {position: absolute;top: 3vw;right: 7vw;}
.pd_style .PD_slide:nth-of-type(even) .PD_into {width: 40%;margin-top: -4vw;margin-left: 4vw;text-align: right;}
.pd_style .PD_slide:nth-of-type(odd) .PD_img {position: absolute;right: 0;padding: 6% 6% 7% 1%;width: 45%;}
.pd_style .PD_slide:nth-of-type(odd) .PD_logo {position: absolute;top: 3vw;left: 7vw;}
.pd_style .PD_slide:nth-of-type(odd) .PD_into {width: 50%;padding-top: 13vw;padding-left: 10vw;text-align: left;}
.pd_style .PD_slide:nth-of-type(even) .PD p del{color: #2e3b70;}
.pd_style .PD_slide:nth-of-type(odd) .PD p del{color: #2f3c72;}
.pd_style.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img{ border:none; box-shadow:none; }
.pd_style.PD_layout .PD h3{font-size: 15px;color: #2f3d73;}
.pd_style.PD_layout .PD h4{font-size: 15px;color: #2f3d73;}
.pd_style.PD_layout .PD p{height: 5em;line-height: 5em;}
.pd_style.PD_layout .PD p b{font-size: 16px;color: #2f3d73;}
.pd_style.PD_layout .PD p .money{font-size: 12px;color: #db156b;}
.pd_style.PD_layout .PD p .Price{font-size: 25px;color: #db156b;}
}


/*區塊3*/
@media screen and (min-width: 768px){
  .Area03 {height: auto;margin-bottom: 160px!important;}
  .Area03_box_txt_bg::after {content:"";position: absolute;display:block;top: 0;left: 140px;width: 74%;height: 100%;pointer-events:none;z-index: -30;background: url("Area03_box_txt_bg.png?t=1757665666355") center top/100% no-repeat scroll;}			
}
@media screen and (max-width: 767px){
  .Area03 { z-index: 30;padding-bottom: 0vw;} 
  .Area03_box_txt_bg::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -30;background: url("Area03_box_txt_bg.png?t=1757665666355") center top/100% no-repeat scroll;}
  .Area03 .layout_toppd.PD_layout {width: 95%;}	
}
  




  



/*08--1帶2公版*/
@media screen and (min-width: 768px){
	.Area08{    top: 0px;}
	.Area08 .PD_layout .PD p del {display: none;}
  .Area08_top {z-index: -40;position:absolute;top: -570px;width:100%;height: 160%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
  .Area08_repeat {z-index: -45;position:absolute;top: 280px;width:100%;height: 90%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
  .Area08_end {z-index: -40;position:absolute;bottom: -430px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
  }
  @media screen and (max-width:767px){
	.Area08{margin-bottom: 1vw;    top: 0;}
	.Area08.PD_layout .PD p del {display: none;}
	.m_Area08_top {z-index:-50;position:absolute;top: -18vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .m_Area08_repeat {z-index: -55;position:absolute;top: 12vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
  .m_Area08_end {z-index:-50;position:absolute;bottom: -15vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}	  
  }
  
  @media screen and (min-width: 768px){
  	/*公版:區標*/		
	.Area08.Area_brand{margin:0px auto 0 auto;}
	.Area08.Area_brand .text{position: absolute;top: 0px;}
	.Area08.Area_brand .box_all{display: flex;flex-wrap: wrap;position: relative;padding: 15px 0 0 0;}
	.Area08.Area_brand .box_all .box{width: 48%;position: relative;padding: 0 0 33px 0;margin: 0px auto 0 auto;margin-bottom: 22px;/*background: no-repeat right top/100% url("logo_bg.png?t=1757665666355");*/}
	.Area08.Area_brand  .box .ly ul{width: 100%;}
	/*logo*/ 
	.Area08.Area_brand  .logo{width: 100%;height:74px;}
	.Area08.Area_brand  .logo ul{grid-gap: 0;}
	.Area08.Area_brand  .logo ul .PD_into{padding: 0px;}
	.Area08.Area_brand  .logo ul .PD_logo{width: 40%;position: relative;top: 16px;left: 25px;background-color: #fff;border-radius: 31px;padding: 0% 3% 0% 3%;}
	.Area08.Area_brand  .logo ul li h3{color: #ffffff;width: 50%;position: absolute;right: 20px;top: 20px;margin: 0 auto;font-size: 1.6em;}
	.Area08.Area_brand  .swiper-pagination-bullet {background: #ffffff;}
	  
	.Area08.Area_brand .PD_layout[data-pd-col-pc="4"] li:nth-child(2) { border-top: none; border-right: solid 1px transparent;}	
  }
  @media screen and (max-width:767px){

	.Area08.Area_brand{margin: 0vw auto 0 auto;}
	.Area08.Area_brand .text{}
	.Area08.Area_brand .tag{padding: 2vw 0 4vw 0;}
	.Area08.Area_brand .box_all{position: relative;padding-top: 8vw;width: 100%;margin: 0 auto;}
	.Area08.Area_brand .box_all .box{position: relative;margin: 0 auto 0 auto;padding: 0 0 9vw 0;margin: 0 auto;/*background-image: repeating-linear-gradient(316deg, rgb(132 88 62) 36%, rgb(205 183 157) 73%, rgb(132 88 62) 89%);background: no-repeat top center/100% url("logo_bg.png?t=1757665666355");*/}
  /*logo*/ 
  .Area08.Area_brand  .logo{width: 100%;height: 13vw;}
  .Area08.Area_brand  .logo ul{grid-gap: 0;}
  .Area08.Area_brand  .logo ul .PD_into{padding: 0;}
  .Area08.Area_brand  .logo ul .PD_logo{width: 39%;position: relative;top: 1vw;left: 6vw;background-color: #fff;border-radius: 31px;padding: 0% 3% 0% 3%;}
  .Area08.Area_brand  .logo ul li h3{color:#ffffff;width: 48%;position: absolute;right:5vw;top:1vw;margin: 0 auto;font-size: 1.4em;}
  .Area08.Area_brand  .swiper-pagination-bullet {background: #ffffff;}
  /*公版*/ 
  .Area08.Area_brand .box_all .box .ly{width: 94%;padding:0vw 0 0 0;}
	.Area_brand .PD_layout[data-pd-col-pc="4"] li:nth-child(2) { border-top: none; border-right: solid 1px transparent;}	
  
  }








/*區塊6*/
@media screen and (min-width: 768px){
  .Area06 .box01{}
  .Area06 .box02{margin: 0 0% 0;}
  .Area06 .box03{margin: 0 0 0;background: url("Area06_bg.png?t=1757665666355") center top/100% no-repeat scroll;}
  .Area06 .box03 .PD_layout ul {padding: 2% 10% 0;grid-gap: 70px;}
  .Area06_bg {position: absolute;top: 790px;left: 130px;z-index: -10;height: 230px;}
}
@media screen and (max-width: 767px){
  .Area06 .box01{margin: 0 2% 0;}
  .Area06 .box02{margin: 0 0% 0;}
  .Area06 .box03{margin: 5% 0% 0;background: url("Area06_bg.png?t=1757665666355") center top/100% no-repeat scroll;}
  .Area06 .box03 .PD_layout ul { padding: 2% 0% 0 0%;grid-gap: 0vw;width: 91%;top: -6vw;position: relative;}
  .Area06_bg {position: absolute;top: 84vw;left: 0;z-index: -10;height: 25vw;}	
}




/*區塊3*/
@media screen and (min-width: 768px){
  .Area07 {height: auto;margin-bottom: 160px!important;}
  .Area07_box_txt_bg::after {content:"";position: absolute;display:block;top: 0;left: 140px;width: 74%;height: 100%;pointer-events:none;z-index: -30;background: url("Area03_box_txt_bg.png?t=1757665666355") center top/100% no-repeat scroll;}			
}
@media screen and (max-width: 767px){
  .Area07 { } 
  .Area07_box_txt_bg::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -30;background: url("Area03_box_txt_bg.png?t=1757665666355") center top/100% no-repeat scroll;}
  .Area07 .layout_toppd.PD_layout {width: 95%;}
}



/*(頁籤)*/
@media screen and (min-width:768px){
  .Area_9 {margin-bottom:50px!important;overflow: hidden;}
  .Area_9 .PD_layout.layout_8PD {height: auto;padding-top: 50px;width: 95%;padding-bottom: 116px;}
  .Area_9 .PD_layout.layout_8PD ul {}
  .Area_9 .Area_sectionTitle {z-index:100;  position: relative;width:1220px;top:38px;}
  .Area_9 .Area_sectionTitle ul {padding:0px;margin:0 auto 0;list-style: none;height: 0px!important;width:1220px;}
  .Area_9 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_9 .Area_sectionTitle ul li img {width: 60%;}
  .Area_9 .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_9 .bg_btom {position: absolute;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:-1;    margin:-121px 0 0 0;}	
  .Area_9 .box {height:847px;   padding: 3% 0 0 0;	}
  /*.Area_9 .page_box .PD_layout ul { border: 1px solid #000000; }	*/


/*(頁籤顏色)*/
 .Area_9 .NavArea_tabbar_page{padding-bottom: 20px;}
  .Area_9 .NavArea_tabbar_page .Nav .swiper-slide-active i {display: block;border: 1px solid #000 !important;background-color: #000 !important;}
  .Area_9 .NavArea_tabbar_page .Nav .swiper-slide-active a {color: #fff;}
  .Area_9 .Area_page{/*background-color: #fff36b;border: 3px solid #000000;border-radius:83px 0 83px 0;padding: 3% 0 3% 0;   */ padding: 3% 0 0 0 !important;margin: -1vw 0 0 0;    }
  .Area_9 .page01 ul{ width:100%;}
  }	
  
      
  @media screen and (max-width:767px){
  .Area_9 {height:100%;margin-bottom:6vw!important;overflow: hidden;}
  .Area_9 .content_swiper{width: 95%!important;overflow: hidden; margin: 0 auto;} 
  .Area_9 .PD_layout.layout_8PD {overflow:hidden;margin-bottom:3vw ;  top: -4vw;}
  .Area_9 .PD_layout.layout_8PD ul {position:relative;margin-top:12vw ;margin-bottom:2vw ; width:97% ;height:100% ; padding:0vw;}
  .Area_9 .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_9 .Area_btn {z-index: 99;position: absolute;height: 50vw;left: 0vw;top: 0vw;width: 100%;}
  .Area_9 .Area_btn ul {margin-top:1vw!important ; margin-left:-10vw!important;width:100%!important; }
  .Area_9 .Area_btn ul li {list-style: none;display: inline-block;width: 25%;margin:0vw auto 3vw;}
  .Area_9 .Area_sectionTitle {z-index:100;  position: relative;width:100%;top:6vw;}
  .Area_9 .Area_sectionTitle ul {padding:0;margin:0 auto 0;list-style: none;height: 5vw!important;width:100%;}
  .Area_9 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_9 .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_9 .bg_btom {position: relative;margin: -6vw 0 0 0;}	
  .Area_9 .box {height:100%;  padding: 3% 0 0 0;	}
  /* .Area_9 .page_box .PD_layout ul { border: 1px solid #000000; }	 */

  .Area_9 .Area_page{/*background-color: #fff36b;border: 2px solid #000000;border-radius: 37px 0 37px 0;padding: 3% 0 3% 0; */  padding: 4% 0 0 0; }
  /*(頁籤顏色)*/
  .Area_9 .NavArea_tabbar_page .Nav .swiper-slide-active i {display: block;border: 1px solid #000 !important;background-color: #000 !important;}
  .Area_9 .NavArea_tabbar_page .Nav .swiper-slide-active a {color: #ffffff;}

  }
  




/*區塊9*/
.Area09_pdbg .PD_slide:nth-of-type(odd)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area09_pdbg1.png?t=1757665666356") center top/100% no-repeat scroll;}
.Area09_pdbg .PD_slide:nth-of-type(even)::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area09_pdbg2.png?t=1757665666356") center top/100% no-repeat scroll;}
.Area09_pdbg .PD_img img{padding: 12%;}
@media screen and (min-width: 768px){
  .Area09_top {z-index: -40;position:absolute;top: -100px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
  .Area09_repeat {z-index: -40;position:absolute;top: 260px;width:100%;height: 50%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
  .Area09_end {z-index: -40;position:absolute;bottom: -200px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
  .Area09 {margin-bottom: -43px!important;}
  .Area09 .box_all {margin: 0 7%;padding: 15% 0 8%;}
  .Area09 .box_all .PD_layout ul {grid-gap: 19px;}
}
@media screen and (max-width: 767px){
  .m_Area09_top {z-index:-50;position:absolute;top: -9vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
  .Area09 .box_all {margin: 0 0;padding: 11% 0 2%;}
  .Area09 .box_all .PD_layout ul {grid-gap: 1vw;}
}





/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;margin:0 auto;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;}
	}




/*隱鑶*/
.for_pc {}
.for_phone { display:none !important;}


	@media screen and (max-width:767px){
		.for_pc { display:none !important;}
		.for_phone { display: inherit !important;}
	}



  /*閃光*/
.lightSweep { position: absolute; bottom: 0; right: 0; background: none 0% 0% / auto repeat scroll padding-box border-box rgba(0, 0, 0, 0); overflow: hidden; z-index: 30; pointer-events: none;
  -webkit-filter: brightness(1.5);
  -webkit-mask-size: 300% 200%;
  -webkit-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -webkit-transition: -webkit-mask-position;
  -webkit-animation-timing-function: linear;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-filter: brightness(1.5);
  -moz-mask-size: 300% 200%;
  -moz-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -moz-transition: -webkit-mask-position;
  -moz-animation-timing-function: linear;
  -moz-transform: translate3d(0, 0, 0);
  -o-filter: brightness(1.5);
  -o-mask-size: 300% 200%;
  -o-mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  -o-transition: -webkit-mask-position;
  -o-animation-timing-function: linear;
  -o-transform: translate3d(0, 0, 0);
  filter: brightness(1.5);
  mask-size: 300% 200%;
  mask-image: -webkit-linear-gradient( -45deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 60%);
  transition: -webkit-mask-position;
  animation-timing-function: linear;
  transform: translate3d(0, 0, 0);
  transition-duration: 3s;
  animation: move 2s ease-out infinite;
}


@keyframes move {
  from {
    -webkit-mask-position: 150% 0px;
    -moz-mask-position: 150% 0px;
    -o-mask-position: 150% 0px;
    mask-position: 150% 0px;
  }
  to {
    -webkit-mask-position: 0% 0px;
    -moz-mask-position: 0% 0px;
    -o-mask-position: 0% 0px;
    mask-position: 0% 0px;
  }
}