

/* 副標（hero-title--main-sub；0827 改版：自 .hero-title .md-text 拆出為獨立輪播容器） */
.Area_subvenue-hero .hero-title--main-sub {
  /* 副標顏色變數（editableFields 以 style.--md-title 覆寫；原手切檔寫死 #ffe100，此處改走變數以保留顏色欄位） */
  --md-title: #ffe100;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.4em;
  z-index: 1;
  display: block;
  font-family: "Arial", "Noto Sans TC", sans-serif;
  color: var(--md-title);
}
.Area_subvenue-hero .hero-title--main-sub .font-style--number {
  font-size: 1.15em;
  font-family: "Arial", "微軟正黑體", "Microsoft JhengHei";
  transform: translateY(1.5px);
  display: inline-block;
}
.Area_subvenue-hero .hero-title--main-sub .PD_layout li { background: transparent; }
@media screen and (min-width: 768px) {
  .Area_subvenue-hero .hero-title--main-sub {
    position: absolute;
    top: 290px;
    width: 960px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
  }
  .Area_subvenue-hero .hero-title--main-sub .font-style--number {
    font-size: 1.2em;
  }
  /* 品類日：副標靠左對齊標題欄（與 body.ts_02 .hero-title 的 left:220px 版位對應） */
  body.ts_02 .Area_subvenue-hero .hero-title--main-sub {
    top: 340px;
    width: 685px;
    left: 130px;
    transform: none;
  }
}
@media screen and (max-width: 767px) {
  .Area_subvenue-hero .hero-title--main-sub {
    position: absolute;
    width: 100%;
    font-size: 6vw;
    font-weight: 700;
    line-height: 8.0vw;
    padding: 0;
    box-sizing: border-box;
    top: 33vw;
  }
  body.ts_02 .Area_subvenue-hero .hero-title--main-sub {
    width: 65%;
    left: 3%;
  }
}


