@charset "utf-8";
/*基本*/
body{ margin:0; padding:0; background-color: #b3d3ff;}

/*全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;}
.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; margin-bottom: 0;background-size: cover; background-size: 100%}
		.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) {
.Areabg01{ position:absolute;z-index:-2; top:0px; left:0; width:100%; min-width:1220px; height:750px; background-repeat:no-repeat; background-position:center top;}
.light{ position:absolute;z-index:-42; top:444px; left:0; width:100%; min-width:1220px; height:900px; background-repeat:no-repeat; background-position:center top;}
.Areabg02{ position:absolute;z-index:-41; top:794px; left:0; width:100%; min-width:1220px; height:750px; background-repeat:no-repeat; background-position:center top;}
.people{position:absolute;z-index:-42; top:488px; right:1650px; width:336px;   height:629px; background-repeat:no-repeat; background-position:center top;}
.handR { position:fixed;z-index:1; top:450px; right:262px;  width:348px; height:229px; background-repeat:no-repeat; background-position:center top;}
.handL { position:fixed;z-index:1; top:450px; left:262px; width:348px; height:229px; background-repeat:no-repeat; background-position:center top;}
}


/*MB背景*/
@media screen and (max-width:767px){	
.mAreabg01{ position:absolute;z-index:-2; top:0; left:0;width: 100%; height:100%; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.mlight{ position:absolute;z-index:-42; top:61vw; left:0;width: 100%; height:100vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.mAreabg02{ position:absolute;z-index:-41; top:109vw; left:0; width: 100%; height:100%; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.handR { position:absolute;z-index:1; top:82vw; right:0vw;  width: 27%; height:22vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
.people{position:absolute;z-index:-42; top:73vw; right:70vw; width: 40%; height:50vw; background-repeat:no-repeat; background-position:center top;background-size: 100%;}
}

/*momo_logo*/
.Area_title .momologo { z-index:5; position: absolute; top: 19px; left: 24px;}
.Area_title .momologo a { display: block; width: 165px; height: 83px; background: url(momo_logo.png?t=1754544878098) no-repeat; background-size: 100%;}
.Area_title .momologo a:hover{ background: url(momo_logo.png?t=1754544878098) no-repeat;  background-size: 100%;}
@media screen and (max-width:767px){
.Area_title .momologo { top: 2vw; left: 1vw;}
.Area_title .momologo a { width:23vw;}
}


/*版頭*/

@media screen and (min-width:768px){
.Area_title {width:1220px; height: 1200px; position:relative; margin:0 auto; box-sizing:border-box;  padding: 0 0 0 0;}
.Area_title .titlelogo {z-index:3;position:absolute;top: 295px;left: 702px;}		
.Area_title .title01 {z-index:3;position:absolute;top: 17px;left: 140px;} 

.Area_title .coming_soon {z-index:4;position:absolute;top: 977px;left: 888px;}
.Area_title .date { position:absolute; top: 535px; right:69px;}
.Area_title .line { position:absolute; top: 481px; left:186px;z-index: -43;}	

}

@media screen and (max-width:767px){
.Area_title { width:100%; height:138vw; padding:0 ; margin:0;}
.Area_title .titlelogo {z-index:4;position:absolute;width:40%;top: 9vw;left: 30vw;}	
.Area_title .title01 {z-index: 4;position: absolute;width: 100%;top: 1.5vw;left: 0vw;}
.Area_title .coming_soon {z-index:4;position:absolute;width: 33.3%;top: 108.3vw;left: 61.2vw;}
.Area_title .date {z-index: 10;position:absolute; width: 32%;top: 49vw;left: 66vw;animation-delay:1.1s;}	
.Area_title .line {z-index: -43;position:absolute; width: 24%;top: 62vw;left: 11vw;}	

	

	

/*提醒我按鈕*/
.mo_remind_btn {z-index:999;position: absolute !important; right:-8px; top: 86vw;width: 20%;}
}
	

/*副標*/
.Area_title .bankArea .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.Area_title .bankArea { position: absolute; top: 315px;left: 278px; width: 55%;height: auto; z-index: 5;overflow: hidden;}	
.Area_title .bankArea .PD_layout .PD img {width: 90%;}	
}
@media screen and (max-width:767px){
.Area_title .bankArea {position: absolute;top: 31vw;left: -1vw;width: 97%;z-index: 5;overflow: hidden;}
.Area_title .bankArea .PD_layout .PD img {width: 85%;padding: 0;}
}

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


/*版頭品*/
@media screen and (min-width:768px){
	.Area_title .topPD { z-index:99; position: absolute; top: 385px; right: 0px; width: 100%;}
	.Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
	.Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
	.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	

	.topPD .PD_layout .PD img { width: auto; height: auto;}
  }
  @media screen and (max-width:767px){
	.Area_title .topPD { z-index:99; position: absolute; top: 47vw; right: -3vw; width: 100%;}
	.Area_title .topPD ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 80%; box-sizing: content-box; grid-gap: inherit;}
	.Area_title .topPD ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
	.Area_title .topPD ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}	
	.topPD .PD_layout .PD img { width: 100%;}
	.topPD .PD_layout[data-pd-li*=BN-AWD] .PD_img { display: block !important;}
  }
  
  

/*活動倒數*/
.TimerNick { position: absolute; top:1080px; left:360px; display: inline-block; z-index:8; text-align: center;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 5px;padding: 0;border: 0;font: normal 35px/30px Arial;color: #fff;letter-spacing:0;text-align: center;}
.TimerNick span {padding-left: 2px;font: normal 39px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;font-weight: 800;letter-spacing: -0.05em;color: #fff;}
@media screen and (max-width:767px){
  .TimerNick  {width: 100%;top:117.5vw;left:-1vw;}
  .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 5.2vw/5.2vw Arial;color: #fff;}
  .TimerNick span {padding-left: 0vw;font: bold 4vw/4vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;color: #fff;}
}

/** 倒數 **/
.TimerNick_2 {width: 60%;height: 50px;text-align: center;padding: 0;z-index:4;margin: 0 auto;border-radius: 5em;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 38px;top: 0;font: normal 35px/42px Arial;color: #fffc26;letter-spacing: 0px;text-align:right;height: 40px;padding: 0 1% 0 0;}
.TimerNick_2 span {padding-left: 4px;font: 23px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #fffc26;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
		.TimerNick_2 {position: absolute;top: 10vw;left: 0;margin:0;width: 100%;height: 2vw;text-align: center;padding: 0;  }
		.TimerNick_2 .FontStyle { margin:0; width: 7vw; font: normal 6vw/6vw Arial; color: #fffc26;letter-spacing: 0px;text-align:right;height: 6vw;padding: 0 1% 0 0;}
        .TimerNick_2 div:nth-of-type(2),
		.TimerNick_2 div:nth-of-type(3),
		.TimerNick_2 div:nth-of-type(4){ width: 5vw;}
		.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;   }
}






/*區塊01-行銷宮格區*/
@media screen and (min-width:768px){
.Area01 {top:0px;padding-top: 40px;}
.Area01 .PD_layout[ data-pd-li="BN" ] ul {padding: 0!important}

.Area01 .more_btn {position: absolute;top: 207px;left:929px;z-index: 3;}
      }
@media screen and (max-width:767px){
	    .Area01 .PD_layout[ data-pd-li="BN" ] ul, .PD_layout[ data-pd-li="BN-AWD" ] ul, .PD_layout[ data-pd-li="PDBN" ] ul {padding: 0!important}
        .Area01 {/*top: -3vw; height: 210vw; */z-index: 0}

	    .Area01 .more_btn {z-index: 20;position: absolute;top: 13vw;left: 83vw;width: 13%;}     
        .Area01 .more_btn img { width: 100%; }  
      }


/*區塊01-折價券*/
@media screen and (min-width:768px){
.Area02 {top: 40px}
.Area02_date img {width: 80%}
.Area02 .Area_coupon .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
.Area02 .Area02bg{z-index: -40;position:absolute;top: -20px;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);}
.Area02 .deco{ position:absolute; top: -5px; left:86px;z-index: 1;}	
}	
.Area02 .PD_layout[ data-pd-li="BN" ] ul {padding: 0!important;grid-gap: 0em;}
.Area02 .mArea02bg{z-index: -40;position:absolute;top: 0;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
/*今日降價 驚爆超值*/
.Area_date { height:auto;margin-bottom:70px!important;  }
.Area_date .even-slider-off{position:absolute;z-index:10;left:50%;top:0;height:auto;transform:translateX(-50%)}
.limited { width:100%;  height:310px; left:0; margin:0 auto; box-sizing:border-box; }
.limited .PD_layout ul {  /*width:800px;*/ padding: 0}
.limited .PD_layout ul li { border-radius:25px; }
.limited .PD_layout ul li img { border-radius:20px; }
.limited .pd_swiper{ position:relative; height: 310px; margin:0 auto; text-align:center;  }
.limited .swiper-slide img{ /*width:900px;*/}
.limited .menutableArea { position:relative; display:inline-block; margin:0 auto; width:100%; margin-bottom:80px; text-align:center; }
.limited .menutableArea ul { margin:0 auto; padding:0; list-style:none outside none; width:100%; text-align:center;}
.limited .menutableArea li.swiper-pagination-bullet { background: transparent; opacity: 1; display:inline-block;  margin:0px; padding:10px; width:14%; -webkit-box-sizing: border-box; box-sizing: border-box;}
.limited .menutableArea li.swiper-pagination-bullet:focus { outline: none; }
.limited .menutableArea li.swiper-pagination-bullet span { display:block; color:#fff; font: 36px/50px "Century Gothic","微軟正黑體","Microsoft JhengHei", Arial, Helvetica; text-decoration:none; background-color:#8fb3d9; text-align:center; border-radius: 30px; }
.limited .menutableArea li.swiper-pagination-bullet span:hover {  font-weight:800; color:#fff; background-color:#f480c2; border-radius: 30px;}
.limited .menutableArea li.swiper-pagination-bullet-active span { font-weight:800; color:#fff; background-color:#f480c2; border-radius: 30px; -webkit-tap-highlight-color: transparent;}
.Aear_addbuy{ }
.Area_date .warningTxt h3 {z-index:999; position:relative; color:#fff; text-align: center; font-size: 1rem; line-height: 1.2em; font-weight: 400; padding: 0em; margin-top: -8.6em}

@media screen and (max-width:767px){
.Area_date{ height: auto;margin-bottom:8vw!important;}
.Area02 .deco{ position:absolute; top: -5vw; left:8vw;z-index: 1;background-size: 100%;width:15%;}	
.Area_limited{height:100%;}
.limited .PD_layout ul {  width:100%; }
.limited .PD_layout ul li { border-radius:5vw; }
.limited .PD_layout ul li img{ border-radius:3vw; }
.limited { width:100%;height:35vw; padding:0;  background-repeat: no-repeat; left: 0; top: 0;}
.limited .pd_swiper{ position:relative; width:100%; height:35vw; margin:0 auto;}
.limited .pd_swiper img{ width:100%;  }
.limited .menutableArea {  width:100%; height:4vw; margin:0 auto 0; margin-bottom:6vw;}
.limited .menutableArea ul { width:100%; margin: 0vw 0 0 1vw;}
.limited .menutableArea li.swiper-pagination-bullet { padding:.2em; width:16%; height: 9vw;padding: 0 1vw 1vw 0;}
.limited .menutableArea li.swiper-pagination-bullet span {  margin-bottom: 2%; font: 4.5vw/7vw "Century Gothic","微軟正黑體","Microsoft JhengHei", Arial, Helvetica; border-radius: 30px; }
.Area_date .warningTxt h3 { color:#fff; text-align: center; font-size: 0.8rem; line-height: 1.4em; font-weight: 400; padding: 0em; margin-top: 2vw!important;}
}

/*嚴選大牌 頁籤輪播區*/
  @media screen and (min-width:768px){
.Area_brand {padding-top: 50px}
	  	  }
.Area_brand .layout_page {/*width:885px; position: absolute; left:60px; */z-index:2;margin: 0 auto}
.Area_brand .layout_page .cate-hover { filter: hue-rotate(60deg) brightness(130%);}
.Area_brand .layout_page ul  { display:flex; flex-direction:row; justify-content:center}
.Area_brand .layout_page ul li { padding: 0; margin:0 20px 20px 0; }
.Area_brand .layout_page ul li img { width:100%;}
.Area_brand .layout_page .PD_slide { background-color:none!important; min-width:inherit;}
.Area_brand .box { position:relative; width:90%; height:375px;  top:15px;  left: 50px; overflow:hidden;}
 

@media screen and (max-width:767px){
  .Area_brand { height:88vw;top: 5vw;}
  .Area_brand .layout_page { position: absolute; height:18vw; width:100%; left: 2%; top:18vw; margin-bottom:0px; z-index:99;}
  .Area_brand .layout_page .cate-hover {filter: hue-rotate(60deg) brightness(130%);}
  .Area_brand .layout_page ul { display:flex; flex-direction: row ;}
  .Area_brand .layout_page ul li { padding: 0 2% 2% 0!important; margin:0!important; width:43%;  z-index:99;}
  .Area_brand .layout_page ul li img {width:100%;}
  .Area_brand .box { width:96%; height:100%;  top:15vw;  left:2vw; overflow:hidden;}
	  }


/*05-商品區*/
/*.Area05_bg {background-color: #35c0ba; padding-bottom:40px}*/

@media screen and (min-width:768px){
	.Area_PD5 .box {padding-top: 30px;}
}
@media screen and (max-width:767px){
	.Area_PD5 .box{padding-top: 2vw}

}

/*行銷活動*/
.Area_event .PD_layout ul{padding: 0; grid-gap: 0!important;display: flex}
.Area_event .PD_layout .PD_slide {min-width: inherit;}
.Area_event .PD_layout li:nth-of-type(2){max-width: 50%}
.Area_event .PD_layout li:nth-of-type(3){max-width: 50%}



.Area_event .PD_layout2 .PD_slide {min-width: inherit;}
.Area_event .PD_layout2 ul{display:grid;padding-left: 0;grid-gap:15px;list-style: none;}


@media screen and (min-width:768px){
	.Area_event {padding-top: 223px; }
	.Area_coupon{background-color: #fabd04;padding-bottom:10px;}
	.Area_event .box{background-color: #fabd04;}
	.Area_danjibox{background-color: #fabd04;padding-bottom:10px;}
	.Area_danjibox .Area_danji{pointer-events: none;}
}
@media screen and (max-width:767px){
	.Area_coupon{background-color: #fabd04;padding-bottom:3vw;}
	.Area_event .PD_layout2 ul{display:grid;padding-left: 1vw;grid-gap:2vw;list-style: none; width: 98%;}
	.Area_event .box{background-color: #fabd04;}
	.Area_danjibox{background-color: #fabd04;padding-bottom:1vw;}
	.Area_danjibox .Area_danji{pointer-events: none;}

}





/*主打品區*/
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {}
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b,
 	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p small{background-color:#002d95 }
	  .Area03 .PD_layout .PD_img {z-index: 5}
	  .Area03 .PD_layout .PD_logo img {box-shadow: none!important }	
	  .Area03 .PD_layout li:nth-child(even) .PD a{flex-direction: row!important;}
	  .Area03 .PD_layout li:nth-child(odd){content: "";background: url(PD01_bg.png?t=1754544878098)center top / 101% no-repeat scroll;}
	  .Area03 .PD_layout li:nth-child(even){content: "";background: url(PD02_bg.png?t=1754544878098)center top / 101% no-repeat scroll;}

 @media screen and (min-width:768px){
	  .Area03{position: relative;height:auto;}
	  .Area03 .PD_layout ul {padding-top: 0px; padding-left: 0px;padding-right: 0px;}	
	  .Area03 .PD_layout li {height: 635px;}	  
	  .Area03 .PD_layout .PD a{height: 587px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {font-size: 44px;color: #3b3b3b}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h4 {top: 106px;font-size: 36px;color: #002f9c}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p {top: 145px;height: 89px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:32px;color: #484848;font-weight: 400;top: 5px}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:34px;left:2px;font-size: 80px;line-height: 85px;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-size: 36px;font-weight: 600;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 1.3em;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_logo {position: absolute;width: 208px;height: 175px;left: 553px; top: -142px;}	  
	  .Area03 .PD_layout li:nth-child(odd) .PD_logo {position: absolute;width: 208px;height: 175px;left: -330px;top: -141px;}
	 
	  .Area03 .PD_layout li:nth-child(even) .PD_img{position: relative;width:364px;left: 462px;top: 136px;}		  
	  .Area03 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:364px;left:-462px;top:136px}
	  
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top: 156px;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top: 156px;}	  
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_into{width:50%;z-index: 1;position: absolute;left: 0px;top: 99px;}
	  .Area03 .PD_layout li:nth-child(odd) .PD_into{width:50%;z-index: 1;position: absolute;left: 523px;top: 99px;}		  

}
  @media screen and (max-width:767px){
	  .Area03 {position:relative;height: auto;}
	  .Area03 .Area_title {position:relative;z-index: 1;height:15vw;}	  
	  .Area03 .PD_layout ul{padding-left: 0em;padding-right:0em;perspective:10vw;/*padding-top: 4.7vw*/}
	  .Area03 .PD_layout li{margin:0;z-index: 2;width: 100%;height: 70vw}
	  .Area03 .PD_layout .PD a{height: 50vw;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h3 {font-size: 5.4vw;top:11vw;color: #3b3b3b}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD h4 {font-size: 3.8vw;top: 17.8vw;color: #002f9c}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p {top:26vw;/*font-weight: 600;*/}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .Price {top:25vw;left: -2vw;font-size: 2em;font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .money {font-family:Century Gothic;}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p .js-PD_del {position: absolute;font-size:0.8em;color: #484848;font-weight: 400;top: -2vw}
	  .Area03 .PD_layout.PD_layout-PDBN_01 .PD p b, .PD_layout .PD p del {font-size: 0.9em;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_logo {width:26vw;height:24vw;position: absolute;left:58vw;top: -12vw }		  
	  .Area03 .PD_layout li:nth-child(odd) .PD_logo {width:26vw;height:24vw;position: absolute;left:-33vw;top: -9vw}
	  
	  .Area03 .PD_layout li .PD_logo img {width:47vw;height:47vw;}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_img{position: relative;width:40vw;left:49vw;top:12vw}
	  .Area03 .PD_layout li:nth-child(odd) .PD_img{position: relative;width:40vw;left: -49.5vw;top:12vw}

	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(even) .PD p {top:24vw}
	  .Area03 .PD_layout.PD_layout-PDBN_01 li:nth-child(odd) .PD p {top:24vw}
	  
	  .Area03 .PD_layout li:nth-child(even) .PD_into{position: absolute;width:50%;z-index: 1;top:2vw;}
	  .Area03 .PD_layout li:nth-child(odd) .PD_into{position: absolute;width:50%;z-index: 1;top:2vw;}	  

}

/*作圖公版微調*/
.PDnew_style.PD_layout .PD h4:hover { color: #2e3333;}
@media screen and (min-width: 768px){
.PDnew_style  {width: 90%;}

.PDnew_style li:nth-child(even)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1754544878098") center top/100% no-repeat scroll;}	
.PDnew_style li:nth-child(odd)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1754544878098") center top/100% no-repeat scroll;}

	
.PDnew_style .PD_into {padding:0;border-radius: 0.5em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
.PDnew_style .PD h3 {color: #fff;height: 2em;font-size: 1.5em !important;position: absolute;top: 9px;margin: 0 8% !important;}
.PDnew_style .PD h4 {color: #2e3333;height: 2em;font-size: 1.5em !important;position: absolute;top: 303px;width:84%;margin: 0 8% !important;}
.PDnew_style .PD p {max-height: 1.8em;font-size: 2.3em !important;margin-top: 57px;}
.PDnew_style .PD p del{color:#5d5d5d!important;font-size: 0.6em !important;}
	
.PDnew_style li:nth-child(even) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(even) .PD small {color: #1255b2;font-size: 20px}
	
.PDnew_style li:nth-child(odd) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD small {color: #1255b2;font-size: 20px}
	
.PDnew_style .PD .PD_img {position: relative;top: 40px;width: 90%;margin:6% 7% 6% 5%;;}
}
@media screen and (max-width: 767px){
.PDnew_style  {width: 100%;}
	
.PDnew_style li:nth-child(even)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1754544878098") center top/100% no-repeat scroll;}
.PDnew_style li:nth-child(odd)::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("item_bg1.png?t=1754544878098") center top/100% no-repeat scroll;}

	
.PDnew_style .PD_into {padding: 0;/* background-color: #ec170c; */border-radius: 0.5em;font-family: Arial, "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica;}
	
.PDnew_style .PD h3 {color: #fff;height: 2em;font-size: 1.3em !important;position: absolute;top: 1vw;width: 70%;margin: 0 2% !important;text-align: left;}	
.PDnew_style .PD h4 {color: #2e3333;height: 2em;font-size: 1.2em !important;position: absolute;top: 55vw;width: 90%;margin: 0 5% !important;}
.PDnew_style .PD p {max-height: 1.6em;font-size: 1.8em !important;position: absolute;top: 59vw;width: 90%;margin: 0 5% !important;}
.PDnew_style .PD p del{color:#5d5d5d!important;font-size: 0.6em !important;}
.PDnew_style .PD .PD_img {position: relative;top: 8vw;}	
	
.PDnew_style li:nth-child(even) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(even) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(even) .PD small {color: #1255b2;font-size: 0.5em}
	
.PDnew_style li:nth-child(odd) .PD p .money {color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD p .Price {font-size: 1.2em !important;color: #1255b2;}
.PDnew_style li:nth-child(odd) .PD small {color: #1255b2;font-size: 0.5em}
}

/*04*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .Area04_bg {z-index: -5;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;margin: -60px 0;}	
.Area04 .swiper_box {padding: 1% 0;overflow: hidden;height: 450px;}
.Area04 .swiper_box ul {height: 440px;}	
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{margin-left: -10px;}	
.Area04 .subtitle {position: absolute;top:-46px;left:52px;z-index: 2;}
}
@media screen and (max-width: 767px){
.Area04 {height: 108vw;margin-bottom: 1vw!important;}	
.Area04 .m_Area04_bg {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;;background-size: 100%;}
.Area04 .subtitle {position: absolute;top:-4vw;left:7vw;z-index: 2;width: 20%;}
.Area04 .swiper_box ul {margin-bottom: 8vw;height:80vw;}
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide li {margin-right: 0.5em;}
.Area04 .PD_layout ul.swiper-wrapper .PD_slide.swiper-slide{min-width: 49vw!important;margin-left: -4vw;}
}

/*BN區*/
.Area_BN .PD_layout .PD img {border-radius: 10px!important;}
@media screen and (max-width: 767px) {
    .PD_layout[ data-pd-li="BN" ] ul, .PD_layout[ data-pd-li="BN-AWD" ] ul, .PD_layout[ data-pd-li="PDBN" ] ul {
        grid-gap: .5em;
    }
}
@media screen and (min-width: 767px) {
.Area_BN {height:100%;z-index: 40;top: 80px}
.Area_BN .title img{ width: 100%;}
.Area_BN .box{width:100%;margin: 0 auto;padding-bottom:80px;}	

/*BN*/
.Area_BN .AreaBN{width:100%;margin: 0 auto;padding-bottom: 15px;}
.Area_BN .swiper-button-next, .swiper-button-prev {top: 42%;}	
/*輪播BN*/
.AreaBN2 {position: relative;width:100%;left:0px;padding-bottom: 30px;margin: 0 auto;}
.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;}
 }

@media screen and (max-width: 767px) {
.Area_BN {height:100%;padding-bottom:8vw;top: 5vw}
/*BN*/ 
.Area_BN .AreaBN{width:100%;margin: 0 auto;padding-bottom:2vw;}
.Area_BN .box{width:100%;margin: 0 auto;padding-bottom:0;}	

/*輪播BN*/
.AreaBN2 {position: relative;width: 100%;left:3vw;}
/*  .AreaBN2 .box_swiper .PD_layout { width: 96%; margin: 0 auto; height: 30vw;}*/	
.AreaBN2 .box_swiper { overflow: hidden;}
.AreaBN2 .box_swiper .PD_layout { position: relative; height:36vw;}
.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;}
}

/*品類logo*/
.Area08 .PD_layout .PD_wrapper {grid-gap:27px}
.Area08 .logobg_top {z-index: -40;position:absolute;top: 0;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);}	
.Area08 .logobg_min {z-index: -40;position:absolute;top: 539px;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;transform:translateX(-546px);background-color: #73a6ed;}


	@media screen and (max-width: 767px) {
	.Area08 .PD_layout .PD_wrapper {grid-gap:4vw}
	.Area08 .mblogobg_top {z-index: -40;position:absolute;top: -6vw;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
	.Area08 .mblogobg_min {z-index: -40;position:absolute;top: 31vw;height: 200%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-color: #73a6ed;}
	}

/*置底*/
.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:50vw;}
.fixbn ul li img{width:100%;margin:0 auto;}
.fixbn ul{margin-top: 0px;margin-bottom: 0px;padding-left: 0px;}
/*1顆按鈕*/
.fixbn .class_00 {position:absolute;width:100%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}


/*2顆按鈕*/
.fixbn .class_00 {position:absolute;width:50%; height: 100%; }
.fixbn .class_00 a {display:block;width:100%;height:100%;}
.fixbn .class_01 { top:0%;left:0%;}
.fixbn .class_02 { top:0%;left:50%;}

.momologo { position:absolute; top:5px; left:3px; z-index:999; }
/*共用*/
.for_pc { display:block !important;}
.for_m  { display:none !important;}
	@media screen and (max-width:736px){ 
		/*共用*/
		.for_pc { display:none !important;}
		.for_m  { display:block !important;}
	}

/*回版頭*/
#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%);}



/*logo*/
@media screen and (min-width:766px){
.go_bt2 {
  -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;}
.go_bt2:hover { 
   filter:brightness(130%);
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);
		  }
	.Area .go_bt {  display:block;
  -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);}
	}



/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto;  border-radius:0; text-align:center; }
.Areabottom {margin-bottom:120px; }
.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;}
		.Areabottom {margin-bottom:10vw; }
	}



/*黏人精*/
.Area_hammerAD { z-index: 9999; position: fixed; bottom: 0; right: 0;}
.Area_hammerAD .box { position: relative; margin-right: 10px; opacity: 1;}
.Area_hammerAD img { width: 100%; height: auto; position: absolute; top: 0; left: 0;}
.Area_hammerAD .closeButton a { display: block; cursor: pointer; position: absolute; width: 20px; height: 20px; border-radius: 50%; font: bold 20px/1em "Century Gothic"; color: #FFF; text-align: center; background-color: rgba(0%,0%,0%,0.5); text-decoration: none; z-index: 2;}
.Area_hammerAD .Ahammer_text { position: absolute; z-index: 2; display: flex; align-items: center; justify-content: center; width: 90%; color: #000; font-family: "Century Gothic","Noto Sans CJK TC"; font-weight: 700;}
.Area_hammerAD .Ahammer_black .img_0, .Area_hammerAD .img_1 { filter: brightness(0%);}
.Area_hammerAD .Ahammer_black .img_1 { filter: none;}
.Area_hammerAD .Ahammer_black .Ahammer_text { color: #fff;}
@media screen and (min-width:768px){
  .Area_hammerAD { position: fixed; z-index: 300; left: 50%; right: auto; bottom: 50px; display: block; width: 210px; height: 200px; transform: translateX(618px) translate3d(0,200px,0);}
  .Area_hammerAD .closeButton a { top: 0; right: 0;}
  .Area_hammerAD .Ahammer_text { font-size: 2.3em; line-height: 1em; height: 1em; top: 40px;}
}
@media screen and (max-width:767px){
  .Area_hammerAD { display: block; width: 26%; transform: translate3d(0px, -215px, 0px) !important;}
  .Area_hammerAD .closeButton a { top: 1vw; right: 1vw;}
  .Area_hammerAD .Ahammer_text { font-size: 1.5em; line-height: 1.5em; height: 1.5em; top: 3.6vw;}
}



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


/*連館按鈕*/
.Area_btn li {list-style: none;}


/*按鈕*/
.Area_btn {width: 80%!important;position: relative; left:0; margin:0px auto; padding:0; text-align: center; height:auto; background:center top no-repeat;}
.Area_btn ul { display: inline-block;margin:0 auto; padding:0; }
.Area_btn ul li a { position:relative; }
.Area_btn ul li a img {  transition-duration: 0.2s; width:100%; margin: 40px auto;}
.Area_btn ul li { float:left; margin:0 5px; transition-duration: 0.3s; }


    @media screen and (max-width:767px){
    .Area_btn ul li a img {  transition-duration: 0.2s; width:100%; margin: 5vw auto 5vw;}
    }



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

/*分享浮層*/
.floatBox { position:relative; margin:2% auto; padding: 2% 0; width: 700px; height:auto; background-color:rgba(0,0,0,0.8); text-align:center;  border-radius:20px;}
.floatBox img { width:100%; height:auto;}
.floatBox .go_bt {
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
          transition: all 0.2s ease;}
.floatBox .go_bt:hover { filter: brightness(120%);
  -webkit-transform:translateY(-6px);
     -moz-transform:translateY(-6px);
      -ms-transform:translateY(-6px);
       -o-transform:translateY(-6px);
          transform:translateY(-6px);}
.floatBox .closeButton a { display:block; cursor:pointer; position:absolute; top:-20px; right:-20px; width:40px; height:40px; border-radius:50%; border:solid 2px #999999; font:bold 40px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
.floatBox .closeButton:hover {background-color:#666; text-decoration:none;}
.floatBox .title  { display:inline-block; margin:0 0 10px 0; border-bottom:1px solid #ffd800; font:bold 45px/1.5em "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;  color:#ffd800; text-align:center}
.floatBox .box_ { margin:0 auto; width:90%;}
.floatBox .box_:after { content: ""; display:block; clear:both;}
.floatBox .box_btn { margin:20px auto 0; width: 80%;}
.floatBox .box_btn a { display:block; margin:3% 0;}
.floatBox .box_btn img { width:100%;}
.floatBox .box_btn .btn { margin:0 auto; width:60%;}
.floatBox .box_btn2 a { float:left; margin:0 1%; width:48%;}
	@media screen and (max-width:767px){
		.floatBox { padding:5% 0; width:90%; height: auto;}
		.floatBox .closeButton a {display:block; position:absolute; top:-15px; right:-15px; width:30px; height:30px; border-radius:50%; border:solid 2px #999999; font:bold 30px/1em "Century Gothic"; color:#FFF; text-align:center; background-color:rgba(0%,0%,0%,0.5);text-decoration: none; z-index:2}
		.floatBox .closeButton:hover {background-color:#666; text-decoration:none}
		.floatBox .title  { margin:0 5% 3vw; font-size: 6vw; line-height:2rem;}
		.floatBox .box_btn { margin:2% auto 0;}
		.floatBox .box_btn .btn { margin:0 auto; width:80%;}
	}