body { margin: 0px; padding: 0px; width: 100%; background-color: rgb(255, 217, 227); }
.for_phone { display: none; }
@media screen and (max-width: 767px) {
  .for_pc { display: none !important; }
  .for_phone { display: block !important; }
  body { margin: 0px; padding: 0px; background-image: none; }
  .for_m_magintop { margin-top: 3vw; }
}
.WRAPPER { position: relative; display: inline-block; margin: 0px; padding: 0px; width: 100%; overflow: hidden; min-width: 1220px; }
.WRAPPER img { border: 0px; vertical-align: top; }
.WRAPPER .mainArea { margin: 0px auto; width: 1220px; font-family: "Century Gothic", 微軟正黑體, sans-serif; position: relative; }
.WRAPPER .mainArea a { padding: 0px; margin: 0px; text-decoration: none; font-family: 微軟正黑體; }
.WRAPPER a { text-decoration: none; font-family: 微軟正黑體; }
.Areabg { margin-left: -390px; }
@media screen and (max-width: 736px) {
  .WRAPPER { min-width: inherit; }
  .WRAPPER img { width: 100%; height: auto; }
}
@media screen and (min-width: 768px) {
  .Areabg01 { position: absolute; z-index: -3; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px; background-image: url("pc_01.jpg?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .Areabg02 { position: absolute; z-index: 20; top: 0px; left: 0px; width: 100%; min-width: 1220px; height: 1736px; background-image: url("pc_02.png?t=1724990151425"); background-repeat: no-repeat; background-position: center top; pointer-events: none; }
  .repeat_bg2 { position: absolute; z-index: -7; left: 0px; top: 1059px; width: 100%; min-width: 1220px; height: 40000px; background-image: url("pc_reapet.jpg?t=1724990151425"); background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .bgdeco { z-index: -6; position: absolute; top: 0px; left: 0px; width: 100%; height: 60000px; background-repeat: repeat-y; background-position: center top; pointer-events: none; }
  .bg_fix { z-index: -1; position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; }
}
@media screen and (max-width: 767px) {
  .m_top_bg01 { z-index: -10; position: absolute; top: 10vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .m_top_bg02 { z-index: 22; position: absolute; top: 10vw; left: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .m_repeat_bg2 { z-index: -7; position: absolute; top: 141vw; left: 0px; width: 100%; height: 100%; background-repeat: repeat-y; background-position: center top; pointer-events: none; background-size: 100%; }
}
.Area1220 { position: relative; 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; }
.Areaa { position: relative; display: block; }
.Area .go_bt { transition: 0.4s; }
.Area .go_bt:hover { transform: scale(0.95); }
@media screen and (max-width: 767px) {
  .Area1220 { width: 100%; }
  .Area960 { width: 100%; }
  .Area .go_bt:hover { transform: none; }
}
.Area .btn_go { }
.Area .btn_go * { transition: 0.1s; }
.Area .btn_goa:hover { transition: 0.35s; transform: scale(0.9); }
.Area .btn_goa::after { transition: 0.4s; }
.Area .btn_goastrong { z-index: 2; position: relative; }
.Area .btn_goai { z-index: 3; position: absolute; top: -63px; right: -278px; display: inline-block; border-radius: 60px; width: 60px; height: 60px; background: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
@media screen and (max-width: 736px) {
  .Area { width: 100%; height: 100%;  }
  .Area .btn_go { position: absolute; }
  .Area .btn_go * { transition: 0.2s; }
  .Area .btn_go a { display: block; color: rgb(255, 255, 255); letter-spacing: -2px; }
  .Area .btn_go a::after { }
  .Area .btn_go:active a, .Area .btn_go:focus a, .Area .btn_go:hover a { color: rgb(255, 255, 255); }
  .Area .btn_go:active a::after, .Area .btn_go:focus a::after, .Area .btn_go:hover a::after { width: 150% !important; }
  .Area .btn_go:active a i, .Area .btn_go:focus a i, .Area .btn_go:hover a i { background-color: transparent; transform: translateX(-10px); transition-delay: 0.1s; }
  .Area .btn_go a strong { z-index: 2; position: relative; }
  .Area .btn_go a i { z-index: 3; position: absolute; top: 0px; right: 0px; display: inline-block; border-radius: 35px; width: 35px; height: 35px; background: url("btn_icon_r.png?t=1696598482216") 0% 0% / contain rgb(9, 0, 110); }
}


/* 推日期入稿按鈕 */
#eWriterBtn_bt_B_000_03{position: absolute;top: -90px;}

@media screen and (min-width: 768px) {
  .Area_top { position: relative; height: 660px; margin: 0px auto; box-sizing: border-box; padding: 0px; }
  .Area_top .date { width: 16%; position: absolute; top: 48px; left: 815px; z-index: 1; pointer-events: none; }
  .Area_top .title01 { width: 55%; position: absolute; top: 146px; left: 13px; height: auto; z-index: 10; }
  .Area_top .title01 ul { gap: 0px; }
  .Area_top .title01 img { width: 100%; }
  .Area_top .title01 input { position: relative; top: -30px; }
  .Area_top .title02 { z-index: 18; position: absolute; top: 313px; left: 34px; width: 610px; height: 170px; overflow: hidden; }
  .Area_top .title02 .Area_swiper_box { top: 52px; left: 24px; width: 100%; position: absolute; height: 352px; }
  .Area_top .title02 .Area_swiper_box ul { display: flex; gap: 0px; padding: 0px; height: 162px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
  .Area_top .Area_PD1 { position: relative; width: 1220px; top: 548px; left: -23px; z-index: 10; }
  .Area_top .Area_PD input { position: relative; left: 50px; }
  .Area_top .Top_PD { width: 53%; position: absolute; top: 296px; left: 605px; z-index: 1; }
}
@media screen and (max-width: 767px) {
  .Area_top { width: 100%; position: relative; height: 107vw; padding: 0px; }
  .Area_top .date { width: 23%; position: absolute; top: -15vw; left: 78vw; z-index: 9; pointer-events: none; }
  .Area_top .title01 { width: 85%; position: absolute; top: 8vw; left: 7vw; height: auto; z-index: 8; }
  .Area_top .title01 ul { gap: 0px; }
  .Area_top .title01 img { width: 100%; }
  .Area_top .title01 ul li .PD .PD_img { display: block !important; }
  .Area_top .title02 { transform-origin: left bottom; }
  .Area_top .title02 { position: absolute; width: 74%; height: 11vw; margin: 0px auto; left: 13vw; top: 39.5vw; z-index: 21; }
  .Area_top .title02 .Area_swiper_box { width: 100%; height: 18vw; overflow: hidden; }
  .Area_top .title02 .Area_swiper_box ul { display: flex; height: 18vw; gap: 0px; padding: 0px; }
  .Area_top .title02 .Area_swiper_box img { width: 100%; }
  .Area_top .Area_PD1 { width: 100%; position: relative; top: 54vw; left: 0vw; z-index: 10; }
  .Area_top .Top_PD { width: 76%; position: absolute; top: 53vw; left: 12vw; z-index: 9;  }
}
@media screen and (min-width: 768px) {
  .deco_01 { width: 14%; position: absolute; top: 16px; left: 917px; z-index: 1; transform-origin: center center; pointer-events: none; }
  .deco_01 img { width: 81%; }
  .top_deco2 { position: absolute; left: -350px; top: 157px; z-index: 15; width: 44%; pointer-events: none; }
  .top_deco2 .wing1 { position: absolute; left: 48px; top: 48px; z-index: 10; width: 63%; pointer-events: none; }
  .top_deco2 .wing2 { position: absolute; left: 51px; top: 52px; width: 59%; z-index: -1; pointer-events: none; }
  .top_deco2 img { width: 95%; }
}
@media screen and (max-width: 767px) {
  .deco_01 { width: 13%; position: absolute; top: 2vw; left: 82vw; z-index: 1; pointer-events: none; }
  .top_deco2 { position: absolute; left: -2vw; top: 31vw; z-index: 15; width: 25%; pointer-events: none; }
  .top_deco2 .wing1 { position: absolute; left: 3vw; right: 0vw; top: 0vw; z-index: 10; pointer-events: none; }
  .top_deco2 .wing2 { position: absolute; left: 1.5vw; top: 2vw; width: 88%; z-index: -1; pointer-events: none; }
  .top_deco2 img { width: 100%; }
}
@media screen and (min-width: 768px) {
  .danji { margin: 0px auto; }
  .danji .box { padding: 0px; }
  .danji .Area_danji .danji_box { width: 900px; }
  .warningTxt { position: relative; z-index: 99; }
}
@media screen and (max-width: 767px) {
  .danji { margin: 0vw auto 0px; }
  .danji .Area_danji { width: 95%; }
  .danji .box_all {position: relative;padding: 0px;}
}
@media screen and (min-width: 768px) {
  .Area_coupon { margin: 10px auto 0px; }
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: rgb(152, 94, 48); }
}
@media screen and (max-width: 767px) {
  .Area_coupon { margin: 2vw auto 0px; }
  .Area_coupon .PD_layout.PD_layout-coupon3 .PD .divine_coupon, .PD_layout.PD_layout-coupon3 .PD .threshold { color: rgb(152, 94, 48); }
}
@media screen and (min-width: 768px) {
  .Area_btn { margin: 16px auto 0px; z-index: 12; height: auto; }
}
@media screen and (max-width: 767px) {
  .Area_btn { margin: 1vw auto 0px; height: auto; }
}
@media screen and (min-width: 768px) {
  .Area_banner { margin: 0px auto; z-index: 12; height: auto; }
  .Area_banner { height: 269px; }
}
@media screen and (max-width: 767px) {
  .Area_banner { margin: 1vw auto 0px; height: auto; }
  .Area_banner { width: 100%; height: 32vw; }
}
@media screen and (min-width: 768px) {
  .Area_K1 { margin: 60px auto 0px; }
  .Area_page .box_all { height: 650px; margin: -100px auto 0px; padding: 100px 0px 0px; border-radius: 6%; border: 2px solid rgb(255, 255, 255); background-image: repeating-linear-gradient(269deg, rgb(255, 232, 216) 0%, rgb(255, 210, 179) 50%, rgb(255, 232, 216) 100%); }
  .Area_page .box_all .page .PD_layout { width: 96%; }
}
@media screen and (max-width: 767px) {
  .Area_K1 { margin: 4vw auto 0px; }
  .Area_page .box_all { width: 96%; padding: 10vw 0px 0px; border-radius: 3vw; border: 2px solid rgb(255, 255, 255); margin: -10vw auto 0px; height: 87vw; background-image: repeating-linear-gradient(269deg, rgb(255, 232, 216) 0%, rgb(255, 210, 179) 50%, rgb(255, 232, 216) 100%); }
  .Area_page .box_all .page .PD_layout { width: 97%; }
}
.Area_page h3 { color: rgb(255, 255, 255); margin: 0px; padding: 0px; }
@media screen and (min-width: 768px) {
  .Area_page { margin: 50px auto 0px; overflow: hidden; padding: 0px; }
  .Area_page h3 { color: rgb(255, 255, 255); margin: 0px auto 20px; padding: 0px; }
  .Area_page .PD_layout { width: 100%; }
  .Area_page .PD_layout ul { width: 96%; }
}
@media screen and (max-width: 767px) {
  .Area_page { width: 96%; overflow: hidden; padding: 0px; }
  .Area_page h3 { color: rgb(255, 255, 255); margin: 0px auto 2vw; padding: 0px; }
}
.NavArea_tabbar_page { margin: 0px auto 15px; width: 94%; }
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0px, 0px); }
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0px 2% 0px 0px; }
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0px, 0px) !important; }
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43%, 0px, 0px) !important; }
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0px, 0px) !important; }
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0px; }
.NavArea_tabbar_page .Nav li { overflow: visible; }
.NavArea_tabbar_page .Nav .swiper-slide-active a { color: rgb(255, 255, 255); }
.NavArea_tabbar_page .Nav .swiper-slide-active i { display: block; border: 1px solid rgb(0, 0, 0) !important; background-color: rgb(0, 0, 0) !important; }
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%; }
@media screen and (min-width: 768px) {
  .NavArea_tabbar_page { display: block; }
}
@media screen and (min-width: 768px) {
  .item_bg {z-index: -1;position: absolute;top: 0px;width: 100%;height: 3380px;background-repeat: no-repeat;background-position: center top;pointer-events: none;}
  .Area_item { margin: 90px auto 0px; }
  .Area_item .ly { margin: 40px auto 0px; }
  .Area_item .ly ul {width: 87%;padding: 0px;gap: 0px;}
  .Area_item .ly ul li { height: 520px; }
  .Area_item .ly ul li:nth-child(2n) { padding: 0px 0px 50px; background: url("item_bg03.png?t=1747365710582") center top / 100% no-repeat; }
  .Area_item .ly ul li:nth-child(2n+1) { padding: 0px 0px 50px; background: url("item_bg02.png?t=1747365710582") center top / 100% no-repeat; }
  .Area_item .ly ul li .PD_into { width: 39%; text-align: center; }
  .Area_item .ly ul li:nth-child(2n) .PD_into {position: absolute;left: 580px;top: 126px;}
  .Area_item .ly ul li:nth-child(2n+1) .PD_into { position: relative; left: 80px; top: 148px; }
  .Area_item .ly ul li:nth-child(2n) .PD_img {width: 41%;position: relative;top: -23px;left: 80px;}
  .Area_item .ly ul li:nth-child(2n+1) .PD_img {width: 41%;position: relative;top: -14px;left: 100px;}
  .Area_item .ly ul li .PD_into h3 { color: rgb(0, 0, 0); width: 100%; position: relative; left: 0px; top: 20px; font-size: 1.8em; }
  .Area_item .ly ul li .PD_into h4 { color: rgb(0, 0, 0); position: relative; width: 100%; top: 1vw; left: 0px; font-size: 1.4em; }
  .Area_item .ly ul li .PD_into p { color: rgb(171, 92, 42); width: 96%; font-size: 1.3em; line-height: 3em; height: 4em; position: relative; top: 9px; left: 0px; }
  .Area_item .ly ul li .PD_into p del { color: rgb(49, 23, 0); }
  .Area_item .ly ul li .PD_into p .Price, .Area_item .ly .PD_layout .PD p b, .Area_item .ly .PD_layout .PD p .money { color: rgb(171, 92, 42); font-weight: 900; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-color: initial; font-size: 3em; background-clip: text; -webkit-text-fill-color: transparent; background-image: repeating-linear-gradient(178deg, rgb(171, 92, 42) 20%, rgb(171, 92, 42) 100%) !important; }
}
@media screen and (max-width: 767px) {
  .item_bg { z-index: -1; position: absolute; top: 9vw; left: 0px; width: 100%; height: 260vw; background-repeat: no-repeat; background-position: center top; pointer-events: none; background-size: 100%; }
  .Area_item { margin: 4vw auto 0px; }
  .Area_item .ly { padding: 2vw 0px 0px; }
  .Area_item .ly ul { width: 100%; padding: 0px; gap: 0px; }
  .Area_item .ly ul li:nth-child(2n) { background: url("item_bg03.png?t=1747365710582") center top / 100% no-repeat; }
  .Area_item .ly ul li:nth-child(2n+1) { background: url("item_bg02.png?t=1747365710582") center top / 100% no-repeat; }
  .Area_item .ly ul li { height: 46vw; }
  .Area_item .ly ul li .PD_into { width: 38%; text-align: center; }
  .Area_item .ly ul li:nth-child(2n) .PD_into { position: relative; left: 55vw; top: 9vw; }
  .Area_item .ly ul li:nth-child(2n+1) .PD_into { position: relative; left: 7.5vw; top: 10vw; }
  .Area_item .ly ul li:nth-child(2n) .PD_img {width: 46%;position: relative;top: -5vw;left: -34vw;}
  .Area_item .ly ul li:nth-child(2n+1) .PD_img {width: 46%;position: relative;top: -4vw;left: 8vw;}
  .Area_item .ly ul li .PD_into h3 { color: rgb(0, 0, 0); width: 100%; position: relative; left: 0px; top: 2vw; font-size: 0.9em; }
  .Area_item .ly ul li .PD_into h4 { color: rgb(0, 0, 0); position: relative; width: 100%; top: 1vw; left: 0px; font-size: 0.8em; }
  .Area_item .ly ul li .PD_into p { color: rgb(171, 92, 42); width: 96%; font-size: 1.1em; position: relative; top: -1vw; left: 0px; }
  .Area_item .ly ul li .PD_into p del { color: rgb(49, 23, 0); }
  .Area_item .ly ul li .PD_into p .Price, .Area_item .ly .PD_layout .PD p b, .Area_item .ly .PD_layout .PD p .money { color: rgb(171, 92, 42); font-weight: 900; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-color: initial; background-clip: text; -webkit-text-fill-color: transparent; font-size: 1.2em; background-image: repeating-linear-gradient(178deg, rgb(171, 92, 42) 20%, rgb(171, 92, 42) 100%) !important; }
}
.Area_slide { }
.Area_slide { margin: 0px auto; display: flex; flex-direction: column; justify-content: flex-start; overflow: auto hidden; }
.Area_slide .box { width: max-content; height: auto; position: relative; }
.Area_slide .box_ { display: flex; width: auto; position: relative; white-space: nowrap; flex-direction: row; justify-content: flex-start; }
.Area_slide .box_bn { position: relative; z-index: 0; height: auto; }
.Area_slide .box_pd { position: relative; display: flex; flex-direction: column; overflow: hidden; z-index: 1; }
.Area_slide .PD_layout li:hover { transform: none; }
.Area_slide .PD_layout_pd ul { display: flex; width: max-content; padding: 0px; margin: 0px; flex-flow: row; background-color: transparent; }
.Area_slide .PD_layout_pd li { min-width: initial; float: left; background-color: rgb(255, 255, 255); border-top: none; border-bottom: 1px solid rgb(209, 209, 209) !important; border-left: 1px solid rgb(209, 209, 209) !important; border-right: none !important; }
.Area_slide .PD_layout_bn { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; }
.Area_slide .PD_layout_bn ul { width: 100%; padding: 0px; margin: 0px; background-color: transparent; }
.Area_slide .PD_layout_pd .PD p b { display: none; }
@media screen and (min-width: 768px) {
  .Area_slide { margin: 50px auto 0px; width: 960px; border-radius: 15px; }
  .Area_slide .box_bn { width: 274px; }
  .Area_slide .box_pd { margin-left: -20px; border-radius: 15px; }
  .Area_slide .PD_layout_pd li { width: 250px; }
}
@media screen and (max-width: 767px) {
  .Area_slide { margin: 0vw auto 5vw; width: 96vw; border-radius: 10px; }
  .Area_slide .box_bn { width: 45vw; }
  .Area_slide .box_pd { margin-left: -4vw; border-radius: 10px; }
  .Area_slide .PD_layout_pd li { width: 33vw; height: 57vw; }
}
@media screen and (min-width: 768px) {
  .Area_logo { margin: 30px auto 0px; }
  .Area_logo .PD_layout ul { width: 76%; gap: 30px; }
}
@media screen and (max-width: 767px) {
  .Area_logo { margin: 6vw auto 5vw; }
  .Area_logo .PD_layout ul { width: 100%; gap: 0px; padding: 0px; }
}