@charset "UTF-8";
/*
 * Ghvzon
 * 共用元件 js_link-v4.0
 *******************************************************************
 *  --2021.01.12--改用vue(v4.0)
 *******************************************************************
 */
/* --------------------------------------
 * pageRWDLayout RWD分頁用
 * -------------------------------------- */
/*@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);*/
/*font-family: 'Noto Sans TC', sans-serif; font-weight: 500 400 300 200;*/
/*font-family: "Noto Sans TC","微軟正黑體","Microsoft JhengHei",Helvetica;*/

/*品類日分會場公版PD_layout修正*/
.PD_layout-D1_02B ul { display: flex; grid-gap: 0 }
.Area_AD  ul { display: flex; grid-gap: 0 }


/*基本*/
body {
  background-color: #13065e;
  background-image: none;
  /*background-image:url(bgrepeat.jpg?t=1751009157843); background-repeat: repeat-y; background-position: center top;*/
}

@media screen and (max-width: 767px) {
  body {
    background-color: #13065e;
    background-image: none;
    /*background-image:url(m_bgrepeat.jpg?t=1751009157843); background-repeat: repeat-y; background-position: center top; background-size: 100%;*/
  }
}

/*隱藏預載momoLOGO*/
.articleList img.lazy_off {
  background-image: none !important;
}

/*全BOX版面*/
.WRAPPER {
  font-family: "微軟正黑體", system-ui, Helvetica, Arial;
  text-align: left;
}

.WRAPPER {
  z-index: 0;
  position: relative;
  display: block;
  margin: 0 auto;
  padding: 0;
  /*overflow:hidden;*/
  width: 100%;
  min-width: 1220px;
}

.WRAPPER img {
  border: 0px;
  vertical-align: top;
}

.WRAPPER a {
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width: 767px) {
  .WRAPPER {
    min-width: inherit;
    min-height: 100%;
    overflow: hidden;
  }
  .WRAPPER img {
    width: 100%;
    height: auto;
  }
}

/*PC背景*/
.Area_bgtop {
  z-index: -40;
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  pointer-events: none;
}

.Area_bgtop .bgtop_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1535px;
}

.Area_bgtop .bgtop_ span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-position: center top;
}

/*Phone背景*/
.m_Area_bgtop {
  z-index: -40;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.m_Area_bgtop .m_bgtop_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
}

.m_Area_bgtop .m_bgtop_ span {
  position: absolute;
  display: block;
  width: 100%;
  height: 0;
  padding-bottom: 100%;
  overflow: hidden;
  background-position: center top;
  background-size: 100%;
}

/*版頭*/
.Area_top .go_bt:hover {
  -webkit-filter: brightness(110%);
          filter: brightness(110%);
  -webkit-transform: none;
  transform: none;
}

@media screen and (max-width: 767px) {
  .Area_top {
    overflow: hidden;
  }
}

/*主標*/
/*按鈕btn*/
.Area_top .btn_ {
  z-index: 5;
  position: absolute;
  top: 70px;
  right: 10px;
}

.Area_top .btn_ a {
  display: block;
}

.Area_top .btn_ a:after {
  content: "";
  display: block;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% center;
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  .Area_top .btn_ {
    top: 12vw;
    right: 0%;
  }
}

/*CSS樣式
      .Area_top .btn_ a { display:block; border-radius:100px; padding:0 20px; font-weight:800; font-size:25px; line-height:40px;         
          color:#feecd2; 
          background-color: #681900;
          background-image: linear-gradient( 230deg, #681900 45%, rgba(146, 41, 0, 1) 40%, rgba(146, 41, 0, 1) 60%,  rgba(185, 41, 0, 0) 100%); 
          text-shadow: 0 1px 0 rgba(0,0,0,.3);
          box-shadow: inset 0 20px 15px -17px rgba(247, 156, 112, 0.35), inset -2px 2px 2px 1px rgba(57, 19, 10, 1), inset 0 0 1px 2px rgba(57, 19, 10, .5), inset 0 1px 20px rgba(0,0,0,0), 0 3px 0 #421303, 0 3px 2px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.1), 0 10px 20px rgba(0,0,0,.1);
      }
        @media screen and (max-width:767px){
            .Area_top .btn_ { top: 4vw; right: 1%;}
            .Area_top .btn_ a { padding: 0 4vw; font-size:5vw; line-height:1.7; }
        }*/
