/* 各頁面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 ul { padding: 0; 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; padding: unset;}
	.Area_grabmoney_coupon .PD_layout img { border-radius: .5em;}
}


.hero-title .md-text { width: 960px; padding-top: 50px; line-height: 0;}
.hero-title .md-text ul li {list-style: none; text-align: center;}
@media screen and (max-width: 767px) {
	.hero-title .md-text {width: 100%; padding-top:6vw;}
}

.danji-pd-body .pd-img {border: none;}


/*提醒*/
.Area_GameStyle .btn_alert {background-color: #d54c6d;}
.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: 1.45em;}
.event_card .danji-pd-body { justify-content: center; text-align: center; padding:0;}
.event_card .danji-pd-body b { font-size: 1.5em;color: #ffff7c;}
.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: #fff;font-size: 2.5em;line-height: 1.6;text-align: center;font-weight: 700;font-family: "Century Gothic";background-color: #d54c6d;border-radius: 20em;}
.event_card .danji-pd-body .gobtn a{color: #fff;}
  @media screen and (min-width:768px){
    .Area_card { transform: scale(0.96); transform-origin: center top;}
    .event_card { margin-bottom: 15px;}
    .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 {border-radius: 1.45em;}
    .event_card.card_type1 {}
    .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.5em;}
  .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% 0em;}
  .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%;}
    @media screen and (min-width:768px){
      .event_card.card_type2 .danji-pd-body { height:845px; padding:0;}
      .event_card.card_type2.sec .danji-pd-body { padding: 0;}
      .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 { }
      .event_card.card_type2 .danji-pd-body .pd-info-brand {font-size: 1.1rem;}
      .event_card.card_type2 { width: 47%;}
      .event_card.card_type2 .danji-pd-body { height:115vw;padding: 0.2rem;  /*padding-top: 0.42rem; padding-bottom: 10vw;*/}
      .event_card.card_type2.sec .danji-pd-body { }
      .event_card.card_type2 .danji-pd-body .pd-img { margin: 0 8% 0em;}
      .event_card.card_type2 .danji-pd-body .pd-info-notice { margin-top: .5vw; margin-bottom: -.5vw;}
      .event_card .danji-pd-body .gobtn { font-size: 1.2em;}
      .event_card.card_type2 .danji-pd-body .gobtn { bottom: 3%;}
    }

    /*好康2*/
    /* .Area_event2 .danji-pd-body { } */
      @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;}
      }


			.box_3PD .danji-pd-head {aspect-ratio:960/65;}
      .box_3PD  .pd-info .pd-img img{width: 80%; padding:6% 0;}
      
      
@media screen and (max-width:767px){
.btn_section .btn_info_1 img {width:40%;} 
}