.Area_subvenue-hero .top_pd .Area_swiper_box .PD_layout li,
.Area_subvenue-hero .Area_swiper_box .PD_layout li .PD_img img { border-radius: 0 !important; }
.Area_subvenue-hero .top_pd { position: absolute; overflow: hidden; background: url(top_pd_bg_1.png?t=1788860349964) top center no-repeat; background-size: 100%; }
@media screen and (min-width: 768px) {
  .Area_subvenue-hero .top_pd { top: 95px; right: 165px; width: 20%; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into { text-align: center; width: 100%; position: relative; padding: 0 10px; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into .PD_logo { display: none; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: 5px 25px 0; }
  /* 文字 */
  /* h2：PC 用 .ly.PD_layout h2、MB 用 .ly ul li h2——選擇器形態照來源 main.css 保留，兩者命中同一元素 */
  .Area_subvenue-hero .top_pd .ly.PD_layout h2 { color: #000000; font-size: 1.6em; font-weight: 800; font-style: italic; line-height: normal; max-height: 1.2em; margin: 0 auto; font-family: 'noto sans'; padding-top: 5px; }
  .Area_subvenue-hero .top_pd .ly.PD_layout .PD_into h3 { color: #000000; font-size: 1.3em; line-height: normal; max-height: 1.4em; }
  .Area_subvenue-hero .top_pd .ly.PD_layout .PD_into h4 { color: #ce2227; font-size: 1.3em; line-height: normal; max-height: 1.4em; font-weight: 800; }
}
@media screen and (max-width: 767px) {
  .Area_subvenue-hero .top_pd { top: 3vw; right: 3vw; width: 30%; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into .PD_logo { display: none; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into { padding: 0; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_img { width: 100%; height: auto; padding: 0.1em 1.15em 0; }
  /* 文字 */
  .Area_subvenue-hero .top_pd .ly ul li h2 { color: #000000; font-size: .9em; font-weight: 800; font-style: italic; line-height: normal; max-height: 1.2em; margin: 0 auto; font-family: 'noto sans'; padding-top: 0.1em; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into h3 { color: #000000; font-size: .9em; line-height: normal; max-height: 1.4em; }
  .Area_subvenue-hero .top_pd .ly ul li .PD_into h4 { color: #ce2227; font-size: .9em; line-height: normal; max-height: 1.4em; font-weight: 800; }
}



/* 登記贈品文案顏色 */
.Area_danji .danji_box ul li .activityText .gifts span {
  color: #580f00;
}

/* MB選單 */
.Fixedfooter_box {
  background-image: url(Fixedfooter_bg.png?t=1788860349964);
  background-size: cover;
  background-position: center top;
}

/* ------------看更多按鈕------------ */
/* 各區看更多按鈕，哪一區不要就:not(.Area17) > .PD_layout-btn */

@media screen and (min-width: 768px) {
  .PD_layout-btn {
      margin-top: 0;
  }
}

.PD_layout-btn li {
  list-style-type: none;
}

.PD_layout-btn .PD h3 {
  color: var(--font-black) !important;
  background-color: #ffe344 !important;
  transition: all .5s ease-in-out;
}

.PD_layout-btn ul {
  background-color: transparent !important;
}

@media screen and (min-width: 768px) {
  .PD_layout-btn .PD h3:hover {
      cursor: pointer;
      color: var(--font-black);
      background-color: #fff6aa !important;
  }
}


/*調整輪播點點*/
@media screen and (max-width: 767px) {
  ul.dotmove{ margin-bottom: 1vw!important; }
}


/*行銷宮格*/
.Area_daily-highlight-carousel .swiper-pagination-clickable .swiper-pagination-bullet{ background: #000; background-color:#000;}
@media screen and (min-width: 768px){
  .acty__el--5 .Area_swiper_box .pagination, .acty__el--6 .Area_swiper_box .pagination, .acty__el--7 .Area_swiper_box .pagination , .acty__el--2 .Area_swiper_box .pagination { bottom: 22px!important; }
}
@media screen and (max-width: 767px) {
  .acty__el .pagination .swiper-pagination-bullet{ width: 6px; height: 6px; }
}



/*折價券*/
.Area_group-1 .PD_layout-coupon3 .divine_coupon2.allinone span { color: #000; }


/*1帶多*/
.Area_brand-swiper .swiper-pagination span { background-color: #000; }
@media screen and (min-width: 768px){
  .Area_brand-swiper .Area_swiper{ padding-bottom: 25px; }
  .Area_brand-swiper .PD_layout-D3_02{ height: 181px;  }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 14px 0 0 27px; width: 34%; padding: 22px 29px;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin: 20px -73px 0 35px; }
}
@media screen and (max-width: 767px) {
  .Area_brand-swiper .Area_swiper{ padding-bottom: 2vw; }
  .Area_brand-swiper .PD_layout-D3_02{ height: 18vw; }
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul .PD .PD_logo{ margin: 1.8vw 0 0 -6vw; width: 33%;}
  .Area_brand-swiper .PD_layout.PD_layout-D3_02 ul li .PD h3{ margin:1.5vw -16vw 0 0vw; font-size: 20px;}
}


/*有日期的輪播公版*/
.AreaDatePD .Area_swiper li { background: url(datePDbg.png?t=1788860349964) no-repeat top / 100%; }
.AreaDatePD .Area_swiper .PD_layout .PD h3 span{ background-color: transparent; max-width: 100%;}
.AreaDatePD .Area_swiper .PD_layout .PD h4 b{ display: none; }
.AreaDatePD .PD_layout .PD p del, .AreaDatePD .PD_layout .PD p .money, .AreaDatePD .PD_layout .PD p .Price, .AreaDatePD .Area_swiper .PD_layout .PD h4 span{ color: #6e2f24; text-decoration:none; font-weight: 900; padding: 0;}
@media screen and (min-width: 768px){
  .AreaDatePD .Area_swiper li{ padding-bottom: 15px; }
  .AreaDatePD .PD_layout .PD p{ position: absolute; top: 3%; right:11%;  transform: scale(1.8); }
  .AreaDatePD .PD_layout .PD p del{ font-size: 20px; }
  .AreaDatePD .PD_layout .PD p .money{ font-size: 10px; }
  .AreaDatePD .PD_layout .PD p .Price{ font-size: 20px; }
  .AreaDatePD .PD_layout .PD_img{ padding-top: 56px; }
  .AreaDatePD .Area_swiper .PD_layout .PD h3{ margin-bottom: 32px; }
  .AreaDatePD .Area_swiper .PD_layout .PD h3 span{ font-size: 28px; }
  .AreaDatePD .Area_swiper .PD_layout .PD h4 span{ font-size: 28px; }
}
@media screen and (max-width: 767px) {
  .AreaDatePD .Area_swiper li{ margin-right: 7px!important; }
  .AreaDatePD .PD_layout .PD p{ position: absolute; top: -3.8%; right:11%;  transform: scale(1.5); }
  .AreaDatePD .PD_layout .PD p del{ font-size: 2.5vw; }
  .AreaDatePD .PD_layout .PD p .money{ font-size: 1.5vw; }
  .AreaDatePD .PD_layout .PD p .Price{ font-size: 2.5vw; }
  .AreaDatePD .PD_layout .PD_img{ padding-top: 6vw; }
  .AreaDatePD .Area_swiper .PD_layout .PD h3{ margin: -1.5vw 0 -0.2vw; }
  .AreaDatePD .PD_layout .PD_into{ padding-bottom: 0; }
}


/*logo+2行文案 輪播*/
.Area_group-3 .PD_layout-D1_01 ul { grid-gap:0; }
.Area_group-3 .PD_layout-D1_01.PD_layout .PD h3 span{ background-color: transparent; max-width: 100%;} 
.Area_group-3 .PD_layout-D1_01.PD_layout .PD h3 { margin-bottom: 0; }
.Area_group-3 .PD_layout-D1_01.PD_layout .PD_into{ padding-bottom: 0.5em; }
@media screen and (max-width: 767px) {
  .Area_group-3 .PD_layout-D1_01.PD_layout .PD_into{ padding: 0.8em 0 0.8em; }
  .Area_group-3 .PD_layout-D1_01.PD_layout .PD h3 { margin-bottom: 0; }
  .Area_group-3 .PD_layout-D1_01.PD_layout .PD h3 span{ font-size: 1.1em; }
  .Area_group-3 .PD_layout-D1_01.PD_layout .PD h4 span{ font-size: 1.1em; }
  .Area_group-3 .PD_layout-D1_01 .PD_logo{ margin-bottom: 1vw!important; }
  .Area_group-3 .PD_layout-D1_01 .js-PD_logo{ width: 79%!important; height: auto!important; margin-top: -2vw; }
}



/*浮層嘿嘿*/
.blackBox { clear: both; display:none; z-index:99999; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); width:100%; height:100%; background-color: rgba(34,34,34,0.75); }
.blackBox * { font-family:"微軟正黑體", "Microsoft JhengHei", Arial; box-sizing:border-box;}
.blackBox  a { text-decoration:none;}
.blackBox_play { z-index: 99; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(34,34,34,0.75);}

/*浮層基本*/
.blackBox .box .button { border-top: 1px solid #d6d6d6; text-align: center; font-size: 1.25rem; line-height: 3.5rem; font-weight: bold;}
.blackBox .box .button a{ text-decoration: none;}
.blackBox .box .but-close { clear: both; width: 100%;}
.blackBox .box .but-close a { display: block; color: #333;}
.blackBox .box h3 span.close { position: absolute; top: 6px; right: 5px; display: block; border: 2px solid #000; border-radius: 5px; width: 63px; height: 33px; font-size: 1rem; line-height: 2rem; text-align: center;}
.blackBox .box h3 span.close a { display: inline-block; width: 100%; height: 100%; color: #000; text-decoration: none;}

/*顏色控制*/
.spcolor{ color:#d62772;}
.agreeArea .box h3{background-color:#d62772;}

/*通知浮層*/
.agreeArea { z-index:10;  position: relative; top: 50%!important; transform: translateY(-50%); margin: 0 auto 30px; width: 94%; max-width: 900px; font-family:"Century Gothic", "微軟正黑體", sans-serif;  }
.agreeArea img { width:100%; height:auto;}
.agreeArea .box { border-radius: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); background-color: #fff; overflow: hidden;}
.agreeArea .box h3 { padding: 0; margin: 0; height: 3rem; font-size: 1.25rem; font-weight: 800; line-height: 3rem; text-align: center; color:#ffffff; }

/*內容*/
.agreeArea .txtArea { position: relative; height:60vh; overflow:auto; overflow-y:auto; -webkit-overflow-scrolling:touch; text-align: left; color: #333;}
.agreeArea .txtArea h2,.agreeArea .txtArea h4,.agreeArea .txtArea p { margin: 0; padding: 0;}
.agreeArea .txtArea .itemwrap-title-box { position: relative; margin: 0;}
.agreeArea .txtArea .itemwrap-title-box h2 { margin: 0; padding: 0.5em 1em 1em 1em; font-size: 1.45rem;}
.agreeArea .txtArea .itemwrap-list-style .PD_wrapper  {margin: 0; padding-left: 1em; list-style-type: decimal;}
.agreeArea .txtArea .itemwrap-list-style .PD_wrapper .PD_slide { margin-bottom: 1em;}
.agreeArea .itembox { position: relative; display: flex; width: 100%; margin-bottom: 1em;}
.agreeArea .itembox .itembox_box { position: relative;  width:calc(65%); margin:0; padding:0 1em 0 0; font-size:1rem; text-align:left; line-height:1.65rem; color:#000;font-weight:500;}
.agreeArea .itembox .item-title { /*min-width:calc(100% - 35em);*/ margin:0; padding:0; font-size:1.25rem; font-weight:800; line-height:1; text-align:left; color:#000; box-sizing: border-box; padding: 0 1em; white-space: nowrap;}
.agreeArea .itembox .item-information { font-size: 1rem; text-align: left; line-height: 1.65rem; color: #000; font-weight: 500; padding-right: 1rem;}
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child {margin-bottom: 0;}
.agreeArea .container .PD_wrapper .PD_slide .itembox:first-child .item-information  { margin: 0; padding: 0.5em 1em 1em 1em; font-size: 1.45rem; font-weight: bolder;}
.agreeArea .txtArea .PD_wrapper  {margin: 0; padding: 0; list-style: none;}
    @media screen and ( max-width:736px) {
        /* .agreeArea .itembox .item-title {min-width:calc(100% - 11em); max-width: calc(100% - 11em);} */
        .agreeArea .itembox.itemwrap {flex-wrap: wrap}
        .agreeArea .itembox.itemwrap .itembox_box { width:100%; margin-bottom: 2em; }
        .agreeArea .itembox.itemwrap .itembox_box { padding:1em 2em 0 2em; }
    }
    .agreeArea .itembox ul,
    .agreeArea .itembox ol { margin: 0; padding-left: 1em;}
    .agreeArea .itembox li {line-height: 1.65rem;}
    .agreeArea .box .agree_table table { margin:20px auto; border-collapse:collapse; width:90%; text-align:center;}
    .agreeArea .box .agree_table th { padding:5px; border:1px solid #CCC; width:33%; font-size:0.9em; }
    .agreeArea .box .agree_table td { padding:5px; border:1px solid #CCC; font-size:0.9em; }
    .agreeArea .box .agree_table th a{ color:#c70026; text-decoration:underline;}
    .agreeArea .box .xxx{ display:block; width:80%; height:40px; font-size:1.5em; text-align:center; line-height:40px; color:#FFF; background-color:#7048A0; margin:0 auto; margin-bottom:20px; margin-top:10px; font-weight:bold; border-radius:10px;}
    .agreeArea .box .qrcodeimg { text-align:center; }
    .agreeArea .box .qrcodeimg a { color:#006afe;}
    .agreeArea .box .qrcodeimg img { width:100%; height:auto;}

/* 門檻說明線上入稿 */
.agreeArea .itemwrap-gift-info .itembox_box .PD_wrapper { display: grid; gap: 1rem; }
.agreeArea .itemwrap-gift-info .PD_slide .row { display: flex; font-size: 1rem; line-height: 1.5; font-weight: bold;}
.agreeArea .itemwrap-gift-info .PD_slide p { padding: 6px 18px; vertical-align: middle; line-height: 1.75;}
.agreeArea .itemwrap-gift-info .PD_slide .row-title p { flex-basis: 100%; text-align: center; background: #000000; color: #ffffff;}
.agreeArea .itemwrap-gift-info .PD_slide .row-info p { border: 1px solid #cccccc;}
.agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(1) { flex-shrink: 0;}
.agreeArea .itemwrap-gift-info .PD_slide .row p:nth-child(2) { flex-grow: 1;}
.agreeArea .itemwrap-gift-info .PD_slide .row-info:nth-of-type(even) { background: #eeeeee;}
    @media screen and ( max-width:736px) {
        .agreeArea .itemwrap-gift-info .PD_slide .row { display: flex; font-size: 0.9rem; line-height: 1.5; justify-content: flex-start; align-items: stretch; font-weight: bold;}
    }
