body { margin: 0px; padding: 0px; }
.WRAPPER { z-index: 0; position: relative; display: block; margin: 0px auto; padding: 0px; overflow: hidden; width: 100%; min-width: 1220px; text-align: left; font-family: "Microsoft JhengHei", Helvetica; background-color: #2089dc; }
.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: 0px; padding: 0px; }
.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;background: url(mb_repeat.jpg?t=1778148053769) center top / 100% repeat-y;}
  .WRAPPER img { width: 100%; height: auto; }
}
@media screen and (min-width: 768px) {
  .bg_00 { z-index: 0; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .bg_01 {z-index: -6;position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .bg_02 { z-index: -37; position: absolute; top:1117px; left: 0px; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .bg_repeat { z-index: -46; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-position: center 0px; background-repeat: repeat-y; transition: 0.5s linear; pointer-events: none; }
  .bg_deco {z-index: -5;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-position: center 0px;background-repeat: repeat-y;transition: 0.5s linear;pointer-events: none;}
	.bg_04 { z-index: -1; position: absolute; top: 1230px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
	.bg_05 { z-index: -1; position: absolute; top: 1230px; left: 0; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;}
	

}
#eWriterBtn_bt_B_000_01 { margin-left: 620px !important; margin-top: 40px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_03 { margin-left: 20px !important; margin-top: 80px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_04 { margin-left: 200px !important; margin-top: 30px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_05 { margin-left: 0px !important; margin-top: 190px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_06 { margin-left: 200px !important; margin-top: 80px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_07 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_10 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_13 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_16 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_19 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_v4-he34 { margin-left: 450px !important; margin-top: 235px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_41 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_43 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_45 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_47 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_49 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_51 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_53 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_55 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_57 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_59 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_61 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
@media screen and (max-width: 767px) {
}
@media screen and (min-width: 768px) {
  .Area_bottom01 { background: url("pc_bottom01.png?t=1755756077417") center top / 100% no-repeat; padding-top: 80px; margin-top: -22px; margin-bottom: 50px; }
}
@media screen and (max-width: 767px) {
  .Area_bottom01 { background:  0% 0% / 100% rgb(255, 204, 130); padding-top: 4vw; }
  .mo_top {z-index: 1;position: absolute;top: 43px;left: 0px;width: 100%;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;background-size: 100%;}
}

.TimerNick {z-index:1;position: absolute;left:392px;top: 944px;display:inline-block;height:51px;text-align: left;line-height: 36px;font-family:  "Century Gothic","Arial","Noto Sans TC","微軟正黑體","Microsoft JhengHei";}
.TimerNick .reciprocal {z-index: -1;position: absolute;top: -42px;left: 1px;}	
.TimerNick .FontStyle {display:inline-block;margin: 0 12px 0px 0px;padding:0;border:0px;font: bold 27px/20px Arial;font-weight: 200;color: #ffffff;letter-spacing:-1px;text-align:right;background:transparent;}
.TimerNick span {padding-left:2px;font-size:28px;font-weight: 600;letter-spacing: 0.1em;color: #ecc488;}
.come {color: #d4a153;font-weight: 100;position: absolute;top:34px;z-index: 99;right: 204px;}
.come img{width: 100%;}
 @media screen and (max-width:767px){
  .TimerNick  {z-index: 10;height: 8vw;top: 98vw;left: 29.5vw;text-align: left;line-height: 5vw;}
  .TimerNick .reciprocal { width: 100%; top: -3vw; left: 0vw;}	
  .TimerNick .FontStyle {margin:0 1vw 0 0;padding:0;border:0px;width: 3.8vw;font: 3.3vw/3.8vw "Arial";font-weight: 300;letter-spacing: 0.06em;text-align: left;background:transparent;color: #ffffff;}
  .TimerNick span {padding-left:0;font: 3vw/3.8vw "Arial";letter-spacing: 0.1em;}
  .TimerNick .tt_s{font-size: 2vw;}
  .come{width: 23%;position: absolute;top: 3vw;z-index: 99;right: 3vw;}
}



/*黏人精*/
.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 !important; z-index: 300; left: 50%; right: auto; bottom: 300px; 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;  position: fixed !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;}
}





 @media screen and (max-width:767px){
	
/*提醒我按鈕*/
a.mo_remind_btn {z-index:20;position: absolute !important;right: 0;top: 108vw;width: 17%;}	  
}

@media screen and (min-width: 768px) {
  .Area_title {height:1236px;}
	
  .Area_title .yellow_egg {z-index: 0;position: absolute !important;left: 369px;margin: auto !important;top:51px;animation: jumpLoop 0.5s 0s ease-in-out forwards;}
  .Area_title .yellow_egg img{width: 100%;}
  .Area_title .colorful_line {z-index: 1;position: absolute !important;left:154px;margin: auto !important;top:157px;animation: mask_toptobottom 1s .3s forwards;opacity: 0;}
  .Area_title .colorful_line img{width:100%;}
  .Area_title .momoco {z-index: 10;position: absolute !important;left: 281px;margin: auto !important;top: 353px;animation: popIn 0.5s 0.8s ease-out forwards,stretchLoop 1.8s ease-in-out 1.2s infinite;opacity: 0;transform-style: preserve-3d;}
  .Area_title .momoco img{width: 100%;}
  .Area_title .kiwi {z-index: 10;position: absolute !important;left: 670px;margin: auto !important;top: 689px;animation:popIn 0.5s 1.1s ease-out forwards,stretchLoop 1.2s ease-in-out 0.6s infinite;opacity: 0;}
  .Area_title .kiwi img{width: 100%;}
  .Area_title .deco_pc {z-index: 80;position: absolute !important;left:-247px;margin: auto !important;top: 91px;right: 0;}
  .Area_title .brand_logo {z-index: 10;position: absolute !important;left: 146px;margin: auto !important;top:24px;}
  .Area_title .brand_logo img{width: 100%;}
  
  .Area_title .papper {z-index: 1;position: absolute !important;width: 50% !important;left:261px;margin: auto !important;top:131px;animation: mask_toptobottom 0.8s 0.1s ease-in-out forwards;opacity: 0;}
  .Area_title .papper img{width: 64%;}
}
@media screen and (max-width: 767px) {
  .Area_title {height: 128.5vw;}
  .Area_title .yellow_egg {z-index: 1;position: absolute !important;width: 52% !important;left: 27vw;margin: auto !important;top: 5vw;animation: jumpLoop 0.5s 0s ease-in-out forwards;}
  .Area_title .colorful_line {z-index: 1;position: absolute !important;width: 97% !important;left: 3.5vw;margin: auto !important;top: 16vw;animation: mask_toptobottom 1s .3s forwards;opacity: 0;}
  .Area_title .momoco {z-index: 18;position: absolute !important;width: 27% !important;left: 17.5vw;margin: auto !important;top: 38vw;animation: popIn 0.5s 0.8s ease-out forwards,stretchLoop 1.8s ease-in-out 1.2s infinite;opacity: 0;transform-style: preserve-3d;}

    
  .Area_title .kiwi {z-index: 28;position: absolute !important;width: 25% !important;right: 17.5vw;margin: auto !important;top: 71vw;animation:popIn 0.5s 1.1s ease-out forwards,stretchLoop 1.2s ease-in-out 0.6s infinite;opacity: 0;}
  .Area_title .deco {z-index: 28;position: absolute !important;width: 92% !important;right: 4.5vw;margin: auto !important;top: 10vw;}
  .Area_title .brand_logo {z-index: 28;position: absolute !important;width: 19% !important;left: 4.5vw;margin: auto !important;top: 3vw;}
  .Area_title .papper {z-index: 1;position: absolute !important;width: 41% !important;left: 27vw;margin: auto !important;top: 13vw;animation: mask_toptobottom 0.8s 0.1s ease-in-out forwards;opacity: 0;}
}
@media screen and (min-width: 768px) {
  .Area_title .subtitle {position: absolute;width: 287px;height: auto;top: 369px;left: 437px;z-index: 9;margin: auto;opacity: 0;}
  .Area_title .subtitle .layout_title { }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .subtitle .layout_title .PD_slide:hover { transform: none; }
  .Area_title .date {position: absolute;top:191px;right: 490px;width: 229px;z-index: 99;}
  .Area_title .date .layout_title { }
  .Area_title .date .layout_title ul { }
  .Area_title .date .layout_title .PD_slide:hover { transform: none; }

  .Area_title .titlelogo {position: absolute;top:-2px;right: 428px;width: 472px;z-index: 36;}	
  .Area_title .titlelogo img{width: 102%;}
  .Area_title .top_pd {position: absolute;top: 157px;right: 145px;z-index: 2;}
  .Area_title .top_pd img{width: 100%;}



  .Area_title .titile02 {position: absolute;top:918px;left: 174px;width: 841px;height: 335px;overflow: hidden;z-index: 20;}
  .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; transform: translate(5%, 0px); }
  .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: 0.8s ease-out; transform: translate(0px, 0px); }
}
@media screen and (max-width: 767px) {
  .Area_title .subtitle {position: absolute;top: 38vw;width: 26.8%;left: 36vw;z-index: 23;}
  .Area_title .subtitle .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .date {position: absolute;width: 21%;top: 20vw;left: 42.5vw;z-index: 22;}
  .Area_title .date .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .date .layout_title ul { }

  .Area_title .titlelogo {z-index:4;position:absolute;width: 65%;top: -120vw;left: 18vw;}	
  .Area_title .top_pd {position: absolute;width: 105%;top:15.5vw;right: -4.5vw;z-index: 38;}

  .Area_title .titile02 {position: absolute;top: 96vw;left: 6vw;width: 87%;overflow: hidden;z-index: 5;}
  .Area_title .titile02 ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0px; padding: 0px; width: 100%; box-sizing: content-box; gap: inherit; }
  .Area_title .titile02 ul.PD_wrapper li { flex-shrink: 0; margin: 0px; padding: 0px; opacity: 0; }
  .Area_title .titile02 ul.PD_wrapper li.swiper-slide-active { opacity: 1; }
}






@media screen and (min-width:768px){
	.Area_danjiall {height:100%;}
	.Area_danjiall .bg_02{z-index: -95;position:absolute;top: -239px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_danjiall .bg_03{z-index: -61;position:absolute;bottom: -130px;left: -390px;width: 2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_danjiall .text {}
	.Area_danjiall .text .layout_text {width: 68%;margin: 0px auto 5px;}
	.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
	.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;pointer-events: none!important}
	.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}


	.Area_danjiall .bnn {}
	.Area_danjiall .bnn .layout_text {width: 84%;margin: 132px auto 16px;}
	.Area_danjiall .bnn .layout_text ul {margin:0;padding:0;}
	.Area_danjiall .bnn .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall .bnn .layout_text .PD a {pointer-events: none!important}
  
	.Area_danji .danji_box {margin-bottom: 0 !important;}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
	.Area_danjiall .warningTxt {margin-bottom: 14px;}
	.Area_danjiall .warningTxt h3 {color: #ffffff !important;font-size: 1.5rem;}

  .Area_danjiall .danji_box ul li .activityText .gifts span {color:rgb(237 61 78);}                 
.Area_danjiall .dd_box02 .dd_box_dec{width: 90%;margin: 47px auto 20px ;}
       
}	

@media screen and (max-width:767px){
	.Area_danjiall {}
		
	.Area_danjiall .text {margin: 0vw auto 1vw;padding-top: 0vw;}
	.Area_danjiall .text .layout_text {margin: auto;}
	.Area_danjiall .text .layout_text ul {margin:0;padding:0;}
	.Area_danjiall .text .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall .text .layout_text .PD a {pointer-events: none!important}

  .Area_danjiall .bnn {margin:-5vw auto 1vw;padding-top: 0vw;}
	.Area_danjiall .bnn .layout_text {margin:7vw auto 0;}
	.Area_danjiall .bnn .layout_text ul {margin:0;padding:0;}
	.Area_danjiall .bnn .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall .bnn .layout_text .PD a {pointer-events: none!important}
		
	.Area_danjiall .Area_danji {width: 98%;}
	.Area_danjiall .Area_danji .danji_box {width: 98%!important;margin: 0px auto 0!important;}
	.Area_danjiall .Area_danji .danji_box .box_1 {margin-top: 0vw;}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
  .Area_danjiall .dd_box02 {margin-bottom:5vw;}
	.Area_danjiall .dd_box02 .dd_box_dec{width: 90%;margin: 7vw auto 2vw ;}
  
	.Area_danji .danji_box ul li{ padding: 1vw !important;}	
	.Area_danjiall .warningTxt {}
	.Area_danjiall .warningTxt h3 {color: #ffffff !important;}
	.Area_danjiall .hatsale_bottom{z-index: -1;position:absolute;bottom: -2vw;left: 0;width: 100%;height: 53px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	.Area_danjiall .danji_box ul li .activityText .gifts span {color:#e92c3e;}      
	.Area_danjiall .dd_03_mb{margin-top: -9vw;}
	
}
@media screen and (min-width:768px){

	.Area_coupon {}
  .Area_coupon .bg_02 { z-index: -1; position: absolute; top: 44px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;  }
  .Area_coupon .bg_03 { z-index: -1; position: absolute; bottom: -191px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
	.Area_coupon .text {}
	.Area_coupon .text .layout_text {width: 68%;margin: 0px auto 5px;}
	.Area_coupon .text .layout_text ul {margin:0;padding:0;}
	.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
	.Area_coupon .text .layout_text .PD a {pointer-events: none!important}

	.Area_coupon .text  {}
	.Area_coupon .layout_coupon ul{width: 93%  !important;margin: 25px auto 0 !important;}
	.Area_coupon a{}
	.Area_coupon .PD_layout {width: 83%;margin: auto;}

	.Area_coupon .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: #ffffff;}

}
@media screen and (max-width:767px){
	.Area_coupon  {}

  .Area_coupon .text {margin: 0vw auto 1vw;padding-top: 0vw;}
	.Area_coupon .text .layout_text {margin: auto;}
	.Area_coupon .text .layout_text ul {margin:0;padding:0;}
	.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
	.Area_coupon .text .layout_text .PD a {pointer-events: none!important}
	.Area_coupon .PD_layout {width: 100%;margin: auto;z-index: 99;}

	.Area_coupon .box {position: relative;background-color: #fbc764;height: 100%;background-size: 100%;}
	.Area_coupon .box .PD_layout ul{width: 96%;margin-top: -2vw;margin-bottom: 0vw;}
	.Area_coupon .text {width: 100%;margin: 3vw auto -2vw;}
	.Area_coupon .text .PD_layout {z-index: 0;}
	.Area_coupon .text .layout_text .PD_slide:hover{transform:none;}
	.Area_coupon .text .layout_text .PD a {pointer-events: none!important}

	.Area_coupon .Area_swiper{} 
	.Area_coupon .Area_swiper .Area_swiper_box{height: 22vw;} 

	.Area_coupon .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: #ffffff;}

	.Area_coupon .layout_coupon{padding-top: 1vw;}
	.Area_coupon .text .PD_layout ul {padding: 0;}
	.Area_coupon .text .PD_layout ul li .PD_img{width: 100%;padding-top: 3vw;padding-bottom: 1vw;}

	.Area_coupon .PD_layout ul{width: 100%  !important;margin: auto!important;}

}

@media screen and (min-width: 768px) {
  .Area_activity { height: 100%; }
  .Area_activity .bg_02 { z-index: -1; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none;  }
  .Area_activity .bg_03 { z-index: -1; position: absolute; bottom: -70px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_activity .act_btn{position: absolute;right:-181px;width: 50%;z-index: 103;top: 1px;}

  .Area_activity .layout_text { margin:42px auto 0; z-index: 99; width: 88% !important; }
  .Area_activity .layout_text ul { }
  .Area_activity .layout_text ul li { }
}
@media screen and (max-width: 767px) {
  .Area_activity { height: 100%; }
  .Area_activity .act_btn{position: absolute;right: -1vw;width: 13%;z-index: 103;top: 0;}
  .Area_activity .layout_text {margin: auto;padding-top:2vw;z-index: 99;width: 100%;background-color: #ffdc68;}
  .Area_activity .layout_text ul { width: 100% !important; margin: auto !important; }
  .Area_activity .layout_text ul li { }
  .Area_activity .activity_bottom_mb{margin-top: -1vw;}

}


@media screen and (min-width: 768px) {
	.Area_item { height: 100%; z-index: 5; }
  .Area_item .bg_01 { z-index: -1; position: absolute; top:-30px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }

  .Area_item .bg_02 {z-index: -1;position: absolute;top: 65px;left: -390px;width: 2000px;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .Area_item .bg_03 {z-index: -1;position: absolute;bottom: -160px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center bottom;pointer-events: none;}

  .Area_item .text { position: relative; }
  .Area_item .text .layout_text {width: 66%;margin: 68px auto 17px;padding-top: 91px;}
  .Area_item .text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_item .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item .text .layout_text .PD a { pointer-events: none !important; }
	.Area_item .PD_layout {width: 85%;margin: 0px auto;}
	.Area_item .PD_layout ul { width: 100%; }
	.Area_item .layout_PD ul {width: 86%;margin-bottom: 261px;}
	.Area_item .layout_PD ul li {background: url("mo_item_li.png?t=1778148053769") center top / 100% no-repeat;height: 594px;}
	
  .Area_item .layout_PD ul li:nth-child(even){top: 72px;} 
  .Area_item .layout_PD ul li a { color: rgb(72, 72, 72); }
	.Area_item .layout_PD .PD_img {margin-top:-18px !important;padding: 10px !important;width: 98%;}
	.Area_item .layout_PD .PD_into {text-align: left;margin-left: 67px;margin-top: -12px;margin-bottom: 85px;width: 71%;text-align: center;}
	.Area_item .layout_PD .PD_into .PD_logo {position: absolute;top: -11px;height: 145.7px !important;left: 11px;}
	
  .Area_item .layout_PD .PD_into .PD_logo img{ background-color: #ffffff00 !important;box-shadow: none !important; }

  .Area_item .layout_PD .PD_img { margin-top: -59px; }
	.Area_item .layout_PD .PD_into h3 {color: rgb(255 255 255);font-size: 36px;margin-top: 8px;}
	.Area_item .layout_PD .PD_into h4 {color: #ffffff;font-size: 29px;}
	.Area_item .layout_PD .PD_into p { height: 4em; line-height: 4em; }
	.Area_item .layout_PD .PD_into p .js-PD_del {color: #ffffff;font-size: 22px;}
	.Area_item .layout_PD .PD_into p .money {font-size: 42px;color: #f05d87;}
	.Area_item .layout_PD .PD_into p .Price {font-size: 59px;color: #f05d87;}
  }
  @media screen and (max-width: 767px) {
	.Area_item { height: 100%;}
  .Area_item .text {position: relative;z-index: 9;margin: 1vw auto -6vw;background: url(yellow_top_mb.png?t=1778148053769)top center no-repeat;background-size: 100%;}
  .Area_item .text .layout_text {
    top: 6vw;
    margin-bottom: 10vw;
}
.Area_item .layout_PD ul li:nth-child(even){top: 8vw;} 

  .Area_item .text .layout_text ul { margin-top: -4vw; padding: 0px;width: 90%!important; }
  .Area_item .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item .text .layout_text .PD a { pointer-events: none !important; }
	.Area_item .PD_layout {padding-top: 3vw;background: url(yellow.png?t=1778148053769) top center repeat-y;}
	.Area_item .layout_text ul { width: 100% !important; margin: 0px auto !important; }
	.Area_item .layout_PD .PD_wrapper {width: 97%;margin: auto;        padding-bottom: 10vw;}
	.Area_item .layout_PD ul li {background: url("mo_item_li.png?t=1778148053769") center top / 100% no-repeat;}
	.Area_item .layout_PD ul li a { color: rgb(72, 72, 72); }
	.Area_item .layout_PD .PD_img {margin-top: 1vw;padding: 0vw !important;width: 93%;margin-left: 2vw;}
	.Area_item .layout_PD .PD_into {margin-top: 0vw;text-align: center;margin-left: 1.2em;margin-bottom: -2vw;width: 80%;padding-bottom: 7vw;}
	.Area_item .layout_PD .PD_into .PD_logo { position: absolute; top: 8vw; left: 4vw; height: 3em !important; }
	.Area_item .layout_PD .PD_into .PD_logo img{ background-color: #ffffff00 !important;box-shadow: none !important; }
	.Area_item .layout_PD .PD_into h3 { color: rgb(255, 255, 255); font-size: 15px; max-height: 1.5em; }
	.Area_item .layout_PD .PD_into h4 {color: #ffffff;font-size: 14px;padding-top: 1vw;max-height: 1.5em !important;}
	.Area_item .layout_PD .PD_into p {color: #f05d87;}
	.Area_item .layout_PD .PD_into p .js-PD_del {color: #ffffff;font-size: 12px;}
	.Area_item .layout_PD .PD_into p .Price {font-size: 28px !important;}
  }

/*頁籤01*/
@media screen and (min-width:768px){
	.Area_topitem02 {padding: 31px;}
	.Area_topitem02 .bg_01{z-index:-45;position:absolute;top: 95px;left: -390px;width: 2000px;height: 109px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_topitem02 .bg_02{z-index:-45;position:absolute;top: -60px;left: -390px;width: 2000px;height: 1460px;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_topitem02 .bg_03{z-index:-45;position:absolute;bottom: 2px;left: -390px;width: 2000px;height: 61px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_topitem02 .content_bgg{}

	.Area_topitem02 .text {margin-bottom: 3vw;width: 61%;margin: 104px auto 2px;}
	.Area_topitem02 .text .PD_layout{z-index: 9;}
	.Area_topitem02 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_topitem02 .text .layout_text .PD a {pointer-events: none!important}
	

	/**頁簽內小標**/	
	.Area_topitem02 .page .layout_text {position:relative;width:50%;margin:0 auto;padding:0;}
		
	/*頁籤*/	
	.Area_topitem02 .NavArea {display:block!important}	
	.Area_topitem02 .Nav_box {width: 100%!important;margin: auto;}		
	
	.Area_topitem02 .tab_swiper {overflow-y:clip!important}		

	.Area_topitem02 .NavArea_tabbar_page {padding-bottom: 17px;width: 67.3%;margin: 0px auto 9px;padding-top: 29px;}		
	.Area_topitem02 .content_swiper {width: 100%;margin: 0 auto;overflow:hidden;height: 100%;padding-bottom: 92px;}		

	
	.NavArea_tabbar_page .Nav_box{border-radius: 88px !important;}
	
	/*公版區*/		
	.Area_topitem02 .page_box .layout_PD {/* margin-bottom: 73px; */width: 93%;}
	.Area_topitem02 .page_box .layout_PD ul{width: 94%;margin: auto;border-radius: 20px;}
	.Area_topitem02 .page_box .layout_PD ul li {}	
	.Area_topitem02 .page_box .layout_PD ul li:hover {box-shadow: none; }	


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

	.Area_topitem02 .content_bgg{padding-top: 1vw;}
	.Area_topitem02 .topitem_bottom{z-index: 1;position:absolute;bottom: -94px;left: 0;width: 100%;height: 116px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	/**區標**/	
	.Area_topitem02 .text {position:relative;width: 100%;margin: 0 0 0 0vw;padding-top: 1vw;}
	.Area_topitem02 .text .layout_text {margin: 0px auto 2vw;width: 95%;padding-top: 5vw;}
	.Area_topitem02 .text .layout_text .PD a {pointer-events: none!important}
	
	.Area_topitem02 .text .PD_layout ul{margin-top: -1vw;}
	
	/**頁簽內小標**/	
	.Area_topitem02 .page .layout_text {position:relative;width:75%;margin:0 auto;padding:0;}
				
	/*頁籤*/	
	.Area_topitem02 .tab_swiper {overflow-y:clip!important}		
	.Area_topitem02 .NavArea_tabbar_page {padding-bottom: 0vw;width: 100% !important;padding-top: 0vw;}		
	.Area_topitem02 .content_swiper {width: 100%;margin: 0px auto;border-radius: 0vw;height: 100%;overflow: hidden;padding-bottom: 4vw;}		
	
	.NavArea_tabbar_page .Nav_box{border-radius: 7.5em!important;margin-top: 3vw;height: 11vw;width: 94%;margin: 3vw auto 0;}


	/*公版區*/		
	.Area_topitem02 .page_box .layout_PD {}
	.Area_topitem02 .page_box .layout_PD ul {width: 94%;margin-top: 3vw;padding: 0 !important;border-radius: 1.2em;}
	.Area_topitem02 .page_box .layout_PD ul li {}	
	.Area_topitem02 .page_box .layout_PD ul li .PD_into .js-PD_del {font-size: 9px;}		
	.Area_topitem02 .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.NavArea_tabbar_page{width: 90% !important;}

	.Area_topitem02 .tt_bottom{width: 97%;margin: auto;}

}

/*頁籤01*/
@media screen and (min-width:768px){
	.Area_topitem03 {padding: 31px;}
	.Area_topitem03 .bg_01{z-index: -29;position:absolute;top: -65px;left: -390px;width: 2000px;height: 159px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_topitem03 .bg_02{z-index: -36;position:absolute;top: -11px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_topitem03 .bg_03{z-index: -33;position:absolute;bottom: -58px;left: -390px;width: 2000px;height: 131px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_topitem03 .content_bgg{}

	.Area_topitem03 .text {margin-bottom: 3vw;width: 61%;margin: 104px auto 2px;}
	.Area_topitem03 .text .PD_layout{z-index: 9;}
	.Area_topitem03 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_topitem03 .text .layout_text .PD a {pointer-events: none!important}
	

	/**頁簽內小標**/	
	.Area_topitem03 .page .layout_text {position:relative;width:50%;margin:0 auto;padding:0;}
		
	/*頁籤*/	
	.Area_topitem03 .NavArea {display:block!important}	
	.Area_topitem03 .Nav_box {width: 100%!important;margin: auto;}		
	
	.Area_topitem03 .tab_swiper {overflow-y:clip!important}		

	.Area_topitem03 .NavArea_tabbar_page {padding-bottom: 17px;width: 67.3%;margin: 0px auto 9px;padding-top: 29px;}		
	.Area_topitem03 .content_swiper {width: 100%;margin: 0 auto;overflow:hidden;height: 100%;padding-bottom: 92px;}		

	
	.NavArea_tabbar_page .Nav_box{border-radius: 88px !important;}
	
	/*公版區*/		
	.Area_topitem03 .page_box .layout_PD {/* margin-bottom: 73px; */width: 93%;}
	.Area_topitem03 .page_box .layout_PD ul{width:94%;margin: auto;border-radius: 20px;}
	.Area_topitem03 .page_box .layout_PD ul li {}	
	.Area_topitem03 .page_box .layout_PD ul li:hover {box-shadow: none; }	


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

	.Area_topitem03 .content_bgg{padding-top: 1vw;}
	.Area_topitem03 .topitem_bottom{z-index: 1;position:absolute;bottom: -94px;left: 0;width: 100%;height: 116px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	/**區標**/	
	.Area_topitem03 .text {position:relative;width: 100%;margin: 0 0 0 0vw;padding-top: 1vw;}
	.Area_topitem03 .text .layout_text {margin: 0px auto 2vw;width: 95%;padding-top: 5vw;}
	.Area_topitem03 .text .layout_text .PD a {pointer-events: none!important}
	
	.Area_topitem03 .text .PD_layout ul{margin-top: -1vw;}
	
	/**頁簽內小標**/	
	.Area_topitem03 .page .layout_text {position:relative;width:75%;margin:0 auto;padding:0;}
				
	/*頁籤*/	
	.Area_topitem03 .tab_swiper {overflow-y:clip!important}		
	.Area_topitem03 .NavArea_tabbar_page {padding-bottom: 0vw;width: 100% !important;padding-top: 0vw;}		
	.Area_topitem03 .content_swiper {width: 100%;margin: 0px auto;border-radius: 0vw;height: 100%;overflow: hidden;padding-bottom: 4vw;}		
	
	.NavArea_tabbar_page .Nav_box{border-radius: 7.5em!important;margin-top: 3vw;height: 11vw;width: 94%;margin: 3vw auto 0;}


	/*公版區*/		
	.Area_topitem03 .page_box .layout_PD {}
	.Area_topitem03 .page_box .layout_PD ul {width: 94%;margin-top: 3vw;padding: 0 !important;border-radius:1.2em;}
	.Area_topitem03 .page_box .layout_PD ul li {}	
	.Area_topitem03 .page_box .layout_PD ul li .PD_into .js-PD_del {font-size: 9px;}		
	.Area_topitem03 .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.NavArea_tabbar_page{width: 90% !important;}

	.Area_topitem03 .tt_bottom{width: 97%;margin: auto;}

}






@media screen and (min-width:768px){
	.Area_danjiall02 {height:100%;}
	.Area_danjiall02 .bg_02{z-index: -95;position:absolute;top: -239px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_danjiall02 .bg_03{z-index: -61;position:absolute;bottom: -130px;left: -390px;width: 2000px;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_danjiall02 .text {margin-bottom: 3vw;width:51%;margin:44px auto 15px;}
	.Area_danjiall02 .text .PD_layout{z-index: 9;}
	.Area_danjiall02 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall02 .text .layout_text .PD a {pointer-events: none!important}


	.Area_danjiall02 .danji_btn {}
	.Area_danjiall02 .danji_btn .layout_text {width:75%;margin:22px auto 16px;}
	.Area_danjiall02 .danji_btn .layout_text ul {margin:0;padding:0;}
	.Area_danjiall02 .danji_btn .layout_text .PD_slide:hover{}
	.Area_danjiall02 .danji_btn .layout_text .PD a {}
  

	.Area_danjiall02 .btn_999{width: 80%;margin: auto;}


	.Area_danji .danji_box {margin-bottom: 0 !important;}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
	.Area_danjiall02 .warningTxt {margin-bottom: 14px;}
	.Area_danjiall02 .warningTxt h3 {color: #ffffff !important;font-size: 1.5rem;}

  .Area_danjiall02 .danji_box ul li .activityText .gifts span {color:rgb(255 220 104);}                 
.Area_danjiall02 .dd_box02 .dd_box_dec{width: 90%;margin: 47px auto 20px ;}
       
}	

@media screen and (max-width:767px){
	.Area_danjiall02 {}
		
	/**區標**/	
	.Area_danjiall02 .text {position:relative;width: 100%;margin: 0 0 0 0vw;padding-top: 1vw;}
	.Area_danjiall02 .text .layout_text {margin: 0px auto 2vw;width:74%;padding-top: 5vw;}
	.Area_danjiall02 .text .layout_text .PD a {pointer-events: none!important}
	
	.Area_danjiall02 .text .PD_layout ul{margin-top: -1vw;}

  .Area_danjiall02 .danji_btn {margin:-5vw auto 1vw;padding-top: 0vw;width: 96%;}
	.Area_danjiall02 .danji_btn .layout_text {margin:7vw auto 0;}
	.Area_danjiall02 .danji_btn .layout_text ul {margin:0;padding:0;}
	.Area_danjiall02 .danji_btn .layout_text .PD_slide:hover{transform:none;}
	.Area_danjiall02 .danji_btn .layout_text .PD a {pointer-events: none!important}
		
	.Area_danjiall02 .btn_999{width:99%;margin: auto;}

	.Area_danjiall02 .Area_danji {}
	.Area_danjiall02 .Area_danji .danji_box {width: 98%!important;margin: 0px auto 0!important;}
	.Area_danjiall02 .Area_danji .danji_box .box_1 {margin-top: 0vw;}
	.Area_danji .danji_box .box_2 img {filter: brightness(100%)!important;}
  .Area_danjiall02 .dd_box02 {margin-bottom:5vw;}
	.Area_danjiall02 .dd_box02 .dd_box_dec{width: 90%;margin: 7vw auto 2vw ;}
  
	.Area_danji .danji_box ul li{ padding: 1vw !important;}	
	.Area_danjiall02 .warningTxt {}
	.Area_danjiall02 .warningTxt h3 {color: #ffffff !important;}
	.Area_danjiall02 .hatsale_bottom{z-index: -1;position:absolute;bottom: -2vw;left: 0;width: 100%;height: 53px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	.Area_danjiall02 .danji_box ul li .activityText .gifts span {color:#ffdc68;}      
	.Area_danjiall02 .dd_03_mb{margin-top: -9vw;}
	
}
		
/*下方公版*/
@media screen and (min-width:768px){
	.Area_below  {height:100%;}
	.Area_below .box {position:relative;}	
	/**區標**/	
	.Area_below .text {position:relative;}
	.Area_below .text .layout_text {width: 53%;margin:0 auto;padding:20px 0;}
	.Area_below .text .layout_text ul {margin:0;padding:0;}
	.Area_below .text .layout_text .PD_slide:hover{transform:none;}
	.Area_below .text .layout_text .PD a {pointer-events: none!important}


	.Area_below .below_box{display: flex;flex-wrap: wrap;}

	/**區標**/	
	.Area_below .box .layout_text {width: 40.3%;margin: 21px auto -14px;background: url(text_bgg.png?t=1778148053769)top center no-repeat;background-size: 100%;padding-bottom: 63px;}
	.Area_below .box .layout_text ul {margin:0;padding:0;}
	.Area_below .box .layout_text .PD_slide:hover{transform:none;}
	.Area_below .box .layout_text .PD a {pointer-events: none!important}
	
	.Area_below .box .layout_text .PD .PD_into h3{font-size: 38px;color: #353535;margin-top: 1px;font-weight: 600;}
	.Area_below .box:nth-child(15) .layout_text .PD .PD_into h3 {}	
	/**公版**/	
	.Area_below .box .layout_PD {width: 93%;margin: -50px auto;padding-bottom: 21px;margin-bottom: 41px;}	
	.Area_below .box .layout_PD ul {border-radius: 30px;}	
	

	.Area_below  .below_box .box:nth-child(15) .layout_text ul {grid-template-columns: repeat(1, auto) !important ;}
	.Area_below  .below_box .box:nth-child(15) .layout_text {background-size: 66%;}
	.Area_below  .below_box .box:nth-child(15){width: 1200px;}
	.Area_below  .below_box .box:nth-child(15) ul{grid-template-columns: repeat(4, auto) !important ;}
	.Area_below  .below_box .box:nth-child(15) ul li{border-top: none;}


	}
	@media screen and (max-width:767px){
	.Area_below  {height:100%;}
	.Area_below .box {width:100%;margin-bottom:5vw}
	
	
	.Area_below .tagstyle{margin-top:6vw;}
	
	/**區標**/	
	.Area_below .text {position:relative;}
	.Area_below .text .layout_text {width:83%;margin:5vw auto 0;padding-bottom:2vw;}
	.Area_below .text .layout_text ul {margin:0;padding:0;}
	.Area_below .text .layout_text .PD_slide:hover{transform:none;}
	.Area_below .text .layout_text .PD a {pointer-events: none!important}
				
		
	/**區標**/	
	.Area_below .box .layout_text {width:62%;margin-top: 5vw;margin-bottom: 1vw;padding-bottom: 0vw;background: url(text_bgg.png?t=1778148053769)top center no-repeat;background-size: 100%;}
	.Area_below .box .layout_text ul {margin:0;padding:0;}
	.Area_below .box .layout_text .PD_slide:hover{transform:none;}
	.Area_below .box .layout_text .PD a {pointer-events: none!important}
		
	.Area_below .box .layout_text .PD .PD_into h3{font-size: 24px;color: #0d7fd5;margin-top: -1.5vw;font-weight: 600;}
	/**公版**/	
	.Area_below .box .layout_PD {width: 98%;margin:0 auto;padding-top: 0vw;padding-bottom: 2vw;}
	.Area_below .box .layout_PD ul {border-radius:1.2em;}
	
		
		
	}
	
@media screen and (min-width: 768px) {
  .Area_item03 { height: 100%; }
  .Area_item03 .bg_01 {z-index: -1;position: absolute;top: 3px;left: -390px;width: 2000px;height: 100%;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_item03 .bg_02 {z-index: -5;position: absolute;top: 98px;left: -390px;width: 2000px;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  .Area_item03 .bg_03 {z-index: -1;position: absolute;bottom: -227px;left: -390px;width: 2000px;height: 240px;background-repeat: no-repeat;background-position: center bottom;pointer-events: none;}
	/**區標**/	
	.Area_item03 .text {position:relative;}
	.Area_item03 .text .layout_text {width: 61%;margin:0 auto;padding:20px 0;}
	.Area_item03 .text .layout_text ul {margin:0;padding:0;}
	.Area_item03 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_item03 .text .layout_text .PD a {pointer-events: none!important}


  .Area_item03 .layout_PD {width: 100%;border-radius: 17px !important;margin-bottom: 101px;}
  .Area_item03 .layout_PD ul {border-radius: 25px;padding: 0px !important;}
  .Area_item03 .layout_PD ul li {background-color: rgb(255 255 255 / 0%);}
  .Area_item03 .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 0vw; }


  .Area_item03 .layout_PD .PD .PD_into p { }
  .Area_item03 .layout_PD .PD .PD_into .js-PD_del { }
  .Area_item03 .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_item03 .layout_PD .PD .PD_into h4 { }
  .Area_item03 .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_item03 .layout_PD .PD .Price { }
  .Area_item03 .new_bottom { margin-top: -1vw; }
}
@media screen and (max-width: 767px) {
  .Area_item03 { height: 100%; background-size: 100%; }
  .Area_item03 .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; }
  .Area_item03 .text {position: relative;z-index: 9;width: 90%;margin: 16vw auto -4vw;}
  .Area_item03 .text .layout_text {top: -7vw;}
  .Area_item03 .text .layout_text ul { margin-top: 0vw; padding: 0px; }
  .Area_item03 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item03 .text .layout_text .PD a { pointer-events: none !important; }

	.Area_item03 .ii_content{background: url(dd_01.png?t=1778148053769)top center repeat-y;background-size: 100%;}

  .Area_item03 .layout_PD { width: 100%;padding-bottom: 5vw; }
  .Area_item03 .layout_PD ul {width: 96%;border-radius: 1em;padding: 0px;}
  .Area_item03 .layout_PD ul li {background-color: rgb(255 255 255 / 0%);}
  .Area_item03 .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 0vw; }
  .Area_item03 .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_item03 .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_item03 .layout_PD .PD .PD_into p { }
  .Area_item03 .layout_PD .PD .PD_into .js-PD_del { }
  .Area_item03 .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_item03 .layout_PD .PD .PD_into h4 { }
  .Area_item03 .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_item03 .layout_PD .PD .Price { }
	.Area_item03 .dd_01{margin-top: 8vw;}
	.Area_item03 .dd_03{}


}


@media screen and (min-width:768px){
	.Area_box01 .bg_01{z-index: -37;position:absolute;top: 30px;left: -390px;width: 2000px;height: 924px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
  .Area_box01 .bg_02 {z-index: -3;position: absolute;top:-20px;left: -390px;width: 2000px;background-repeat: repeat-y;background-position: center top;pointer-events: none;}

	/**區標**/	
	.Area_box01 .text {position:relative;}
	.Area_box01 .text .layout_text {width: 61%;margin:0 auto;padding:74px 0 0;}
	.Area_box01 .text .layout_text ul {margin:0;padding:0;}
	.Area_box01 .text .layout_text .PD_slide:hover{transform:none;}
	.Area_box01 .text .layout_text .PD a {pointer-events: none!important}


	.Area_box01 .PD_layout {width: 96.5%;overflow:hidden;margin:13px auto;z-index: 10;padding-top:22px;}	
	.Area_box01 .PD_layout ul {display:flex;width: 100%;margin: 0 !important;padding: 0 !important;grid-gap: 8px !important;}
	.Area_box01 .Area_box01_c .PD_layout ul li  { border-radius: 0px;margin: 0px !important;background: url(iten_bgg.png?t=1778148053769)top center no-repeat;background-size: 100%;background-color: #ffffff00;}
  .Area_box01 .PD_layout ul li .PD_img img{border-radius:86px;}
	.Area_box01 .PD_layout ul li .PD_img{
    margin-top: 34px;
    position: relative;
}
  .Area_box01 .PD_layout ul li .PD_into {margin-top: 50px;text-align: center;padding-bottom: 41px;}
  .Area_box01 .PD_layout ul li .PD_into .PD_logo{    height: 2.5em;position: absolute;top: 40px;left: 40px;}
	.Area_box01 .PD_layout ul li .PD_into .PD_logo img{box-shadow:none}
	.Area_box01 .PD_layout ul li .PD_into h3 {
    line-height: 19px;
}
	.Area_box01 .PD_layout ul li .PD_into h3 span{background-color: rgb(218 218 218 / 0%);font-size: 22px;color: #ffffff;max-width: 90%;margin-top: 6px;margin-bottom: 0px;}
	.Area_box01 .PD_layout ul li .PD_into h4{margin: 29px auto 0;color: #ffffff;max-width: 84%;font-size: 18px;}

  .Area_box01 .PD_layout .PD_into .Price {}	
	.Area_box01 .PD_layout .swiper-pagination {position:relative;margin:-15px 0 13px;}
	.Area_box01 .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;}
	}
	@media screen and (max-width:767px){

  .Area_box01 .box01_content{margin-bottom: 5vw;}
  .Area_box01 .box4_swiper{}
  .Area_box01 .text {position: relative;z-index: 9;margin: auto;}
  .Area_box01 .text .layout_text {width: 95%;margin: 4vw auto 4vw;}
  .Area_box01 .text .layout_text ul { margin-top: 0vw; padding: 0px; }
  .Area_box01 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_box01 .text .layout_text .PD a { pointer-events: none !important; }


  .Area_box01 .box4_swiper .PD_layout {width: 96%;margin: auto;overflow: hidden;border-radius: 1.2em;}



	.Area_box01 .layout_PD ul li .PD_img {margin-top: 8vw;} 
	.Area_box01 .PD_layout ul li .PD_img img{border-radius: 0;} 
	.Area_box01 .PD_layout ul li .PD_into{margin-top: -1vw;}  
	.Area_box01 .PD_layout ul li .PD_into h3{margin-bottom: 3vw;}
	.Area_box01 .PD_layout ul li .PD_into h3 span{background-color:#ffffff00;color: #ffffff;}
	.Area_box01 .PD_layout ul li .PD_into h4{color: #ffffff;width: 97%;}
	.Area_box01 .PD_layout ul li .PD_into .PD_logo{position: absolute;top: 7.5vw;height: 1.8em;left: 2vw;}

	.Area_box01 .PD_layout ul li .PD_into .PD_logo img{background-color: #ffffff00;box-shadow: none;}
	
  .Area_box01 .PD_layout ul li .PD_into {margin-top: 4vw;text-align: center;padding-bottom:2vw;}

	.Area_box01 .Area_box01_c .PD_layout ul li {background-color: #ffffff;border: none;background: url(iten_bgg.png?t=1778148053769)top center no-repeat;background-size: 100%;}
	.Area_box01 .PD_layout .PD_into .Price {/* font-size: 21px!important; */}	
	.Area_box01 .PD_layout .PD_into p {height: 2.2em!important;}	
	.Area_box01 .PD_layout .PD_into .js-PD_del {/* font-size: 6px!important; */}	
	.Area_box01 .PD_layout .swiper-pagination {position:relative;margin:-2vw 0 5vw;}
	.Area_box01 .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;}
	}


/*頁籤01*/
@media screen and (min-width:768px){
	.Area_guan {padding: 31px;}
	.Area_guan .bg_01{z-index: -29;position:absolute;top: -65px;left: -390px;width: 2000px;height: 159px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
	.Area_guan .bg_02{z-index: -36;position:absolute;top: -11px;left: -390px;width: 2000px;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
	.Area_guan .bg_03{z-index: -33;position:absolute;bottom: -58px;left: -390px;width: 2000px;height: 131px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
	.Area_guan .content_bgg{}

	.Area_guan .text {margin-bottom: 3vw;width: 61%;margin: 104px auto 2px;}
	.Area_guan .text .PD_layout{z-index: 9;}
	.Area_guan .text .layout_text .PD_slide:hover{transform:none;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	

	/**頁簽內小標**/	
	.Area_guan .page .layout_text {position:relative;width:50%;margin:0 auto;padding:0;}
		
	/*頁籤*/	
	.Area_guan .NavArea {display:block!important}	
	.Area_guan .Nav_box {width: 100%!important;margin: auto;}		
	
	.Area_guan .tab_swiper {overflow-y:clip!important}		

	.Area_guan .NavArea_tabbar_page {padding-bottom: 17px;width: 67.3%;margin: 0px auto 9px;padding-top: 29px;}		
	.Area_guan .content_swiper {width: 100%;margin: 0 auto;overflow:hidden;height: 100%;padding-bottom:63px;}		

	
	.NavArea_tabbar_page .Nav_box{border-radius: 88px !important;}
	
	/*公版區*/		
	.Area_guan .page_box .layout_PD {/* margin-bottom: 73px; */width: 93%;}
	.Area_guan .page_box .layout_PD ul{width:94%;margin: auto;border-radius: 20px;background-color: #ffffff00;}
	.Area_guan .page_box .layout_PD ul li {border: none;}	
	.Area_guan .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.Area_guan .swiper-pagination-clickable .swiper-pagination-bullet{background: #ffffff !important;}
	.Area_guan .PD_layout .swiper-pagination
	
}	
@media screen and (max-width:767px){
	.Area_guan {height: 100%;}
	.Area_guan .hatsale_top{z-index: -2;position:absolute;top: 4vw;left: 0;width: 100%;height: 64px;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}

	.Area_guan .content_bgg{padding-top: 1vw;}
	.Area_guan .topitem_bottom{z-index: 1;position:absolute;bottom: -94px;left: 0;width: 100%;height: 116px;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;background-size: 100%;}

	/**區標**/	
	.Area_guan .text {position:relative;width: 100%;margin: 0 0 0 0vw;padding-top: 1vw;}
	.Area_guan .text .layout_text {margin: 0px auto 2vw;width: 95%;padding-top: 5vw;}
	.Area_guan .text .layout_text .PD a {pointer-events: none!important}
	
	.Area_guan .text .PD_layout ul{margin-top: -1vw;}
	
	/**頁簽內小標**/	
	.Area_guan .page .layout_text {position:relative;width:75%;margin:0 auto;padding:0;}
				
	/*頁籤*/	
	.Area_guan .tab_swiper {overflow-y:clip!important}		
	.Area_guan .NavArea_tabbar_page {padding-bottom: 0vw;width: 100% !important;padding-top: 0vw;}		
	.Area_guan .content_swiper {width: 100%;margin: 0px auto;border-radius: 0vw;height: 100%;overflow: hidden;padding-bottom: 4vw;}		
	
	.NavArea_tabbar_page .Nav_box{border-radius: 7.5em!important;margin-top: 3vw;height: 11vw;width: 94%;margin: 3vw auto 0;}


	/*公版區*/		
	.Area_guan .page_box .layout_PD {}
	.Area_guan .page_box .layout_PD ul {width: 94%;margin-top: 3vw;padding: 0 !important;border-radius: 0;background-color: #ffffff00;}
	.Area_guan .page_box .layout_PD ul li {border: none;}	
	.Area_guan .page_box .layout_PD ul li .PD_into .js-PD_del {font-size: 9px;}		
	.Area_guan .page_box .layout_PD ul li:hover {box-shadow: none; }	

	.NavArea_tabbar_page{width: 90% !important;}

	.Area_guan .tt_bottom{width: 97%;margin: auto;}

}

.Area .remove_box_style ul { background-color: transparent; gap: 10px; }
.Area .remove_box_style ul li { border: none !important; }
@media screen and (max-width: 767px) {
  .Area .remove_box_style ul { width: 100%; gap: 0.2em; }
  .Area .remove_box_style ul { }
}
.Area .swipwe_remove_box_style ul { gap: 0px; }
.Area .swipwe_remove_box_style ul li { background-color: rgb(255, 255, 255); border: none !important; }
.Area .swipwe_remove_box_style ul li, .Area .swipwe_remove_box_style ul li .PD_img img { }
@media screen and (max-width: 767px) {
  .Area .swipwe_remove_box_style ul { width: 100%; }
  .Area .swipwe_remove_box_style ul { }
}
.fixbn a { padding-bottom: env(safe-area-inset-bottom); }
.fixbn { position: fixed; background-size: 100%; bottom: 0px; display: block; z-index: 10; }
.fixbn ul li { float: left; padding: 0px; list-style-type: none; width: 50vw; }
.fixbn ul li img { width: 100%; margin: 0px auto; }
.fixbn ul { margin-top: 0px; margin-bottom: 0px; padding-left: 0px; }
.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%; }
.fixbn .class_02 { top: 0%; left: 34%; }
.fixbn .class_03 { top: 0%; left: 67%; }
.Area1220 { margin: 0px auto; width: 1220px; }
.Area960 { margin: 0px auto; width: 960px; }
.Area { position: relative; margin: 0px auto; padding: 0px; border-radius: 0px; text-align: center; }
.Area a { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
.WRAPPER .go_bt1 { transition: 0.4s; }
.WRAPPER .go_bt1:hover { transform: translateY(-10px); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; background-size: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}
.Area_top { }
.Area_top .momologo { z-index: 10; position: absolute; display: none; }
@media screen and (max-width: 767px) {
  .Area_top { height: auto; }
  .Area_top .momologo { display: none; }
}
.momologo { position: absolute; top: 41px; left: 135px; z-index: 55 !important; }
.momologo a { display: block; width: 140px; height: 21px; }
.momologo a svg { width: 140px; height: 21px; }
.momologo a path { fill: rgb(234, 39, 194); }
.momologo-pink a path { fill: rgb(255, 255, 255); }
.momologo-white a path { fill: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .momologo { display: none; }
}
.edm_notice { text-align: center; padding: 7px 10px 15px; color: rgb(255, 255, 255); font: 12px / 18px Helvetica; }
.edm_notice .apple_notice { padding: 10px 0px; }
.for_pc { }
.for_phone { display: none !important; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: inherit !important; }
}