/*
        @media screen and (min-width:768px){
            .Area_top .btn_ { z-index:5; position:absolute; top:70px; right:10px;}
            .Area_top .btn_ a { display:block; border-radius:100px; padding:0 20px; border:2px solid rgba(81,9,112,1); font-weight:800; font-size:25px; line-height:40px; color:#fff;
                                background-color: rgba(81,9,112,1); background-image: linear-gradient(0deg,rgba(81,9,112,1) 70%, rgba(255,255,255,0.4) 100%); box-shadow: 0 0 0 3px rgba(255,255,255,0.3);}
            .Area_top .btn_ a:after { content:""; display:block; z-index:1; position:absolute; top:0; left:0; width:100%; height:100%; background-size: auto 100%; background-repeat:no-repeat; background-position: 100% center; pointer-events: none;}
            .Area_top .btn_:hover a { background-color:rgba(0,0,0,0.5); }
        }*/
/*
        @media screen and (max-width:767px){
            .Area_top .btn_ { top: 4vw; right: 1%;}
            .Area_top .btn_ a { padding: 0 5vw 0 3vw; border-width:0.4vw; font-size:4vw; line-height:7vw; box-shadow: 0 0 0 0.5vw rgba(255,255,255,0.3);}
        }*/
/*詳情*/
.Area_top .btn_more {
  top: 75px;
  right: 10px;
}

@media screen and (max-width: 767px) {
  .Area_top .btn_more {
	    top:6.6vw;
        right: 0%;
        width:12%;
  }
}

/*查詢*/
  @media screen and (min-width:768px){
.Area_top .btn_list {
        top: 9px;
        right: 5%;
}
.Area_top .btn_list img{width: 100%}	  
}



@media screen and (max-width: 767px) {
  .Area_top .btn_list {
    top: 11vw;
    right: 1.5vw;
  }
}

/*懶人包
      .Area_top .btn_guide { position:absolute; top:80px; right:20px;}
      .Area_top .btn_guide a { width:90px; height:43px;}
      .Area_top .btn_guide a:after { background-image:url(btn_guide.png?t=1751009157843);}
        @media screen and (max-width:767px){
          .Area_top .btn_guide {  top:4vw; right:3vw; }
          .Area_top .btn_guide a { padding:0; width:15vw; height:7vw;}
          .Area_top .btn_guide a:after { background-image:url(m_btn_guide.png?t=1751009157843);}
        }*/
/*閃亮效果
      .Area_top .btn_guide:after,
      .Area_top .btn_guide:before,
      .Area_top .btn_guide { border-radius:100px;
                  -webkit-transition: all 0.2s ease;
                   -moz-transition: all 0.2s ease;
                    -ms-transition: all 0.2s ease;
                     -o-transition: all 0.2s ease;
                      transition: all 0.2s ease;}
      .Area_top .btn_guide:after,
      .Area_top .btn_guide:before { background-color:rgba(255,255,255,.5);}
      .Area_top .btn_guide:hover::after,
      .Area_top .btn_guide:hover::before,
      .Area_top .btn_guide:hover { background-color:rgba(255,255,255,.5);}
      .Area_top .btn_guide:hover { background-color: transparent;}
      .Area_top .btn_guide:after,
      .Area_top .btn_guide:before { content: ""; z-index:-1; position:absolute; top:-5%; left:0%; padding:0; box-shadow: none; width:100%; height:110%; -webkit-transform:scale(1); transform:scale(1); opacity:0.8;}
      .Area_top .btn_guide:after,
      .Area_top .btn_guide:before {-webkit-animation:btn_more-play 1.5s infinite linear;
                          animation:btn_more-play 1.5s infinite linear;}
      .Area_top .btn_guide:before { -webkit-animation-delay:.5s; animation-delay:.5s;}
        @-webkit-keyframes btn_more-play {
            75% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
           100% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
        }
        @keyframes btn_more-play {
            75% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
           100% { -webkit-transform:scale(1.7); transform:scale(1.7); opacity:0;}
        }*/
