@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; background-color: #000; text-align: left; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; 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: 30px; min-width: inherit; min-height: 100vh; overflow: hidden;}
		.WRAPPER img { width: 100%; height :auto;}
	}


/*背景*/
@media screen and (min-width:768px){
	.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: -2;position:absolute;top:1500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_03 {z-index: -2;position:absolute;top:3000px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_04 {z-index: -2;position:absolute;top:4500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_05 {z-index: -2;position:absolute;top:6000px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_06 {z-index: -2;position:absolute;top:7500px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_07 {z-index: -2;position:absolute;top:9000px;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.bg_repeat { z-index:-3;position:absolute;top:3000px; left:0; width:100%; height:100%;background-repeat:repeat-y; background-position: center top;pointer-events:none;}
	.bg_deco { z-index:-1;position:absolute;top:0; left:0; width:100%; height:100%;background-repeat:no-repeat; background-position: center top;animation:rubberBand 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;pointer-events:none;}
	.Area01_bg {z-index:-1;position:absolute;top: -55px;left: 0;width:100%;height: 900px;min-width:1220px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}

	
	}
	@media screen and (max-width: 767px){
		.bg_01 {display: none;}
		/*.mbg_repeat {z-index:-3;position:absolute;top:0; left:0; width:100%; height:100%;background: url(mbg_repeat.jpg?t=1759997309022) center 100% / 100% repeat-y;pointer-events:none}*/
		.mArea01_bg {z-index:-1;position:absolute;top:;width:100%;height: 85vw;background: url(mArea01_bg.png?t=1759997309022) center 100% / 100% no-repeat scroll;pointer-events:none}			

	}
	



/*提醒我按鈕*/
a.mo_remind_btn {z-index:99;position: absolute!important;right: 0;top: 92vw;width: 16%;}

/*版頭區*/
@media screen and (min-width:768px){
	.Area_title {height: 910px;}
	.Area_title .top_deco {position:absolute;top: 750px;left: 170px;z-index: 8;pointer-events: none;}
	.Area_title .date {position:absolute; top:200px; left: 790px;}
	.Area_title .date img{width:100%;}
	.Area_title .comingsoon {z-index: 4;position:absolute;width: 960px;height:auto;top: 0px;left: 0px;}	
	.Area_title .sub_bg {position:absolute;width: 527px; height: 113px;top: 216px; left: 221px; }


}
@media screen and (max-width: 767px){
	.Area_title {height:100vw; margin:0 auto ;}
	.Area_title .top_deco {position:absolute;width: 12.5%;top: 78vw;left: -3vw;z-index: 4;pointer-events:none;}
	.Area_title .date {position:absolute;width:13%;top:24vw;left: 78vw;z-index: 4; pointer-events: none;}
	.Area_title .comingsoon {position: absolute;top: 0vw;}
	.Area_title .topdeco01 {position:absolute;width: 10%;top: 24vw;left: 16vw;z-index: 1;animation:fireworks 0.3s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco02 {position:absolute;width: 4.5%;top: 1vw;left: 66vw;z-index: 1;animation:fireworks 0.7s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}
	.Area_title .topdeco03 {position:absolute;width: 10%;top: 22vw;left: 82vw;z-index: 1;animation:fireworks 1.1s .8s ease-out forwards,float_s 3.2s 1.5s infinite ease-in;opacity: 0;}	
	.Area_title .sub_bg { position:absolute;width: 59%; top: 23vw; left:18vw;  }

}

/*主標入稿*/
@media screen and (min-width:768px){
	/*主標*/		
	.Area_title .typetitle {position:absolute;width: 960px;height:auto;top: 0px;left: 0px;z-index: 1;}
	
	/*主標*/		
	.Area_title .subtitle {position:absolute;width: 960px; height:225px; top:9px; left: 0px;z-index:1;}
	
	/*副標輪播*/	
	.Area_title .titile02 { position:absolute; width: 527px; height: 113px;top: 217px; left: 221px; overflow: hidden;}
	.Area_title .titile02 .PD_layout { z-index:18; }
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .PD_slide:hover{transform:none;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}	

	/*版頭品入稿*/
	.Area_title .Area_PD1 {position:absolute;top:357px;width: 960px;left: 0px;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout{padding-top:15px;padding-left:30px ; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout ul{border-right: solid 0px #a5a5a5  !important;}
	/*熱銷話題夯品入稿*/
	.Area_PD2 {position:absolute;top: 0px;width: 1220px; height:441px;}
	.Area_PD2 .Area_swiper{width:1000px;height:auto;padding:10px 0 0 78px ;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}
}

@media screen and (max-width:767px){
	/*主標*/	
	.Area_title .subtitle {position: absolute; top:2vw; left:0vw;width: 100%;}
	/*副標輪播*/	
	.Area_title .titile02 {position:absolute; width: 100%; top: 23vw; left: -3vw; overflow: hidden;}
	.Area_title .titile02 .PD_layout ul {display:flex;}
	.Area_title .titile02 .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	.Area_title .titile02 .PD_layout ul li img {width:60%; }
	/*版頭品入稿*/
	.Area_title .Area_PD1 {z-index: 2; position:absolute; width: 86% !important; top: 38vw;left:6.5vw;margin:0 auto !important ;background:#fff center 100% / 100% no-repeat scroll;border: solid 2px #dbc9a6 !important;}
	.Area_title .Area_PD1 .Area_swiper_box { padding-bottom: 0vw !important;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout{padding-top:1vw;padding-left:0vw;width: 100%; }
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li{width: 31% !important}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(1){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout li:nth-child(2){border-right: solid 1px #a5a5a5  !important;border-radius:0 ;}
	.Area_title .Area_PD1 .Area_swiper_box .PD_layout ul{border-right: solid 0px #a5a5a5  !important;}

	/*熱銷話題夯品入稿*/
	.Area_PD2 { position:relative; width:100%; height:68vw;}
	.Area_PD2 .Area_swiper {position: absolute; top: 3vw; left: 15vw ; width:80%; height:auto;}
	.Area_PD2 .Area_swiper_box .PD_layout li {border: solid 0px #000000 !important;}
	.Area_PD2 .Area_swiper_box .PD_layout ul {width: 80%;}
}


/*活動倒數*/
.TimerNick {position: absolute;top: 819px;left: 247px;display: inline-block;z-index: 8;text-align: center;color:#FFF;}
.TimerNick .FontStyle {display: inline-block;margin: 0 0 0 10px;padding: 0;border: 0;font: bold 51px/40px Arial;letter-spacing: 0px;text-align: center;}
.TimerNick span { padding-left: 2px;font: bold 29px/30px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.025em;}
    @media screen and (max-width:767px){
      .TimerNick  {width: 100%; top: 93vw;left:0vw;}
      .TimerNick .FontStyle {margin: 0;padding: 0;border: 0;font: bold 6vw/0vw Arial;}
      .TimerNick span {padding-left: 0;font: bold 5vw/6vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;/*letter-spacing: -0.05em;*/}
    }




/*攻略*/
@media screen and (min-width:768px){
	.Area_act {width:100% ;height: 100%;margin: 0 auto;}
	.Area_act .layout_coupon ul {width:100% !important;margin: 0 auto !important;}

    .Area_act .PD_layout .PD_slide:hover {transform:translateY(-6px);}
    .Area_act .PD_layout .PD_slide:hover { box-shadow:unset;}

	/**區標**/	
	.Area_act .text {width: 960px;margin: auto;position: absolute;z-index: 9;left: 130px;}	
	.Area_act .box .PD_layout {width: 960px;margin:0 auto;}	

	.Area_act .box00  {width: 960px; padding: 120px 0 0 0;margin: 0 auto; pointer-events: none;}
	.Area_act .box01  {width: 960px;padding: 0px 0;margin: 0 auto; pointer-events: none;}	
	.Area_act .box01 ul {padding: 0; margin: 0;}	
	.Area_act .box02  {width: 960px;padding: 10px 0 0 0;margin: 0 auto;}	
	.Area_act .box03  {width: 960px;padding: 10px 30px 0 0; margin: 0 auto;}	


	/**活動**/
	.Area_act .box03 .PD_layout ul { background: none; row-gap: 0px; padding:0; grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) {widt:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {widt:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(3) {widt:320px !important ;}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}

}

@media screen and (max-width:767px){
	.Area_act { }
	.Area_act .box00 .PD_layout[ data-pd-li="BN" ] ul {padding: 0;}	
	.Area_act .PD_layout {width: 100%;margin: auto;}

	/**區標**/
	.Area_act .text {width: 100%;position: absolute;z-index: 9;}	
	.Area_act .box01  {width: 100%;padding:0;}	
	.Area_act .box02  {width: 100%;padding:0;}	
	.Area_act .box03  {width: 100%;padding:0;}
	.Area_act .box03 .PD_layout ul {background: none;row-gap: 0px;padding: 0 0px;grid-gap: 0px;}
	.Area_act .box03 .PD_layout li:nth-child(1) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(2) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(3) {width:33vw !important ;}
	.Area_act .box03 .PD_layout li:nth-child(1):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(2):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout li:nth-child(3):hover{ filter:brightness(115%); transform: none; box-shadow: none;}
	.Area_act .box03 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}

	.Area_act .box02 .PD_layout.PD_layout-coupon3.PD_layout-oneClick .PD .allinone, .PD_layout.PD_layout-coupon3.PD_layout-oneClick[data-pd-col-pc*="1"] .PD .allinone {color: #000;}

}


/*Area01*/	
@media screen and (min-width:768px){
	.Area01 {position: relative;height:711px; z-index: 1}		 
	.Area01 .Area_coupon .PD_layout ul {background: none;row-gap: 10px;padding: 0 30px;}
	.Area01  .kind  {position:relative;width: 100%;margin: 30px auto;list-style:none;display:flex;flex-wrap:wrap;box-sizing: border-box;}
	.Area01  .kind h4 {font-size: 30px;color: #fff;margin: 0;padding: 0;}
	.Area01  .kind li {position: relative;width: 13%;margin: 0 1.1%;padding: 7px 4px 8px 2px;background-color: #939393;border-radius: 30px;}
	.Area01  .kind li.selected {background-color: #b58856;}
	/*.Area01  .kind li:nth-last-child(n+2)::before{content:'>';width: 1px;height: 32px;position: absolute;top: 7px;left: 126px;color: #fe9843;font-weight: 800;font-size: 28px;}*/
	.Area01 h3{font-size: 30px;margin: 15px 0;color: #fddea6;font-weight: 400;}	  
	}
	
	@media screen and (max-width:767px){
	.Area01 {position: relative;width: 100%;height: 85vw}
	.Area01 .kind  {position:relative;width: 96%;left: 0%;margin:0  auto;list-style:none;display:flex;flex-wrap:wrap;padding:0;box-sizing: border-box;}
	.Area01 .kind h4 {font-size: 4vw;color: #fff;margin: 0;padding: 0;}
	.Area01  .kind li {position: relative;width: 14.5%;margin: 0 auto;padding: 5px 2px 5px 2px;background-color: #939393;border-radius: 20px;}
	.Area01  .kind li.selected {background-color: #b58856;}
	.Area01 h3{font-size: 4vw;margin: 2vw 0;color: #fddea6;font-weight: 400;}
	
	}


/*02-主打品*/
@media screen and (min-width:767px){
.Area02 { }
.Area02 .text {width: 960px; margin: 0 auto;}
.Area02 .PD_layout.pd {padding-top: 24px;}
.Area02 .PD_layout ul li:nth-child(even) {padding-top:67px;}
}
@media screen and (max-width:767px){
.Area02 {height:556vw; }
.Area02 .text { position: absolute; top: 0vw; left: 0vw; width: 100%;}
.Area02 .PD_layout.pd { position: absolute; top: 13vw; left: 0vw; width: 100%;}
}


/*03*/
.Area03 {padding:60px 0 60px 0 !important;}
@media screen and (max-width:767px){
	.Area03 .box{ background: url(m_06.jpg?t=1759997309022) center 100% / 100% no-repeat scroll;}
}

/*作圖區微調*/
@media screen and (min-width: 768px){
	.Area03 {}
	.Area03 .PD_layout .PD p del {display: none;}
	.Area03 .box .Area_swiper_box{height:490px !important ;}
	.Area03 .PD_layout .PD_into{ top:-106px; position: relative; left:29px;}
	.Area03 .PD_layout .PD p {height: 2.5em;line-height: 2em; color:#c81242;  position: relative; right: 58px; top: -43px;text-align: right; }
	.Area03 .PD_layout .PD p .Price {font-size: 39px; font-weight: 800;}	
	.Area03 .PD_layout .PD h4 {font-size: 22px;top:-4px;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size: 25px;color: #000000;position: relative; top: 4.2px;}		
	.Area03 .PD_slide {background-color: #0000!important;}
	}
	@media screen and (max-width: 767px){
	.Area03 { padding:10vw 0 5vw 0 !important;}
	.Area03 .PD_layout .PD p del {display: none;}
	
	.Area03 .box .Area_swiper_box{height:80vw !important ; }
	.Area03 .PD_layout .PD_into{ top: -20vw; position: relative; left: 2vw;}
	.Area03 .PD_layout .PD p {height: 2.1em;line-height: 2em; color:#c81242;  position:absolute;  right:9vw; top: 7vw; text-align: right;}
	.Area03 .PD_layout .PD p .Price {font-size:2.0em!important; font-weight: 800;top: -4vw;}	
	.Area03 .PD_layout .PD h4 {font-size: 1.1em;top: 0vw;left: 4vw;position: relative;color: #000000;}	
	.Area03 .PD_layout .PD h3 {font-size:1.1em;color: #000000;position: relative;top: 2vw; left: 4vw;}		
	.Area039 .PD_slide {height:80vw;background-color: #0000!important;}
	.Area03 .Area_swiper_box .swiper-pagination { bottom: 0px !important;}	
    .Area03 .swiper-pagination-white {--swiper-pagination-color: #ffffff!important;}	
	.Area03 .Area_swiper_box .PD_layout li {background-color: transparent !important;}
	}
	

/*04*/
.Area04 .box {padding-bottom: 0px;}
.Area04 .text {width: 100%; margin: 0;}
.Area04 .PD_layout .PD_into {width:100% ;}

@media screen and (max-width:767px){
.Area04 .text {width: 100%; margin: 0; }
.Area04 .box {width: 100%; height:100%;padding-bottom: 0vw;}

}

	

.Area04 {padding: 30px 0px !important;}
.Area04 .title { position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 864px;}
.Area04 .bgbluerepeat { padding: 0;background: url("Areabg_repty.png?t=1759997309022") center top/100% repeat-y scroll;height: 100%;top: 30px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position: absolute;top:106px;left: 50%;transform: translateX(-50%);pointer-events: none;z-index:0;}	
.Area04 .PD_box ul li { position: relative;}
.Area04 .PD_box ul li .PD_img { padding: 0;}
.Area04 .PD_box ul li .PD_into { position: absolute; top:443px; left:49%; transform: translateX(-50%); width: 81%; z-index: 1;}
.Area04 .PD_box ul li .PD_into h3 { color: #000000; font-size: 22px;}
/*.Area04 .PD_box ul li .PD_into h3:after { content: ""; position: absolute; top: 2em; left: 50%; transform: translateX(-50%); width: 13em; height: 1px; background:#000000;}*/
.Area04 .PD_box ul li .PD_into h4 { color: #000000; font-size: 20px;}
.Area04 .PD_box ul li .PD_into p { height: 2.5em; color:#d62672;}
.Area04 .PD_box ul li .PD_into p del { font-size: 22px; color:#616161;}
.Area04 .PD_box ul li .PD_into p b { font-size: 20px;}
.Area04 .PD_box ul li .PD_into p .money { font-size: 22px;}
.Area04 .PD_box ul li .PD_into p .Price { font-size: 40px;}
.Area04 .bgbluerepeat .PD_box ul li .PD_img { padding: 2% 2% 0 2%; position: absolute; top: 13px; width: 97%;left: 7px;}
.Area04 .bgbluerepeat .PD_box ul li {position: relative; border-radius:0px;background-color: #fff;height: 600px;transition: 0.2s ease;border-top: solid 1px #d1d1d1 !important;border-right: solid 1px #d1d1d1 !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 90%;grid-gap: 0px;}
/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

  /*邊線*/
  
  @media screen and (min-width: 768px) {
	.Area04  .bgbluerepeat .PD_box ul {padding: 20px 20px;border-radius:20px ;background-color: #FFF;}
	.Area04  .bgbluerepeat .PD_boxt[data-pd-col-pc="2"] li:nth-child(even){ border-right:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(1){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2){ border-top:none !important; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-pc="2"] li:nth-child(2n){ border-right:none !important; }	
  }
  @media screen and (max-width: 767px) {
	.Area04  .bgbluerepeat .PD_box ul { padding: 2vw 0; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(even){ border-right:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(1){ border-top:none; }
	.Area04  .bgbluerepeat .PD_box[data-pd-col-phone="2"] li:nth-child(2){ border-top:none; }

  }

@media screen and (max-width:767px){
.Area04 {padding:7vw 0vw 0vw 0vw !important;}
.Area04 .bgbluerepeat .PD_layout ul{width: 97%;}
.Area04 .bgbluerepeat { width: 97%;padding: 0;background:none;height: 100%;top: 85px;position: relative;margin-bottom: 51px;}
.Area04 .bg {position:absolute;top:0;}	
	
  .Area04 .title { width: 100%;}
  .Area04 .PD_box ul li {padding-bottom: 3vw;}	
  .Area04 .PD_box ul { grid-gap: 2em 0;}
  .Area04 .PD_box ul li .PD_into { top:46vw;}
  .Area04 .PD_box ul li .PD_into h3 { font-size: 15px;}
  .Area04 .PD_box ul li .PD_into h3:after { width: 10em;}
  .Area04 .PD_box ul li .PD_into h4 { font-size: 15px; margin-bottom: 0;}
  .Area04 .PD_box ul li .PD_into p { height: 2.5em;}
  .Area04 .PD_box ul li .PD_into p del { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p b { font-size: 14px;}
  .Area04 .PD_box ul li .PD_into p .money { font-size: 16px;}
  .Area04 .PD_box ul li .PD_into p .Price { font-size: 28px;}
	/*公版上下標隱藏*/	
.Area04 .bgbluerepeat .PD_layout.CX .imgTagBottom {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTagRectangle {display:none!important;}
.Area04 .bgbluerepeat .PD_layout.CX .prdImgWrap .imgTag {display:none!important;} 

}



/*旗艦館*/
@media screen and (min-width:768px){
	.Area05 {position:relative; margin: 0 auto; height:403px ;}	
	.Area05 .Area_guan {padding-top: 80px; }	

}
@media screen and (max-width:767px){
	.Area05 {position:relative;margin: 0 auto;margin-top:0vw;height:100vw;  background: url(m_07.jpg?t=1759997309023) center 100% / 100% no-repeat scroll;}	
	.Area05 .Area_guan {width:83%;}
	.Area05 .Area_guan .PD_layout ul li:nth-child(even) {padding-top:7vw;}
}



@media screen and (max-width:767px){
	.text .PD_img{width: 100%;}
}
/*移除公版設定*/
.Area .remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.Area .remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
  .Area .remove_box_style ul { width: 100%; grid-gap: 0.2em;}
  .Area .remove_box_style ul {}
}


/*輪播移除公版設定*/
.Area .swipwe_remove_box_style ul { background-color: transparent; grid-gap: 0;}
.Area .swipwe_remove_box_style ul li { border: none!important; background-color: #fff;}
.Area .swipwe_remove_box_style ul li,
.Area .swipwe_remove_box_style ul li .PD_img img { border-radius: 10px;}
@media screen and (max-width:767px){
  .Area .swipwe_remove_box_style ul { width: 100%; grid-gap: 0;}
  .Area .swipwe_remove_box_style ul {}
}
	

.Area_msg {
    color: #fff !important
}

@media screen and (max-width: 767px) {
    .Area_msg {
        color:#fff !important
    }

    .Area_msg_PDmark {
        color: #fff !important
    }

    .Area_msg_apple {
        color:#fff !important
    }
}

@media screen and (min-width:768px){
	.Area_msg_tiktok {text-align:center;padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	@media screen and (max-width:767px){
	.Area_msg_tiktok {text-align:center; padding: 0 10px 10px 10px;font:12px/18px Helvetica; position: relative;}
	}
	



/*區塊_all*/
.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.95);
     -moz-transform:scale(0.95);
      -ms-transform:scale(0.95);
       -o-transform:scale(0.95);
          transform:scale(0.95);}
		  
		  
.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;}
	}

/*版頭logo*/
.Area_top .momologo {z-index: 10;position: absolute;top:13px;left: -55px;}
.Area_top .momologo a { display: block; width: 172px; height:74px; background: url(momo_logo_super.png?t=1759997309023) no-repeat; background-size: 100%;}
/* .Area_top .momologo a:hover{ background: url(momo_logo_on.png?t=1759997309023) no-repeat;} */

@media screen and (max-width:767px){
	.Area_top {z-index: 1;}
	.Area_top .momologo {top:1vw;left: 4vw;}
	.Area_top .momologo a{background-size:100%;width: 18vw;height: 10vw;}
}


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


/*區塊底*/
@media screen and (min-width:768px){
	.Area_bottom {margin-bottom: 60px;}
	}
	@media screen and (max-width: 767px){
	.Area_bottom {margin-bottom: 5vw }
	}


/*黏人精*/
.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;}
}


		

/*分享浮層*/
.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%;}
	}