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

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

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

	}


/*LOGO CSS*/
.momologo { z-index:2; position: absolute; top: 19px; left:0;}
.momologo a { display:block; width:140px; height:21px;}
.momologo a svg { width:140px; height:21px; }
.momologo a path { fill:#EA27C2; }
.momologo-pink  a path { fill:#EA27C2; }/*LOGO 桃紅色*/
.momologo-white a path { fill:#ffffff; }/*LOGO 白色*/
    @media screen and (max-width:767px){
        .momologo { display:none;}
    }


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding:0; overflow:hidden;background-color:#fe91ca; width:100%; min-width:1220px; text-align:left; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none; -webkit-tap-highlight-color: transparent}
/*預設清單樣式*/
.Area .list_00 ul {display:inline-block; margin:0; padding:0;}
.Area .list_00 li {list-style:none;float:left;overflow: hidden;}
	@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(mb_bg.jpg?t=1773040241385);background-repeat:repeat-y;background-size:100%;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

/*PC背景*/
@media screen and (min-width:768px){
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bg_top { z-index:-49; position:fixed;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.bg_top2 { z-index:0; position:absolute;top:0px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}	
.bg_top3 { z-index:0; position:absolute;top:0px;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}		
}

@media screen and (max-width:767px){
.m_top{ z-index:-1;position:absolute; top:10vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}



/*共用樣式*/
.Area .prdImgWrap .imgTag,
.Area .prdImgWrap .imgTagRectangle,
.Area .prdImgWrap .imgTagBottom { display: none!important;}

/*間距*/
.Area_bottom { margin-bottom: 40px!important;}
.Area_bottom2 { margin-bottom: 70px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 4vw !important;}
  .Area_bottom2 { margin-bottom: 9vw !important;}
}

@media screen and (max-width:767px){
  .PD96 ul{ width: 96%; }
}



/*區標*/
.box_txt ul{padding: 0!important;grid-gap:0!important;}	
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: 228px;}
.box_txt img{width: 73%!important;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;height: auto;left: -100px;}
.box_txth2 img{width: 64%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt2 img{width: 62%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt3 img{width: 80.5%;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt4 img{width: 64%;}
.box_txt5 {position: relative;margin: 0 auto;width: 100%;height: 170px;}
.box_txt5 img{width: 73%!important;}

}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0;height: 25vw;z-index: 3;}
.box_txt img{width: 100%;}
.box_txth2 {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 12vw;left: 0vw;}
.box_txth2 img{width: 100%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.box_txt2 img{width: 100%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 17vw;}
.box_txt3 img{width: 100;}
.box_txt4 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 17vw;}
.box_txt4 img{width: 100;}
.box_txt5 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 20vw;}
.box_txt5 img{width: 100;}

}


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

@media screen and (min-width: 768px){
.title {position: relative;z-index: 999;}
.title .PD_layout li{position: absolute;top: 121px;left: 95px;z-index: 10;width: 55%;pointer-events: none;}
.title .PD_layout .PD img { width: 100%!important; }
.date {position: relative;z-index: 1;}
.date .PD_layout .PD img { width: 100%!important; }
.date .PD_layout li{position: absolute;top: 9px; left: 533px;z-index: 10;width: 21%;pointer-events: none;}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v1-PD1 { margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_v1-PD4 { margin-left: 10px!important; margin-top: 150px!important; z-index: 99!important; }
}

@media screen and (max-width:767px){
.title {position: relative;top: 1vw;z-index: 5;}
.title .PD_layout li{position: absolute;top: 13.5vw;left: 6vw;z-index: 10;width: 78%;pointer-events: none;}
.title .PD_layout .PD img { width: 100%!important; }
.date {position: relative;top: 1vw;z-index: 1;}
.date .PD_layout .PD img { width: 100%!important; }
.date .PD_layout li{position: absolute;top: 0.8vw;left: 57.5vw;z-index: 10;width:30%;pointer-events: none;}
	
}



/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height:1230px;}
.deco01 {position: absolute;top: 880px;left: -390px;animation-delay:.8s;}
.Area_title .Area_PD1{position: relative;top: 830px;}
.Area_PD1 .PD_layout ul li {border: 2px #ff46a7 solid;left: 25px;}
.star_01 {position: absolute;top: 360px;left: 634px;z-index: 10;width: 6%;pointer-events: none;}
.line2 {position: absolute;top: 210px;left: 190px;z-index: 10;width: 18%;pointer-events: none;}	
.Area_title .pd01 {position:absolute;top: 452px;left: 153px;z-index: 2;pointer-events: none; width: 9%;}
.Area_title .pd02 {position:absolute;top: 88px;left: 703px;z-index: 1000;pointer-events: none;}
.Area_title .pd03 {position:absolute;top: 13px;left: 201px;z-index: 1;pointer-events: none;}	
.Area_title .pd04 {position:absolute;top: 480px;left: -47px;z-index: 1;pointer-events: none;}	
.Area_title .sub_bg {position:absolute;top: 400px;left: 233px;width: 432px;z-index: 0;pointer-events: none;}	
}
@media screen and (max-width: 767px){
   .Area_title {width:100%;height:188vw;}
   .deco01{position:absolute;left: 8vw;top: 6vw;width: 58%;}
   .Area_title .Area_PD1 {position: relative;top: 108vw;}
   .Area_PD1 .PD_layout ul li {border: 2px #ff46a7 solid;}
   .star_01 {position: absolute;top: 79vw;left: 88vw;z-index: 10;width: 5%;pointer-events: none;z-index: 13;}
   .line2 {position: absolute;top: 28vw;left: 3vw;z-index: 10;width: 27%;pointer-events: none;z-index: 14;}		
   .Area_title .pd01 {position:absolute;top: 55vw;left:8vw;width: 12%;z-index: 0;pointer-events: none;}
   .Area_title .pd02 {position:absolute;top: 17vw;left: 78vw;width: 23%;z-index: 10;pointer-events: none;}
   .Area_title .pd03 {position:absolute;top: 2vw;left: 19vw;width: 18%;z-index: -1;pointer-events: none;}	
   .Area_title .pd04 {position:absolute;top: 73vw;left: -4vw;width: 24%;z-index: 0;pointer-events: none; transform: rotate(-7deg);}	
   .Area_title .sub_bg {position:absolute;top: 49vw;left: 11vw;width: 57%;z-index: -1;pointer-events: none;}	
}




/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub { position: absolute; top: 445px;left: 280px; width: 27%;height: auto; z-index: 5;overflow: hidden;}	
.sub .PD_layout .PD img {width: 90%;}	
/*.sub::after {content:"";position: absolute;display:block;top: 1px;left: 55px;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1773040241385") center top/100% no-repeat scroll;}*/
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 56.5vw;left: 16vw;width: 47%;z-index: 5;overflow: hidden;}
.sub .PD_layout .PD img {width: 85%;padding: 0;}
/*.sub::after {content:"";position: absolute;display:block;top: 0vw;left: 6vw;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1773040241385") center top/100% no-repeat scroll;}*/
}

/*輪播特效*/
.Area_title .sub .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .sub .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}