/*版頭銀行*/
.Area_top .box_bank .Area_swiper {
  z-index: 2;
  position: absolute;
  bottom: 56px;
  left: 50%;
  margin: 0;
  padding: 0;
  margin-left: -272px;
  width: 550px;
  height: 100px;
}

.Area_top .box_bank .Area_swiper_box {
  padding-bottom: 0;
}

.Area_top .box_bank li {
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.Area_top .box_bank .Area_swiper img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .Area_top .box_bank .Area_swiper {
    top: 62.5vw;
    bottom: inherit;
    left: 13%;
    margin: 0;
    width: 73%;
    height: 12vw;
    overflow: hidden;
  }
}

/*限定文案*/
.box_timetitle {
  position: absolute;
  top: 98px;
  left: 580px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 150px;
  text-align: center;
  color: #fff;
  font-size: 34px;
  line-height: 40px;
  font-weight: 800;
  font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;
}

.box_timetitle .time_day {
  letter-spacing: -0.1rem;
  text-shadow: 0 0 5px #EF9819,0 0 5px #EF9819,0 0 1px #EF9819,0 0 1px #EF9819,0 0 10px #EF9819;
}

@media screen and (max-width: 767px) {
  .box_timetitle {
    top: 9vw;
    left: 40vw;
    width: 20vw;
    text-align: center;
    color: #fff;
    font-size: 4.3vw;
    line-height: 1;
  }
  .box_timetitle .time_day {
    letter-spacing: 0;
  }
}

