body { margin: 0px; padding: 0px; background-color: rgb(217, 217, 217); }
.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; }
.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-color: rgb(217, 217, 217); }
  .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: -40; 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: -26;position: absolute;top: 99px;left: -390px;width: 2000px;height: 100%;background-repeat: repeat-y;background-position: center top;pointer-events: none;}
  /* 看更多 */.bg_99 {z-index: -26;position: absolute;top: 0px;left: -390px;width: 2000px;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: -35; 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_deco02 { z-index: -10; 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; }
}
#eWriterBtn_bt_B_000_03 { margin-left: 200px !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_99 { margin-left: 450px !important; margin-top: 60px !important; z-index: 99 !important; }
#eWriterBtn_bt_B_000_02 { 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=1776153354677") 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: 44px; left: 0px; 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_title { height: 1064px; }
  .deco_left { position: absolute; top: 394px; left: 144px; z-index: 8; opacity: 1; width: 443px; }
  .deco_left img { width: 100%; }
  .light_left { position: absolute; top: 177px; left: 142px; z-index: 8; opacity: 1; width: 443px; mix-blend-mode: color-dodge; animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss; }
  .light_left img { width: 100%; }
  .light_left_02 { position: absolute; top: 365px; left: 117px; z-index: 8; opacity: 1; width: 443px; mix-blend-mode: color-dodge; }
  .light_left img { width: 100%; }
  .deco_right { position: absolute; top: 102px; right: 129px; z-index: 8; opacity: 1; width: 973px; }
  .deco_right img { width: 100%; }
  .light_right { position: absolute; top: 102px; right: 116px; z-index: 18; opacity: 1; width: 994px; mix-blend-mode: color-dodge; }
  .light_right img { width: 100%; }
  .light_right_02 { position: absolute; top: 98px; right: 150px; z-index: 8; opacity: 1; width: 573px; mix-blend-mode: plus-lighter; animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss; }
  .light_right_02 img { width: 100%; }
}
@media screen and (max-width: 767px) {
  .Area_title { height: 111vw; }
  .deco_left { position: absolute; width: 46%; top: 39vw; left: 1.5vw; z-index: 3; }
  .light_left { position: absolute; width: 46%; top: 16vw; left: 1.5vw; z-index: 6; mix-blend-mode: color-dodge; animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss; }
  .light_left_02 { position: absolute; width: 46%; top: 39vw; left: 1.5vw; z-index: 6; mix-blend-mode: color-dodge; }
  .light_right_02 {position: absolute;width: 46%;top: 19vw;right: 3vw;z-index: 19;mix-blend-mode: plus-lighter;animation: 3s ease 0.2s infinite normal none running fadeInLeft_ss;}
  .deco_right {position: absolute;width: 100%;top: 9vw;right: 0vw;z-index: 4;}
  .light_right {position: absolute;width: 100%;top: 9vw;right: 0.2vw;z-index: 5;mix-blend-mode: color-dodge;}
}
@media screen and (min-width: 768px) {
  .Area_title .subtitle {position: absolute;width: 47%;height: auto;top: 48px;left: 167px;z-index: 4;margin: auto;}
  .Area_title .subtitle .layout_title { }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .subtitle .layout_title .PD_slide:hover { transform: none; }
  .Area_title .tt {position: absolute;width: 38%;height: auto;top: 0px;right: 115px;z-index: 4;margin: auto;}
  .Area_title .tt .layout_title { }
  .Area_title .tt .layout_title ul { }
  .Area_title .tt .layout_title .PD_slide:hover { transform: none; }
  .Area_title .lightSweep { position: absolute; width: 780px; height: auto; top: 12px; left: -64px; z-index: 4; margin: auto; }
  .Area_title .subtitle_light { position: absolute; width: 443px; height: auto; top: 11px; left: 156px; z-index: 12; margin: auto; mix-blend-mode: screen; }
  .Area_title .subtitle_light .layout_title { }
  .Area_title .subtitle_light .layout_title ul { }
  .Area_title .subtitle_light .layout_title .PD_slide:hover { transform: none; }
  .Area_title .date { position: absolute; width: 225px; height: auto; top: 269px; left: 218px; z-index: 7; margin: auto; animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s; opacity: 0; }
  .Area_title .date .layout_title { }
  .Area_title .date .layout_title ul { }
  .Area_title .date .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pro_p001 {position: absolute;top: 171px;left: 499px;z-index: 33;width: 20.7%;overflow: hidden;}
  .Area_title .pro_p001 .PD_layout { }
  .Area_title .pro_p001 .PD_layout ul { display: flex; padding: 0px; gap: 0px; }
  .Area_title .pro_p001 .PD_layout ul li { }
  .Area_title .pro_p001 .PD_slide:hover { transform: none; }
  .Area_title .pro_p001 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
  .Area_title .pp_02 {position: absolute;width: 29%;height: auto;top: 423px;left: 175px;z-index: 37;margin: auto;}
  .Area_title .pp_02 .layout_title { }
  .Area_title .pp_02 .layout_title ul { }
  .Area_title .pp_02 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pp_03 {position: absolute;width: 345px;height: auto;top: 610px;left: 180px;z-index: 10;margin: auto;}
  .Area_title .pp_03 .layout_title { }
  .Area_title .pp_03 .layout_title ul { }
  .Area_title .pp_03 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .pp_04 {position: absolute;width: 30%;height: auto;top: 759px;right: 146px;z-index: 9;margin: auto;}
  .Area_title .pp_04 .layout_title { }
  .Area_title .pp_04 .layout_title ul { }
  .Area_title .pp_04 .layout_title .PD_slide:hover { transform: none; }
  .Area_title .titile02 {position: absolute;width: 20%;top: 299px;right: 273px;z-index: 7;animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s;opacity: 0;}
  .Area_title .titile02 .PD_layout { }
  .Area_title .titile02 .PD_layout ul li { }
  .Area_title .titile02 .PD_slide:hover { transform: none; }
  .Area_title .titile02 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
}
@media screen and (max-width: 767px) {
  .Area_title .subtitle {position: absolute;top: 3.8vw;width: 58%;left: 5.1vw;margin: auto;z-index: 4;}
  .Area_title .subtitle .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle .layout_title ul { }
  .Area_title .tt {position: absolute;top: 0vw;width: 43%;right: 0vw;margin: auto;z-index: 4;}
  .Area_title .tt .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .tt .layout_title ul { }
  .Area_title .subtitle_light { position: absolute; top: 1.5vw; width: 38%; left: 5vw; margin: auto; z-index: 7; mix-blend-mode: screen; }
  .Area_title .subtitle_light .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .subtitle_light .layout_title ul { }
  .Area_title .lightSweep { position: absolute; top: -7.5vw; width: 45%; left: -47vw; margin: auto; z-index: 19; }
  .Area_title .date {position: absolute;top: 28vw;width: 20%;left: 15vw;margin: auto;animation: 0.5s ease-in 0.4s 1 normal forwards running fadeInDown_s;opacity: 0;z-index: 3;}
  .Area_title .date .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .date .layout_title ul { }
  .Area_title .pro_p001 {position: absolute;width: 28%;top: 17vw;left: 37.5vw;z-index: 8;}
  .Area_title .pro_p001 .PD_layout { }
  .Area_title .pro_p001 .PD_layout ul { display: flex; padding: 0px; gap: 0px; }
  .Area_title .pro_p001 .PD_layout ul li { }
  .Area_title .pro_p001 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
  .Area_title .pp_02 {position: absolute;top: 42vw;width: 35%;left: 5vw;margin: auto;z-index: 9;}
  .Area_title .pp_02 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_02 .layout_title ul { }
  .Area_title .pp_03 {position: absolute;top: 62vw;width: 34.5%;left: 5.3vw;margin: auto;z-index: 9;}
  .Area_title .pp_03 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_03 .layout_title ul { }
  .Area_title .pp_04 {position: absolute;top: 80vw;width: 37%;right: 2vw;margin: auto;z-index: 9;}
  .Area_title .pp_04 .layout_title { left: 0px; right: 0px; margin: auto; }
  .Area_title .pp_04 .layout_title ul { }
  .Area_title .titile02 {position: absolute;width: 24%;top: 30vw;left: 62vw;animation: 0.5s ease-in 0.7s 1 normal forwards running fadeInDown_s;opacity: 0;z-index: 3;}
  .Area_title .titile02 .PD_layout { }
  .Area_title .titile02 .PD_layout ul li { }
  .Area_title .titile02 .swipwe_remove_box_style ul li { background-color: rgba(255, 255, 255, 0) !important; }
}
@media screen and (min-width: 768px) {
  .Area_box .left_list { position: absolute; left: 41px; top: -24px; z-index: 9; }
  .Area_box .left_list img { width: 67%; }
  .Area_box .bg_01 { z-index: -26; position: absolute; top: 0px; left: -390px; width: 2000px; height: 420px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_box {padding-top: 20px!important;}
  .Area_box .PD_layout { width: 72%; overflow: hidden; margin: 0px auto 0px 189px; padding: 42px 0px 0px; z-index: 5; }
  .Area_box .PD_layout ul { padding: 0px; margin: 0px; background-color: rgba(255, 255, 255, 0); }
}
@media screen and (max-width: 767px) {
  .Area_box .left_list { position: absolute; left: 0vw; top: 3.5vw; width: 12.4%; z-index: 9; }
  .Area_box { background-image: url("box_bgg.jpg?t=1776153354677"); background-position: center top; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; height: 77vw; background-size: 100% !important; }
  .Area_box .PD_layout { width: 89%; overflow: hidden; margin-left: 12.5vw; padding-top: 5vw; padding-bottom: 5vw; z-index: 9; }
  .Area_box .PD_layout ul { display: flex; padding: 0px; gap: 1vw; margin-left: 0px; border-radius: 0px; background-color: rgba(255, 255, 255, 0); }
  .Area_box .PD_layout ul li { background-color: white; border-radius: 2vw; margin-right: 0px !important; }
  .Area_box .PD_layout .PD_into .Price { font-size: 25px !important; }
  .Area_box .PD_layout .PD_into p { height: 2.2em !important; }
  .Area_box .PD_layout .PD_into .js-PD_del { font-size: 9px !important; }
  .Area_box .PD_layout .swiper-pagination { position: relative;}
  .swiper-pagination-clickable .swiper-pagination-bullet { background: rgb(253, 168, 159) !important; }
}
@media screen and (min-width: 768px) {
  .Area_act { height: 100%; margin-bottom: -30px!important; }
  .Area_act .bg_02 { z-index: -45; position: absolute; top: 61px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_act .text { position: relative; width: 70%; margin: 74px auto 0px; z-index: 1;}
  #eWriterBtn_bt_B_000_11{position: absolute; left: -80px;}
  .Area_act .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_act .text .layout_text .PD_slide:hover { transform: none; }
  .Area_act .text .layout_text .PD a { pointer-events: none !important; }
  .Area_act .layout_btn { margin: -66px auto 32px; z-index: 0; width: 69% !important; }
  .Area_act .layout_btn ul { }
  .Area_act .PD_layout ul { }
  .Area_act .PD_layout ul li { padding: 7px; }
}
@media screen and (max-width: 767px) {
  .Area_act { margin-bottom: 3vw!important;}
  .Area_act .PD_layout { }
  .Area_act .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_act .layout_btn { margin: -7vw auto 0px; z-index: -1; width: 98.1% !important; }
  .Area_act .layout_btn ul { }
  .Area_act .layout_btn ul li { padding: 2vw; }
  .Area_act .layout_btn ul li:nth-child(4) { left: 0px; }
  .Area_act .layout_btn ul li:nth-child(5) { left: 0px; }
  .Area_act .text { position: relative; width: 96%; margin: -4vw auto 0px; }
  .Area_act .text .layout_text { padding-top: 4vw; }
  .Area_act .text .layout_text .PD a { pointer-events: none !important; }
}
@media screen and (min-width: 768px) {
  .Area_btn00 {/* margin-bottom: 50px!important; */padding-bottom: 50px!important;}
  .Area_btn00 .PD_layout ul {width: 86%; }
  .Area_btn00 .bg_03 {z-index: -32;position: absolute;bottom: -109px;left: -520px;width: 2000px;height: 141px;background-repeat: no-repeat;background-position: center bottom;pointer-events: none;}
}
@media screen and (max-width: 767px) {
  .Area_btn00 { }
  .Area_btn00 .PD_layout ul {width: 94%;margin-bottom: 3vw;}


}
@media screen and (min-width: 768px) {
  .Area_item02 { height: 100%; }
  .Area_item02 .bg_01 { z-index: -1; position: absolute; top: 190px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; mix-blend-mode: screen; }
  .Area_item02 .bg_03 { z-index: -1; position: absolute; bottom:-120px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_item02 .text { position: relative;padding-top: 50px; }
  .Area_item02 .text .layout_text { width: 61%; margin: 2px auto 122px; padding-top: 68px; }
  .Area_item02 .text .layout_text ul { margin: 0px; padding: 0px; }
  .Area_item02 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .layout_PD { width: 960px; margin: -104px auto !important; padding: 0px !important; }
  .Area_item02 .layout_PD ul { margin: 0px; padding: 0px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) { background: url("mo_item_bg01.png?t=1744877505934") center top / 89% no-repeat; padding-bottom: 0px; height: 466px; }
  .Area_item02 .layout_PD ul li:nth-child(2n) { background: url("mo_item_bg02.png?t=1744877505934") center top / 89% no-repeat; height: 434px; }
  .Area_item02 .layout_PD ul li a { color: rgb(255, 255, 255); }
  .Area_item02 .layout_PD ul li:hover { box-shadow: none; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_img { width: 55%; position: relative; top: -13px; left: 19px; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_img { width: 55%; position: relative; left: 391px; top: -15px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_into { width: 36%; position: absolute; top: 96px; left: 508px; text-align: left !important; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_into { width: 36%; left: 128px; position: absolute; top: 98px; text-align: left; }
  .Area_item02 .layout_PD ul li .PD h3 { font-size: 29px; color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD h4 { font-size: 25px; color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD p { color: rgb(232, 103, 92); overflow: inherit; line-height: 4em; margin-top: 49px; }
  .Area_item02 .layout_PD ul li .js-PD_del { color: rgb(71, 71, 71); font-size: 22px; }
  .Area_item02 .layout_PD ul li .PD p .Price { font-size: 52px; }
  .Area_item02 .layout_PD ul li .PD p .money { font-size: 40px; }
  .Area_item02 .layout_PD ul li .PD:hover h4 { color: rgb(173, 71, 71) !important; }
  .Area_item02 .bottom03 { position: relative; height: 30px; width: 2000px; left: -390px; margin-bottom: 0px; }
}
@media screen and (max-width: 767px) {
  .Area_item02 { height: 100%; background-image: url("item_bg_mb.jpg?t=1744877505934"); background-position: center top; background-repeat: repeat-y; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100% !important; }
  .Area_item02 .deco { position: absolute; width: 100%; left: 0px; top: -10vw; z-index: 5; pointer-events: none; }
  .Area_item02 .text { position: relative; z-index: 9; margin-bottom: 0vw; }
  .Area_item02 .text .layout_text { width: 90%; margin: 2.5vw auto -15vw; padding-top: 7vw; top: -2vw; }
  .Area_item02 .text .layout_text ul { margin-top: -4vw; padding: 0px; }
  .Area_item02 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_item02 .text .layout_text .PD a { pointer-events: none !important; }
  .Area_item02 .layout_PD { width: 100%; margin-top: 0vw; padding-top: 13vw; padding-bottom: 0vw; background: url("black_repeat_mb.jpg?t=1776153354677") center top / 100% repeat-y; }
  .Area_item02 .layout_PD ul { margin: 0px; padding: 0px; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) { background: url("mo_item_bg01.png?t=1744877505934") center top / 100% no-repeat; padding-bottom: 0vw; height: 50vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n) { background: url("mo_item_bg02.png?t=1744877505934") center top / 100% no-repeat; height: 50vw; }
  .Area_item02 .layout_PD ul li a { color: rgb(255, 255, 255); }
  .Area_item02 .layout_PD ul li:hover { box-shadow: none; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_img { width: 64%; position: relative; left: -3vw; top: 2vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_img { width: 64%; left: 42vw; position: relative; top: -2vw; }
  .Area_item02 .layout_PD ul li:nth-child(2n+1) .PD_into { width: 42%; position: absolute; right: 5vw; top: 11vw; text-align: left !important; }
  .Area_item02 .layout_PD ul li:nth-child(2n) .PD_into { width: 42%; position: absolute; top: 11vw; right: 49vw; text-align: left !important; }
  .Area_item02 .layout_PD ul li .PD p { color: rgb(232, 103, 92); margin-top: 3vw; }
  .Area_item02 .layout_PD ul li .PD p .money { font-size: 21px; }
  .Area_item02 .layout_PD ul li .PD p .Price { font-size: 28px; }
  .Area_item02 .layout_PD ul li .PD h3 { color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .PD h4 { color: rgb(68, 68, 68); }
  .Area_item02 .layout_PD ul li .js-PD_del { color: rgb(97, 93, 94); font-size: 0.7rem; }
  .Area_item02 .layout_PD ul li .PD:hover h4 { color: rgb(255, 255, 255) !important; }
}
@media screen and (min-width: 768px) {
  .Area_hatsale { height: 100%; display: flex; flex-wrap: wrap; }
  .Area_hatsale .bg_01 { z-index: -45; position: absolute; top: 0px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_hatsale .bg_02 { z-index: -61; position: absolute; top: 25px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_hatsale .bg_03 { z-index: -45; position: absolute; bottom: -90px; left: -390px; width: 2000px; height: 201px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }
  .Area_hatsale .box {position: relative;width: 960px;margin: 0 auto;margin-top: 250px;margin-bottom: 20px;}
  .Area_hatsale .box .PD_layout ul { border-radius: 0px; }
  .Area_hatsale .text { width: 61%; margin: 215px auto 42px; }
  .Area_hatsale .box .layout_PD ul { padding: 7px; }
  .Area_hatsale .box .layout_PD ul li { border-radius: 0px; background-color: white; }
  .Area_hatsale .box .layout_PD .PD .PD_into { }
  .Area_hatsale .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); font-size: 21px; }
  .Area_hatsale .box .layout_PD .PD .PD_into h4 { }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo { border: 1px solid rgb(209, 41, 34); border-radius: 105px; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .text02 { width: 100%; margin: 0px auto; padding-top: 14px; }
  .Area_hatsale .TimerNick { position: absolute; top: 289px; left: -3px; right: 0px; padding: 0px; margin: 0px; text-align: center; z-index: 10; }
  .Area_hatsale .TimerNick .FontStyle { display: inline-block; margin: 0px; padding: 17px; width: 49px; font-family: overtime-lcd-pro; color: rgb(237, 117, 108); letter-spacing: 0px; font-size: 38px; text-align: center; }
  .Area_hatsale .TimerNick span { padding-left: 22px; padding-right: 15px; font-family: overtime-lcd-pro; letter-spacing: 0vw; color: rgb(85, 85, 85); font-size: 25px; }
  .Area_hatsale .TimerNick small { position: relative; font-family: overtime-lcd-pro; letter-spacing: 0px; color: rgb(149, 193, 255); }
}
@media screen and (max-width: 767px) {
  .Area_hatsale { }
  .Area_hatsale .hatsale_bottom { z-index: 1; position: absolute; bottom: 0vw; left: 0px; width: 100%; height: 53px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_hatsale .box { }
  .Area_hatsale .box .PD_layout ul { width: 96%; margin-top: 0vw; margin-bottom: 0vw; }
  .Area_hatsale .text { background: url("dd.png?t=1776153354677") center top / 100% no-repeat; margin-top: 17vw; }
  .Area_hatsale .text .PD_layout { z-index: 9; width: 87%; margin: -9vw auto 9vw; top: -17vw; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .text .PD_layout ul { padding: 0px; }
  .Area_hatsale .text .PD_layout ul li .PD_img { width: 100%; padding-top: 3vw; padding-bottom: 1vw; }
  .Area_hatsale .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale .text .layout_text .PD a { pointer-events: none !important; }
  .Area_hatsale .box .layout_PD { padding-bottom: 3vw; padding-top: 0vw; margin-top: -12vw; }
  .Area_hatsale .box .layout_PD ul { gap: 0em; width: 90%; border-radius: 0px; padding: 0px; }
  .Area_hatsale .box .layout_PD ul li { border-radius: 0px; }
  .Area_hatsale .box .layout_PD .PD .PD_into { border-radius: 0.5em; margin-top: 6vw; }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo { height: 2em; margin-top: -5vw; border: 1px solid rgb(209, 41, 34); border-radius: 1em; }
  .Area_hatsale .box .layout_PD .PD .PD_into .PD_logo img { padding: 0px 1em; }
  .Area_hatsale .box .layout_PD .PD .PD_into p { }
  .Area_hatsale .box .layout_PD .PD .PD_into .js-PD_del { }
  .Area_hatsale .box .layout_PD .PD .PD_into h3 { color: rgb(253, 235, 221); }
  .Area_hatsale .box .layout_PD .PD .PD_into h4 { }
  .Area_hatsale .box .layout_PD .PD .js-PD_del { font-size: 12px !important; }
  .Area_hatsale .box .layout_PD .PD .Price { }
  .Area_hatsale .new_bottom { margin-top: -1vw; }
  .Area_hatsale .TimerNick { position: absolute; top: -2.5vw; left: 20.5vw; padding: 0px; margin: 0px; text-align: center; z-index: 10; }
  .Area_hatsale .TimerNick .FontStyle { display: inline-block; margin: 0px; padding: 2vw; width: 9vw; font: 28px / 10px overtime-lcd-pro; color: rgb(237, 117, 108); text-align: center; }
  .Area_hatsale .TimerNick span { padding-left: 0vw; font-size: 14px; font-family: overtime-lcd-pro; letter-spacing: 0vw; color: rgb(85, 85, 85); }
  .Area_hatsale .TimerNick small { position: relative; font-size: 15px; font-family: overtime-lcd-pro; letter-spacing: 0px; color: rgb(149, 193, 255); }
}



@media screen and (min-width: 768px) {
  .Area_btn { height: 100%; }
  .Area_btn .bg_02 { z-index: -45; position: absolute; top: 61px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_btn .text { position: relative; width: 46%; margin: 76px auto 0px; }
  .Area_btn .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_btn .text .layout_text .PD_slide:hover { transform: none; }
  .Area_btn .text .layout_text .PD a { pointer-events: none !important; }
  .Area_btn .layout_btn { margin: 0px auto 142px; padding-top: 0px; z-index: 9; width: 80% !important; }
  .Area_btn .layout_btn ul { }
  .Area_btn .PD_layout ul { }
  .Area_btn .PD_layout ul li { padding: 7px; }
}
@media screen and (max-width: 767px) {
  .Area_btn { }
  .Area_btn .PD_layout { }
  .Area_btn .layout_coupon ul { width: 95% !important; margin: 0px auto !important; }
  .Area_btn .layout_btn { margin: 6vw auto 0px; z-index: 9; width: 100% !important; }
  .Area_btn .layout_btn ul { }
  .Area_btn .layout_btn ul li { padding: 1vw; }
  .Area_btn .layout_btn ul li:nth-child(4) { left: 0px; }
  .Area_btn .layout_btn ul li:nth-child(5) { left: 0px; }
  .Area_btn .text { position: relative; width: 73%; margin: 0vw auto 0px; }
  .Area_btn .text .layout_text { padding-top: 4vw; }
  .Area_btn .text .layout_text .PD a { pointer-events: none !important; }
}
@media screen and (min-width: 768px) {
  .Area_hatsale03 { height: 100%; }
  .Area_hatsale03 .bg_01 { z-index: -27; position: absolute; top: -85px; left: -390px; width: 2000px; height: 189px; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Area_hatsale03 .bg_02 { z-index: -28; position: absolute; top: 38px; left: -390px; width: 2000px; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .Area_hatsale03 .bg_03 { z-index: -45; position: absolute; bottom: -80px; left: -390px; width: 2000px; height: 69px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }

  .Area_hatsale03 .box01 .text { width: 68%; margin:90px auto 15px; }
  .Area_hatsale03 .box01 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .box01 .text .layout_text .PD a { pointer-events: none !important; }

  .Area_hatsale03 .box .PD_layout{width: 85%;}
  .Area_hatsale03 .box .PD_layout ul{border-radius: 0;}
  
}
@media screen and (max-width: 767px) {
  .Area_hatsale03 { background: url("black_repeat_mb.jpg?t=1776153354677") center top / 100% repeat-y; padding-bottom: 5vw!important;}
  .Area_hatsale03 .hatsale_bottom { z-index: 0; position: absolute; bottom: -4vw; left: 0px; width: 100%; right: 0px; margin: auto; height: 55px; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; background-size: 100%; }
  .Area_hatsale03 .text { width: 91%; margin: 0vw auto -3vw; padding-top: 2vw; }
  .Area_hatsale03 .text .PD_layout { z-index: 9; }
  .Area_hatsale03 .text .layout_text .PD_slide:hover { transform: none; }
  .Area_hatsale03 .text .layout_text .PD a { pointer-events: none !important; }

  .Area_hatsale03 .box .PD_layout{width: 96%; margin-top: 5vw; margin-bottom: 5vw;}
  .Area_hatsale03 .box .PD_layout ul{border-radius: 0;}
}


@media screen and (min-width: 768px) {
  .Area_guan { height: 100%; padding: 40px 0 40px 0!important;}
  .Area_guan .bg_03 { z-index: -45; position: absolute; bottom: -61px; left: -390px; width: 2000px; height: 100%; background-repeat: no-repeat; background-position: center bottom; pointer-events: none; }

  .Area_guan .PD_layout ul {width: 23%; }

}
@media screen and (max-width: 767px) {
  .Area_guan { background: url("black_repeat_mb.jpg?t=1776153354677") center top repeat-y; margin-top: -7vw!important;}
  .Area_guan .PD_layout ul {width: 45%; padding: 6vw 0;}

}



/* 折價券 */
@media screen and (min-width: 768px) {
  .Area_couponall{margin-bottom: 15px!important;}
  .Area_couponall .text { position: relative; width: 70%; margin: 74px auto 0px; }
  .Area_couponall .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_couponall .text .layout_text .PD_slide:hover { transform: none; }
  .Area_couponall .text .layout_text .PD a { pointer-events: none !important; }

}
@media screen and (max-width: 767px) {
  .Area_couponall { margin-bottom: 4vw!important;}

  .Area_couponall .text { position: relative; width: 96%; margin: -4vw auto 0px; }
  .Area_couponall .text .layout_text { padding-top: 4vw; }
  .Area_couponall .text .layout_text .PD a { pointer-events: none !important; }
}


/*登記贈品文案顏色*/
.Area_danji .danji_box ul li .activityText .gifts span { color: #4b3939;}                 
                    
@media screen and (min-width: 768px) {
  .Area_danjiall{margin-bottom: 35px!important;}
  .Area_danjiall .text { position: relative; width: 70%; margin: 74px auto 0px; }
  .Area_danjiall .text .layout_text { width: 100%; margin: 0px auto; padding-top: 0px; }
  .Area_danjiall .text .layout_text .PD_slide:hover { transform: none; }
  .Area_danjiall .text .layout_text .PD a { pointer-events: none !important; }

}
@media screen and (max-width: 767px) {
  .Area_danjiall { margin-bottom: 3vw!important;}
  .Area_danjiall .Area_danji{ width: 96%;}

  .Area_danjiall .text { position: relative; width: 96%; margin: -4vw auto 0px; }
  .Area_danjiall .text .layout_text { padding-top: 4vw; }
  .Area_danjiall .text .layout_text .PD a { pointer-events: none !important; }
}



.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; top: 44px; left: -126px; }
@media screen and (max-width: 767px) {
  .Area_top { height: auto; }
  .Area_top .momologo { display: none; }
}
.momologo { z-index: 2; position: absolute; top: 15px; left: 15px; }
.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: 23px 10px 25px; color: rgb(65, 65, 65); font: 12px / 18px Helvetica; }
.edm_notice .apple_notice { padding: 10px 0px; }
.bnn { }
.bnn a img { transition-duration: 0.1s; backface-visibility: hidden; transform: translateZ(0px); display: block; margin: 0px; padding: 0px; width: 100%; height: auto; text-align: left; }
.bnn:hover a img { transform: translateY(10px); }
.for_pc { }
.for_phone { display: none !important; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: inherit !important; }
}