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

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


/*全BOX版面*/
.WRAPPER {background:url(bg_repeat.jpg?t=1764056558338)top center repeat-y;background-size:100%;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; 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;}
		.WRAPPER img {  width:100%;  height:auto;}
	}
  @media screen and (max-width:767px){	
	.mo_top { z-index:-60; position:absolute; top: 44px; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;background-size: 100%;}	
}
  

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

/*版頭區*/
@media screen and (min-width:768px){
.bg_01 { z-index:-1; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
.bg_item { z-index:-7; position:absolute; top:2000px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.Area_title {height: 811px;}
.date_bg {position:absolute;top: 201px;left: 215px;z-index: 14;/*pointer-events: none;*/margin: auto;}
.date_bg img{width: 98%;}
.product_001 {position:absolute;top: 64px;left: 22px;z-index: 13;pointer-events: none;margin: auto;animation: fadeIn .8s 0.35s ease-in forwards;opacity: 0;}
.product_001 img{width: 109%;}
.product_002 {position:absolute;top: 436px;left: 81px;z-index: 11;pointer-events: none;margin: auto;animation: fadeIn 1s 0.35s ease-in forwards;opacity: 0;}
.product_002 img{width: 98%;}
.product_003{position:absolute;top: 455px;left: 841px;z-index: 42;pointer-events: none;margin: auto;animation: fadeIn 1.2s 0.35s ease-in forwards;opacity: 0;}
.product_003 img{width: 98%;}
.product_004 {position:absolute;top: 121px;left: 882px;z-index: 22;pointer-events: none;margin: auto;animation: fadeIn 1.5s 0.35s ease-in forwards;opacity: 0;}
.product_004 img{width: 98%;}
}
@media screen and (max-width: 767px){
.Area_title {height: 70vw;}
.date_bg {position:absolute;width: 20%;top: 11vw;left: 9vw;z-index: 10;}
.product_001 {position:absolute;width: 42%;top: 0vw;left: -6vw;z-index: 5;animation: fadeIn .8s 0.35s ease-in forwards;opacity: 0;}
.product_002 {position:absolute;width: 46%;top: 34vw;left: 2vw;z-index: 5;animation: fadeIn 1s 0.35s ease-in forwards;opacity: 0;}
.product_003 {position:absolute;width: 27%;top: 37vw;left: 72vw;z-index: 5;animation: fadeIn 1.2s 0.35s ease-in forwards;opacity: 0;}
.product_004 {position:absolute;width: 27%;top: 3vw;left: 77vw;z-index: 5;animation: fadeIn 1.5s 0.35s ease-in forwards;opacity: 0;}
}
	

/*主標入稿*/
#eWriterBtn_bt_B_000_99 {position:absolute;top: 85px;}
@media screen and (min-width:768px){
.Area_title .subtitle {position:absolute;width: 804px;height:auto;top: 258px;left: 0;right: 0;z-index: 7;margin: auto;}
.Area_title .subtitle .layout_title .PD_slide:hover{transform:none;}
}
@media screen and (max-width:767px){
.Area_title .subtitle {position: absolute;top: 18.5vw;width: 88%;left: -2vw;right: 0;margin: auto;}
.Area_title .subtitle .layout_title {width: 89%;left: 0;right: 0;margin: auto;}
}


/*版頭品入稿*/
@media screen and (min-width:768px){
	.Area_title .box .layout_toppd {position:absolute;width: 880px;top: 465px;margin: 0 auto;right: 0;left: 0;z-index: 5;background-color: #fcde49;padding: 8.5px;border-radius: 21px;box-shadow: 0px 0px 0px 0px #fcde49, 0px -1px 0px -2px #fcde49, inset 0px 0px 1px 1px #fcde49, inset 0px -9px 0px 2px #fcde49;}
	.Area_title .box .layout_toppd ul {padding:0;}
	.Area_title .box .layout_toppd .PD_into {align-items:center!important;}
	.Area_title .box .layout_toppd .PD h3 {font-size:20px;}
	.Area_title .box .layout_toppd .PD h3 span{max-width:100%!important;}
	.Area_title .box .layout_toppd .PD h4 {font-size:20px;font-weight: 800;}
	.Area_title .box .layout_toppd .PD p {height:5em;line-height:5em;}
	.Area_title .box .layout_toppd .PD p .Price {font-size:35px;}
	}
	@media screen and (max-width:767px){
	.Area_title .box .layout_toppd {position:absolute;top: 58vw;width: 95%;left: 0;right: 0;z-index: 2;}
	.Area_title .box .layout_toppd ul {width: 100% !important;}	
	.Area_title .box .layout_toppd .PD h3 {font-size:13px !important;}
	.Area_title .box .layout_toppd .PD h4 {font-size:11px;font-weight: 800;}
	.Area_title .box .layout_toppd .PD p {font-size: 12px;}
	.Area_title .box .layout_toppd .PD .js-PD_del {font-size: 7px;}
	.Area_title .box .layout_toppd .PD p .Price {font-size:21px;}
	}


/*倒數*/
@media screen and (min-width:768px){
.Area_discount .TimerNick {position: relative;top: 0px;margin-bottom: 15px;text-align: center;z-index: 0;}
.Area_discount .TimerNick .FontStyle {display: inline-block;margin: 0;padding: 17px;width: 43px;font: normal 32px/9px Arial;color: #2a2a2a;letter-spacing: 0;text-align: center;background-color: #ffdc69;border-radius: 10px;}
.Area_discount .TimerNick span {padding-left: 15px;font: bold 24px/34px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #363636;}
}
@media screen and (max-width:767px){
.Area_discount .TimerNick {position: relative;top: 0vw;margin-bottom: 1vw;text-align: center;z-index: 0;}
.Area_discount .TimerNick .FontStyle {display: inline-block;margin: 0;padding: 9px;width: 17px;font: normal 15px/9px Arial;color: #232323;letter-spacing: 0;text-align: center;background-color: #ffd84a;border-radius: 1vw;}
.Area_discount .TimerNick span {padding-left: 6px;font: bold 14px/33px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0;color: #171717;}
}



/*4品公版_區標*/
@media screen and (min-width:768px){
	.Area_discount .text {width: 68%;margin: auto;}
	.Area_discount .text .PD_layout .PD_into .PD_logo{width: 32%;}  
	.Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 45px;line-height: 61px;color: #1c1c1c;text-align: center;margin-top: -26px;}  
}
@media screen and (max-width:767px){
	.Area_discount .text {padding-top: 0vw;width: 96%;margin: 0px auto -2vw auto;}
	.Area_discount .text {width: 100%;margin: auto;}
	.Area_discount .text .PD_layout .PD_into{width: 80%;margin: -2vw auto 0vw;color: #000;}
	.Area_discount .text .PD_layout .PD_into .PD_logo{width: 33%;}  
	.Area_discount .text .PD_layout .PD_into h3{width: 100%;font-size: 1.5em;line-height: 1em;color: #000;text-align: center;}  
}
	

/*4品公版_商品_有黑框*/
.PD_layout.PD_layoutplus.PD_box { width: 100%;}
.PD_layoutplus ul { background-color: transparent; grid-gap: 0.3em;padding: 0 !important;}
.PD_layoutplus li { background: #fff; border:none; border-radius: 0.5em;border-radius: 15px;border: 0.1vw solid #000 !important;}
@media screen and (max-width:767px){
  .PD_layout.PD_layoutplus { width: 95% !important;}
}


/*BN輪播*/
@media screen and (max-width:767px){
	.Area_bn {background-size: 96%;background:url(bn_bg.png?t=1764056558338)top center no-repeat;background-size: 96%;}
	.Area_bn .box {width: 94%;padding: 5vw 0;margin: 0 auto;}	
	.Area_bn .box .PD_layout ul {display:flex;height: 40vw;}		
}


/*輪播8品_6區*/
	.Area_topitem {height: 100%;}
@media screen and (min-width:768px){
	.Area_topitem .b_box {background: linear-gradient(45deg, #f5e1ff, #f5e1ff);border: 1px solid #000000;width: 88%;margin: 0 auto 30px;border-radius: 55px;}	
	.Area_topitem .text02 {width: 65%;margin: 20px auto 5px;}	
	.Area_topitem .Area_swiper {width: 90%;margin-bottom: 25px;}
}	
@media screen and (max-width:767px){
	.Area_topitem .b_box {background: url(frame_bg.png?t=1764056558338)top center no-repeat;background-size: 100%;margin: 0 auto 3vw;width: 96%;height: 91vw;overflow: hidden;}	
	.Area_topitem .text02 {width: 96%;margin: 2vw auto;}
	.Area_topitem .Area_swiper {width: 96%;}
}
	

/*1BN*/
@media screen and (min-width:768px){
.Area_bn02 .text {width: 68%;margin: 0 auto;}
.Area_bn02 .PD_layout01 {width: 80% !important;margin: 0 auto}
}
@media screen and (max-width:767px){
.Area_bn02 .text {width: 100%;margin: 0 auto;}
.Area_bn02 .PD_layout01 {width: 100% ;margin: 0 auto;}
}


/*一帶二*/
	.Area_topitem02 {height: 100%;}
@media screen and (min-width:768px){
	.Area_topitem02 { display: flex;flex-wrap: wrap;}
	.Area_topitem02 .bg01 {z-index:-45;position:absolute;top: -54px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}		
	.Area_topitem02 .text {width: 70%;margin: auto;}
	.Area_topitem02 .b_box {padding-top: 1vw;background: linear-gradient(45deg, #fdd862, #fdd862);border: 1px solid #000000;width: 48%;margin: 0 auto 2vw;border-radius: 35px;}	
	.Area_topitem02 .text02 {width: 91%;margin: auto;}	
}	
@media screen and (max-width:767px){
	.Area_topitem02 .text {width:100%;margin: 4vw auto 0;}
	.Area_topitem02 .b_box {background: url(frame_yellowbg.png?t=1764056558338)top center no-repeat;background-size: 100%;width: 96%;margin: 0 auto 2vw;height: 91vw;}	
	.Area_topitem02 .b_box .text02 {width: 90%;margin: auto;padding-top: 3vw;}
}
	

/*一帶二*//*2品公版_商品_無黑框*/
.PD_layout.PD_layoutplustwo.PD_box { width: 100%;}
.PD_layoutplustwo ul { background-color: transparent; grid-gap: 0.3em;padding: 0 !important;}
.PD_layoutplustwo li { background: #fff; border:none; border-radius: 0.5em;border-radius: 15px;}
@media screen and (min-width:768px){
.PD_layout.PD_layoutplustwo { width: 94% !important; margin: 10px auto;}
}
@media screen and (max-width:767px){
.PD_layout.PD_layoutplustwo { width: 94% !important; margin: 2vw auto 0;}
}


/*登記*/
/*登記贈品文案顏色_深色*/.danji01 .danji_box ul li .activityText .gifts span { color: #1370cf;}                 
/*警示文字顏色*/.warningTxt h3 {color: #000 !important;}
@media screen and (min-width:768px){
	.Area_danjiall .text {width: 68%;margin: 0 auto;}
	.Area_danjiall .Area_danji .danji_box {width: 960px !important;}
}	
@media screen and (max-width:767px){
	.Area_danjiall .text {padding-top: 0vw;width: 100%;/* margin: 0px auto -2vw auto; */}
  .Area_danjiall .Area_danji .danji_box {width: 96%;}
}






/*區塊_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;}
	}


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


/*注意事項區*/
.edm_notice{ text-align:center; padding:60px 10px 15px 10px; color:#000; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
@media screen and (max-width:767px){
  .edm_notice{ text-align:center; padding:8vw 2.5vw 3vw 2.5vw;}
}