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

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

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

/*全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:"Noto Sans CJK TC","Microsoft JhengHei",Helvetica; background: #140000;}
.WRAPPER img { border: 0px; vertical-align :top;}
.WRAPPER a { text-decoration: none; -webkit-tap-highlight-color: transparent;}
/*預設清單樣式*/
.Area .list_00 ul { display: inline-block; margin: 0; padding: 0;}
.Area .list_00 li {list-style: none; float: left; overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { padding-bottom: 0; min-width: inherit;  min-height: 100vh; overflow: hidden;}
		.WRAPPER img {  width: 100%;   height: auto;}
	}

/*區塊_all*/
.Area2000 { margin: 0 auto; width: 2000px;}
.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.97);
     -moz-transform:scale(0.97);
      -ms-transform:scale(0.97);
       -o-transform:scale(0.97);
          transform:scale(0.97);}  
.WRAPPER .go_bt1 {
  -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_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);} 
  @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;}
	}    

/*背景*/
.bg_01 { z-index: -2; 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:-6; position:absolute;top:960px; width:100%; min-width:1220px; height:100%; background: url(bg_fixed.jpg?t=1746006080815) repeat-y center top ; pointer-events:none}
.bg_deco {z-index: 50;position: absolute; top: 1220px;left: 0; width: 100%;height: 100%; background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  @media screen and (max-width:767px){
    .m_bg01 { z-index: 0; position: absolute;  top: 10.5vw; left: 0;  width: 100%; height:100%;  background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
    .m_bg02 { z-index: -1; position: absolute; top: 330vw; left: 0; width: 100%; height:100%; background-repeat: repeat-y; background-position: center top; pointer-events:none; background-size: 100%;}
    .mbg_02{ z-index:-1; position:fixed;top:0vw; width:100%;height:228vw;background: url(mbg_fixed.jpg?t=1746006080815) center 100% / 100% repeat-y scroll;pointer-events:none}
  }








/*版頭*/
@media screen and (min-width:768px){
  .Area_title { height: 786px; box-sizing: border-box;}
  /*副標輪播*/
  .Area_title .Area_sub { z-index: 10; position: absolute; top: 295px;left: 122px; width: 100%;}
  .Area_title .Area_sub ul.PD_wrapper { display: flex; flex-wrap: nowrap;  margin: 0;  padding: 0;  width: 100%; box-sizing: content-box; grid-gap: inherit;}
  .Area_title .Area_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .Area_title .Area_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
  .Area_title .Area_sub .PD_layout .PD_img { width:80%;  position: absolute;     left: 0;top: 0;}
  /*版頭品*/
  .Area_title .topPD { z-index:1; position: absolute; top: 431px;left: -2px; width: 100%;}
  .Area_title .topPD img {  width: 55%;}
  .Area_title .deco_arrow {position: absolute;top: 297px;left: 130px;}
  .Area_title .deco_arrow img {width: 85%;}
  .Area_title .deco_chess { position: absolute;top: 285px;right: 130px;}
  .Area_title .deco_chess img {width: 95%;}
  .Area_title .deco_roll { z-index: 0; position: absolute; top: 670px;left: -387px; width: 164%;height: 50px;babackground-repeat: repeat-x;overflow: hidden;}
  .Area_title .deco_roll2 { z-index: 0; position: absolute; top: 14px;left: -387px; width: 164%;height: 50px;babackground-repeat: repeat-x;overflow: hidden;}
}   
  @media screen and (max-width:767px){
  .Area_title { height:90vw;}
  /*副標輪播*/
  .Area_title .Area_sub { z-index: 10; position: absolute; top: 39.6vw;/* left: 0; */width:100%;}
  .Area_title .Area_sub ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 80%; box-sizing: content-box; grid-gap: inherit;}
  .Area_title .Area_sub ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
  .Area_title .Area_sub ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	

  /*版頭品輪播*/   
  .Area_title .topPD { z-index:10; position: absolute; top: 56vw;left: 7vw; width: 80%;}
  .Area_title .deco_arrow {position: absolute;top: 39vw;left: 3vw; width: 10%;}
  .Area_title .deco_chess {position: absolute;top: 37.5vw;right: 3vw;width: 11%;}
  .Area_title .deco_roll { z-index: 0; position: absolute; top: 1vw;width: 100%;height: 5vw;background-size: 100%; background-repeat: repeat-x;overflow: hidden;}
  .Area_title .deco_roll2 { z-index: 0; position: absolute; top: 85vw;width: 100%;height: 5vw;background-size: 100%; background-repeat: repeat-x; overflow: hidden;}

}




/*top*/
@media screen and (min-width:768px){
		  .Area_title .toptitle { z-index:9;position: absolute; top:153px; left:196px; width:650px; }
          .Area_title .date { z-index:10;position: absolute; top:19px; left:1014px; width:10%; }
		  .Area_title_box {position: relative;height:500px }
}
	 
	 
  @media screen and (max-width:767px){
	     .Area_title .toptitle {z-index: 11; position: absolute; top:16vw; width:70%;left:5vw;}
         .Area_title .date {z-index: 10;position: absolute; top:2vw; width:13%;left:82.1vw;}
	 
}

/*版頭品*/
.Area_title .box_PD .Area_swiper_box .PD_layout ul li {background:#fff0!important ;}
 @media screen and (min-width:768px){
.Area_title .box_PD .PD_layout {z-index: 10;}
.Area_title .box_PD .Area_swiper {  position: absolute; top:-223px; left: 131px; width:960px; height: auto;}
.Area_title .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
.Area_title .box_PD .Area_swiper ul {margin: 0;padding: 0;display: flex;}
.Area_title .box_PD .Area_swiper_box .PD_layout ul li {background:#fff0!important ;}
     }
    @media screen and (max-width:767px){
      .Area_title .box_PD {width:100%;z-index: 10;}
      .Area_title .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
      .Area_title .box_PD .Area_swiper { z-index: 50; position:absolute;top:34vw;left:0vw; width:100%; height:auto;}
      .Area_title .box_PD .Area_swiper ul {display: flex;min-width: 100%;}
      .Area_title .box_PD .Area_swiper ul li { width:100%!important; height:45vw;left: 0vw!important;}
    }


/*版頭品入稿*/
@media screen and (min-width:768px){
	.Area_title .layout_toppd {position:absolute;width: 895px;top: 492px;margin: 0 auto;right: 0;left: 0;z-index: 5;/*background-color: #25b1ac;*/padding: 14px;/*border-radius: 15px;*/}
	.Area_title .layout_toppd ul {padding:0;}
	.Area_title .layout_toppd ul li {}
	.Area_title .layout_toppd .PD_into {align-items:center!important;}
	.Area_title .layout_toppd .PD h3 {font-size:20px;}
	.Area_title .layout_toppd .PD h3 span{max-width:100%!important;}
	.Area_title .layout_toppd .PD h4 {font-size:20px;}
	.Area_title .layout_toppd .PD p {height:2.5em;line-height:2em;}
	.Area_title .layout_toppd .PD p .Price {font-size:35px;}
	.Area_title .layout_toppd input {position: relative;left: -6px;}	
	}
	@media screen and (max-width:767px){
	.Area_title .layout_toppd {position:absolute;top: 54vw;width: 97%;left: 0;right: 0;z-index: 2;margin: auto;/*background-color: #25b1ac;*/padding: 0vw ;/*border-radius: 4vw;*/}
	.Area_title .layout_toppd ul {}	
	.Area_title .layout_toppd .PD h3 {}
	.Area_title .layout_toppd .PD h4 {}
	.Area_title .layout_toppd .PD p {}
	.Area_title .layout_toppd .PD p .Price {}

		
	}




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

@media screen and (max-width:767px){
  .Area_title .subtitle { position: absolute; width: 90%; height: auto; top: 37vw; left: 4vw;  overflow: hidden;}
}


/*輪播特效*/
@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 {}
    }
    @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 {}
    }




	

/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
	.Area_txt {margin:0 auto; }
	.Area_txt img {width:800px; }	  
}
@media screen and (max-width:767px){
		.Area_txt {width:100% }
	    .Area_txt img {width:100%;}
}