/** 倒數 **/
.TimerNick {
  position: absolute;
  top: -30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

.TimerNick .TIMER {
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: left;
  color: #eebb91;
  font-size: 28px;
  line-height: 40px;
  font-weight: 800;
  font-family: "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;
}

.TimerNick .icon {
  position: relative;
  top: 6px;
  margin-right: 4px;
  -webkit-filter: drop-shadow(1px 1px 1px black);
          filter: drop-shadow(1px 1px 1px black);
}

.TimerNick span {
  float: left;
}

.TimerNick small {
  float: left;
  position: relative;
  top: -1px;
  font-size: 28px;
}

.TimerNick .time_day {
  margin-right: 5px;
  letter-spacing: -0.1rem;
}

.TimerNick .FontStyle {
  position: relative;
  top: -1px;
  font-size: 32px;
  color: #eebb91;
}

.TimerNick .FontStyle b {
  display: inline-block;
  margin: 0;
  width: 20px;
  text-align: center;
  font-weight: 300;
  font-family: "Century Gothic";
}

@media screen and (max-width: 767px) {
  .TimerNick {
    top: -6.5vw;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-shadow: none;
  }
  .TimerNick .TIMER {
    font-size: 4.6vw;
    line-height: 5.5vw;
  }
  .TimerNick .icon {
    display: block;
    top: 0.5vw;
    width: 4vw;
    -webkit-filter: none;
            filter: none;
  }
  .TimerNick small {
    top: 0;
    margin: 0;
    font-size: 3vw;
  }
  .TimerNick .time_day {
    position: relative;
  }
  .TimerNick .FontStyle {
    top: 0;
    font-size: 5vw;
  }
  .TimerNick .FontStyle b {
    margin: 0;
    width: 3vw;
    font-family: Helvetica;
  }
}

/** 倒數閃燈 **/
.TIMERLan {
  -webkit-animation: TIMERLan 0.25s infinite alternate linear;
  animation: TIMERLan 0.25s infinite alternate linear;
}

@-webkit-keyframes TIMERLan {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

@keyframes TIMERLan {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
}

/*倒數秒閃閃*/
.timeout-play {
  -webkit-animation: timeout-play 0.5s -0.4s infinite alternate;
  animation: timeout-play 0.5s -0.4s infinite alternate;
}

@-webkit-keyframes timeout-play {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

@keyframes timeout-play {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  51% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*共用--區塊背景*/
@media screen and (min-width: 768px) {
  /*.Area_boxstyle > .Area_boxstyle_box { }*/
}

@media screen and (max-width: 767px) {
  /*.Area_boxstyle > .Area_boxstyle_box { }*/
}

/*底圖*/
.Area_boxstyle > .Area_boxstyle_box {
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.Area_boxstyle > .Area_boxstyle_box:before {
  pointer-events: none;
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Area_boxstyle > .Area_boxstyle_box:after {
  pointer-events: none;
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg {
  pointer-events: none;
  position: relative;
  background-repeat: no-repeat;
  background-position: center bottom;
}

.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before {
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after {
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

/*圖片模式*/
@media screen and (min-width: 768px) {
  .Area_boxstyle > .Area_boxstyle_box {
    margin-top: 0;
    padding-bottom: 20px;
    min-height: 470px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .Area_boxstyle > .Area_boxstyle_box:before {
    z-index: -1;
    top: 0px;
    height: 80px;
  }
  .Area_boxstyle > .Area_boxstyle_box:after {
    z-index: -2;
    top: 0px;
    height: calc(100% - 0px);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
  .Area_boxstyle > .Area_boxstyle_box1 {
    background-image: url(Area_boxstyle_bottom1.png?t=1751009157843);
    padding-top: 70px;
  }
  .Area_boxstyle > .Area_boxstyle_box1:before {
    background-image: url(Area_boxstyle_top1.png?t=1751009157844);
    top: 0px;
  }
  .Area_boxstyle > .Area_boxstyle_box1:after {
    background-image: url(Area_boxstyle_center1.png?t=1751009157844);
    top: 70px;
    height: calc(100% - 170px);
  }
  .Area_boxstyle > .Area_boxstyle_box2 {
    background-image: url(Area_boxstyle_bottom1.png?t=1751009157844);
    padding-top: 180px;
  }
  .Area_boxstyle > .Area_boxstyle_box2:before {
    background-image: url(Area_boxstyle_top2.png?t=1751009157844);
    height: 225px;
  }
  .Area_boxstyle > .Area_boxstyle_box2:after {
    background-image: url(Area_boxstyle_center1.png?t=1751009157844);
    top: 225px;
    height: calc(100% - 325px);
  }
  .Area_boxstyle > .Area_boxstyle_box3 {
    min-height: auto;
    padding-top: 90px;  
    padding-bottom: 0;
  }
  .Area_boxstyle > .Area_boxstyle_box3:before {
    /*background-image: url(Area_boxstyle_top3.png?t=1751009157844);*/
    height: 125px;
  }
  /*Area960共用手機框*/
  .Area960.Area_boxstyle > .Area_boxstyle_box {
    margin-top: 0px;
    min-height: 470px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box:before {
    z-index: -1;
    top: 0px;
    height: 100px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box:after {
    z-index: -2;
    top: 90px;
    height: calc(100% - 190px);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
    padding-top: 25px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:before {
    background-image: url(m_Area_boxstyle_top1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2 {
    z-index: -2;
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
    padding-top: 225px;
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:before {
    background-image: url(m_Area_boxstyle_top2.png?t=1751009157844);
    height: 236px;  
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
    top: 236px;
    height: calc(100% - 336px);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box3:before {
    background-image: url(m_Area_boxstyle_top3.png?t=1751009157844);
    padding-bottom: 50px;
  }
  /*無背景*/
  /*.Area_boxstyle > .Area_boxstyle_box2b,.Area960.Area_boxstyle > .Area_boxstyle_box2b {padding-bottom:10px; margin-top: -80px;}*/
  /*第2層背景*/
  /* .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg {}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after  { background-size: 100%;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { z-index: -3; position: absolute; top: 0; left: -50px;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before { background-image:url(Area_boxstyle_bg1.png?t=1751009157844); width: 1320px; height: 550px;}
                .Area_boxstyle:nth-of-type(even) > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before { transform: scaleX(-1);}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg2 { z-index: -3; position: absolute; top: 0; left: -50px;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg2:before { background-image:url(Area_boxstyle_bg2.png?t=1751009157844); width: 1320px; height: 1000px;}
                .Area_boxstyle:nth-of-type(even) > .Area_boxstyle_box > .Area_boxstyle_boxbg2:before { transform: scaleX(-1);}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg3 { z-index: -3; position: absolute; top: 0; left: -50px;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg3:before { background-image:url(Area_boxstyle_bg3.png?t=1751009157844); width: 1320px; height: 1200px;}
                .Area_boxstyle:nth-of-type(even) > .Area_boxstyle_box > .Area_boxstyle_boxbg3:before { transform: scaleX(-1);}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:after  { z-index: -3; bottom: 0;width: 100%; height: 100%; background-color: rgba(34,14,0,0.7); box-shadow: inset 0 20px 15px rgba(0,0,0,0.6);} */
  /*第2層背景*/
  /* .Area960.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 {z-index: -1;position: absolute;top: 50%;left: 50%;width: 94.5%;height: calc(100% - 167px);background-color: #26355c;padding: 0;margin: 6% auto 0;transform: translate(-50%,-50%);}
                .Area960.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 {border-radius: 24px;} */
}

@media screen and (max-width: 767px) {
  .Area_boxstyle > .Area_boxstyle_box,
  .Area_boxstyle > .Area_boxstyle_box:before,
  .Area_boxstyle > .Area_boxstyle_box:after {
    background-size: 100%;
  }
  .Area_boxstyle > .Area_boxstyle_box {
    margin-top: 0vw;
    min-height: 19vw;
  }
  .Area_boxstyle > .Area_boxstyle_box:before {
    top: 0vw;
    height: 32vw;
  }
  .Area_boxstyle > .Area_boxstyle_box:after {
    z-index: -2;
    top: 8vw;
    height: calc(100% - 11vw);
    background-repeat: repeat-y;
    background-position: center bottom;
  }
  .Area_boxstyle > .Area_boxstyle_box1 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
    padding: 3vw 2vw 4vw;
    background-size: 100%;
  }
  .Area_boxstyle > .Area_boxstyle_box1:before {
    background-image: url(m_Area_boxstyle_top1.png?t=1751009157844);
    height: 10vw;
    background-size: 100%;
  }
  .Area_boxstyle > .Area_boxstyle_box1:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
    top: 6vw;
    height: calc(100% - 12.5vw);
    background-size: 100%;
  }
  .Area_boxstyle > .Area_boxstyle_box2 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
    padding: 18vw 2vw 2vw;
  }
  .Area_boxstyle > .Area_boxstyle_box2:before {
    background-image: url(m_Area_boxstyle_top2.png?t=1751009157844);
  }
  .Area_boxstyle > .Area_boxstyle_box2:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
    top: 10vw;
    height: calc(100% - 19.5vw);
    background-size: 100%;
  }
  .Area_boxstyle > .Area_boxstyle_box3 {
    background-image: none;
    padding: 10vw 1vw 2vw;
  }
  .Area_boxstyle > .Area_boxstyle_box3:before {
    /*background-image: url(m_Area_boxstyle_top3.png?t=1751009157844);*/
  }
  .Area_boxstyle > .Area_boxstyle_box3:after {
    background-image: none;
  }
  /*Area960共用手機框*/
  .Area960.Area_boxstyle > .Area_boxstyle_box1 {
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:before {
    background-image: url(m_Area_boxstyle_top1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box1:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2 {
    z-index: -2;
    background-image: url(m_Area_boxstyle_bottom1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:before {
    background-image: url(m_Area_boxstyle_top2.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box2:after {
    background-image: url(m_Area_boxstyle_center1.png?t=1751009157844);
  }
  .Area960.Area_boxstyle > .Area_boxstyle_box3:before {
    background-image: url(m_Area_boxstyle_top3.png?t=1751009157844);
  }
  /*無背景*/
  /*.Area_boxstyle > .Area_boxstyle_box2b,.Area960.Area_boxstyle > .Area_boxstyle_box2b {margin-top: -10vw;}*/
  /*第2層背景*/
  /* .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg {}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:before,
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg:after  { background-size: 100%;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 {  z-index: -3; position: absolute; bottom: 1vw; left: 1vw; border-radius: 2vw; width: calc(100% - 2vw); height: calc(100% - 2vw); background-repeat: repeat-y;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 { overflow: hidden;}
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:before { z-index: -1; bottom: 0; height: 2vw; background-color: #4BA59F; }
                .Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1:after  { z-index: -3; bottom: 0;width: 100%; height: 100%; background-color: rgba(34,14,0,0.7); box-shadow: inset 0 2vw 2vw rgba(0,0,0,0.6);} */
  /*第2層背景*/
  /* .Area960.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 {z-index: -1;position: absolute;top: 50%;left: 50%;width: 94.5%;height: calc(100% - 16.5vw);background-color: #25345a;padding: 0;margin: 5vw auto 0;transform: translate(-50%, -50%);}
                .Area960.Area_boxstyle > .Area_boxstyle_box > .Area_boxstyle_boxbg1 {border-radius: 2.5vw;} */
}

/*標題字*/
.Area_boxstyle > .Area_boxstyle_title {
  z-index: 2;
  position: absolute;
  top: 70px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 65%;
  height: 90px;
  line-height: 90px;
  /*-text-shadow: 0.05em -0.06em 0.05em rgb(79 0 9 / 40%);-*/
}

.Area_boxstyle > .Area_boxstyle_title {
  font-size: 52px;
  text-align: center;
  letter-spacing: -0.025em;    
}

.Area_boxstyle > .Area_boxstyle_title {
  font-weight: 800;
  font-family: "微軟正黑體", system-ui, Helvetica, Arial;
  display: none;
}

/*1212修正Area_boxstyle_boxbg3標題置中*/
.Area_boxstyle.Area_boxstyle_center_fix > .Area_boxstyle_title {
  text-align: center;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .Area_boxstyle.Area_boxstyle_center_fix > .Area_boxstyle_title {
    top: 9px;
  } 
}
@media screen and (max-width: 767px) {
  .Area_boxstyle.Area_boxstyle_center_fix > .Area_boxstyle_title {
    top: 1vw;
  }
}
 
    

.Area_boxstyle > h2 {
  color: #ffffff;
  /*text-shadow: 1px 1px 0px #fff;*/
}

.Area960.Area_boxstyle > h2 {
  color: #ffffff;
  /*text-shadow: 1px 1px 0px #fff;*/
}

@media screen and (max-width: 767px) {
  .Area_boxstyle > .Area_boxstyle_title {
    top: 5.5vw;
    height: 9.5vw;
    font-size: 5.3vw;
    line-height: 9.5vw;
    letter-spacing: -0.01em;
  }
  .Area960.Area_boxstyle > h2 {
    top: 6vw;
  }
}


/*標題圖*/
.Area_boxstyle > .title {
  z-index: 10;
  position:relative;
    
}

@media screen and (min-width: 768px) {
  .Area_boxstyle > .title {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
	top: 0
  }
}

/*btn*/
.Area_boxstyle > .title .btn_more1 {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .Area960.Area_boxstyle > .title .btn_more1 {
    top: 159px;
  }
  .Area_boxstyle > .title .btn_more1 {
    top: 144px;
    right: 0px;
  }
  .Area_boxstyle > .title .btn_more1 img {
    width: 175px;
  }
  .Area_boxstyle > .title .btn_more1:hover {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

@media screen and (max-width: 767px) {
  .Area_boxstyle > .title .btn_more1 {
    top: 14.5vw;
    right: 0;
    width: 20%;
  }
}

/*輪播樣式調整--按鈕/小圓點/進度條*/
.Area_boxstyle_pagination .swiper-pagination-bullet {
  border-radius: 20px;
  width: 6px;
  height: 6px;
  -webkit-transition: opacity .3s, background-color .3s, width .3s;
  transition: opacity .3s, background-color .3s, width .3s;
  -webkit-transition-delay: .3s, .3s, 0s;
          transition-delay: .3s, .3s, 0s;
}

.Area_boxstyle_pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 24px;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.Area_boxstyle_pagination .swiper-pagination-bullet {
  background-color: #000;
  opacity: 0.4;
}

.Area_boxstyle_pagination .swiper-pagination-bullet-active {
  background-color: #000;
  opacity: 1;
}

.Area_boxstyle_pagination-white .swiper-pagination-bullet {
  background-color: #fff;
  opacity: 0.4;
}

.Area_boxstyle_pagination-white .swiper-pagination-bullet-active {
  background-color: #fff;
  opacity: 1;
}

.Area_boxstyle_button {
  color: #000;
}

.Area_boxstyle_button.swiper-button-next::after,
.Area_boxstyle_button.swiper-button-prev::after {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  border-radius: 50%;
  width: calc(var(--swiper-navigation-size) * 1.5);
  height: calc(var(--swiper-navigation-size) * 1.5);
}

.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  background-color: rgba(0, 0, 0, 0.25);
/*  -webkit-box-shadow: inset 0 0 1px 1px #fff;*/
/*          box-shadow: inset 0 0 1px 1px #fff;*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.Area_boxstyle_button.swiper-button-next::before {
  left: 45%;
}

.Area_boxstyle_button.swiper-button-prev::before {
  left: 55%;
}

.is-showhover.Area_boxstyle_button.swiper-button-next {
  right: 25px;
}
.is-showhover2.Area_boxstyle_button.swiper-button-next {
  right: 10px;
}
.is-showhover.Area_boxstyle_button.swiper-button-prev {
  left: 25px;
}
.is-showhover2.Area_boxstyle_button.swiper-button-prev {
  left: 10px;
}


/*箭頭底樣式*/
.is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  width: calc(var(--swiper-navigation-size) * 2);
  height: calc(var(--swiper-navigation-size) * 2);
}

.is-showhover2.Area_boxstyle_button.swiper-button-next::before {
  border-radius: 50% 0 0 50%;
  -webkit-transform: translate(-40%, -50%);
          transform: translate(-40%, -50%);
}

.is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  border-radius: 0 50% 50% 0;
  -webkit-transform: translate(-60%, -50%);
          transform: translate(-60%, -50%);
}

.is-showhover.Area_boxstyle_button.swiper-button-next:hover::before,
.is-showhover.Area_boxstyle_button.swiper-button-prev:hover::before {
  opacity: 0.8;
}

/*箭頭hover色*/
.is-showhover.Area_boxstyle_button:hover,
.is-showhover2.Area_boxstyle_button:hover {
  color: #f7cb00;
}

/*箭頭底色*/
.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_button.swiper-button-prev::before {
  background-image: repeating-linear-gradient(180deg, #000 -2%, #000 120%);
}

.Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-next::before,
.Area_boxstyle_box .is-showhover2.Area_boxstyle_button.swiper-button-prev::before {
  background-image: repeating-linear-gradient(180deg, #000 -2%, #000 120%)
}

.Area_boxstyle_button-white {
  color: #fff;
}

.Area_boxstyle_button.swiper-button-next:after,
.Area_boxstyle_button.swiper-button-prev:after {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}

.Area_boxstyle_button-white.swiper-button-next::before,
.Area_boxstyle_button-white.swiper-button-prev::before {
/*  -webkit-box-shadow: inset 0 0 1px 1px #fff;*/
/*          box-shadow: inset 0 0 1px 1px #fff;*/
}

.Area_boxstyle_button-color2 {
  color: #1A3117;
}

.Area_boxstyle_button-color2.swiper-button-next::before,
.Area_boxstyle_button-color2.swiper-button-prev::before {
  -webkit-box-shadow: inset 0 0 1px 1px #1A3117;
          box-shadow: inset 0 0 1px 1px #1A3117;
}

.Area_boxstyle_scrollbar.swiper-scrollbar {
  left: 2%;
  width: 96%;
  height: 3px;
  background-color: rgba(0, 0, 0, 0.2);
}

.Area_boxstyle_scrollbar .swiper-scrollbar-drag {
  background: #fff;
}

.Area_boxstyle_scrollbar-white .swiper-scrollbar-drag {
  background: #fff;
}

/*.Area_boxstyle_button:before { content: ""; z-index: -1; position: absolute; left:-50%; display:block; border-radius:100%; width:5rem; height:5rem; background-color:#FFC880;}
      .Area_boxstyle_button:hover:before { background-color:#488480;}
      .Area_boxstyle_button.swiper-button-prev:before { left: initial; right: -50%;}
      .Area_boxstyle_button.swiper-button-next { right: 0;}
      .Area_boxstyle_button.swiper-button-prev { left: 0;}*/
/* --------------------------------------
 * page 公版微調
 * -------------------------------------- */
/*公版微調*/
.PD_layout .PD p {
  /*color: #f9b14a;*/
}

.PD_layout[data-pd-btn] .PD_btn span,
.PD_layout[data-pd-btn] .PD_btn.more span {
  -webkit-transform: none;
  transform: none;
}

/*公版調整*/
.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more {
  background-color: #aca096;
  background-image: none;  
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD .PD_btn {
  background-color: #fb8d33;
  background-image: none;    
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more b {
  color: #fff;
}

.PD_layout[data-pd-btn][data-pd-btn-pdgo][data-pd-btn-more] .PD_btn.more i {
  border-color: #fff;
}

.PD_layout[data-pd-h3="5"] .PD h3 span {
  /*color: #fff; background-image: repeating-linear-gradient(180deg, #63686e -2%, #5a5e64 120%);*/
  max-height: 1.9em;
}

@media screen and (max-width: 767px) {
  /*      .PD_layout.PD_layout ul { padding-left: 1.5em; padding-right: 1.5em;}*/
}

/* --------------------------------------
 * Page 頁面
 * -------------------------------------- */
/*Phone置頂滑動選單*/
.NavArea_tabbar {
  margin: 0 auto 5vw;
  width: 94%;
}

.NavArea_tabbar.cate-fixed {
  width: 100%;
}

.NavArea_tabbar .Nav_box {
  border-radius: 8px;
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}

.NavArea_tabbar .Nav li {
  overflow: visible;
}

/*.NavArea_tabbar .Nav a { display:inline-block;}*/
.NavArea_tabbar.cate-fixed .Nav_box {
  border-radius: 0;
  background-color: rgba(255, 255, 255, 0.92);
  -webkit-box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
          box-shadow: -1px 0 10px rgba(150, 150, 150, 0.2);
}

/*.NavArea.cate-open .Nav li, .NavArea.cate-open .Nav span { width: 50%!important;}*/
/*.NavArea.cate-open .Nav ul { padding: 1%;}*/
/*.NavArea .Nav li, .NavArea.cate-open .Nav span { width: 48%!important;}*/
/* --------------------------------------
 * 共用動畫
 * -------------------------------------- */
/*飄-下上*/
.downtoup-play {
  -webkit-animation-name: downtoup-play;
  animation-name: downtoup-play;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/*飄-上下*/
.downtoup-play_r {
  -webkit-animation-name: downtoup-play;
  animation-name: downtoup-play;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate-reverse;
  animation-direction: alternate-reverse;
}

@-webkit-keyframes downtoup-play {
  0% {
    -webkit-transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10px);
  }
}

@keyframes downtoup-play {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, -10px);
            transform: translate(0, -10px);
  }
}

/*飄浮*/
.floating-play {
  -webkit-animation: floating-play  6s infinite alternate;
  animation: floating-play  6s infinite alternate;
}

@-webkit-keyframes floating-play {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  75% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes floating-play {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  25% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  50% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
  75% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

/*抬高-右邊*/
.raise_l-play {
  -webkit-animation: raise_l-play 1s infinite alternate;
  animation: raise_l-play  1s infinite alternate;
}

@-webkit-keyframes raise_l-play {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}

@keyframes raise_l-play {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
  }
}

/*抬高-左邊*/
.raise_r-play {
  -webkit-animation: raise_r-play 1s infinite alternate;
  animation: raise_r-play  1s infinite alternate;
}

@-webkit-keyframes raise_r-play {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}

@keyframes raise_r-play {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
  }
}