/* 各頁面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;}
}

@media screen and (min-width: 768px) {
  .Area_top .btn_.btn_more { top: 70px; right: 80px; }
}

/*版頭標題*/
@media screen and (min-width: 768px) {
	.hero-title .md-text { margin: 0 auto; width: 960px;}
	.hero-title .lg-text { margin-top: 0px;}
}
@media screen and (max-width: 767px) {
	.hero-title .md-text { margin: 2vw auto 0 auto;}
	.hero-title .lg-text { margin-top: -1vw;}
}

@media screen and (min-width: 768px) {
    .my-3 { margin-top: 4.5rem;line-height: 100%; }
}

/*區塊修正*/
.danji-pd-head2 { color: #ffffff; background-color: #222222; font-size: 2.5rem; height: 100%; text-align: center; line-height: 1.8;}
.box_3PD .danji-pd-body .pd-info-amount { margin-top: .5rem; font-size: 1.2rem;}
.box_3PD .danji-pd-body .pd-info-name {color: #6b00e3;; line-height: 1.3;}
.danji-pd-title {background-color: #6b00e3;}
.danji-pd-head b { line-height: 2; font-size: 0.92em;}
.pd-info-ticket {background:none !important; transform: rotate(0deg) !important;margin: 0 auto!important;}
.box_3PD .danji-pd-body .pd-info-01 { border-right:6px solid #d5d5d5!important; }
.box_3PD .danji-pd-body {padding:0 .25rem 0.8rem!important;}

@media screen and (max-width: 767px) {
	.danji-pd-head2 { color: #ffffff; background-color: #222222; font-size: 1.2rem; height: 100%; text-align: center; line-height: 1.8;}
	.danji-pd-head b {margin-left:0.3em; line-height: 2; letter-spacing: -0.08em}
	.box_3PD .danji-pd-body .pd-info-01 { border-right:3px solid #d5d5d5!important; }
	.box_3PD .danji-pd-body .pd-info-amount { margin-top: .275rem; font-size: .75rem;}
	.box_3PD .danji-pd-body .pd-info-name {font-size: 1.1rem;}
	.box_3PD .danji-pd-body .pd-info-brand {font-size: 1.05rem;}
}

/* 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: #f200ca;}
.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: 25px;z-index: 99;}
.Area_GameStyle .btn_alert img {width: 105px}
}
@media screen and (max-width:767px){
  .Area_GameStyle .btn_alert {position: absolute;top: 4%;width: 27%;z-index: 99}
}


.danji-pd-head { font-size: 2.7rem; padding:0; color: #ffffff; background-color: #222222; height: 100%;text-align: center; background-image: none;}
@media screen and (max-width: 767px) {
  .danji-pd-head { font-size: 1.3rem; padding:0; color: #ffffff; background-color: #222222; height: 100%;text-align: center; background-image: none;}
}

/*行銷活動圖卡(登記區變形)*/
.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.5em;color: #6b00e3;}
.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: #f200ca;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 .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.5em;}
  .event_card.card_type2 { display: inline-block; width: 46.5%; margin: .5%;vertical-align: top;}
  .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: 0 15%;}
  .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: 4%;}
    @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 1rem;}
      .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: 2%;}
      .event_card.card_type2 .danji-pd-body .pd-info-brand {font-size: 1.1rem;}
      .event_card.card_type2 { width: 47%;vertical-align: top;/*height: 82vw;*/}
      .event_card.card_type2 .danji-pd-body { padding: 0.32rem; padding-top: 0.42rem;}
      .event_card.card_type2 .danji-pd-body .pd-img {  margin: 0 15%;}
      .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%;}
    }

    /*好康2*/
    .Area_event2 .danji-pd-body { }
      @media screen and (min-width:768px){
        .Area_event2 .event_card { border-radius: 12px;}
        .Area_event2 .event_card.card_type2 .danji-pd-body { padding: 1rem 1rem 3rem 1rem; height: 736px;}
      }
      @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: 1.5em; height: 84vw;}
      }