/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

.NavArea {
    margin: 8vw auto 5vw auto;
}

/*飄-上下*/
.uptodown-play { 
  -webkit-animation:uptodown-play 1.5s ease-in-out infinite alternate;
  animation:uptodown-play 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes uptodown-play { 
  0%   { -webkit-transform: translate(0,10px); } 
  100% { -webkit-transform: translate(0,0);}
}
@keyframes uptodown-play { 
  0%   { transform: translate(0,-10px);} 
  100% { transform: translate(0,0);}
}

.btn_alert_danji {top: 5%!important;}

.danji-pd-body .pd-info-brand { margin-left: 0; }

.line {border-top: 1px solid #ddd1ba!important;width: 90%;margin: 0 auto}

@media screen and (min-width: 768px) {
    .Area_boxstyle_title {width: 60%!important;}
}
@media screen and (max-width: 767px) {
    .Area_boxstyle_title {width: 70%!important;}
	
}

@media screen and (min-width: 768px){
  .NavArea { display: block; text-align: center;}
  .NavArea_tabbar_pc { width: 700px; transform: scale(1.2);}
  .NavArea_tabbar_pc.cate-fixed { opacity: 0; pointer-events: none;}
  .NavArea_tabbar_pc .Nav_Btn i { display: none;}
  .NavArea_tabbar_pc .Nav { width: 100%;}
  .Area_boxstyle.Area_boxstyle--hasBackdrop { margin: 0px auto 150px; }
}
@media screen and (max-width: 767px){
}

 /** 倒數 **/
 .TimerNick {position:absolute;top: 0;left: 50.5%;transform:translateX(-50%); width: 55%; }
 .TimerNick { text-shadow: none;}
 .TimerNick .TIMER {margin:0 auto;padding:0;overflow:hidden;text-align: center;color: #fff;font-size:28px;line-height: 40px;font-weight:800;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
 .TimerNick .icon { position:relative; top:6px; margin-right:4px;}
 .TimerNick small {position:relative;top: 0px;font-size:32px;}
 .TimerNick .time_day { font-size:30px; letter-spacing:0.05rem; }
 .TimerNick .FontStyle {position:relative;padding: 0px 7px 0px 0px;font-size: 33px;text-align:center;color: #fff;}
 .TimerNick .FontStyle b { display:inline-block; font-weight:500; font-family: Century Gothic;}
     @media screen and (max-width:767px){
       .TimerNick {position: absolute;top: -2.5vw;left: 0;transform: none;width: 100%;text-align: center;}
       .TimerNick .TIMER {font-size: 8.7vw;line-height: 7vw;color: #fff;}
       .TimerNick .icon { display: block; top:0.5vw; width:4vw; filter: none;}
       .TimerNick small {margin: 0 0 0 1vw;top: inherit;font-size: 3.5vw;float: none;}
       .TimerNick .time_day {position:relative;font-size: 3.9vw;letter-spacing:0;float: none;margin-right:-2px;}
       .TimerNick .FontStyle {padding: 0;font-size: 4.2vw;float: none;margin: -0.5vw}
       .TimerNick .FontStyle b {margin:0;width: 3vw;font-family:Helvetica;color: #fff;}
     }

  .hero-title .main-bg {position: absolute;z-index: -1;top: -90px;}

/*日曆*/
.calendar img { 
  position: relative;
  width: 100%;
}
.calendar-btn{
  position: absolute !important;
  top:470px;
  right:18px;
  z-index: 2;
  width: 28%;
}
@media screen and (min-width:768px){
  .Area_calendar .calendar { margin: 20px auto 0; width: min(97%,960px);}
  .Area_calendar.Area_boxstyle .Area_boxstyle_box { padding-block-start: 32px; padding-block-end: 0;}
  .Area_boxstyle .Area_boxstyle_box2{
    background: url(Area_boxstyle_top2.png?t=1752810271096) top center/contain no-repeat,url(Area_boxstyle_bottom2.png?t=1752810271096) bottom center/contain no-repeat,url(Area_boxstyle_center2.png?t=1752810271096) center top 140px/100% calc(100% - ( 140px + 15px )) no-repeat;
  }
}
@media screen and (max-width:767px){
  .Area_calendar { margin-bottom: 3vw;}
  .Area_calendar .calendar { margin: 1.5vw; }
  .Area_calendar.Area_boxstyle .Area_boxstyle_box { padding-block-start: 0; padding-inline-start: 0; padding-inline-end: 0;}
  .calendar-btn{
    right: 1vw;
    top: 43vw;
  }
  .Area_boxstyle .Area_boxstyle_box2{
    background: url(m_Area_boxstyle_top2.png?t=1752810271096) top center/contain no-repeat,url(m_Area_boxstyle_bottom2.png?t=1752810271096) bottom center/contain no-repeat,url(m_Area_boxstyle_center2.png?t=1752810271096) center top 15.5vw/100% calc(100% - ( 15.5vw + 2.5vw )) no-repeat
  }
}

/*調共用*/
.Area_game .my-2 {margin-bottom: 2rem;margin-top: 0;line-height: 0.8;}
.Area_game .my-3 { margin-top: 0; margin-bottom: 0.4em; line-height: 1.15; }
.Area_game .my-3 b p {color: #f8af70;margin: 0 auto 0.5em;line-height: 1;}
.box_3PD .danji-pd-body .pd-img{padding:1.5rem;}
.box_3PD .danji-pd-body .pd-info-04 { border-right: none; border-left: solid #a8a8a8 1px; }
.box_4PD .danji-pd-body .pd-info-ticket>h4 { font-size: 31px; margin-block-start: 1em; }
.box_4PD .danji-pd-body .pd-info-ticket>h4>span { font-size: 48px; }
.box_5PD .danji-pd-body .pd-info-05 { border-right: none; border-left: solid #a8a8a8 1px; }
.box_5PD .danji-pd-body .pd-info-brand  { font-size: 2rem; letter-spacing: -0.05em; }
.box_5PD .danji-pd-body .pd-info-brand span { font-size: 1.5rem; color: #c32900; }
.box_5PD .danji-pd-body .pd-info-ticket { height: 60px; }
.box_5PD .danji-pd-body .pd-info-ticket>h4 { font-size: 31px; margin-block-start: 1.2em; }
.box_5PD .danji-pd-body .pd-info-ticket>h4>span { font-size: 40px; }
.danji-pd-body .pd-info-name { letter-spacing: -0.05em;}
.PD_layout .PD h4 {max-height: 3.85em !important;}


.box_3PD .danji-pd-body .pd-info-amount{
  min-height: 72px;
  line-height: 2.2rem;
}

.danji-pd-body .pd-info-name{
  color: #5a39ff;
}

.box_3PD .danji-pd-body .pd-info:last-child{
  border: none;
}
@media screen and (max-width:767px){
  .box_3PD .danji-pd-body .pd-img{padding: .8rem;}
.box_4PD .danji-pd-body .pd-info-ticket>h4 { font-size: 10px; margin-block-start: 1.55em; }
.box_4PD .danji-pd-body .pd-info-ticket>h4>span { font-size: 19px; } 
.box_4PD .danji-pd-body .pd-info-ticket { height: 7vw; } 
.box_5PD .danji-pd-body .pd-info-brand  { font-size: 1rem; letter-spacing: -0.05em; }
.box_5PD .danji-pd-body .pd-info-brand span { font-size: 0.8rem; color: #c32900; }
.box_5PD .danji-pd-body .pd-info-ticket>h4 { font-size: 10px; margin-block-start: 1em; }
.box_5PD .danji-pd-body .pd-info-ticket>h4>span { font-size: 17px; } 
.box_5PD .danji-pd-body .pd-info-ticket { height: 6.5vw; } 
.box_3PD .danji-pd-body .pd-info-amount{
  min-height: 6vw;
  line-height: 0.3rem;
  margin-bottom: 0rem;
}
.danji-pd-body .pd-info-name{
  font-size: 1.4rem;
  color: #5a39ff;
}

}

/*my-3改樣式*/
.Area_game .my-3 { position: relative; display: flex ; width: 100%; text-align: left; }
.Area_game .my-3 .title {white-space: nowrap;color: #fff;}
.Area_game .my-3 .title span {font-size: 30px;line-height: 1.5;background: #fc8124;border-radius: 5em;padding: .2em .6em}
.Area_game .my-3 .hint {font-size: 2rem;color: #bab4af;}
.Area_game .my-3 p {margin: 0;padding: 0 2.9%;color: #fff;font-size: 35px;font-weight: 400;line-height: 1.5;}
@media screen and (min-width:768px){
.Area_game .my-3 .title { margin-left: 5%; min-width: calc(100% - 19.5em); max-width: calc(100% - 19.5em); }
}
@media screen and (max-width:767px){
.Area_game .my-3 .title {padding: 0;margin-left: 4vw;margin-right: 2vw;line-height: 0.5;}
.Area_game .my-3 .title span {font-size: 12px;line-height: 1.5;padding: 0.5vw 2vw;background: #fc8124;}
.Area_game .my-3 .info { margin-right: 1vw; }    
.Area_game .my-3 p {margin: 0;padding: 0;color: #fff;font-size: 15px;font-weight: 400;line-height: 1.2;}
}


/*區標*/
/* 變數設定 */
:root {
  /* 區標背景色 */
  --bk: #f5b833;
    /* 區標線框色 */
  --bd: #f7f3eb;
  /* 區塊背景線框色 
  --bkbd: #f7f3eb;*/
  /* 區塊背景色 */
  --bk2: #4f438b;
  --foot-bg: #e5dbc7;
}
.Area_title01 {width: 100%;height: 100%;padding-bottom: 4%;}
.Area_title01 span{z-index: 1;position: absolute;width: 75%;font: 45px "Century Gothic", Noto Sans TC, sans-serif, "微軟正黑體", system-ui, Helvetica, Arial;letter-spacing: -0.025em;color: #333;transform: translate(-52%, 27%);text-align: left;font-weight: 800;    white-space: nowrap;}
.Area_title01 span:before{z-index: -1; content: "";display: block;clear: both;position: absolute;top: 1px;left: 196px;width: 57px;height: 57px;border-style: solid;background: var(--bk);border-width: 0 0 50px 50px;transform: rotateZ(-45deg);border: solid 3px var(--bd);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);}
.Area_title01 span:after{content: "";display: block;clear: both;position: absolute;top: -11px;width: 86%;height: 88px;transform: translateX(38.2%);border-top: solid 3px var(--bd);border-bottom: solid 3px var(--bd);box-sizing: border-box;}
.Area_title01 span b {font-size: 45px;color: #fff6eb;margin-right: 20%;letter-spacing: 0;}
.Area_title01 span b:after {content: "";display: block;position: absolute;bottom: -34%;left: -10%;width: 37%;border-bottom: solid 3px var(--bd);}
.Area_title01:before{content:"";display:block;z-index: 0;position: absolute;top: 14.5px;left: 288px;width: 0;height: 0;border-style: solid;border-width: 0 0 75px 75px;transform: rotateZ(-45deg);border-color: var(--bk);border-bottom-color: rgba(0, 0, 0, 0);}
.Area_title01:after{content: "";display: block;clear: both;background: var(--bk);position: relative;width: 65%;height: 105px;transform: translateX(54%);box-sizing: border-box;}

@media screen and (max-width:767px){
.Area_title01 span:before{top: 0.3vw;left: 22vw;width: 6.3vw;height: 6.3vw; background: var(--bk);border-style: solid;border-width: 0 0 5vw 5vw;transform: rotateZ(-45deg);border: solid 2px var(--bd);border-right-color: rgba(0, 0, 0, 0);border-bottom-color: rgba(0, 0, 0, 0);}
.Area_title01 span:after{content: "";display: block;clear: both;position: absolute;top: -1vw;width: 63.5%;height: 9.8vw;transform: translateX(41.8%);border-top: solid 2px var(--bd);border-bottom: solid 2px var(--bd);box-sizing: border-box;}
.Area_title01 span{width: 100%;font: 5.2vw "Century Gothic", Noto Sans TC, sans-serif, "微軟正黑體", system-ui, Helvetica, Arial;font-weight: 600;line-height: 1.5;transform: translate(-40%, 20%);}
.Area_title01 span b {font-size: 5.5vw;margin-right: 17vw;}
.Area_title01 span b:after {content: "";display: block;position: absolute;bottom: -8%;left: -7%;width: 29%;border-bottom: solid 2px var(--bd);}
.Area_title01:before{top: 1.7vw;left: 30vw;width: 0;height: 0;border-style: solid;border-width: 0 0 8.3vw 8.3vw;transform: rotateZ(-45deg);border-color: var(--bk);background: var(--bk);border-bottom-color: rgba(0, 0, 0, 0);}
.Area_title01:after{content: "";display: block;clear: both;background: var(--bk);position: relative;width: 64.6%;height: 11.5vw;transform: translateX(55%);box-sizing: border-box;}
.Area_title01:after{border-radius: 0 0 0 0} 
}

@media screen and (min-width:768px){
.Area_title01:after{border-radius: 0 0 0 0}
}

/*區塊重複背景*/
.Area_game {  }
.Area_game .box_1 .box1 { position:relative; background-repeat: no-repeat; background-position: center bottom; }
      @media screen and (min-width:768px){
        .Area_game .box_1.bottom { margin-bottom: 55px; }  
        .Area_game .box_1 .box1 {padding-top: 0px;padding-bottom: 25px;background: var(--bk2);border: solid 4px var(--bkbd);border-radius: 24px;}
      }
      @media screen and (max-width:767px){
        .Area_game { margin-bottom: 2vw; }  
        .Area_game .box_1.bottom { margin-bottom: 5vw; }  
        .Area_game .box_1 .box1 { background: var(--bk2);border: solid 2px var(--bkbd); padding-bottom: 3%;border-radius: 2vw }
      }


.Area_game3 { margin-bottom: 1%; }
.Area_game3 .danji-pd-container:not(:last-child) { margin-bottom: 7%; }
.Area_game3 .Area_title00::after { aspect-ratio: 960 / 120; }
.Area_game3 .box_3PD .danji-pd-body .pd-info-amount { line-height: 1.1; letter-spacing: -0.05em; }
.Area_game3 .box_5PD .danji-pd-body .pd-info-amount { font-size: 1.5rem; }
@media screen and (max-width:767px){
  .Area_game3 .box_5PD .danji-pd-body .pd-info-amount { font-size: 0.8rem; }
}

.Area_event .danji-pd-head {padding-block: .75rem;color: #000000;background: #fa9940;}
@media screen and (max-width:767px){
  .Area_event .danji-pd-head { padding-block: .5rem;}
}

/* 預告搶先看 */
@media screen and (min-width:768px){
  .Area_even .Area_swiper_box ul{max-height:640px}
  .even_box{position: relative;width:380px;padding:53px 0 0;}
  .Area_even .Area_swiper_box .swiper-pagination {bottom:-30px!important}	  
  }
  
  .even_bg{position: absolute;top:0;z-index: -1}
  .evenday  {}
  .evenday> div {margin:2.5% 3%;position: relative }
  .even_box .even_slider_off{position: absolute;left: 0;top:0;z-index: 5}
  .even_box.ts_pre{filter:brightness(102%);}
  .even_box.ts_end{pointer-events: none;filter:brightness(0.5);}
  .evenday .slider_reg {position: absolute!important;z-index: 5;left: 0;top:0}
  .evenday .slider_go {position: absolute!important;z-index: 5;left: 0;top:0}
    @media screen and (max-width:767px){
  .even_box{position: relative;width:73vw;padding:10.4vw 0 0;}
  .Area_even .Area_swiper_box ul{max-height:120vw;min-height: 120vw;}
  .Area_even .Area_swiper_box .swiper-pagination {bottom:0px!important}		  
  }
  .Area_even .Area_swiper_box ul li {background-color: inherit;}  
@media screen and (min-width: 768px) {
    .Area_even .swiper-slide img {
        width: 100%;
    } }

/*好康1-回饋公式*/
.Area_pageB.Area00 .PD_layout  { position: relative; display: flex; justify-content: center; font-family: "Century Gothic", "微軟正黑體";}
.Area_pageB.Area00 .PD_layout .PD h3  { display: block;}
.Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}
.Area_pageB.Area00 .PD_layout .PD_slide:hover  { box-shadow: 0 0 0 rgba(0,0,0,0)!important;}
.Area_pageB.Area00 .PD_layout .PD h4 span { color: #302f2f;}
.Area_pageB.Area00 .PD_layout li .PD_into h3 {color: #000000;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 {color: #fc8124;} 
.Area_pageB.Area00 .PD_layout li .PD_into h4 span {color: #FFF;background-color: #6eba22;border-radius: 5vw;} 
  @media screen and (min-width: 768px){      
    .Area_pageB.Area00 { position: relative; width:100%; height: 220px; margin-top: 0; margin-bottom: 20px;}
    .Area_pageB.Area00 .PD_layout{width: 85.4%;top: 20px;margin: 0 auto;height: 190px;background: #f7f3eb;border-radius: 1em;}	 
    .Area_pageB.Area00 .PD_layout ul { width:100%;margin: 0 auto; grid-gap: 20px; background-color: transparent;}	  
    .Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto));}	  
    .Area_pageB.Area00 .PD_layout li { z-index: 5; border-right: none;}	  
    .Area_pageB.Area00 .PD_layout:not([data-pd-btn]) .PD_into { padding:0em 1em 0em 1em;}
    .Area_pageB.Area00 .PD_layout .PD h3 { margin: 0 auto;color: #000;font-size: 1.5em;line-height: 1;width: 5em;height: 2em;overflow: visible;}
    .Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 { width: 4.6em;}
    .Area_pageB.Area00 .PD_layout .PD h4 {margin: 0 auto;color: #000;font-size: 2em;height:auto;font-weight: 600;line-height: 35px;}
    .Area_pageB.Area00 .PD_layout .PD h4 b{width: 100%;display:flow-root;height: 1em;font-size: 2em;line-height: 1em;}
    .Area_pageB.Area00 .PD_layout .PD h4 span{margin-top: 10px; font-size: 22px; width: 123px;}
    .Area_pageB.Area00 .PD_layout .PD h4 small{ font-size: 0.7em;}
    .Area_pageB.Area00 .PD_layout .PD h3 span small{ font-size: 50px;}
    .Area_pageB.Area00 .PD_layout .PD_slide  {/* background-color: #ff9090;	 height:166px; border-radius:14px; z-index: -1; */ background:none;}	  
    .Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before{content:"+";position:absolute;left:-20px;top:50px;font-size:38px;color: #9b2f00;font-weight: 600;}
    .Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before{content:"="!important;top:50px!important;}	
    .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height: 150px; width: 390px; bottom: 0; right: 0; z-index: 5;} 	
    .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more {display: block; }
    .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{display: block!important;height: 200px}  
  }
  @media screen and (max-width:767px){   
    .Area_pageB.Area00 { width: 97.8%; height: 36vw;}
    .Area_pageB.Area00 .PD_layout ul { width:100%; margin: 0 auto; grid-template-columns: repeat(3, minmax(0, auto)); grid-gap: .5em;}	  
    .Area_pageB.Area00 .PD_layout[data-pd-col-pc="4"] ul { grid-template-columns: repeat(4, minmax(0, auto)); grid-gap: .3em;}	  
    .Area_pageB.Area00 .box .lbtclass { width: 100%!important;}
    .Area_pageB.Area00 .PD_layout {position: relative;background: #f7f3eb;border-radius: 0.5em;height: 32vw;z-index: 5;}	  
    .Area_pageB.Area00 .PD_layout  ul { justify-content: center; margin-top: 2vw; background-color: transparent;}	
    .Area_pageB.Area00 .PD_layout li { border-right: none; padding: 0 2vw; border-top: none;}	  
    .Area_pageB.Area00 .PD_layout .PD_img { width: 100%;}	  
    .Area_pageB.Area00 .PD_layout .PD_into { padding: 0.1em; box-sizing: border-box;}	
    .Area_pageB.Area00 .PD_layout .PD h3 {font-size: 3.8vw;line-height: 1.2;display: contents; letter-spacing: -0.05em; } 	  
    .Area_pageB.Area00 .PD_layout .PD h4 {font-size: 4vw;line-height: 3.3vw;font-weight: 600;width: 100%;}	   
    .Area_pageB.Area00 .PD_layout .PD h3 span {overflow: initial;width: 96%;}
    .Area_event1 .Area_pageB.Area00 .PD_layout .PD h3 span { width: 4.8em; margin: 0 auto;}
    .Area_pageB.Area00 .PD_layout .PD h4 span { font-size: 0.9em; height: 6vw; line-height: 6vw; width: 19vw; margin-top: 1vw;}	

    .Area_pageB.Area00 .PD_layout .PD h4 b {width: auto;display:flow-root;font-size: 1.8em;height: 1.2em;line-height: 1em;}
    .Area_pageB.Area00 .PD_layout .PD h3 span small { font-size: 5vw;}

    .Area_pageB.Area00 .PD_layout li:last-of-type .PD_into>h4 span {color: #FFF;} 	  
    .Area_pageB.Area00 .PD_layout .PD h4 span::after { content:""; /*background-color: #b50058;*/ border-radius: 8vw; height: 5vw; line-height: 5vw; width: 100%; position: absolute; left: 0; z-index: -1;}	

    .Area_pageB.Area00 .PD_layout .PD_slide { width: fit-content; /*background-color: #ff9090;height: 20vw; border-radius: 2vw;*/ background: none;}
    .Area_pageB.Area00 .PD_layout ul>li:not(:nth-child(1)) .PD_into::before {content:"+";position:absolute;left: -2vw;top: 10vw;font-size:5vw;color: #958b88;font-weight: 600;}
    .Area_pageB.Area00 .PD_layout li:nth-last-child(1) .PD_into::before { content:"="!important;}	


    .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more { position: absolute; height:15vw; width:40vw; bottom:0; right: 0; z-index: 5; display: block;} 	
    .Area_pageB.Area00 .PD_layout .PD .PD_go, .Area_pageB.Area00 .PD_layout .more a{ display: block!important; height: 20vw;}	
  }



/*好康1-銀行回饋*/
.Area_game3 .box_1.bank .Area_title01 span {  }
.Area_bank { position: relative; font-family: "Century Gothic", "微軟正黑體";}
.Area_bank .bank_title { width: 98%; color: #000; font-size: 1.2rem; font-weight: 700; line-height: 2; border-bottom: 1px solid #000; margin: 0 auto;}
.Area_bank .bank_more {position: relative;height: 60px;margin: 0 auto;border-radius: 50px;background-color: #fabd3c;font-size: 25px;line-height: 60px;width: 50%;margin-top: 15px;margin-bottom: 10px;}
.Area_bank .bank_more a {color: #000;font-weight: 600; font-size: 1.7rem;}
.warningTxt {margin: 1% auto;font-weight: 800;font-size: 1.5rem;color: #7a7a7a;}
  /*錨點*/
  .Area_bank .kind { margin: 0; width: 100%; padding: 17px 0; box-sizing: border-box;/* background-color:#a62f39; border-radius: 20px;*/}
  .Area_bank .kind ul { margin: 0; list-style: none; display: inline-block; padding: 1%;}
  .Area_bank .kind li { position: relative; display: inline-block; margin: 0; padding: 0; width: 32%; font-weight: 900; font-size: 2em; line-height: 1.6em; color: #5c5250; cursor: pointer}
  .Area_bank .kind li.cate-hover { color:#fc8124;}
  .Area_bank .kind li:hover { color: #713221; transform: none; filter: none;}
  .Area_bank .kind li::after { content: ''; top: 15px; position: absolute !important; left: 0; background-color: #5c5250; width: 1px; height: 21px;}
  .Area_bank .kind li:nth-child(1)::after { display: none}
  @media screen and (min-width:768px){
    .Area_bank { margin: 0 auto; width: 89%; background: #f7f3eb; padding: 10px; border-radius:24px; margin-bottom: 2rem;}
    .Area_bank .bank_title { font-size: 2.5rem;}	
  }
  @media screen and (max-width:767px){
    .Area_game3 .box_1 .box1 { padding-bottom: 3vw; }  
    .Area_bank { display: block; width: 96%; margin: 4vw auto -5vw; background: #f7f3eb; border-radius: 2vw;}
    .warningTxt { font-size: 3.5vw; margin: 3% auto; padding-bottom: 3vw;}
    .Area_bank .bank_more { margin: 0 auto; font-size: 4vw; height: 9vw; line-height: 9vw; border-radius: 5vw; width: 70%; margin-top: 4vw;}
    .Area_bank .bank_more a { font-size: 1.15rem;}  
    /*錨點*/
    .Area_bank .kind  {margin: 0 auto; width: 100%; padding: 2vw 0 2vw;}
    .Area_bank .kind  ul { width: 100%;  padding: 3vw 0;; flex-wrap: wrap; justify-content: center; row-gap: 1vw;border-radius: 6vw; }
    .Area_bank .kind  li {font-weight: 900; font-size: 1em; line-height: 2em; letter-spacing:0em;}
    .Area_bank .kind li::after { content: ''; top:2vw; position: absolute !important; left: 0; width: 1px; height:4vw;}
  }
  /*卡*/
  .Area_bank .PD_layout li { border-top: none; border-right: none; border-bottom: 1px solid #787371;}
  .Area_bank .PD_layout li:nth-child(1) { border-top: 1px solid #787371;}
  .Area_bank .PD_layout .PD_slide { padding: .5em .2em .5em .6em; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; /*border-radius: 10px;*/}
  .Area_bank .PD_layout .PD a { align-items: center;}
  .Area_bank .PD_layout .PD_img { margin-right: 1%; padding: 0; background-color: #fff; border-radius: 20em; overflow: hidden;}
  .Area_bank .PD_layout .PD_into { padding: 0; width: 55%;}
  .Area_bank .PD_layout .PD .date {width: 40%;margin-top: .35em;color: #fff;font-size: 1.35em;line-height: 1.5;font-weight: 400;background-color: #958b88;border-radius: 20em;letter-spacing: 0.01em;text-align: center;}
  .Area_bank .PD_layout .PD p {color: #5a39ff;font-size: 1.625em;font-weight: 700;}
  .Area_bank .PD_layout .PD p .banktxt { color: #343434; font-weight: 700;}
  .Area_bank .PD_layout .PD p .money { color: #fd424f;}
  .Area_bank .PD_layout .PD p .Owned { font-size: 1.26em;}
  .Area_bank .PD_layout .PD .gobtn {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 2%;width: 3.2em;/*height: 2em;*/color: #fff;font-size: 1.2em;line-height: 1.6;text-align: center;font-weight: 700;font-family: "Century Gothic";background-color: #5a39ff;border-radius: 20em;}
    @media screen and (min-width:768px){
      .Area_bank .PD_layout { font-size: 20px;}
      .Area_bank .PD_layout ul { padding: 0; background-color: transparent; grid-gap: 12px;}
      .Area_bank .PD_layout .PD_img { width: 245px;}
      /* .PD_layout li { border: none; background-color: #fff; border-radius: 20px;} */
    }
    @media screen and (max-width:767px){
      .Area_bank .PD_layout { font-size: 2.6vw;}  
      .Area_bank .PD_layout ul {border-radius: 0;background-color: transparent}
      .Area_bank .PD_layout .PD_slide { padding: .7em .2em .7em .6em;}

      .Area_bank .PD_layout .PD_img { /*padding: 0.5em;*/ width: 35%;}
      .Area_bank .PD_layout .PD_into { width: 56%;}
      .Area_bank .PD_layout .PD .date { width: 68%; margin-top: .2em;}
      .Area_bank .PD_layout .PD p .Owned { letter-spacing: -0.1vw;}
    }
/*行銷活動圖卡(登記區變形)*/
.danji-pd-container { }
.Area_event .go_bt:hover { filter: none;}
.event_card { position: relative; border-radius: 10px;}
.event_card .focusTxt {color: #227676;}
.event_card .danji-pd-body { justify-content: center; text-align: center; padding: 2rem 1.75rem;}
.event_card .danji-pd-body b { font-size: 1.35em;}
.event_card .danji-pd-body .pd-info { flex-basis: fit-content;}
.event_card .danji-pd-body .pd-info-brand {z-index: 2;margin-left: 0;color: #b92a08;}
.event_card .danji-pd-body .pd-info-notice, .event_card .danji-pd-body .pd-info-amount { z-index: 2;}
.event_card .danji-pd-body .pd-img { z-index: 1; filter: none;}
.event_card .danji-pd-body .pd-img:hover { filter: none;}
.event_card .danji-pd-body .gobtn {position: absolute;width: 3.5em;color: #fff;font-size: 1.7em;line-height: 1.6;text-align: center;font-weight: 700;font-family: "Century Gothic";background-color: #247578;border-radius: 20em;}
  @media screen and (min-width:768px){
    .Area_card { transform: scale(0.96); transform-origin: center top;}
    .event_card { margin-bottom: 15px;}
    .event_card .danji-pd-body b.txt3 {  }
    .event_card.card_type1 { margin-bottom: 20px;}
    .event_card .danji-pd-body .pd-img img { width: 100%; height: auto;}
	.Area_card .select:after {content: "回饋2擇1";font-size: 36px;writing-mode: vertical-rl;text-orientation: upright;display: block;font-weight: bold;background: #000000;color: #fff;padding: 20px 10px;border-radius: 30px;top: 245px;left: 47%;position: absolute;z-index: 10;line-height: 1.1}
    .event_card.card_type3 .danji-pd-body {height: 500px;}


  }
  @media screen and (max-width:767px){    
    .event_card { margin-bottom: 2.5vw; width: 98%;}
    .event_card.card_type1 { margin-bottom: 2.3vw; width: 96%;}
    .event_card.PD_L { margin-right: 1%;}
    .event_card .danji-pd-body b.txt3 { padding-left: 1%; }  
    .event_card .danji-pd-body .pd-info-brand { letter-spacing: -.05em;}
    .event_card .danji-pd-body .pd-info-amount { font-size: .9rem}
    .event_card .danji-pd-body .pd-info-notice { font-size: .825rem}
	.Area_card .select:after {content: "回饋2擇1";font-size: 16px;writing-mode: vertical-rl;text-orientation: upright;display: block;font-weight: bold;background: #000000;color: #fff;padding: 10px 5px;border-radius: 30px;top: 45vw;left: 46%;position: absolute;z-index: 10;line-height: 1.1}
    .event_card.card_type3 .danji-pd-body {height: 50vw;}

  }

  /*活動1+2品*/
  .event_card.card_type1 .danji-pd-body { padding: 0.7rem 0 0.5rem;}
  .event_card.card_type1 .danji-pd-body .pd-img {flex-basis: 35%;}
  .event_card.card_type1 .danji-pd-body .pd-info { flex-basis: 100%;}
  .event_card.card_type1 .danji-pd-body .gobtn { left: 50%; bottom: 14%; transform: translateX(-50%);}
  .event_card.card_type1 .danji-pd-body .pd-info-brand,
  .event_card.card_type2 .danji-pd-body .pd-info-brand { line-height: 1.25;}
  .event_card.card_type2 { display: inline-block; width: 46.5%; margin: .5%;}
  .event_card.card_type2.PD_merge { display: block; width: min(96%,880px);}
  .event_card.card_type2 .danji-pd-body .pd-img { flex-basis: 100%; margin: -3.3em 11% -2.7em;}
  .event_card.card_type2 .danji-pd-body .pd-info { flex-basis: 100%;}
  .event_card.card_type2 .danji-pd-body .gobtn { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 3.2%;}
    @media screen and (min-width:768px){
      .event_card.card_type2 .danji-pd-body { padding: 1rem 1rem 0.5rem;}
    }
    @media screen and (max-width:767px){
      .event_card.card_type1 .danji-pd-body { padding: 0rem 0 0.45rem;}
      .event_card.card_type1 .danji-pd-body .pd-img { transform: translateY(1vw) scale(1.05);}
      .event_card.card_type2 { width: 47%;}
      .event_card.card_type2 .danji-pd-body { padding: 0.32rem; padding-top: 0.42rem;}
      .event_card.card_type2 .danji-pd-body .pd-img { margin: -1.55em 8% -1.5em;}
      .event_card.card_type2 .danji-pd-body .pd-info-notice { margin-top: .5vw; margin-bottom: -.5vw;}
      .event_card .danji-pd-body .gobtn { font-size: .85em;  }
      .event_card.card_type1 .danji-pd-body .gobtn { left: 51%; bottom: 8%; }
    }
    /*好康1*/
    @media screen and (min-width:768px){
      .Area_event1 .Area_boxstyle_title {}
      .Area_event1 .Area_card { margin-top: 15px;}
      .Area_event1 .Area_boxstyle_box {}
    }
    @media screen and (max-width:767px){
      .Area_event1 { height: auto; padding-bottom: 3vw;}
      .Area_event1 .event_card .danji-pd-body { padding: 0.8rem;}
      .Area_event1 .event_card .danji-pd-body .pd-info { flex-basis: 100%;}
    }

    /*好康2*/
    .Area_event2 .danji-pd-body { background-color: #fff;}
      @media screen and (min-width:768px){
        .Area_event2 .event_card { border-radius: 20px;}
        .Area_event2 .event_card.card_type2 .danji-pd-body { padding-bottom: 4.2em;}
        /*.Area_event2 .event_card.card_type2 .danji-pd-body .pd-info-brand { height: 3em;}*/
      }
      @media screen and (max-width:767px){
        .Area_event2 { height: auto;}
        .Area_event2 .Area_card { margin-bottom: 0;}
        .Area_event2 .event_card.card_type2 .danji-pd-body { padding-bottom: 2em;}
        /*.Area_event2 .event_card.card_type2 .danji-pd-body .pd-info-brand { height: 14.1vw;}*/
      }

    /*好康3*/
    .Area_event3 .danji-pd-head {background-color: #fa9940;color: #000000;}
    .Area_event3 .danji-pd-body { background-color: #fff;}
    .Area_event3 .event_card.card_type2 .danji-pd-body .pd-img { margin: -3.3em 13% -2.7em;}
    .Area_event3 .Area_card .Area_swiper2 {overflow: hidden;width: 95%;margin-left: 1.8em;}
      /*第一品改輪播*/
      .Area_event3 .Area_swiper { width: min(96%,880px);}
      .Area_event3 .pagination { width: 100%; bottom: 5%; transform: scale(1);}
      .Area_event3 .swiper-pagination-bullet { background-color: #e96f6f; width: 15px; height: 5px; margin: 0 2px; }
      .Area_event3 .event_card.card_type1 .danji-pd-body { position: relative; padding-top: 0; gap: 1rem;}
      .Area_event3 .event_card.card_type1 .danji-pd-body .pd-sub { z-index: 2; position: absolute; margin: 0; top: .4em; width: 100%; font-size: 1.9rem;}
      .Area_event3 .event_card.card_type1 .danji-pd-body .pd-img {margin-top: 1.5em;margin-bottom: 0em;}
      .Area_event3 .event_card.card_type1 .danji-pd-body .pd-info { flex-basis: 50%; text-align: left;}
      /*2品一格*/
      .Area_event3 .event_card.PD_merge .danji-pd-body { position: relative; gap: 0;}
      .Area_event3 .event_card.PD_merge .danji-pd-body .pd-sub { z-index: 2; position: absolute; margin: 0; top: .4em; width: 100%; font-size: 1.9rem; color: #4e545f;}
      .Area_event3 .event_card.PD_merge .danji-pd-body .box_merge { padding-top: .5em; padding-bottom: 4em;width: 480px;}
      .Area_event3 .event_card.PD_merge .danji-pd-body .box_merge:not(:nth-child(2)) { border-left: solid 1px #d1d1d1;}
      .Area_event3 .event_card.PD_merge .danji-pd-body .box_merge small { font-size: .9em;}
      .Area_event3 .event_card.PD_merge .danji-pd-body .pd-img { margin: -1.8em 13% -1.8em;}
      @media screen and (min-width:768px){
        .Area_event3 .Area_card { margin-top: 5px; margin-bottom: 0px;}
        .Area_event3 .event_card { border-radius: 20px;}
        .Area_event3 .event_card.card_type2 .danji-pd-body { padding-bottom: 4.2em;}
        .Area_event3 .event_card.PD_merge .danji-pd-body { padding-top: 4.5rem; padding-bottom: .7rem;}
        .Area_event3 .Area_swiper { padding-top: 6px;}
      }
      @media screen and (max-width:767px){
		.Area_event3 .Area_card .Area_swiper2 {overflow: hidden;width: 95%;margin-left: 0.7em;}
        .Area_event3 .Area_card { margin-bottom: -4vw; overflow: hidden;}
        .Area_event3 .event_card.card_type2 .danji-pd-body { padding-bottom: 2.2em;}
        .Area_event3 .event_card.card_type2 .danji-pd-body .pd-img { margin: -1.3em 11% -1.2em;}
          /*第一品改輪播*/
          .Area_event3 .Area_swiper { overflow: visible;}
          .Area_event3 .event_card.card_type1 .danji-pd-body { padding-top: .5rem;}
          .Area_event3 .event_card.card_type1 .danji-pd-body .pd-sub { font-size: .9rem;}
          .Area_event3 .event_card.card_type2 .danji-pd-body .pd-img { }
          /*2品一格*/
          .Area_event3 .event_card.PD_merge .danji-pd-body { padding-top: 1.9rem; padding-bottom: .42rem;}
          .Area_event3 .event_card.PD_merge .danji-pd-body .pd-sub { font-size: .9rem;}
          .Area_event3 .event_card.PD_merge .danji-pd-body .box_merge { padding-top: .5em; padding-bottom: 2.2em;}
          .Area_event3 .event_card.PD_merge .danji-pd-body .pd-img { margin: -.9em 11% -.7em;}
      }



/*剁手強牌區*/
.Area_GameStyle { } 


  @media screen and (min-width:768px){
    .Area_PDrush .Area_boxstyle_title {/* inset-block-start: 60px; */}
  }
  @media screen and (max-width:767px){
    .Area_PDrush {}
    .Area_PDrush .Area_pageB.Area00 { margin: 0 auto;}
  }

  /* --------------------------------------
   * Page 頁籤
   * -------------------------------------- */
  @media screen and (min-width:768px){ 
    .NavArea_tabbar_page { margin: 20px auto 20px ; /*width: 94%;*/ width: 90%; display: block ; text-align: center; transform: scale(1.1);}
    .NavArea_tabbar_page .Nav_Btn i { display: none;}
    .NavArea_tabbar_page .Nav { width: 100%;}
    /*.Nav.menu::-webkit-scrollbar { width: 5px;}*/
  }
  @media screen and (max-width:767px){
    .NavArea_tabbar_page { margin: 0 auto 5vw ; width: 98%;}
  } 
  /*頁籤高亮顏色設定 */ 
  .NavArea.NavArea_tabbar_page .Nav .cate-hover i {border: none !important;background-color: #000000 !important;}
  .NavArea_tabbar_page .Nav_box { border-radius: 8px; }
  .NavArea_tabbar_page .Nav li { overflow: visible; }
  .tab_content .page { display: none }

  /*logo-4品公版 */ 
  .Area_PDrush .PD_layout_Brand .PD_slide:hover { box-shadow: none;}
  .Area_PDrush .PD_layout_Brand .PD a { justify-content: center; padding-top: .8em; /*gap: 0.2rem;*/}
  .Area_PDrush .PD_layout_Brand .PD h3 {background-color: #fc8124;}
  .Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 33%;}
  .Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 65%;}
  .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {margin: 0 auto;background-color: transparent;}
  .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo b::after { content: "看更多";}
    @media screen and (min-width:768px){
      .Area_PDrush .PD_layout_Brand { width: 85.9%; font-size: 1.35em;}
      .Area_PDrush .PD_layout_Brand ul { padding: 10px 15px; grid-gap: 0; border-radius: 15px; background-color: #fff; overflow: hidden;}
      .Area_PDrush .PD_layout_Brand .PD_slide { border-top: solid 1px #d1d1d1;}
      .Area_PDrush .PD_layout_Brand .PD_slide:nth-child(1) { border-top: none;}
      .Area_PDrush .PD_layout_Brand .PD_slide:nth-child(2) { border-top: none;}
      .Area_PDrush .PD_layout_Brand .PD_slide:not(:nth-child(2n)) { border-right: solid 1px #d1d1d1;}      
    }
    @media screen and (max-width:767px){
      .Area_PDrush .PD_layout_Brand { font-size: 1.25em;}
      .Area_PDrush .PD_layout_Brand ul { width: 97.8%; padding: 0 .5em; grid-gap: 0; border-radius: 10px; background-color: #fff; overflow: hidden;}
      .Area_PDrush .PD_layout_Brand .PD_slide:not(:first-child) { border-top: solid 1px #d1d1d1;}
      .Area_PDrush .PD_layout_Brand .PD .PD_logo { flex-basis: 30%;}
      .Area_PDrush .PD_layout_Brand .PD .PD_into { flex-basis: 68%;}
      .Area_PDrush .PD_layout_Brand .PD_into .PD_into_PDgo {transform: scale(.9); margin-bottom: -.15em;}
    }

  /*剁手搶主打品算式圖*/ 
  /*.Hot_PD { width: 95%; margin: 0 auto; padding-left: 10px;}*/
  .Hot_PD { width: 86%; margin: 30px auto 0; padding: 40px; padding-bottom: 30px; background: linear-gradient(135deg, #fff3b7, #fff3b7); border-radius: 15px;}
  .Hot_PD.PD_layout[data-pd-li*=BN] li:hover { box-shadow: none;transform: translateY(-6px); filter: none;}
  .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide { position: relative;}
  .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { display: block; z-index: 5; position: absolute; width: 260px; height: 100px; bottom: 0; right: 0;}
  .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more a { display: block; width: 100%; height: 100%;}
      @media screen and (max-width:767px){
        .Hot_PD { width: min(97.8%,880px); margin-top: 5vw; padding: 3vw; border-radius: 0.5em;}
        .Hot_PD.PD_layout[data-pd-li*=BN] li:hover { transform: none;}
        .Hot_PD.PD_layout[data-pd-li*=BN] .PD_slide .more { width: 39vw; height: 14vw;}
      }


    /* --------------------------------------
     * Page 頁籤_202405291900
     * -------------------------------------- */
    .NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
    .NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-33.5%, 0, 0);}  
    .NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%; width: 83%; margin: 0 auto;}
    .NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
    .NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
    .NavArea_tabbar_page[data-light="box"] .Nav ul { padding-left: 0; }
    .NavArea_tabbar_page .Nav li { overflow: visible; width: 30% !important; color: #000; }
     /*頁籤高亮顏色設定 */  
    .NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
    .NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; background-color: #fc8124 !important;}
     /*推編輯按鈕 */  
    .NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
      @media screen and (min-width:768px){ 
        .NavArea_tabbar_page { display: block; }
      }
      @media screen and (max-width:767px){
      .NavArea_tabbar_page .Nav li { width: 35% !important; } 
      .NavArea_tabbar_page .Nav_box { padding: 0; width: 100%; }
      }

.Area_K1 .content_swiper {overflow: hidden;}


  /*每日攻略表格調整*/ 
.Area_K3 .content_swiper{overflow: hidden;}
.Area_K3 .message-table{--th-color: #ffffff;--th-bg: #c573d2;--td-color: #555960;--td-bg: #ffffff;--border-color:rgba(64,64,70,.3);width:min(96%,800px);margin-inline:auto}
.Area_K3 .message-table table{width:100%;overflow:hidden;font-size:2rem;border-spacing:0;font-weight:bolder;border-radius:10px}
.Area_K3 .message-table table th,.message-table table td{padding-block:1.35rem;border-color:var(--border-color);border-width:0 .5px .5px 0;border-style: groove;}
.Area_K3 .message-table table th{color:var(--th-color);background:url(table_topBg.jpg?t=1752810271096) repeat center/100%;background-size:28px 28px}
.Area_K3 .message-table table th:last-child{border-right:0}
.Area_K3 .message-table table td{color:var(--td-color);background:var(--td-bg);border-color: rgb(0 0 0 / 50%);padding-block:1.3rem; padding-left:1rem;}
.Area_K3 .message-table table td:last-child{border-right:0}
.Area_K3 .message-table table tr:last-child td{border-bottom:0}
.Area_K3 .message-table table .font-style--number{font-size: 0.9em;font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Arial}
.Area_K3 .message-table table .table-amount{font-size:1.5em}
.Area_K3 .focusTxt{color: #ec2aae;font-weight: 800;}
    
.Area_K3 .message-table table td{text-align: left;font-weight: 400;}
.Area_K3 .message-table table tr td:nth-last-child(1){text-align: center;padding-left: 0;font-weight: 700;}


@media screen and (max-width: 767px){
	.Area_K3 .message-table table{width:100%;overflow:hidden;font-size: 0.9rem;}
	.Area_K3 .message-table table th{padding-block: 0.5rem;background-size: 3vw 3vw;}
	.Area_K3 .message-table table td{padding-block: .2rem;padding-left: 0.4rem;font-weight: 400;}
	.Area_K3 .SmallTxt{color: #555960;font-size: .8rem;}
	
}

@media screen and (min-width:768px){
.logo_mo{margin-top: 8px;margin-left: -25px;margin-right: 15px;}
.logo_mo2{width: 10% !important; margin: .2vw;}
}
@media screen and (max-width: 767px){
	.logo_mo {width: 15% !important;margin-top: 1vw;margin-left: -5vw;margin-right: 2vw;}	
	.logo_mo2 {width: 8% !important;margin: .3vw;}	
}

/*注意事項區*/
.edm_notice{ 
  text-align:center; 
  padding:10px 10px 16px 10px; 
  color:#fff; 
  font:12px/18px Helvetica;
  @media screen AND ( max-width: 767px ) {
    padding:10px 10px 120px 10px; 
  }
}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }