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

	/*基本*/
	body{ margin:0; padding:0;}
	
	
	/*全BOX版面*/
	.WRAPPER { position: relative; display:block; margin: 0 auto; padding: 0; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;background-color: #ea3982; }
	.WRAPPER img { border:0px; vertical-align:top;}
	.WRAPPER a { text-decoration:none;}
			@media screen and (max-width:767px){
			.WRAPPER { min-width: inherit; padding-bottom:5vw; background-color: #efefef;}
			.WRAPPER img {  width:100%;  height:auto;}
		}


/*背景*/
.bgtop   { z-index:1; position:absolute; top:0px; left:0; width:100%; min-width:1220px; height:100%; background: url(bg01.jpg?t=1756434961140) no-repeat center top;}
.bgtop2   { z-index:0; position:absolute; top:520px; left:0; width:100%; min-width:1220px; height:100%; background: url(bgtop1_2.png?t=1756434961140) repeat-y center top;}
.bgg   { z-index:0; position:absolute; top:3363px; left:0; width:100%; min-width:1220px; height:100%; background: url(bgg.png?t=1756434961140) no-repeat center top;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit;  background: url(m_bgtop.jpg?t=1756434961140) no-repeat center 0vw; background-size: 100%;}
  .bgtop2 { display: none; }
  .bgg { display: none; }
}

	
	/*寬度,間距*/
	.Areabottom { margin-bottom:40px;}
	.Areabottom2 { margin-bottom:40px;}
	  @media screen and (min-width:768px){
		.Areabottom { margin-bottom:5vw;}
		.Areabottom2 { margin-bottom:0;}
	  }
	
	/*區塊_all*/
	.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
	.Area a { position:relative; display:inline-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);}
	.Area1220 { margin:0 auto; width:1220px;}
	.Area960 { margin:0 auto; width:960px;}
		@media screen and (max-width:767px){
			.Area1220 { width:100%;}
			.Area960 { width:100%;}
			/*區塊_切割*/
			.Area_1bn { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_1bn a { float:left; margin:0 0 2% 0; padding:0; width:100%; list-style: none;}
			.Area_2bn { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_2bn a { float:left; margin:0 1% 2%; padding:0; width:48%; list-style: none;}
			.Area_3bn { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_3bn a { float:left; margin:0 1% 2% ; padding:0; width:31.3%; list-style: none;}
			.Area_1bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_1bn_nopadding a { float:left; margin:0; padding:0; width:100%; list-style: none;}
			.Area_2bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_2bn_nopadding a { float:left; margin:0; padding:0; width:50%; list-style: none;}
			.Area_3bn_nopadding { margin: 0 auto; padding:0; overflow:hidden;}
			.Area_3bn_nopadding a { float:left; margin:0; padding:0; width:33.3%; list-style: none;}
		}
	
	/*黏人精BN*/
	.Area_bn { z-index:99; position:fixed; bottom:5px; right:0px; text-align:center; }
	
	
	/*版頭*/
	.Area_top { height: 842px;}
	.Area_top .momologo { z-index:2; position: absolute;top: 25px; left:30px;}
	.Area_top .momologo a { display:block; width: 480px; height: 45px; background: url(momo_logo.png?t=1756434961140) no-repeat;}
	.Area_top .momologo a:hover{ background: url(momo_logo.png?t=1756434961140) no-repeat;}
    .clock {position:absolute;left:388px;top:43px;z-index: -1;}
    .airplan {position:absolute;left:860px;top:60px;z-index: 1;}
		@media screen and (max-width:767px){
            .Area_top { height: 57vw;}
			.Area_top .momologo { display:none}
            .clock {position:absolute;left: 25vw;top: 8vw;width: 30%;z-index: -1;}
            .airplan {position:absolute;left: 76vw;top: 12vw;width: 13%;z-index: 1;}
		}
	
	
	/*秒殺倒數*/
    .Area01 .TIMER { z-index: 1; display: block;position: absolute; top: -80px; right: 104px; margin:0px; padding: 0px; width:300px; text-align:left;  color:#171a33;}
	.Area01 .TIMER_text { display:inline-block; margin:0px; padding:0px; border:0px; width:70px; height:60px; font:36px/36px "Century Gothic";  letter-spacing:5px; text-align:right; background:transparent; font-weight:bold;}
    .Area01 .TIMER #HH  { }
    .Area01 .TIMER #MM  { }
    .Area01 .TIMER #SS  { }
    .Area01 .TIMER #MS  { color: #ea3b85;}
	.Area01 .TIMER_DAY { position:absolute; top: -140px; left: 503px;  display:block; width: 280px; font-size: 100px; font-weight:800; letter-spacing: -1px; font-family:Century Gothic;text-align:center; color: #fdd639;/* text-shadow:5px 5px 0 rgba(0,0,0,0.3);*/}
	.Area01 .TIMER_DAY span { display: block; float: left; width: 121px;}
	.Area01 .TIMER_DAY small { display: block; float: left; font-size: 66px;line-height: 2em;}
	.Area01 .Ms { position:absolute; top:45px; right:80px;}
		@media screen and (max-width:767px){
			.Area01 .TIMER {top: 14vw; left: 49.7vw; margin:0px; padding: 0px; width: 100%;}
			.Area01 .TIMER_text { width: 10%; height:auto; font:6vw/6vw "Century Gothic";  letter-spacing:5px; font-weight:bold;}
			.Area01 .TIMER #HH  { margin-right:0px;}
			.Area01 .TIMER #MM  { margin-right:0px;}
			.Area01 .TIMER #SS  { margin-right:0px;}
			.Area01 .TIMER_DAY { top: 11.5vw; left: 18vw;  width:20%; font-size: 9vw;color: #fdd639;}
			.Area01 .TIMER_DAY span { display: block; float: left; width: 40%;}
			.Area01 .TIMER_DAY small { display: block; top: 1.5vw; left: 0vw; float: left; font-size: 5vw;line-height: 2.5em;}
			.Area01 .Ms { position:absolute; top:30vw; right:30.5vw; width:8%;}
		}
		@media screen and (max-width:320px){
			.Area01 .TIMER { top:30.5vw;}
	
		}
		
		

	
	/*今日秒殺*/
		 @media screen and (min-width:768px){
/*		.Area01 .PD_layout ul li:first-child { margin-left: 232px;} */
/*		.Area01 .PD_layout ul li:nth-of-type(9n+9) {left: 10px;} */
        .Area01 .box { padding-bottom: 100px;}
        .Area01 .line {width:24%; position: absolute; top:-154px; left:55px;}
		.Area01 .line img {width:100%;}
		 }	
	
			@media screen and (max-width:767px){
			  .Area01 .line { width:37%; position: absolute; top:-5vw; left:56vw;}
			  .Area01 .line img {width:100%;}
			  .Area01 .box { /*background: url("mArea01_bg.jpg?t=1756434961140")repeat center top;*/ background:url(m_bgrepeat.png?t=1756434961140)top center repeat-y;background-size:100%; background-color: #eb3a83;}
              .Area01 .PD_layout ul {width:86%;padding:0!important;/*margin:0 0 0 5%!important;*/}
			}  
	
		/*h3特標*/
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3 { position: absolute; top: 0.5em; left:0; padding: 0.1em 0.3em 0.1em 0.3em; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 4.2em; max-height: none; height: 1.4em; line-height: 1.2em; text-align: center;}
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3 span { display: block; overflow: hidden; height: 1.2em;transform: skewX(-10deg);}
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3::before,
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3::after  { content:""; position:absolute; top: 100%; width: 0; height: 0; border-style: solid; border-width: 0; border-color: #DD2726; border-bottom-color: transparent;}
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3::before { left: 0; border-right-color: transparent;}
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3::after  { right: 0; border-left-color: transparent;}
		.Area01 .PD_layout[data-pd-h3="6"] .PD h3::after {content: "";position: absolute;top: 0vw;left: 100%;width: 0;height: 0;border: 1.5em solid transparent;border-top-color: #DD2726;border-width: 1.4em 1em 0em 0em;z-index: 0;}
	
		/*樣式:  無=矩型*/
		.Area01 .PD_layout[data-pd-btn] .PD_btn { background-color: #000; /*background-image: repeating-linear-gradient(45deg, #FF004B -2%, #FF005D 120%);*/ background-position: right top; background-size:100% 100%; -webkit-transition:all 0.4s; transition:all 0.4s;}
		.Area01 .PD_layout[data-pd-btn] .PD_slide:hover .PD_btn { background-size:500% 100%;}
			@media screen and (max-width:767px){
			  .Area01 .PD_layout[data-pd-btn] .PD_btn b { height: 2.25em; line-height:2.25em; font-size: 0.875em;}
			  .Area01 .PD_layout[data-pd-btn] .PD_btn i { top: 0.75em; border-top: 0.125em solid #fff; border-right:0.125em solid #fff; width:0.5em; height:0.5em;}
			}
		/*搶購*/
		.Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { position: absolute; bottom: 0.25em; bottom: 0.75em; right: 0.25em; }
		.Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; position: relative; top: 0.075em; display: inline-block; margin-right: 0.2em; width: 1em; height: 1em; background-size:auto 100%; background-repeat: no-repeat;}
		.Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { background-image: url(icon.png?t=1756434961140);}
		.Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"立即搶購";}
			@media screen and (max-width:767px){
			  .Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.25em; bottom: -2.25em;}
			}  
	
		/*價格*/
		.Area01 .PD_layout .PD p .Price { font-size: 2em;}
		.Area01 .PD_layout .PD p .Price,
		.Area01 .PD_layout .PD p small { letter-spacing: -0.01em;font-weight: 800;color: #e85826;}
		.Area01 .PD_layout .PD p .money { font-weight:700;color: #e85826;}
		.Area01 .PD_layout .PD p b, .PD_layout .PD p del {}
			@media screen and (max-width:767px){
			.Area01 .PD_layout .PD p .Price { font-size: 1.4em;}
			.Area01 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.25em;;}
		.Area01 .PD_layout .PD p b, .PD_layout .PD p del {display: none;}
			}  
	
	

	
		
      /*品類X6*/
      .AreaBN { position: relative;height: 560px; flex-wrap: nowrap;  box-sizing: border-box; }
      .AreaBN ul{padding-left:0px;padding-top:0px; margin: 0 auto; width:100%;}
      .AreaBN ul li {position: relative; list-style: none;float:left;margin:0; padding:0px 5px;width:15.8%;}
      .AreaBN ul li img{width:100%;}
      @media screen and (max-width:767px){
         .AreaBN { height: 120vw; flex-wrap: wrap; padding: 0 4%;}
	     .AreaBN ul{padding:18vw 0 0 2vw; margin:0 auto; width:100%;}
	     .AreaBN ul li{position: relative; list-style: none;float:left;margin:0 auto; padding:0 1vw;width:30%;}
	     .AreaBN ul li img{width:100%;}
    
	      }


       /*5品輪播*/
       .Area_5PD .layout_5PD {width:95%!important;margin:0 0 0 2.5%!important;overflow:hidden;}
       .Area_5PD .layout_5PD ul {display:flex!important; margin: 0!important; padding:0!important;}
       .Area_5PD .layout_5PD ul li {border:4px #524bad solid;margin: 0!important; padding:0!important;}
       .Area_5PD .layout_5PD .PD h3 {background-color: #5b54b1!important;border-radius:2em;}
       .Area_5PD .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {position: relative;top:0;}
       .Area_5PD .swiper-pagination-bullet { background: #fff;}
       .Area_5PD .PD_layout .PD_slide { min-width:inherit!important;}
       @media screen and (max-width:767px){
         .Area_5PD .box {position: relative; width:100%;left: 0; top:0;margin:0; background: none;padding-bottom:0;}
         .Area_5PD .layout_5PD {padding-bottom:2vw;background: url("mArea_5PD.jpg?t=1756434961140")repeat center top;}
         .Area_5PD .layout_5PD[data-fs-bn-phone="true 2"] ul{grid-template-rows:auto!important;}
         .Area_5PD .layout_5PD ul {width: 96%;padding:0;margin:0 0 0 2%;}
         .Area_5PD .layout_5PD ul li {border:3px #524bad solid;}
         .Area_5PD .layout_5PD[data-fs-bn-phone*="true"] li:first-child .PD_logo {display:block!important;}
         .Area_5PD .layout_5PD .PD h3 {background-color: #5b54b1!important;border-radius:2em;}

       }

/*清單頁籤*/
.Area_5PD {height:650px;}
.Area_5PD .box { position:relative;width:1220px;height:350px;top:0;left:0;overflow:hidden;background:url(pc_ulbg.png?t=1756434961140)top center repeat-y;}
@media screen and (max-width:767px){
  .Area_5PD {height:100%;}
  .Area_5PD .box { position:relative;width:100%;height:76vw;top:0;left:0;overflow:hidden;}	
	
}

/*區塊下方背景*/
 .Area_bottom00 {background-image:url(pc_bottom.png?t=1756434961140);padding-top:50px;}
			@media screen and (max-width:767px){
			 .Area_bottom00 {padding-top:0vw;}
}



	     /*明日預告*/
		 @media screen and (min-width:768px){
        .Area02{height: auto;}
        .Area02 .box { position:relative;width:1220px;height:auto;top:0;left:0;overflow:hidden;background:url(Area02_ulbg.png?t=1756434961140)top center repeat-y;}
		.Area02 .PD_layout .PD p b, .PD_layout .PD p del {}
        .Area02_bottom {background-image:url(Area02_bottom.png?t=1756434961141);padding-top:50px;}
		 }	
			@media screen and (max-width:767px){
              .Area02{height: 100%;}
			  .Area02 .PD_layout {background:url(m_bgrepeat.png?t=1756434961141)top center repeat-y;background-size:100%;background-color: #f5b804; /*background: url("mArea02_bg.jpg?t=1756434961141")repeat center top;*/ padding-bottom: 5vw;}
			  .Area02 .PD_layout .PD p b, .PD_layout .PD p del {display: none;}
              .Area02 .PD_layout ul {width:86%;padding:0!important;/*margin:0 0 0 5%!important;*/}
              .Area02_bottom {padding-top:0vw;}
			}  
	
	
		/*h3特標*/
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3 { position: absolute; top: 0.5em; left:0; padding: 0.2em; overflow: visible; -webkit-box-sizing: border-box; box-sizing: border-box; width: 5em; max-height: none; height: 1.6em; line-height: 1.2em; text-align: center;}
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3 span { display: block; overflow: hidden; height: 1.4em;}
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3::before,
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3::after  { content:""; position:absolute; top:100%; width: 0; height: 0; border-style: solid; border-width: 0; border-color: #DD2726; border-bottom-color: transparent;}
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3::before { left: 0; border-right-color: transparent;}
		.Area02 .PD_layout[data-pd-h3="6"] .PD h3::after  { right: 0; border-left-color: transparent;}
	
	
		/*樣式:  無=矩型*/
		.Area02 .PD_layout[data-pd-btn] .PD_btn { background-color: #939393; /*background-image: repeating-linear-gradient(45deg, #FF004B -2%, #FF005D 120%);*/ background-position: right top; background-size:100% 100%; -webkit-transition:all 0.4s; transition:all 0.4s;}
		.Area02 .PD_layout[data-pd-btn] .PD_slide:hover .PD_btn { background-size:500% 100%;}
			@media screen and (max-width:767px){
			  .Area02 .PD_layout[data-pd-btn] .PD_btn b { height: 2.25em; line-height:2.25em; font-size: 0.875em;}
			  .Area02 .PD_layout[data-pd-btn] .PD_btn i { top: 0.75em; border-top: 0.125em solid #e85826; border-right: 0.125em solid #e85826; width:0.5em; height:0.5em;}
			}
		/*搶購*/
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { position: absolute;   right: 0.25em; }
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; position: relative; top: 0.075em; display: inline-block; margin-right: 0.2em; width: 1em; height: 1em; background-size:auto 100%; background-repeat: no-repeat;}
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M10.97%2C19.91L10.97%2C19.91c-1.01-0.02-1.83%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84%20c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02C12.77%2C20.73%2C11.96%2C19.92%2C10.97%2C19.91z%20M23.34%2C6.79%20c-0.15-0.21-0.4-0.34-0.67-0.33H7.5C7.13%2C4.99%2C6.85%2C3.85%2C6.77%2C3.47C6.38%2C1.83%2C5.6%2C1%2C4.45%2C1H0.83C0.37%2C1%2C0%2C1.38%2C0%2C1.83%20c0%2C0.46%2C0.36%2C0.83%2C0.82%2C0.84c0%2C0%2C0.01%2C0%2C0.02%2C0h3.62c0.1%2C0%2C0.43%2C0%2C0.7%2C1.17c0.33%2C1.47%2C3.46%2C13.74%2C3.6%2C14.27%20c0.09%2C0.37%2C0.42%2C0.63%2C0.8%2C0.63h9.74c0.36%2C0%2C0.69-0.24%2C0.78-0.59l3.39-10.6C23.54%2C7.29%2C23.5%2C7.01%2C23.34%2C6.79z%20M17.31%2C19.91%20L17.31%2C19.91c-1-0.02-1.82%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02%20C19.11%2C20.73%2C18.31%2C19.91%2C17.31%2C19.91z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"加入購物車";}

		.Area02 .PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {border-radius: 0.375em;}
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn, .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {	width: calc(100% - 0.5em);}
		.Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn b::after { content: "加入購物車";	}		


			@media screen and (max-width:767px){
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn { bottom: 0.25em; background-color: #ffffff;border: 1px solid #e85826;}
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { content: ""; position: relative; top: 0.075em; display: inline-block; margin-right: 0.2em; width: 1em; height: 1em; background-size:auto 100%; background-repeat: no-repeat;}
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::before { display: none;background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M10.97%2C19.91L10.97%2C19.91c-1.01-0.02-1.83%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84%20c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02C12.77%2C20.73%2C11.96%2C19.92%2C10.97%2C19.91z%20M23.34%2C6.79%20c-0.15-0.21-0.4-0.34-0.67-0.33H7.5C7.13%2C4.99%2C6.85%2C3.85%2C6.77%2C3.47C6.38%2C1.83%2C5.6%2C1%2C4.45%2C1H0.83C0.37%2C1%2C0%2C1.38%2C0%2C1.83%20c0%2C0.46%2C0.36%2C0.83%2C0.82%2C0.84c0%2C0%2C0.01%2C0%2C0.02%2C0h3.62c0.1%2C0%2C0.43%2C0%2C0.7%2C1.17c0.33%2C1.47%2C3.46%2C13.74%2C3.6%2C14.27%20c0.09%2C0.37%2C0.42%2C0.63%2C0.8%2C0.63h9.74c0.36%2C0%2C0.69-0.24%2C0.78-0.59l3.39-10.6C23.54%2C7.29%2C23.5%2C7.01%2C23.34%2C6.79z%20M17.31%2C19.91%20L17.31%2C19.91c-1-0.02-1.82%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02%20C19.11%2C20.73%2C18.31%2C19.91%2C17.31%2C19.91z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn b::after { content:"加入購物車";color: #e85826;}
				
			  .Area02 .PD_layout[data-pd-btn*="box-1"][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more { border-radius: 0.375em;}
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn, .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {width: calc(100% - 0.5em); height: 2em;}
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .pro_bt {display: block !important;}
	
			  .Area02 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more b::after {	content: "開賣通知"; }				

				
			}  
	
		/*價格*/
		.Area02 .PD_layout .PD p .Price { font-size: 2em;}
		.Area02 .PD_layout .PD p .Price,
		.Area02 .PD_layout .PD p small { letter-spacing: -0.01em;font-weight: 800;color: #e85826;}
		.Area02 .PD_layout .PD p .money { font-weight:700;color: #e85826;}
			@media screen and (max-width:767px){
			.Area02 .PD_layout .PD p .Price { font-size: 1.4em;}
	
	
			}  
	
	
	
	/*預告倒數*/
	.Area02 .TIMER { z-index: 1; display: block;position: absolute; top: 90px; right: 104px; margin:0px; padding: 0px; width:300px; text-align:left;  color:#171a33;}
	.Area02 .TIMER_text { display:inline-block; margin:0px; padding:0px; border:0px; width:70px; height:60px; font:36px/36px "Century Gothic";  letter-spacing:5px; text-align:right; background:transparent; font-weight:bold;}
	.Area02 .TIMER_DAY2 { position:absolute; top: 70px; left: 700px;  display:block; width: 162px; font-size: 60px; font-weight:800; /*letter-spacing: 7px;*/ font-family:Century Gothic;text-align:center; color: #fffc43;/*transform: skewX(-10deg); text-shadow:5px 5px 0 rgba(0,0,0,0.3);*/}
	.Area02 .TIMER_DAY2 small { position: relative; top: -3px; left: 3px;}
	
		@media screen and (max-width:767px){
			.Area02 .TIMER {  top:39vw; left:33vw; margin:0px; padding: 0px; width:100%;}
			.Area02 .TIMER_text { width:12.5%; height:auto; font:6vw/6vw "Century Gothic";  letter-spacing:5px; font-weight:bold;}
			.Area02 .TIMER_DAY2 { top: 14.5vw; left: 20vw;  width:20%; font-size: 9vw;color: #fdd639;}
			.Area02 .TIMER_DAY2 span { display: block; float: left; width: 40%;}
			.Area02 .TIMER_DAY2 small { display: block; top: 1.5vw; left: 0vw;float: left; font-size: 5vw;line-height: 2em;}
            	}  
	
		@media screen and (max-width:320px){
			.Area02 .TIMER { top:30.5vw;}
	
		}
	
		@media screen and (max-width:767px){
			.Area02 .Area_remind{ margin-top: 2vw;z-index: 9; }
			.Area02 .Area_remind .PD_layout { position: absolute;top: 16vw;left: 0vw; }
			.Area02 .Area_remind .PD_layout .PD{ position: relative;height: 50vw;pointer-events: none;}
			.Area02 .Area_remind .PD_layout .PD_slide {position:relative;background-color: #fff0;}
			.Area02 .Area_remind .PD_layout .PD_slide ul li {width: calc(33% - 0.5em * 0.535);}
			
			
			.Area02 .Area_remind .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_btn { bottom: 0.25em; background-color: #ff5722;margin: 0.1em 0 0 0.2em;}
			.Area02 .Area_remind .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_btn b::before { content: ""; position: relative; top: 0.075em; display: inline-block; margin-right: 0.2em; width: 1em; height: 1em; background-size:auto 100%; background-repeat: no-repeat;}
			.Area02 .Area_remind .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_btn b::before { display: none;background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23ffffff%3B%22%20d%3D%22M10.97%2C19.91L10.97%2C19.91c-1.01-0.02-1.83%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84%20c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02C12.77%2C20.73%2C11.96%2C19.92%2C10.97%2C19.91z%20M23.34%2C6.79%20c-0.15-0.21-0.4-0.34-0.67-0.33H7.5C7.13%2C4.99%2C6.85%2C3.85%2C6.77%2C3.47C6.38%2C1.83%2C5.6%2C1%2C4.45%2C1H0.83C0.37%2C1%2C0%2C1.38%2C0%2C1.83%20c0%2C0.46%2C0.36%2C0.83%2C0.82%2C0.84c0%2C0%2C0.01%2C0%2C0.02%2C0h3.62c0.1%2C0%2C0.43%2C0%2C0.7%2C1.17c0.33%2C1.47%2C3.46%2C13.74%2C3.6%2C14.27%20c0.09%2C0.37%2C0.42%2C0.63%2C0.8%2C0.63h9.74c0.36%2C0%2C0.69-0.24%2C0.78-0.59l3.39-10.6C23.54%2C7.29%2C23.5%2C7.01%2C23.34%2C6.79z%20M17.31%2C19.91%20L17.31%2C19.91c-1-0.02-1.82%2C0.79-1.83%2C1.8c-0.01%2C1.01%2C0.8%2C1.83%2C1.8%2C1.84c1%2C0.01%2C1.82-0.8%2C1.83-1.81c0-0.01%2C0-0.01%2C0-0.02%20C19.11%2C20.73%2C18.31%2C19.91%2C17.31%2C19.91z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");}
			.Area02 .Area_remind .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_btn b::after { content:"開賣通知";}
			.Area02 .Area_remind .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD_slide{ padding: 50vw 0 2vw 0;}
	
			
			
			
		}



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