@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; background-color: #f6f6f6; }
.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 {margin-bottom: 0;min-width: inherit;min-height: 100vh;overflow: hidden;background-size: 100%;background-color: #f6f6f6;padding-bottom: 26vw;}
		.WRAPPER img {width:100%;height:auto;}
	}

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

/*PC背景*/
@media screen and (min-width:768px){
.bg_fix {z-index: 2;position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_deco { z-index:3; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.top_txt_deco01 {z-index: 10;position:absolute;top: -47px;left: 43%;width:1152px;height:218px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.top_txt_deco02 {z-index: 10;position:absolute;top: 666px;left: 51%;width:471px;height:159px;transform: translateX(110%);background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_01 {z-index:-25;position:absolute;top: 900px;left: 0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_repeat {z-index:-60;position:absolute;top: 890px;left: 0;width:100%;height:100%;background-repeat: repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat2 {z-index:-59;position:absolute;top: 980px;left: 0;width:100%;height:100%;background-repeat: repeat-y;background-position: center top;pointer-events:none;mix-blend-mode: unset;}
.bg_deco {z-index: -5;position:fixed;top: 0;left: 0;width:100%;height:100%;background-repeat: no-repeat;background-position: center top;pointer-events:none;mix-blend-mode: normal;}	
}


@media screen and (max-width:767px){
.m_bg_fix {z-index:0;position:absolute;top: 0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_top_deco {z-index: 1;position:absolute;top: 97vw;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: hard-light;opacity: 0.6;}
.m_bg_repeat {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
.top_txt_deco01 {z-index: 10;position:absolute;top: 3vw;left:0;width: 69%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.top_txt_deco02 {z-index: 10;position:absolute;top: 141vw;right: 0;width: 40%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;mix-blend-mode: hard-light;opacity: 0.5;}
.m_bg_deco {z-index:20;position:absolute;top: 118vw;left:0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
}


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



/*版頭區塊*/
@media screen and (min-width:768px){
.Area_title {height: 1170px;z-index: 20;}
.title {position: relative;top: 142px;left: 57px;z-index: 10;}	
.title01,.title02,.title03 {position: absolute; }
.Area_title .top_decotxt {position: absolute;top: 890px;left: -393px;z-index: 99;}
}

@media screen and (max-width:767px){
.Area_title {height: 234vw;z-index: 20;}	
.title {position: absolute;top: 109vw;left: 5vw;width: 57%;z-index: 9;}
.m_title01,.m_title02,.m_title03 {position: absolute; }
.m_title03 {top: 32vw;}
.top_scroll {position: absolute;top: 124vw;left: 88vw;width: 9%;z-index: 9;}
.Area_title .top_decotxt {position: absolute;top: 100vw;left: -13vw;width: 56%;z-index: 9;}
}

/*版頭品(線上入搞)*/
.top_pd .PD_layout ul {display: flex;padding: 0;grid-gap: 0;}
.top_pd .PD_layout .PD a { pointer-events: none; }

@media screen and (min-width: 768px){
.top_pd {position: relative;top: 0;left: 33%;width: 85%;height: 890px;overflow: hidden;z-index: 0;}
}
@media screen and (max-width:767px){
.top_pd {position: relative;top: 22vw;left: 4vw;z-index: -1;}
.top_pd .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important; }
}

/*版頭logo(線上入搞)*/
.top_logo .PD_layout ul {display: flex;padding: 0;grid-gap: 0;}
.top_logo .PD_layout .PD a { pointer-events: none; }
@media screen and (min-width: 768px){
.top_logo {position: absolute;top: 737px;left: 720px;width: 15%;z-index: 10;}
}
@media screen and (max-width:767px){
.top_logo {position: absolute;top: -5vw;left: 73vw;width: 26%;z-index: 20;}
.top_logo .PD_layout[data-pd-li*="BN-AWD"] .PD_img{ display: block!important; }
}

 /*輪播調整-樣式動態*/
 .top_logo .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 90px!important;left: 330px;}
 .top_logo .swiper-pagination-bullet { background: transparent; opacity: 1; display:inline-block; margin:0 5px !important; padding:0; width:4.1%; -webkit-box-sizing: border-box; box-sizing: border-box;}
 .top_logo .swiper-pagination-bullet:focus { outline: none; }
 .top_logo .swiper-pagination-bullet span { display:block;text-decoration:none; background-color:#4b5c41; text-align:center; border-radius: 2em; width: 10px; height: 10px; }
 .top_logo .swiper-pagination-bullet span:hover {   background-color:#fff; border-radius: 30px;}
 .top_logo .swiper-pagination-bullet-active span { position: relative; z-index: 1;  background-color:#4b5c41; border-radius: 30px; -webkit-tap-highlight-color: transparent; -webkit-transform: scale(1.25); transform: scale(1.25); }
 .top_logo .swiper-pagination-bullet-active { margin:0 12px !important;}

  /*繞圈*/
  .top_logo .swiper-pagination-bullet-active span::after { z-index: -1; content: ""; position: absolute; top: -2px; left: -2px; width: 100%; height: 100%; border: 2px solid #4b5c41; border-radius: 30px; background-color: #cbc1b7;}
  .top_logo .swiper-pagination-bullet-active span::before { z-index: -2; content: ""; position: absolute; top: -12%; left: -12%; width: 124%; height: 124%; border-radius: 30px;
      --deg: calc(360deg * calc(var(--percent) / 100));
      --percent: 100;
      background-image: conic-gradient(#4b5c41 var(--deg), transparent var(--deg)); 
      animation: circlerun 2.5s linear; animation-fill-mode: both; -webkit-transition: width 0.4s ease-in-out, height 0.4s ease-in-out} 
        @keyframes circlerun{
            0% { --percent: 0; }
            5% { --percent: 5; }
           10% { --percent: 10; }
           15% { --percent: 15; }
           20% { --percent: 20; }
           25% { --percent: 25; }
           30% { --percent: 30; }
           35% { --percent: 35; }
           40% { --percent: 40; }
           45% { --percent: 45; }
           50% { --percent: 50; }
           55% { --percent: 55; }
           60% { --percent: 60; }
           65% { --percent: 65; }
           70% { --percent: 70; }
           75% { --percent: 75; }
           80% { --percent: 80; }
           85% { --percent: 85; }
           90% { --percent: 90; }
           95% { --percent: 95; }
          100% { --percent: 100;}
        }
  @media screen and (max-width:767px){
  .top_logo .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: -18vw!important;left: 18vw;display: flex;flex-direction: column;}  
  .top_logo .swiper-pagination-bullet {margin: 1vw 0 !important;width: 4%;}
  .top_logo .swiper-pagination-bullet span { font: 3.5vw/5.5vw Noto Sans CJK SC, "Microsoft JhengHei", Helvetica;}
  .top_logo .swiper-pagination-bullet span {display:block;text-decoration:none;background-color:#4b5c41;text-align:center;border-radius: 2em;width: 1.5vw;height: 1.5vw;}  
  .top_logo .swiper-pagination-bullet-active span::after {z-index: -1;content: "";position: absolute;top: -1px;left: -1px;width: 100%;height: 100%;border: 1px solid #4b5c41;border-radius: 30px;background-color: #cbc1b7;}  
  }


/*版頭3顆按鈕*/
@media screen and (min-width: 768px){
.Area_title .box01 {position: absolute;top: 704px;left: 0;display: flex;}
.Area_title .box01 img{width: 100%;padding: 0;}
.Area_title .box01 span{position: relative;margin: 0 -0.5%;width: 21%;z-index: 10;}
.Area_title .box02 {position: relative;padding: 2% 0;z-index: 20;}
.Area_title .box02 .Area_danji[data-danji-num="1"] ul li .content{top:88px;right: 80%;z-index: 10;}
}

@media screen and (max-width: 767px){
.Area_title .box01 {position: relative;top: 63vw;display: flex;margin: 0;height: 35vw;z-index: 50;flex-wrap: nowrap;flex-direction: row;}
.Area_title .box01 img {padding: 10vw 0 0 0;width: 73%;}
.Area_title .box01 span{width: 100%;position: relative;left: 1vw;padding: 0 2%;margin: 0 -8%;}
.Area_title .box02{position: relative;top: 67vw;padding: 0;}
.Area_title .box02 .Area_danji {width: 93%;margin: 0 auto 4vw;}
.Area_title .box02 .Area_danji[data-danji-num="1"] ul li .content {top: 86%;}
}





/*標題字*/
.Area_txt {position: relative;padding: 2% 0 6%;height: 280px;margin: 0 auto;}
@media screen and (max-width: 767px){
.Area_txt {top: -4vw;padding: 0;height: 66vw;}
.box_img {position: absolute;width: 26%;margin: 0 37%;z-index: 10;}	
.box_txt {position: absolute;width: 100%;padding: 32vw 0 0;margin: 0 auto;z-index: 10;}	
.Area_txt_bg {position: absolute;top: 5vw;z-index: -10;}
}



/*區塊共用(影片區)*/
@media screen and (min-width: 768px){
.Area01 {height: 830px;padding: 0;}
.Area01 .box_all {height: auto;padding-bottom: 80px;}
.pd_txt {position: relative;}	
.pd_box{position: absolute;bottom: 58px;right: 90px;}
.pd00 {position: absolute;top:0;left: 0;width: 100%;z-index: 20;}
.pd00 img{ width: 100%; }	
.more {position: absolute;top: 0px;left: 0;z-index: 20;}	
.colorbg {width: 260px;height: 260px;background: url("colorbg.png?t=1751288977669") center top/ 100% no-repeat scroll;}
.Area01_bg {z-index: -10;position:absolute;top: 0;width:100%;height: 100%; left: 50%; transform: translateX(-50%); background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
}

@media screen and (max-width: 767px){
  .Area01 {height: auto;padding-bottom: 12vw;}
  .Area01 .m_Area01_bg {position: absolute;top: 0;left: 0;width: 100%;pointer-events: none;z-index: -2;}
  .Area01 .box_all {height: auto;padding-bottom: 5vw;}
  .pd_txt {position: relative;}	
  .pd_box{position: absolute;top: -4vw;left: 67vw;width: 50%;z-index: 10;}
  .m_photo {position: absolute;top: 62vw;left: 0;width: 77%;z-index: -1;}
  .pd00 {position: relative;top:0;left: 0;width: 65%;z-index: 20;}
  .pd00 img{ width: 100%; }	
  .more {position: absolute;top: 0px;left: 0;width: 65%;z-index: 20;}	
  .colorbg {top: 0;position: absolute;width: 65%;height: 100%;background: url("m_colorbg.png?t=1751288977669") center top/ 100% no-repeat scroll;}	
}

/*影片區塊*/
.box_youtube .youtubeArea {position:relative;width: 100%;height: auto;padding-bottom: 62%;}
.box_youtube .youtubeArea * { margin:0; padding:0;}
.box_youtube .youtubeArea iframe { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.box_youtube .youtubeArea .youtubeDiv { background-color: transparent!important;}

@media screen and (min-width:768px){
.box_youtube {padding: 2%;width: 546px;height: 330px;}
.video {position: absolute;width: 570px;height: 380px;top: 0;left: 630px;background: url("video_bg.png?t=1751288977669") center top/ 100% no-repeat scroll;}
}
@media screen and (max-width:767px){
.box_youtube {padding: 2% 2%;}
.video {position: absolute;width: 86%;margin: 0 7%;height: 100%;top: 12vw;left: 0;background: url("video_bg.png?t=1751288977669") center top/ 100% no-repeat scroll;}
}





@media screen and (min-width: 768px){
.Area02 { padding-bottom: 50px; }
.Area02_deco01 {z-index: -5;position:absolute;top: 241px;left: 50%;width:390px;height: 100%;transform: translateX(-160%);background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area02_deco02 {z-index: -5;position:absolute;top: 301px;left: 50%;width:792px;height: 100%;transform: translateX(-110%);background-position: center top;pointer-events:none;}		
.Area_K1_logobg {z-index: -5;position:absolute;top: 212px;left: 50%;width:381px;height: 381px;transform: translateX(54%);background-position: center top;pointer-events:none;}		
.Area02_bg {z-index: -10;position:absolute;top: 0; width:2000px;height: 100%; left: 50%; transform: translateX(-50%); background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
}
@media screen and (max-width:767px){
.Area02_deco01 {z-index: -5;position:absolute;top: 7vw;left: 3vw;width: 199px;height: 31px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area02_deco02 {z-index: -4;position:absolute;top: 16vw;left: 1vw;width: 277px;height: 57px;background-position: center top;pointer-events:none;}		
.Area_K1_logobg {z-index: -5;position:absolute;top: -9vw;left: 62vw;width: 41%;height: 19%;background-position: center top;pointer-events:none;}
}


/*4頁籤雙頁1帶3*/
.Area_K1 .pagetop { margin: 0 auto; overflow-y: hidden; margin-bottom: 1em }
.Area_K1 .pagetop ul { margin: 0; padding: 0; display: flex ; white-space: nowrap;}
.Area_K1 .pagetop li { position: relative; list-style: none; width: 25%; height: 2em; color: #E4E4E4 }
.Area_K1 .pagetop li a { color: #a5a5a5 }
.Area_K1 .pagetop li::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background-color: #d8d8d8 }
.Area_K1 .pagetop li.cate-hover a {  color: #000 }
.Area_K1 .pagetop li.cate-hover::after {  background-color: #000}
.Area_K1_ {margin: 0 auto 40px;border-radius: 1em;overflow: hidden;height: revert;}
.Area_K1_ .page {position: relative;left: 50%;transform: translateX(-50%);}  
.Area_K1_ .page .PD_layout {border-radius: 99em;background-color: #3a4b33;}
.Area_K1_ .page .PD_layout .PD_wrapper {grid-gap:0.2em;padding: 0.5em;}
.Area_K1_ .page .PD_layout .PD_slide {border-radius: 99em;padding: 0.6em;}
.Area_K1_ .page .PD_layout .PD_slide.cate-hover {background-color: #e0d9d1;}
.Area_K1_ .page .PD_layout .PD_slide.cate-hover a{ color: #3a4b33; }
.Area_K1_ .page .PD_layout .PD_slide:hover { box-shadow: none; transform: translateY(0); }
.Area_K1_ .page .PD_layout .PD_slide:hover a {color: #bcaea1;}
.Area_K1_ .page .PD_layout .PD_slide.cate-hover:hover a {color: #3a4b33;}
.Area_K1_ .section .PD_layout .PD_slide {background-color: #47573f;}
.Area_K1_ .section .PD_layout .PD_slide .PD p {color: #c1b3a4;}
.Area_K1_ .section .PD_layout .PD_slide:first-child::after { display: none }
.Area_K1_ .section .PD_layout .PD_slide:hover { box-shadow: none }
.Area_K1_ .section .PD_layout .PD_slide {border-radius: 10em 10em 0 0;}
.Area_K1_ .section .PD_layout .PD_img,.Area_K1_ .section .PD_layout .PD_into { padding-bottom: 1em; }
.Area_K1_ .section .PD_layout .PD_img img { border-radius: 50em; }
.Area_K1_ .section .PD_layout .PD h4 { color: #fff; }
.Area_K1_ .photo ul { margin: 0; padding: 0; list-style: none }
.Area_K1_ .photo h3 {position: absolute;top: 37%;left: 6%;color: #333a2d;}
.Area_K1_ .photo h4 {position: absolute;top: 32%;left: 33%;color: #192914;text-align: left;padding: 3%;}
@media screen and (min-width: 768px){ 
   .Area_K1 { width: 900px; overflow: hidden } /*區塊寬度*/
   .Area_K1  .pagetop li { margin-top: 10px } 
   .Area_K1_ .page {width: 95%;top: 44%;padding: 5% 0 4%;} 
   .Area_K1_ .page .PD_layout .PD_slide{background-color: #fff0;height: 3em;}
   .Area_K1_ .page .PD_layout a {color: #fff;font-weight: 600;font-size: 1.4em;}
   .Area_K1_ .photo {height: 494px;background: url("photo_bg.png?t=1751288977669") center top/ 100% no-repeat scroll;} /*bn圖片高度*/
   .Area_K1_ .photo h3 {font-size: 2.5em;}
   .Area_K1_ .photo h4 {width: 30%;font-size: 1.5em;font-weight: 400;}
   .Area_K1_ .Area_swiper_box {padding-bottom: 25px;height: 869px;} /*商品區高度*/
   .Area_K1_ .photo img {position: relative;border-radius: 1em;display: block;width: 22%;float: right;margin-top: -2vw;padding: 10% 6% 0 5%;}
}
@media screen and (max-width:767px){
   .Area_K1 { width: 96%; } /*區塊寬度*/
   .Area_K1_ .page {position: absolute;width: 92%;top: 31vw;z-index: 10;}  
   .Area_K1_ .page .PD_layout .PD_slide {font-size: 0.8em;}
   .Area_K1_ .page .PD_layout {padding: 1% 3%;border-radius: 1em;background-color: #3a4b33;}
   .Area_K1_ .photo {position: relative;top: 0;height: 84vw;z-index: -1;} /*bn圖片高度*/
   .Area_K1_ .photo h3 {font-size: 1.5em;top: 72%;left: 5%;}
   .Area_K1_ .photo h4 {font-size: 1em; top: 66%;left: 47%;}
   .Area_K1_ .photo .PD_slide::after {content: "";position: absolute;top: 74%;left: 47%;display: block;height: 17%;border-left: 2px #475a42 dotted;z-index: 10;}
   .Area_K1_ .Area_swiper_box {height: 220vw;} /*商品區高度*/
   .Area_K1_ .Area_swiper_box .section .box {width: 88%;margin: 0 0 0 1vw;} 
   .Area_K1_ .Area_swiper_box .section .box ul {grid-gap:0.8em;padding: 0 4%;} 
   .Area_K1_ .section .PD_layout .PD_slide:nth-of-type(1),.Area_K1_ .section .PD_layout .PD_slide:nth-of-type(2) {left: 10vw;margin-bottom: 0;}
   .Area_K1_ .page .PD_layout .PD_slide{background-color: #fff0;height: 3em;}
   .Area_K1_ .page .PD_layout a {color: #fff;font-weight: 600;font-size: 1em;}
   .Area_K1_ .photo img {position: relative;border-radius: 1em;display: block;width: 27%;float: right;margin-top: -2vw;padding: 0 3% 0 5%;}
   .Area_K1_ .page .PD_layout .PD_wrapper {grid-gap:0.2em;padding: 0.5em 0 0 0;}
}




/*區塊3*/
.Area03 {padding-bottom: 50px;}
.Area03 .tag img {width: 80%;}
.Area03 .Area03_L .PD_layout .PD img,.Area03 .Area03_R .PD_layout .PD img {width: 100%;}
.Area03 .Area03_L .PD_layout[data-pd-br="1"] .PD_slide, .Area03 .Area03_L .PD_layout[data-pd-br="1"] .PD_img img { border-radius: 0; }
.Area03 .Area03_L .PD_layout[data-fs-bn-pc*="true"] li.PD_slide:first-child {background-color: #0000;}
.Area03 .Area03_L .PD_layout .PD h4,.Area03 .Area03_L .PD_layout .PD p,.Area03 .Area03_L .PD_layout .PD p del{ color: #384d30; }
.Area03 .Area03_R .PD_layout[data-pd-br="1"] .PD_slide, .Area03 .Area03_L .PD_layout[data-pd-br="1"] .PD_img img { border-radius: 0; }
.Area03 .Area03_R .PD_layout[data-fs-bn-pc*="true"] li.PD_slide:first-child {background-color: #0000;position: absolute;right: 0;}
.Area03 .Area03_R .PD_layout .PD h4,.Area03 .Area03_R .PD_layout .PD p,.Area03 .Area03_R .PD_layout .PD p del{ color: #ccbeb7; }
.Area03 .PD_layout[data-pd-h3="2"] .PD h3 { display: none; }

@media screen and (min-width:768px){
.Area03 .tag {display: flex;flex-wrap: nowrap;padding: 0;height: 240px;margin: 0 auto;box-sizing: border-box;flex-direction: row;justify-content: center;}
.Area03 .tag a {margin: 0 -1.5%;}
.Area03 .Area03_L {position: relative;padding: 2.7% 0;margin-bottom: 50px;}
.Area03 .Area03_L .PD_layout .PD_slide {background-color: #c6b8a6;height: 19em;}
.Area03_Lbg {z-index: -10;position:absolute;top: 0;width:2000px;height: 100%; left: 50%; transform: translateX(-50%); background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area03 .Area03_R {position: relative;padding: 2.7% 0;margin-bottom: 50px;}
.Area03 .Area03_R .PD_layout .PD_slide {background-color: #47533b;height: 19em;}		
.Area03_Rbg {z-index: -10;position:absolute;top: 0; width:2000px;height: 100%; left: 50%; transform: translateX(-50%); background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area03 .tag a:hover::after {content: "";display: block;position: absolute;top: 34px;left: 66px;width: 20px;height: 20px;background-color: #5c6f56;border-radius: 5em;}
}

@media screen and (max-width:767px){
  .Area03 {width: 100%;padding-bottom: 8vw;}
  .Area03 .tag {position: relative;display: flex;padding: 0 2%;height: 54vw;margin: auto;flex-wrap: wrap;justify-content: center;}
  .Area03 .tag a {width: 37%;margin: 0 -4%;}
  .Area03 .Area03_L .PD_layout ul,.Area03 .Area03_R .PD_layout ul{ padding: 0; }
  .Area03 .Area03_L .PD_layout::after {content: "";display: block;position: absolute;top: 37vw;left: 0;width: 100%;height: 100%;background: url("m_Area03_repeat.png?t=1751288977669") center bottom/ 100% repeat-y scroll;z-index: -1;pointer-events: none;}
  .Area03 .Area03_R .PD_layout::after {content: "";display: block;position: absolute;top: 37vw;left: 0;width: 100%;height: 100%;background: url("m_Area03_repeat2.png?t=1751288977669") center bottom/ 100% repeat-y scroll;z-index: -1;pointer-events: none;}
  .Area03 .Area03_L .PD_layout ul li:nth-of-type(2),.Area03 .Area03_L .PD_layout ul li:nth-of-type(4),.Area03 .Area03_R .PD_layout ul li:nth-of-type(2),.Area03 .Area03_R .PD_layout ul li:nth-of-type(4) {margin-left: 1em;}
  .Area03 .Area03_L .PD_layout ul li:nth-of-type(3),.Area03 .Area03_L .PD_layout ul li:nth-of-type(5),.Area03 .Area03_R .PD_layout ul li:nth-of-type(3),.Area03 .Area03_R .PD_layout ul li:nth-of-type(5) { margin-right: 1em;  }
  .Area03 .Area03_L {position: relative;padding: 2.7% 0 0;margin-top: -3vw;margin-bottom: 0;}
  .Area03 .Area03_L .PD_layout .PD_slide {background-color: #c6b8a6;height: 15em;margin: 2%;}
  .Area03 .Area03_R .PD_layout .PD_slide {background-color: #47533b;height: 15em;margin: 2%;}	
  .Area03 .Area03_L .PD_layout .PD_slide:nth-child(1),.Area03 .Area03_R .PD_layout .PD_slide:nth-child(1) {margin: 0; }	
  .Area03 .Area03_L .PD_layout .PD_slide:nth-child(1),.Area03 .Area03_R .PD_layout .PD_slide:nth-child(1) {background-color: #0000;height: auto;}	
  .Area03 .Area03_R {position: relative;padding: 2.7% 0 0;margin-top: -3vw;margin-bottom: 0;}
  .Area03 .Area03_R .PD_layout[data-fs-bn-pc*="true"] li.PD_slide:first-child {background-color: #0000;position:relative;right: 0;}
}




/*區塊4*/
.Area04 {height: auto;padding-bottom: 70px;}
.Area04 .PD_layout .PD_img {padding: 19% 6%;display: block!important;}
@media screen and (max-width:767px){
.Area04 {padding: 9% 0;height: auto;background: url("m_bg_repeat.jpg?t=1751288977669") center top/ 100% repeat-y scroll;}
}

/*PD_layout-CSSBG_01*/
.PD_layout-CSSBG_01 {padding: 0;}
.PD_layout-CSSBG_01 li {height: 200px;}
.PD_layout-CSSBG_01 li::after {content: "";display: block;width: 100%;height: 100%;padding-bottom: 90%!important;background: url("Area04_logobg.png?t=1751288977669") center top/ 100% no-repeat scroll;}
.PD_layout-CSSBG_01 .PD_slide:hover { box-shadow: none;}
.PD_layout-CSSBG_01 .PD {position: absolute;top: 0%;left: 0;display: flex;width: 100%;height: 100%;}
.PD_layout-CSSBG_01 .PD a { width: 100%; height: 100%;}
.PD_layout-CSSBG_01 .PD p { color: #fff!important;}

@media screen and (min-width:768px){
.PD_layout-CSSBG_01 .PD .PD_img {padding: 2% 2% 0 13%!important;}
}
@media screen and (max-width:767px){
.PD_layout-CSSBG_01 {padding: 1% 6%;}
.PD_layout-CSSBG_01.PD_layout ul {display: flex;justify-content: center;}
.PD_layout-CSSBG_01 li {width: 32%;height: 25vw;overflow: hidden;}
.PD_layout-CSSBG_01 .PD .PD_img {padding: 6% 5% 12% 15%!important;}
}




/*區塊5*/
@media screen and (min-width: 768px){
.Area05 .box{ padding: 0 2%; }
.Area05_bg {z-index: -10;position:absolute;top: 0;width: 2000px;height: 700px;left: 50%;transform: translateX(-50%);background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.Area05 .top_decotxt {position: absolute;top: 0;left: 1067px;z-index: 99;}

}






/*置底*/
.fixbn a {padding-bottom:constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
			padding-bottom:env(safe-area-inset-bottom);}   /* 兼容 iOS >= 11.2 */ 
.fixbn{position:fixed; background-size:100%;bottom:0; display:block; z-index: 99; }
.fixbn ul li{float:left;padding:0;list-style-type:none;width:100%;}
.fixbn ul li img{width:100%;margin:0 auto;}
.fixbn ul{
    margin-top: 0px;
    margin-bottom: 0px;
    padding-left: 0px;
}

.fixbn .btn {position: absolute;top: 1vw;width: 100%;left: 0;margin: 0 auto;}

@media screen and (max-width:767px){
	.fixbn_deco {position: absolute;top: 3vw;left: 21vw;width: 15%;}
}






/*區塊_all*/
.Area1220 {position: relative;margin:0 auto; width:1220px;}

.Area960 { margin:0 auto; width:960px;}
.Area {position: relative;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;}
	}




/*LOGO*/
.Area_top {}
.Area_top .momologo { z-index:95; position: absolute;top: 15px; left:40px;}
.Area_top .momologo a { display:block; width:200px; height:30px; background: url(momo_logo.png?t=1751288977669) no-repeat; }

.Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1751288977669) no-repeat; opacity: 1; }


	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*按鈕*/

.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;


	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	


/*回版頭*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop { display: none; position:fixed; z-index:201; right:0; padding:14px 6px 3px 10px; font:12px/30px Verdana; text-align:center; color:#fff; cursor:pointer; transition: 0.2s; transform: translateX(200%);
        bottom:90px;
        bottom: calc(90px + constant(safe-area-inset-bottom)*0.6 );
        bottom: calc(90px + env(safe-area-inset-bottom)*0.6 );}
#gotop::before { content: ""; position:absolute; top:9px; left:19px; width: 0; height: 0; border: 4px solid #fff; border-color: transparent transparent #fff; }
#gotop::after  { content: ""; z-index:-1; position:absolute; top:50%; left:50%; border-radius:50px 0 0 50px; transform:translate(-50%,-50%); width:44px; height:44px; background-color:rgba(0,0,0,0.8);}
#gotop.cate-open { transform: translateX(0%);}
  /*白色*/
  #gotop { color:#000; }
  #gotop::before { border-color: transparent transparent #000;}


  #gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}




/*旗艦館*/
#gotopBtn { display:none !important;} /*把系統手機版原本的Gotop關掉*/
#gotop_2 { display: none; position:fixed; z-index:201; right:0; text-align:center; cursor:pointer; transition: 0.2s; transform: translateY(200%);
        
        bottom: calc(0px + env(safe-area-inset-bottom)*0.6 );}
#gotop_2.cate-open { transform: translateY(0%);}




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