/*活動倒數*/
.TimerNick2 {display:inline-block;position:relative;top:-9px;left:0;height: 57px;z-index:99;font-weight: 700;padding: 0 0 0;width: 40%;}
.TimerNick2 .FontStyle2 {display: inline-block;margin: 0 0 0 2px;padding: 0;border: 0;font: bold 40px/30px Arial;color: #161616;/*background-color: #000; */border-radius:5px;/*text-shadow:1px 1px 0px #fff;*/letter-spacing: 0px;text-align: center;}
.TimerNick2 span {padding-left: 2px;font: 400 37px/48px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0em;color: #161616;}
@media screen and (max-width:767px){
.TimerNick2 {display:inline-block;width: 73%;position: relative;top:2vw;left:0;margin:0;height:0;padding-bottom: 8%;overflow:hidden;text-align:center;background-size:100%;z-index:20;}
.TimerNick2 .FontStyle2 {margin: 0;padding: 0;border: 0;font: bold 5vw/5vw Arial;}
.TimerNick2 span {padding-left:0;font: normal 5vw/5vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;}
}



/*折價券*/
.PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: #fff;}	
.PD_layout.PD_layout-oneClick .PD .divine_coupon, .PD_layout.PD_layout-oneClick .PD .threshold { color:rgb(24, 24, 24);}	
@media screen and (min-width:768px){
.Area_coupon {height:100%;z-index: 1;}
.Area_coupon .box {padding: 0 2% 3.5% 2%;}
.Area_coupon .box ul{ row-gap: 4%; }
.Area_coupon .PD_layout.BN {padding: 0% 0% 1% 0%;}
}	
@media screen and (max-width:767px){
.Area_coupon { height:100%;z-index: 1;}	

}


/*3格*/
@media screen and (min-width: 768px) {
  .active{  z-index: -1; }
  .active{ padding: 14px 62px; box-sizing: border-box; margin-top: -40px;}
  .active .PD_wrapper{ padding: 28px 0 0!important; grid-gap: 32px!important; }
}
@media screen and (max-width: 767px) {
  .active{  z-index: -1;}
  .active{  margin-top: -3vw;}
  .active .PD_wrapper{ padding:6% 2% 2%!important; }
}



/*作圖區*/
@media screen and (min-width:768px){
	/**公版**/	
.Area_item .layout_PD {width:960px;margin:0 auto!important;padding:0!important;}
.Area_item .layout_PD ul {margin:0;padding:0}
.Area_item .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1773040241386)top center no-repeat;background-size: 100%;padding-bottom: 180px;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1773040241386)top center no-repeat;background-size: 100%;padding-bottom:50px;}
.Area_item .layout_PD ul li a {color: #FFFFFF;}
.Area_item .layout_PD ul li:hover {box-shadow: none; }
.Area_item .layout_PD ul li:nth-child(even) .PD_img {width:48%;margin:20px 15px;}
.Area_item .layout_PD ul li:nth-child(odd) .PD_img {width:48%;margin:20px 15px;position:absolute;left:483px;}
	
	
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:48%;margin: 89px 0 0 -54px;text-align:center!important;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:43%;margin: 173px 0 0 95px;text-align:center!important}
.Area_item .layout_PD ul li .PD h3 {font-size: 42px;color: #fff;}		
.Area_item .layout_PD ul li .PD h4 {font-size: 32px;color: #fff;}		
.Area_item .layout_PD ul li .PD p {color: #ff46a7;overflow:inherit;margin-top: 20px;}
.Area_item .layout_PD ul li .js-PD_del {color: #fff;font-size: 27px;}
.Area_item .layout_PD ul li .PD p .Price {font-size: 67px;}	
	
.Area_item .bottom03 {position:relative;height:30px;width:2000px;left:-390px;margin-bottom:0; background:url(m_bottom03.jpg?t=1773040241386)top center repeat-x;background-size:30%;}
}

@media screen and (max-width:767px){
.Area_item {padding-top: 3vw!important;}		
/**公版**/	
.Area_item .layout_PD {width:98%;margin:0 auto;}
.Area_item .layout_PD ul {margin:0;padding:0}
.Area_item .layout_PD ul li:nth-child(odd) {background:url(mo_item_bg01.png?t=1773040241386)top center no-repeat;background-size: 100%;padding-bottom: 11vw;}
.Area_item .layout_PD ul li:nth-child(even) {background:url(mo_item_bg02.png?t=1773040241386)top center no-repeat;background-size:100%;padding-bottom: 3vw;}
.Area_item .layout_PD ul li a {color: #FFFFFF;}
.Area_item .layout_PD ul li:hover {box-shadow: none; }
.Area_item .layout_PD ul li:nth-child(even) .PD_img {width:51%;margin:1.5vw 0px 0px 2vw;}
.Area_item .layout_PD ul li:nth-child(odd) .PD_img {width:51%;margin:0 auto;left: 49vw;top: 2vw;position: absolute;}
	
	
.Area_item .layout_PD ul li:nth-child(even) .PD_into {width:45%;margin:13vw 0 0 -5vw;}	
.Area_item .layout_PD ul li:nth-child(odd) .PD_into {width:45%;margin:14vw 0 0 8vw;}	
.Area_item .layout_PD ul li .PD p {color: #ff46a7;}
.Area_item .layout_PD ul li .PD h3 {color: #fff;  font-size: 1.2em;}	
.Area_item .layout_PD ul li .PD h4 {color: #fff;  font-size: 1.1em;}
.Area_item .layout_PD ul li .js-PD_del {color: #fff;}
	
}



/*輪播一帶四*/
.Area_1BN4PD .bgcolor { background: linear-gradient(180deg, #ff46a7 0%, #ff46a7 25%, #ff46a7 50%, #ff46a7 75%, #ff46a7 100%); margin-bottom: 20px; padding: 0 30px 30px;width: 103%;border-radius: 20px;margin-left:-45px;}
.Area_1BN4PD .bgcolor:last-child { margin-bottom: 0;}
.Area_1BN4PD .BN ul { padding: 0 200px;height: 120px;}
.Area_1BN4PD .BN ul li .PD_into { display: flex; flex-direction: row;}
.Area_1BN4PD .BN ul li .PD_into .PD_logo { margin-top: 13px;width: 42%;}
.Area_1BN4PD .BN ul li .PD_into h3 { width: 65%; font-size: 48px; color: #fff; line-height: 2.5em;}
@media screen and (min-width:767px){
.Area_1BN4PD {height:100%;}	
.Area_1BN4PD .BN ul li .PD_into h3 {padding-top: 5px;}
.Area_1BN4PD .BN ul li .PD_into .PD_logo { margin-top: 0px!important;}	
/*	.Area_1BN4PD .box_txt {width: 1220px;margin: 0 auto;}	*/
.Area_1BN4PD  .bgno {margin-bottom: 50px;}
}	
@media screen and (max-width:767px){
  .Area_1BN4PD {height:100%; }
  .Area_1BN4PD .box_txt {height: 19vw !important;}
  .Area_1BN4PD .bgcolor { width: 100%; margin:0 auto 5vw; padding: 0 0 0 2%;border-radius:0;}
  .Area_1BN4PD .box {padding-bottom: 0;}	
  .Area_1BN4PD .BN ul { padding: 0 0.5em;height: 17vw;}
  .Area_1BN4PD .BN ul li .PD_into .PD_logo { width: 38%;margin-top:1vw;}
  .Area_1BN4PD .BN ul li .PD_into h3 { width: 62%; font-size: 25px; line-height: 2.5em;}
  .Area_1BN4PD  .bgcolor::before {content:"";position: absolute;display:block;top: auto;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0; background: url("bnpdtop.jpg?t=1773040241386") center top/100% no-repeat scroll;}	
  .Area_1BN4PD  .bgcolor::after {content:"";position: absolute;display:block;top: auto;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0; background: url("bnpdbot.jpg?t=1773040241386") center top/100% no-repeat scroll;}	 
  .Area_1BN4PD  .bgcolor .PD_layout.BN {padding-top: 6vw;}	
  .Area_1BN4PD  .bgno .PD_layout.BN {padding-top: 1vw;}		
}



/*BN*/
.BN_swiper { position: relative; margin: 0 auto; overflow: hidden; z-index: 1;}
.BN_swiper ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 11px 0 20px; width: 100%; grid-gap: 0; box-sizing: content-box; height: 347px;}
.BN_swiper ul.PD_wrapper li { position: relative; flex-shrink: 0; margin: 0; padding: 0; pointer-events: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide { min-width: inherit;}
.BN_swiper ul.PD_wrapper li.PD_slide:hover { box-shadow: 0 3px 30px rgba(0, 0, 0, 0);}
@media screen and (max-width:767px){
  .BN_swiper { width: 100%; margin: 0 auto;  padding-top:1vw;}
  .BN_swiper ul.PD_wrapper { margin: 0; padding: 0; height: 47vw;}
}


/*一帶二*/
.Area_1BN2PD { margin-bottom: 0px;padding-top: 10px;}
.Area_1BN2PD .box { display: flex; flex-wrap: wrap;position: relative;}
.Area_1BN2PD .box_bg { width: 48%; margin:18px 1% 20px;background: linear-gradient(350deg, #ff46a7 0%, #ff46a7 25%, #ff46a7 50%, #ff46a7 75%, #ff46a7 100%);border-radius: 15px;}
.Area_1BN2PD .box_no { width: 48%; margin:18px 1% 20px;background: linear-gradient(350deg, #ff46a7 0%, #ff46a7 25%, #ff46a7 50%, #ff46a7 75%, #ff46a7 100%);border-radius: 15px;}
.Area_1BN2PD .box_box .BN ul { padding: 0 10px;}
.Area_1BN2PD .box_box .BN ul li .PD_into { display: flex; flex-direction: row;}
.Area_1BN2PD .box_box .BN ul li .PD_into .PD_logo { width: 39%;padding: 0% 0% 0% 4%;}
.Area_1BN2PD .box_box .BN ul li .PD_into h3 { width: 59%; font-size: 33px; color: #fff; line-height: 2.5em;}
.Area_1BN2PD .box_box .PD_box { padding: 0 15px 30px 15px; }
.Area_1BN2PD .box_box .PD_box  ul { border-radius: 10px; padding: 10px;}
@media screen and (max-width:767px){
  .Area_1BN2PD { margin-bottom: 2vw;padding-top: 0;}
  .Area_1BN2PD .box { display: flex; flex-wrap: wrap;position: relative;top: -6vw;}
  .Area_1BN2PD .box_bg { width: 100%; margin: 0 auto 6vw;background:linear-gradient(350deg, #ff46a7 0%, #ff46a7 25%, #ff46a7 50%, #ff46a7 75%, #ff46a7 100%);border-radius: 0;}
  .Area_1BN2PD .box_no { width: 100%; margin: 0 auto 2vw;background: none;}
  .Area_1BN2PD .box_box:last-child { margin: 0 auto;}
  .Area_1BN2PD .box_box .BN ul { padding: 0 0.5em;}
  .Area_1BN2PD .box_box .BN ul li .PD_into .PD_logo { width: 38%;padding: 0 0 0 2vw;}
  .Area_1BN2PD .box_box .BN ul li .PD_into h3 { width: 62%; font-size: 25px; line-height: 2.44em;}
  .Area_1BN2PD .box_box .PD_box { padding: 0 2% 4% 2%;}
  .Area_1BN2PD .box_box .PD_box ul { width: 98%; padding: 0.2em;}
  .Area_1BN2PD  .box_bg::before {content:"";position: absolute;display:block;top: auto;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0; background: url("bnpdtop.jpg?t=1773040241386") center top/100% no-repeat scroll;}	
  .Area_1BN2PD  .box_bg::after {content:"";position: absolute;display:block;top: auto;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0; background: url("bnpdbot.jpg?t=1773040241386") center top/100% no-repeat scroll;}	 
  .Area_1BN2PD  .box_bg .PD_layout.BN {padding-top: 6vw;}	
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span {color: #f9349b;}  
@media screen and (max-width:767px){
  .Area_book{ margin-top: -7vw; }
  .Area_danji { width: 96%;  margin-bottom: 2vw;}
}


/*輪播頁籤*/
.AreaPD2 .box { overflow: hidden;}
.AreaPD2 .box li{ position: relative; }
@media screen and (max-width:767px){
  .AreaPD2 .box ul{ width: 96%; }
}
/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.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, 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; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}




/*logo_BTN*/
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li::after{content:"";display:block;pointer-events:none;}   
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li::after{background: url("Area_logobg.png?t=1773040241386") center top/100% no-repeat scroll;} 
@media screen and (min-width: 768px){
.Area_logo {height:638px!important;top: 50px;}  
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul{margin: 0 auto;grid-gap: 37px;}	
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{height: 145px!important}   
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li img{width: 80%; margin-top: 12px;}   
.Area_logo .PD_layout-CSSBG_01 .PD .PD_img{padding-top: 10px;}
.Area_logo .PD_layout.guan ul {position: relative;width: 63%;margin: 0 auto;top: 0px;grid-gap:163px;}
}
@media screen and (max-width: 767px){
.Area_logo {height:auto;  margin-top: 9vw;}	
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul {width:98%;margin: 0 auto;padding-top: 2vw; grid-gap: .5em;text-align: center;}	
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{display: grid;height: 20vw !important;}
.Area_logo .PD_layout.PD_layout-CSSBG_01 ul li{width: 100%;}  	
.Area_logo .PD_layout-CSSBG_01 .PD .PD_img{width: 100%;padding:2.5vw 2vw;}
.Area_logo .PD_layout.guan ul {width: 82%;margin: 0 auto;position: relative;top: 25.5vw;grid-gap: 3.8em;}	
}

	
/*3格*/
@media screen and (min-width: 768px) {
  .active2{  z-index: -1; }
  .active2{ padding: 14px 62px; box-sizing: border-box; margin-top: -40px;}
  .active2 .PD_wrapper{ padding: 28px 0 0!important; grid-gap: 32px!important; }
}
@media screen and (max-width: 767px) {
  .active2{  z-index: -1;}
  .active2{  margin-top: -3vw;}
  .active2 .PD_wrapper{ padding:8% 2% 2%!important; }
}



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

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

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