/* 各頁面CSS */


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




/*momo幣這裡用*/
@media screen and (min-width: 768px) {
	.Area_grabmoney_coupon .PD_layout ul { padding: 0 25px; grid-gap: 15px;}
	.Area_grabmoney_coupon .PD_layout img {	border-radius: 10px;}
}
@media screen and (max-width: 767px) {
	.Area_grabmoney_coupon .PD_layout ul { grid-gap: 1.8vw;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}

/*副標題輪播*/
.hero-title li .md-text{	
	height: 60px;          /* 一行高度，依你的字體大小調整 */
	overflow: hidden;  }

.hero-title .item {
	display: flex;
	flex-direction: column;
 
	animation: pdVerticalSlide 4s infinite;

  
  }
  .hero-title .item span {
	display: block;
	height: 30px;
	line-height: 30px;
	white-space: nowrap;
  }
   


  @keyframes pdVerticalSlide {
	0%, 40% {
	  transform: translateY(0);
	}
	50%, 90% {
	  transform: translateY(-70px);
	}
	100% {
	  transform: translateY(0);
	}
  }


  @media screen and (max-width: 767px) {

	.hero-title li .md-text{	
		height: 7vw;          /* 一行高度，依你的字體大小調整 */
		overflow: hidden; padding: 0 3vw; }
	
	.hero-title .item {
		display: flex;
		flex-direction: column;
	 
		animation: pdVerticalSlide 4s infinite;
	
	  
	  }
	  .hero-title .item span {
		display: block;
		height: 3vw;
		line-height: 3vw;
		white-space: nowrap;
	  }
	   
	
	
	  @keyframes pdVerticalSlide {
		0%, 40% {
		  transform: translateY(0);
		}
		50%, 90% {
		  transform: translateY(-7.5vw);
		}
		100% {
		  transform: translateY(0);
		}
	  }
	

}



/* Phone置頂選單 */
@media screen and (min-width:768px){
    .NavArea {display: block; width: 1220px; margin-bottom: 35px; font: 16px/50px "Century Gothic","微軟正黑體","Microsoft JhengHei",Arial,Helvetica;}
    .NavArea[data-light=icon] .Nav ul { width: 80%;  margin: auto; display: flex;  justify-content: center;}   
    .NavArea .Nav_box { background-color: #302526; color: #FFF !important;}
    .NavArea .Nav_Btn i:before { border: 1px solid #FFF; border-width: 0 1px 1px 0;}
    .NavArea_tabbar.cate-fixed .Nav_box { background-color: #302526; }
    .NavArea[data-light=icon] .Nav .cate-hover a { color: #a5ff67;}
    .NavArea[data-light=icon] .Nav .cate-hover i { background: url("data:image/svg+xml,%3Csvg%20id%3D%22navlight_icon%22%20data-name%3D%22navlight%20icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23#{map-get($color , location-icon)}%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ctitle%3E%3C%2Ftitle%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M10%2C0A7.17%2C7.17%2C0%2C0%2C0%2C2.8%2C7.2C2.8%2C12.9%2C10%2C20%2C10%2C20s7.2-7.1%2C7.2-12.8A7.17%2C7.17%2C0%2C0%2C0%2C10%2C0Zm0%2C11a3.8%2C3.8%2C0%2C1%2C1%2C3.8-3.8A3.8%2C3.8%2C0%2C0%2C1%2C10%2C11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain;}
    .NavArea .Nav_Btn b:before { color: #FFF;}
    .NavArea .Nav { height: 50px;}
}



/*提醒*/
.Area_GameStyle .btn_alert {background-color: #a5ff67;}
.Area_GameStyle .right {right: -2%; border-radius: 5em 0 0 5em}
.Area_GameStyle .left {left: -2%; border-radius:0 5em 5em 0}	
@media screen and (min-width:768px){
.Area_GameStyle .btn_alert {position: absolute;top: 69px;z-index: 99;}
.Area_GameStyle .btn_alert img {width: 105px}
}
@media screen and (max-width:767px){
  .Area_GameStyle .btn_alert {position: absolute;top: 12%;width: 27%;z-index: 99}
}



/*行銷活動圖卡(登記區變形)*/
.danji-pd-container {}
.Area_event .go_bt:hover { filter: none;}
.event_card { position: relative; /*border-radius: 10px;*/}
.event_card .focusTxt { color: #0d9b88;}
.event_card .danji-pd-body { justify-content: center; text-align: center; padding: 2rem 1.75rem;}
.event_card .danji-pd-body b { font-size: 1.3em;color: #47a83f;}
.event_card .danji-pd-body b small { font-size: 0.6em}
.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;}
.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: 5.5em;color: #000;font-size: 2.5em;line-height: 1.6;text-align: center;font-weight: 700;font-family: "Century Gothic";background-color: #ffe538;border-radius: 20em;}
.event_card .danji-pd-body .gobtn a{color: #000;}
  @media screen and (min-width:768px){
    .Area_card { transform: scale(0.98); 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;margin-bottom: 12%;}
    .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_type2 .danji-pd-body .pd-info-brand { line-height: 1.25;font-size: 2.4em;}
  .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: -2em 11% -2em;}
  .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: 6%;}
    @media screen and (min-width:768px){
      .event_card.card_type2 .danji-pd-body .pd-info { padding-top: 3%;}
      .event_card.card_type2 .danji-pd-body .pd-info-brand { }
      .event_card.card_type2 .danji-pd-body { padding: 1rem 1rem 0.5rem;}
      .event_card.card_type2 .danji-pd-body .pd-info-amount {font-size: 1.5rem;margin-bottom: 14%;}
    }
    @media screen and (max-width:767px){
      .event_card.card_type2 .danji-pd-body .pd-info { padding-top: 6%;}
      .event_card.card_type2 .danji-pd-body .pd-info-brand {font-size: 1.1rem;}
      .event_card.card_type2 { width: 47%;/*height: 82vw;*/}
      .event_card.card_type2 .danji-pd-body { padding: 0.02rem; padding-top: 0.42rem;}
      .event_card.card_type2 .danji-pd-body .pd-img { margin: -1em 8% -1em;}
      .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;*/font-size: 1.2em;}
      .event_card.card_type2 .danji-pd-body .gobtn { bottom: 4%;}
    }


    /*加入icon*/

    .pd-info-brand .icon1,
    .pd-info-brand .icon2{
      display: inline-block;
      width: 70px;
      height: 70px;
      vertical-align: middle;
      margin-right: 0.4vw;
      position: relative;
      top: -0.1vw; /* 微調上下位置 */
    }
    
    .pd-info-brand .icon1 img,
    .pd-info-brand .icon2 img{
      display: block;
      width: 100%;
      height: auto;
    }
    
    @media screen and (max-width:767px){
    .pd-info-brand .icon1,
    .pd-info-brand .icon2{
      display: inline-block;
      width: 8vw;
      height: 8vw;
      vertical-align: middle;
      margin-right: 0.4vw;
      position: relative;
      top: -0.1vw; /* 微調上下位置 */
    }
    
    .pd-info-brand .icon1 img,
    .pd-info-brand .icon2 img{
      display: block;
      width: 100%;
      height: auto;
    }
    
  }
    /*好康2*/

    .Area_event2 .bank .gobtn {
      margin-left: -15px;  /* 往左 */
    }
    .Area_event2 .bank .gobtn img {
      width: 102%;
    }
    @media screen and (max-width:767px){
      .Area_event2 .bank .gobtn {
        margin-left: -2vw;  /* 往左 */
      }
      .Area_event2 .bank .gobtn img {
        width: 102%;
      }

    }
    
      @media screen and (min-width:768px){
        .Area_event2 .event_card { border-radius: 0;}
        .Area_event2 .event_card.card_type2 .danji-pd-body { padding-bottom: 4.2em;}
      }
      @media screen and (max-width:767px){
        .Area_event2 { height: auto;}
/*        .Area_event2 .Area_card { margin-bottom: -4vw;}*/
        .Area_event2 .event_card.card_type2 .danji-pd-body { padding-bottom: 2em;}
      }


      .Area_PD .message-7 {color: #000 !important;background-color: #ffe538;padding:0px 0 ;font-size:21px ;width:30% ;text-align: center;
        justify-content: center!important;  /* 水平置中 */align-items: center !important;      /* 垂直置中 */margin: 0 auto 20px;height: 35px; }	
        @media screen and (max-width:767px){
          .Area_PD .message-7 {color: #000 !important;background-color: #ffe538;padding:0px 0 ;font-size:3.5vw ;width:50% ;text-align: center;
            justify-content: center!important;  /* 水平置中 */align-items: center !important;      /* 垂直置中 */margin: 0 auto 2vw;height: 5vw; }

        }

/*銀行回饋*/
 .box_title2{ position: relative; }
.bank_a1{ position: absolute!important; left: 0; top: 22%; width: 50%; height: 35%;}
.bank_a2{ position: absolute!important; left: 50%; top: 22%; width: 50%; height: 35%;}
.bank_a3{ position: absolute!important; left: 0; top: 59%; width: 50%; height: 35%;}
.bank_a4{ position: absolute!important; left: 50%;top: 59%; width: 50%; height: 35%;}

/*調整詳情按鈕*/
.hero-btn-wrap .btn_.btn_more {
  top: 80px;
}
@media screen and (max-width:767px){
  .hero-btn-wrap .btn_.btn_more {
    top: 2.5vw;
  }
}