/*---top6品---*/

@media screen and (min-width:768px){
	.Area_6pd{position: relative;top:338px;left:154px ;height:430px; margin: 0px ;width:950px!important }
	.Area_6pd .box_6pd{margin: 0px auto ;}
	.Area_6pd .box_6pd .box_bg{position: relative; padding: 40px 0px 20px ; border-radius: 40px;}
	.Area_6pd .box_6pd .box_swiper{position: relative;width: 100%;height: 410px;margin: 0 auto 40px;overflow: hidden;}
	.Area_6pd .box_6pd .box_swiper .layout_6pd {padding-bottom: 0px}
	.Area_6pd .box_6pd .box_swiper .layout_6pd ul { display: flex; grid-gap: 0; padding: 0;margin: 0px;/* height: 365px;*/ }
	.Area_6pd .box_6pd .box_swiper .layout_6pd ul li {/* height: 333px;*/ }
	/*輪播_按鈕*/
    .Area_6pd  .myarrow_r{z-index:99;position:absolute;top: 48%;right: -79px;cursor: pointer;}
    .Area_6pd  .myarrow_l {z-index:99;position:absolute;top: 48%;left: -86px;cursor: pointer;}
	.Area_6pd .swiper-pagination-bullet { background: #fff4e6;}
	.Area_6pd .PD_layout[data-pd-h3="2"] .PD h3{ /* background-image: repeating-linear-gradient(90deg, #3a9ef1 -1%, #ff7196 101%)*/ /*background-color: #3a9ef1*/ ;}
	.Area_6pd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top:354px }
}
@media screen and (max-width:767px){
    .Area_6pd{position: relative;top:49vw;left:0vw ;height:77vw;margin: 5vw auto 0 ;width:100%!important }
	.Area_6pd .box_6pd {margin: 0 auto 3vw ;}
	.Area_6pd .box_6pd .box_bg { position: relative;width: 100%; margin: 0 auto; padding: 0vw 0 2vw ;}
	.Area_6pd .box_6pd .box_swiper{ position: relative; width: 100%;/* height: 69vw;*/ margin: 0 auto; overflow: hidden;}
	.Area_6pd .box_6pd .box_swiper .layout_6pd {  padding:0 2vw 7vw;}
	.Area_6pd .box_6pd .box_swiper .layout_6pd ul { display: flex; grid-gap: 0; padding: 0; /*height: 72vw;*/ }
	.Area_6pd .box_6pd .box_swiper .layout_6pd ul li { /*height: 62vw;*/}
	/*輪播_按鈕*/	
	.Area_6pd .swiper-pagination-bullet { background: #fff4e6; }
	.Area_6pd .PD_layout[data-pd-h3="2"] .PD h3{/* background-image: repeating-linear-gradient(90deg, #3a9ef1 -1%, #ff7196 101%)*/ /*background-color: #3a9ef1*/ }
    .Area_6pd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top:66.5vw }
}


@media screen and (min-width:768px){
  .Area_7 { z-index: 0;height:auto;margin:0px auto 70px!important; }
  .Area_slide { height:auto;width:1006px;margin:0px auto 20px!important; } 
}
	@media screen and (max-width:767px){
    .Area_7 { z-index: 0;width:100%;height:auto;margin:0px auto 10vw!important; }
    .Area_slide { z-index: 0;width:96%;height:auto;margin:0vw auto 4vw!important; } 
}
		
		
		

/*錨點公版*/
.Area_tagPD .PD_layout-btn li .PD h3 {color: #fff;background: #ff5252;border-radius: 99em;}
@media screen and (min-width:768px){
.Area_tagPD { height:auto; margin-bottom: 30px!important  }
.Area_tagPD .box { }
.Area_tagPD .title {z-index: 8; height: auto; position: relative; top:114px; margin: 0px auto; text-align: center; background-position: center top; background-repeat: no-repeat; }
	
.Area_tagPD .box_all {background: url("pc_box_repeat.png?t=1746006080815") center top/100% repeat-y scroll;margin:-22px auto }
	
.Area_tagPD .box { overflow: hidden;margin-bottom: 0px!important; }
.Area_tagPD .PD_layout {padding: 0px; margin: 0px auto; top: 0px; }
.Area_tagPD .PD_layout ul {width:94% ; padding:0px ;}
	
.Area_tagPD .PD_layout4x2 .Area_sectionTitle {margin: 0 auto;height:160px ;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0 auto;list-style: none;height: 57px!important;top:-40px;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li h5 {position: relative;top:-37px;margin-left: 352px;padding: 0;width: 50%;height: 88px;font: 50px/80px "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

.Area_tagPD .box_txt2 {position: absolute;margin: -26px auto 0px;width: 100%;height: auto;}
.Area_tagPD .box_txt2 img{width: 70%;}
	
  /*logo*/ 
.Area_tagPD .logo{margin:0px auto 15px; width: 960px;background: no-repeat right top/100% url("logo_bg.png?t=1724990151426");}
.Area_tagPD .logo ul{grid-gap: 0;}
.Area_tagPD .logo ul .PD_into{padding: 0;}
.Area_tagPD .logo ul .PD_logo{width: 26%;position: relative;left: 50px;}
.Area_tagPD .logo ul li h3{color: #ffffff;width: 50%;position: absolute;right: 70px;top: 17px;margin: 0 auto;font-size: 2.5em;} 

}
@media screen and (max-width: 767px) {
  .Area_tagPD { height:auto; margin-bottom: 3vw!important;}
  .Area_tagPD .box { overflow:inherit;margin-bottom: 0vw!important; }
  .Area_tagPD .title { position: relative; width: 100%; }
	
  .Area_tagPD .box_all {background: url("mo_box_repeat.png?t=1746006080815") center top/100% repeat-y scroll;margin:-0.2vw auto ;}

  .Area_tagPD .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
  .Area_tagPD::before{display:none;}
  .Area_tagPD .PD_layout ul {width:94%;padding:1vw!important;margin:0vw auto 0!important}	


  .Area_tagPD .PD_layout4x2 .Area_sectionTitle {margin: 0 auto;height:25vw ;}
  .Area_tagPD .PD_layout4x2 .PD_layout.Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
  .Area_tagPD .PD_layout4x2 .PD_layout.Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_tagPD .PD_layout4x2 .PD_layout.Area_sectionTitle ul li h5 {position: relative;top:-6vw;margin-left: 19vw;padding: 0;width: 74%;height: 9vw;font: 7vw/7vw "微軟正黑體","Microsoft JhengHei",Helvetica;font-weight: bolder;text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

  .Area_tagPD .box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
  .Area_tagPD .box_txt2 img{width: 100%;}

/*logo*/ 
  .Area_tagPD .logo{width: 100%;background: no-repeat top center/100% url("logo_bg.png?t=1724990151426");}
  .Area_tagPD .logo ul{grid-gap: 0;}
  .Area_tagPD .logo ul .PD_into{padding: 0;}
  .Area_tagPD .logo ul .PD_logo{width: 39%;position: relative;left: 1vw;}
  .Area_tagPD .logo ul li h3{color: #ffffff;width: 48%;position: absolute;right: 7vw;top: 1vw;margin: 0 auto;font-size: 1.6em;}
}


/*輪播BN*/
.AreaBN2 {position: relative;}
.AreaBN2 .box_swiper { overflow: hidden;}
.AreaBN2 .box_swiper .PD_layout { position: relative; height: 340px;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.AreaBN2 .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.AreaBN2 .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.AreaBN2 .swiper-button-next, .AreaBN2 .swiper-button-prev {top: 51%;}
.AreaBN2 .box_swiper .PD_layout ul li {background-color:transparent}
@media screen and (min-width:768px){
  .AreaBN2 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0px;}
.AreaBN2 .box_swiper .PD_layout .swiper-pagination-bullet-active,.Area_title .box01 .swiper-pagination-bullet {background: #000;width: 8px;height: 8px;}
}
@media screen and (max-width:767px){
  .AreaBN2 {position: relative;width: 97%;left: 0.5vw;top: 0px; padding-bottom: 0vw;}
  .AreaBN2 .box_swiper .PD_layout { width: 96%; margin: 0 auto; height: 28vw;}
  .AreaBN2 .swiper-container-horizontal>.swiper-pagination-bullets {display: flex;flex-direction: initial;top: 26vw;left: 36vw;}
  .AreaBN2 .swiper-pagination-bullet-active,.Area_title .box01 .swiper-pagination-bullet {background: #000;width: 7px;height: 7px;}
}


.Area_page1 {background-color: #719e00; border-radius: 1em ;border:2px solid #719e00;} 
.Area_page2 {background-color: #fffd68; border-radius: 1em ;border:2px solid #fffd68;}

  @media screen and (min-width:768px){ 
    .Area_page1 { overflow: hidden;  padding: 20px 0 ; border-radius: 1em ;border-radius: 1em ;} 
    .Area_page1 h3 { color: #fff; margin: 0 auto 20px; padding: 0; font: bold 40px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .Area_page1 .PD_layout { width: 94%}
	 
    .Areabottom { margin-bottom:100px; }
    .Area_page1 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 78px!important;top:0px;}
    .Area_page1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area_page1 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 70px;font: 41px/80px "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#fffd68;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

  }
  @media screen and (max-width:767px){
    .Area_page1 { width: 96%; overflow: hidden;  padding: 2vw 0vw 2.5vw ; border-radius: 1em ; } 
    .Area_page1 h3 { color: #fff; margin: 0 auto 2vw; padding: 0; font: bold 5.2vw/9vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
	.Area_page1 .PD_layout .PD_into {width: 98%;margin: auto ;}
	.Area_page1 .PD_layout-btn .PD_into {width: 100%;margin: auto ;}
    .Areabottom { margin-bottom:10vw }
    .Area_page1 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
    .Area_page1 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area_page1 .Area_sectionTitle ul li h5 {position: relative;top:0vw;margin: 0;padding: 0;width: 100%;height: 8vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#fffd68;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

  }

  @media screen and (min-width:768px){ 
    .Area_page2 { overflow: hidden;  padding: 20px 0 ; border-radius: 1em ;border-radius: 1em ;} 
    .Area_page2 h3 { color: #fff; margin: 0 auto 20px; padding: 0; font: bold 40px/50px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
    .Area_page2 .PD_layout { width: 94%}
	 
    .Areabottom { margin-bottom:100px; }
    .Area_page2 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 78px!important;top:0px;}
    .Area_page2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area_page2 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 70px;font: 41px/80px "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#446000;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

  }
  @media screen and (max-width:767px){
    .Area_page2 { width: 96%; overflow: hidden;  padding: 2vw 0vw 2.5vw ; border-radius: 1em ; } 
    .Area_page2 h3 { color: #fff; margin: 0 auto 2vw; padding: 0; font: bold 5.2vw/9vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
	.Area_page2 .PD_layout .PD_into {width: 98%;margin: auto ;}
	.Area_page2 .PD_layout-btn .PD_into {width: 100%;margin: auto ;}
    .Areabottom { margin-bottom:10vw }
    .Area_page2 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
    .Area_page2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
    .Area_page2 .Area_sectionTitle ul li h5 {position: relative;top:0vw;margin: 0;padding: 0;width: 100%;height: 8vw;font: 6.5vw/6.5vw "Noto Sans CJK SC";font-weight: 700;text-align: center;color:#446000;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}

  }




    /* --------------------------------------
     * Page 頁籤_202405291900
     * -------------------------------------- */ 
    @media screen and (min-width:768px){
        .NavArea_tabbar_page { display: block; margin: 0 auto 10px  ; width: 94%; }
      }
    @media screen and (max-width:767px){
        .NavArea_tabbar_page { display: block;margin: 1vw auto 2vw  ; width: 97%; }
      }
     
    .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
    .NavArea_tabbar_page .Nav_box { border-radius: 30px; overflow: hidden; padding: 0%;}
    .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
    .NavArea_tabbar_page .Nav li { overflow: visible; }
     /*頁籤高亮顏色設定 */  
    .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
    .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000 !important; background-color: #000 !important;}
     /*推編輯按鈕 */  
    .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}

      /* --------------------------------------
       * Page 頁面
       * -------------------------------------- */
      /*Phone置頂滑動選單*/
      .Area_floorPD_NavArea_tabbar {
        margin: 0 auto 2vw ;
        width: 94%;
      }

      .Area_floorPD_NavArea_tabbar.cate-fixed {
        width: 100%;
      }

      .Area_floorPD_NavArea_tabbar .Nav_box {
        border-radius: 8px;
        -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
                box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
      }

      .Area_floorPD_NavArea_tabbar .Nav li {
        overflow: visible;
      }

      /*.NavArea_tabbar .Nav a { display:inline-block;}*/
      .Area_floorPD_NavArea_tabbar.cate-fixed .Nav_box {
        border-radius: 0;
        background-color: rgba(255, 255, 255, 1);
        -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
                box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
      }






    
/*12pd*/
.Area_12pd { height: auto;}
.Area_12pd .PD_layout { background: #719e00;border-radius:20px; }
  @media screen and (min-width:768px){	
  .Area_12pd { margin-top: 80px;}
  .Area_12pd .Area_12pd_titlea { margin-bottom: -40px;}
  .Area_12pd .Area_12pd_title { position: relative; width: 100%; left: 0;  margin-top: 65px;}   
  .Area_12pd .box .deco_heart {position: relative;top: -50px;left: -405px;margin-bottom: -23px;}
  .Area_12pd .PD_layout {padding: 2px 10px;}
}
	@media screen and (max-width:767px){
    .Area_12pd { margin: 6.5vw auto 15vw; }
    .Area_12pd .PD_layout ul{ margin-bottom:6vw ;}
    .Area_12pd .Area_12pd_titlea { margin-bottom: -4vw;}
    .Area_12pd .Area_12pd_title { position: relative;margin-top: 6vw; margin-bottom: 0vw;}
    .Area_12pd .PD_layout {padding: 0vw 0 2vw; border-radius:0 0 3vw 3vw ;}
    .Area_12pd .box .deco_heart {position: relative;top: -6.5vw;left: 2vw; width: 13%;margin-bottom: -5.2vw; }
	} 


/*keyword */
@media screen and (min-width:768px){	
.Area_12pd .Area_keyword {height:90px;margin: 0 auto 40px}
.Area_12pd .Area_keyword .box { padding:0px ;margin: 0 auto;  box-sizing: content-box;}
.Area_12pd .Area_keyword .PD_layout {padding: 20px 0px;}
.Area_12pd .Area_keyword .box .PD_layout ul {display: flex;  margin: 10px auto;  padding:0 0 0 0; grid-gap: inherit;}
.Area_12pd .Area_keyword .box .PD_layout ul img{ width: 100%;}
.Area_12pd .Area_keyword .box .PD_layout ul li { margin-right: 0px;}
.Area_12pd .Area_keyword .box .lbtclass { width: 1200px; height: 70px; overflow: hidden; margin:0 auto; padding:0 ; border-radius:0px; }
.Area_12pd .Area_keyword .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top:80px  !important;}
}
@media screen and (max-width:767px){
  .Area_12pd .Area_keyword {height: 10vw;margin-bottom: 8vw!important;/* background: url(mo_markup_bg.png?t=1746006080815) center top no-repeat;*/background-size:100%; }
  .Area_12pd .Area_keyword .box {width: 100%; padding:0vw; margin: 0 auto;}
  .Area_12pd .Area_keyword .PD_layout {padding: 0vw 0vw;}
  .Area_12pd .Area_keyword .box .PD_layout ul {display: flex;  margin: 2vw auto;  padding:0 2vw; grid-gap: inherit;width:96% ;}
  .Area_12pd .Area_keyword .box .PD_layout ul li { margin-right: 0vw!important;}
  .Area_12pd .Area_keyword .box .lbtclass { width: 100%;height: 17vw; margin: 0 auto;border-radius:1em; }
  .Area_12pd .Area_keyword .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { top:9vw  !important;}
}




/*brand*/
@media screen and (min-width:768px){
.brand { margin-top: 65px;}
.brand { height: 410px;margin-bottom:50px }
}
  @media screen and (max-width:767px){
  .brand { margin-top: 6vw;}
  .brand { height: 133vw;margin: 0 auto 5vw !important;}
  }