/* 不顯示商品 (須加 !important) */
#PD_card_3_99 { display: none !important; }


/* 商品格類 品類欄位 不顯示 */
.Area_addbuy_PD3 #js-PD_val_6 { display: none !important; }

/* 篩選 */
.filtered-section { position: relative; z-index: 999; }
/* 篩選點擊後會添加 Class */
.active { background-color: #000; color: white; }

body{ background-color: #45a6f6; }

/*最大包*/
.WRAPPER { overflow: hidden; min-width: inherit; }
    @media screen and (min-width: 768px) {
      .WRAPPER {  background: url(pc_bg.jpg?t=1751623026262) scroll repeat-y top / 2000px;  }
      .Area_msg { position: relative; margin-top: 40px; color: rgb(0, 0, 0) !important; }
      }
    @media screen and (max-width: 767px) {
      .WRAPPER { background: url(m_bg.png?t=1751623026262) scroll repeat-y top / 100%; }
      .Area_msg { color: rgb(0, 0, 0) !important; }
      .NavArea_tabbar { margin: 0 auto 0vw; }
      }

/*phone置頂選單*/
.NavArea_tabbar{
/*
  原數值 margin : 5vw auto 5vw;
*/
  margin : 0 auto 7vw;
  width : 94%;
  display : none;
}

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

.NavArea_tabbar .Nav_box{
  border-radius : 8px;
}

.NavArea_tabbar .Nav a{
  display : inline-block;
}

.NavArea_tabbar .Nav li{
  width : calc((100% - 15px) / 3);
}

/*
.NavArea_tabbar.cate-fixed .Nav_box{
  border-radius : 0;
  background-color : #fff;
  box-shadow : -1px 0 10px rgba(150,150,150,0.2);
}
*/



/*背景設定*/
  .Area_bgtop { z-index: -10; position: absolute; }
@media screen and (min-width: 768px) {
  .Area_bgtop { width: 100%; height: 100%; }
  .Area_bgtop span { background-repeat: no-repeat; }
  .Area_bgtop .bgtop_ { }
  .Area_bgtop_1 .bgtop_1_1 span { background-image: url("top_bg.jpg?t=1751623026262"); background-position: center top; height: 725px; background-repeat: no-repeat;z-index: -20;}
  .Area_bgtop_1 .bgtop_1_2 span { background-image: url("top_bg02.png?t=1751623026262"); background-position: center top; height: 725px; background-repeat: no-repeat;z-index: -20; opacity: .8;}
  .Area_bgtop_1 .bgtop_1_5 span { background-color: #9ee9b1; top: 5500px; height: auto; width: 2000px; background-repeat:repeat-y; z-index: -35;}
    
  .Area_boxstyle > .Area_boxstyle_game03_3_box { margin-top: 0px; padding-top: 120px; padding-bottom: 45px; }
  .Area_boxstyle > .Area_boxstyle_game03_3_box::before { display: none; }
  .Area_boxstyle > .Area_boxstyle_game03_3_box::after { z-index: -1; top: 0px; height: calc((100% - 0px) - 60px); background-repeat: repeat-y; }
  }

@media screen and (max-width: 767px) {
  .m_Area_bgtop { z-index: -10;  }
  .m_Area_bgtop span { background-repeat: no-repeat; }
  .m_Area_bgtop_1 .m_bgtop_1_1 span {background-image: url("m_topbg.jpg?t=1751623026262");background-position: center top; background-repeat: no-repeat;z-index: -20;}
  .m_Area_bgtop_1 .m_bgtop_1_2 span {background-image: url("m_topbg02.png?t=1751623026262");background-position: center top; background-repeat: no-repeat;z-index: -20; opacity: .8;}
   .box_title { z-index: -1; }  
  .m_Area_bgtop_1 .m_bgtop_1_1 span { height: 100%; }
    
  .Area_boxstyle > .Area_boxstyle_game03_3_box { margin-top: 0px; padding-top: 0vw; padding-bottom: 4vw; width: 100%; }
  .Area_boxstyle > .Area_boxstyle_game03_3_box::before { display: none; }
  .Area_boxstyle > .Area_boxstyle_game03_3_box::after { z-index: -1; top: 29.8vw; height: calc((100% - 32vw) - 3vw); background-repeat: repeat-y; }
  }


/*版頭*/
.Area_top { position: relative;}
@media screen and (min-width: 768px) {
  .Area_top { height:499px; }
  .Area_top .btn_more { top: 15px; right: 10px; }
  .Area_top .btn_list { top: 15px; right: 103px; }
  .Area_top .title_01 { z-index:5; position: absolute;left: 72px; top: 104px; } .Area_top .title_01 img{width: 93%;}
  .Area_top .title_02 { z-index:5; position: absolute;left: 137px; top: 327px; }	
    
  .main_title { position: relative; height: auto; left: 20px; }
  .main_title a { position: absolute; }
  .deco01 { position: absolute;top: 287px; left: 15px; width: 150px;height: 150px;background: no-repeat;z-index: -1; animation: ball 5s infinite ease-in-out alternate-reverse;}
  .deco02 { position:absolute; top: 473px;left: 1043px;width: 150px;height: 150px;background: no-repeat;z-index: -1; animation: ring 5s infinite ease-in-out alternate-reverse;}
  .deco03 { position: absolute;top: 94px; left: 596px; width: 100px;height: 100px;background: no-repeat;z-index: -1;  animation: flower1 5s infinite ease-in-out alternate-reverse;}
  .deco04 { position:absolute; top: 114px;left: 663px;width: 100px;height: 100px;background: no-repeat;z-index: -1; animation: flower2 5s infinite ease-in-out alternate-reverse;}
  .deco05 { position:absolute; top: 0;left: -390px;width: 2000px;height: 775px;background: no-repeat;z-index: -1; }
  }    
@media screen and (max-width: 767px) {
  .Area_top { height: 55vw; z-index: 2!important;}
  .Area_top .btn_more { right: 0vw; top: 4.7vw; width: 15%;}
  .Area_top .title_01 { position: absolute;left: 16.7vw;top: 7vw;width: 70%;}
  .Area_top .title_02 { position: absolute;left: 14vw; top: 34vw; width: 53%}	
    
  .main_title { position: relative; height: auto; left: 0vw; width: 90%; margin: 0px auto; top: 30vw; }
  .main_title a { position: absolute; }
  .deco01 { position: absolute;top: 27vw;left: 8vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;width: 9vw;height:11vw; animation: ball 5s infinite ease-in-out alternate-reverse;}
  .deco02 { position: absolute;top: 44vw;right:2vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;width: 14vw;height: 18vw;  animation: ring 7s infinite ease-in-out alternate-reverse;}
  .deco03 { position: absolute;top: 7vw;left: 69vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;width: 4vw;height:5vw;  animation: flower1 6s infinite ease-in-out alternate-reverse; }
  .deco04 { position: absolute;top: 8vw;left: 75vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;width: 6vw;height: 7vw; animation: flower2 5s infinite ease-in-out alternate-reverse;}
  .deco05 { position: absolute;top: 0vw;left: 0vw;z-index: -1;background-size: 100%;background-repeat: no-repeat;width: 100vw;height: 73vw; }

  }

  /*動畫*/
@keyframes ball{
  0%{ transform:translate(0,0) rotate(0deg); }
  50%{ transform:translate(0,5px) rotate(5deg); }
  50%{ transform:translate(0,0) rotate(10deg); }
  100%{ transform:translate(0,5px) rotate(5deg); }
}

@keyframes ring{
  0%{ transform:translate(0,0) rotate(0deg); }
  50%{ transform:translate(10px,0) rotate(-10deg); }
  100%{ transform:translate(0,10px) rotate(20deg); }
}

@keyframes flower1{
  0%{ transform:translate(0,0) rotate(0deg); }
  50%{ transform:translate(5px,0) rotate(5deg); }
  100%{ transform:translate(0,5px) rotate(10deg); }
}

@keyframes flower2{
  0%{ transform:translate(0,0) rotate(0deg); }
  50%{ transform:translate(-7px,0) rotate(8deg); }
  100%{ transform:translate(0,7px) rotate(16deg); }
}

@keyframes water{
  0%{ transform:translate(0,0); }
  50%{ transform:translate(-7px,0); }
  100%{ transform:translate(0,7px); }
}



/*版頭輪播*/
@media screen and (min-width:768px){
   .toppd { width: 400px;height: 400px; position:absolute;top: 130px;left: 689px; }	
   .toppd .box  ul{ display: flex; }
   .toppd .box  ul li img{ margin: 0 auto; width: 95%;  }
   .toppd .PD_layout { overflow: hidden; width:100%; }
   }	

@media screen and (max-width:767px){
   .toppd { display: none; width:100%;height:40vw; padding:0 0 0; margin:0 auto;margin-bottom:0vw; }
   .toppd .PD_layout { overflow: hidden; width:100%;  margin:5vw 0 0; }
   .toppd .box ul { padding:0; height:48vw; }	
   .toppd .box ul li img{ width: 95%; height: 100%; position: relative;left: 3vw; }				
   }

.go_bt2 { transition: all 0.2s ease 0s; }
.go_bt2:hover { transform: none; filter: brightness(110%); }
@media screen and (min-width: 768px) {
 .go_bt2:hover { transform: translateY(-6px); }
 }


/*隱藏多於顯示的黏人精*/
  .fixarea_tabbar .fix_other li:nth-child(4) { display: none; }
  .fixarea_tabbar .fix_other li:nth-child(5) { display: none; }
  .fixarea_tabbar .fix_other li:nth-child(6) { display: none; }
  .NavArea_tabbar .Nav li:nth-child(4) { display: none; }
  .NavArea_tabbar .Nav li:nth-child(5) { display: none; }
  .NavArea_tabbar .Nav li:nth-child(6) { display: none; }

/*PC黏人精樣式*/
@media screen and (min-width: 768px) {
  .fixarea_tabbar a { color: rgba(255, 255, 255, 0.9); }
  .fixarea_tabbar { background-color: rgb(103, 100, 93); }
  .fixarea_tabbar .cate-hover a { color: #000; }
  .fixarea_tabbar .fix_other li:hover a { color: #000; }
  .fixarea_tabbar .fix_other li i { background-image: 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%23000000%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"); }
  .fixarea_tabbar .fix_footer a::before { border-color: transparent transparent rgba(255, 255, 255, 0.9); }
  .fixarea_tabbar .fix_footer:hover a { color: #000; opacity: 1; }
  .fixarea_tabbar .fix_footer:hover a::before { border-color: transparent transparent #000; }
    }


/*篩選按鈕*/
.filtered-wrap { margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; }
.filtered-wrap button  { color: #fff; line-height: 1.8em; border-radius: 99em; background-color: #7f7f7f; border: none }  
.filtered-wrap button.active  { color: #fff; background-color: #ff6b9f;  }
.filtered-wrap button.active.style2 { background-color: #fd8d5c;  }
.filtered-wrap .line { border-top: 1px #000 dashed; width: 100%; margin-bottom: 2vw; opacity: 0.5}

@media screen and (min-width: 768px) {
    .filtered-wrap { width: 600px; margin-bottom: 25px;  margin-top: 26px;}
    .filtered-wrap button { width: 134px; margin-bottom: 20px; font-size: 24px; font-weight: 800;}  
    }
@media screen and (max-width: 767px) {
    .filtered-wrap { width: 96%; margin-bottom: 1vw; margin-top: 1vw;}
    .filtered-wrap button { width: 24%; margin-bottom: 2vw; font-size: 3.6vw; font-weight: 800} 
    }


/*詳情頁回銀行優惠總覽btn*/
.btn_gohome { }
@media screen and (min-width:768px){
    .btn_gohome { display: none }
    }
@media screen and (max-width:767px){
    .btn_gohome { position:fixed; z-index:5; padding:7px 12px 8px 10px; border-radius:1em 0 0 1em; width: 14px; font:12px/14px Verdana; text-align:center; color:#fff;  background-color:#3e3e3e; cursor:pointer;} 
    .btn_gohome { right:0px; 
                  -webkit-transform: translateX(200%);
                          transform: translateX(200%);
                  bottom: 92px; /*原90px*/
                  bottom: calc(92px + constant(safe-area-inset-bottom)*0.6);
                  bottom: calc(92px + env(safe-area-inset-bottom)*0.6); 
                  cursor: pointer;
                  -webkit-transition: 0.2s;
                  transition: 0.2s;
                  -webkit-transform: translateX(200%);
                          transform: translateX(200%);}
    .btn_gohome.cate-open {-webkit-transform: translateX(0%);transform: translateX(0%);}
    .btn_gohome a { display: block; color: #fff}
    .btn_gohome a::before { content: ""; position: relative; display: inline-block; margin-bottom: 2px; width: 0; height: 0; border: 7px solid #FFF; border-color: transparent transparent #fff transparent ; transform: translateX(0px);}     
    }




/*我的集點卡*/
.Area_game03_1 {height: 710px;}
.Area_game03_1 .title .btn_more1 { z-index: 1; position: absolute; top: 60px; left: 706px; display: block; overflow: hidden; width: 124px; height: 70px; background-color: transparent; color: transparent; }
.Area_game03_1 .title .btn_list { z-index: 1; position: absolute; top: 60px; left: 834px; display: block; overflow: hidden; width: 124px; height: 70px; background-color: transparent; color: transparent; }
@media screen and (min-width: 768px) {
      .Area_boxstyle > .title { position: relative; }
      .Area_boxstyle > .Area_boxstyle_box { padding-top: 0px; padding-bottom: 0px; }
      .Area_game03_1 .area_bg{ position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

      }
@media screen and (max-width: 767px) {
      .Area_game03_1 { height: 115vw; }
      .Area_game03_1 .bg { position: absolute; width: 100%; padding-left: 0; }
      .Area_game03_1 .title .btn { top: 0px; left: 69%; width: 14%; height: 100%; }
      .Area_game03_1 .box_bg svg { position: absolute; top: -23vw; left: -11%; width: 20%;}
      .Area_game03_1 .Area_boxstyle_scrollbar .swiper-scrollbar-drag { background: #ff9e5d;}
      .Area_game03_1 .area_bg{ position: absolute; top: -3vw; left: 0;  transform: scaleY(1.05); }
      }
/*集點卡*/
.Area_addbuy_point .Area_addbuy_point_txt { z-index: 1; position: absolute; top: 30px; left: 775px; display: block; overflow: hidden; width: 100px; height: 60px; background-color: transparent; color: transparent;}
.Area_addbuy_point .box_card_txt1 { position: relative; padding: 0; color: #414141;}
.Area_addbuy_point .box_card_txt1 .txt { z-index: 1; position: absolute; top: 315px; left: 110px; width: 22.5%; font-size: 48px; font-weight: 800; }
.Area_addbuy_point .box_card_txt1 .txt_nologin {z-index: 1;position: absolute;top: 330px;left: 106px;width: 22.5%;font-weight: 800;color: #414141;}
.Area_addbuy_point .box_card_txt1 .txt_nologin span { font-size: 40px; }
.Area_addbuy_point .box_card_txt1 .txt span { font-size: 100px; font-weight: bold; font-family: "Century Gothic"; letter-spacing: -0.2rem;}
.Area_addbuy_point .box_card_txt2 { margin: 0px 50px 30px; font-size: 25px; font-weight: 800; color: #414141; text-align: left; }
.Area_addbuy_point .box_card_txt2 ul { margin: 0px; padding: 0px 0px 0px 20px; line-height: 1.5; }
@media screen and (max-width: 767px) {
      .boxtitle{transform: translate(-2.2vw,-6.5vw);padding-top: 5vw;margin-bottom: 10.5vw;}
      .Area_game03_1 .title { margin-bottom: 0px; }
      .Area_addbuy_point { padding: 0px 0px 10vw;  }
      .Area_addbuy_point .box_card_txt1 { position: relative; padding: 0; color: #414141;}
      .Area_addbuy_point .box_card_txt1 .txt_nologin {top: 32.5vw;left:2%;width: 40%;letter-spacing: -0.05rem;line-height: 1.5em;}
      .Area_addbuy_point .box_card_txt1 .txt_nologin span { font-size: 5vw; }
      .Area_addbuy_point .box_card_txt1 .txt {top: 30vw;left: 3%;width: 40%;font-size: 6vw;letter-spacing: -0.025rem;}
      .Area_addbuy_point .box_card_txt1 .txt span { font-size: 13vw; letter-spacing: -0.1rem; vertical-align: baseline; }
      .Area_addbuy_point .box_card_txt2 { margin: 0vw 0px 2vw; padding: 0px 10%; font-size: 3.47vw; }
      .Area_addbuy_point .box_card_txt2 ul { margin: 0px; }
      .Area_addbuy_point .box_card_txt3{ margin-top: -7vw; }
      .Area_addbuy_point .box_card_txt3 .Area_swiper { margin: 0 auto; padding: 0; width: 93.8%;}
      .Area_addbuy_point .box_card_txt3 .Area_swiper_box { height: 34vw; }
      .Area_addbuy_point .box_card_txt3	.swiper-wrapper{display: flex;grid-gap: 1.5vw;}
      .Area_addbuy_point .box_card_txt3 .Area_swiper .swiper-pagination-bullets { bottom: 0px !important; }
      .Area_addbuy_point .box_card_txt3 .Area_swiper .Area_boxstyle_scrollbar.swiper-scrollbar { width: 70%; left: 15%;}
      }
/*點數轉移*/
.Area_addbuy_point .btn_pointprocess { position: absolute; top: 460px; left: 134px;}
.Area_addbuy_point .btn_pointprocess img { width: 100%;}
@media screen and (max-width: 767px) {
    .Area_addbuy_point .btn_pointprocess {top: 46vw;left: 5.9%;width: 32.7%;}
    }
/*提領點數*/
.Area_addbuy_point .boxtitle .receive_btn_on  { position: absolute; top:137px; left:630px; }
.Area_addbuy_point .boxtitle .receive_btn_off { position: absolute; top:134px; left:630px; pointer-events: none;}
@media screen and (max-width: 767px) {
    .Area_addbuy_point .boxtitle .receive_btn_on, .Area_addbuy_point .boxtitle .receive_btn_off {width: 43.2%;top: 28vw;left: 52.2%;}
    }

/*集點卡解說*/
.Area_addbuy_point .Area_game_txt{ position: absolute; top: 232px; left:52px;}
.Area_addbuy_point .Area_game_txt .PD_img, .Area_addbuy_point .Area_game_txt h3, .Area_addbuy_point .Area_game_txt p{ display: none;}
.Area_addbuy_point .Area_game_txt ul{ width: 1220px; }
.Area_addbuy_point .Area_game_txt ul li{ width: 100%!important; }
.Area_addbuy_point .Area_game_txt ul li:hover{ transform: none;}
.Area_addbuy_point .Area_game_txt ul li:hover h4{ color: #444545;}
.Area_addbuy_point .Area_game_txt ul li a{ pointer-events: none;}
.Area_addbuy_point .Area_game_txt h4 { text-align: left;  overflow: visible; color: #444545;}
.Area_addbuy_point .Area_game_txt h4 b, .Area_addbuy_point .Area_game_txt h4 span{ font-size: 1.5em; line-height: 2em; font-weight: 700; overflow: visible;}
.Area_addbuy_point .Area_game_txt h4 span {}
@media screen and (max-width: 767px) {
    .Area_addbuy_point .Area_game_txt{top: 34vw;left: 29.5vw;}
    .Area_addbuy_point .Area_game_txt ul{width: 50vw;}
    .Area_addbuy_point .Area_game_txt h4{font-size: 1.2em;font-weight: 700;letter-spacing: -0.035em;}
    .Area_addbuy_point .Area_game_txt h4 b, .Area_addbuy_point .Area_game_txt h4 span{font-size: 0.78em;line-height: 1.3;max-height: 3.5em!important;margin-bottom:2vw;}
    }


/*加價購--1元加購*/
.Area_game03_2 { padding: 0;}
@media screen and (min-width: 768px) {
    .Area_game03_2 .box .Area_boxstyle_game03_2_box { padding-top: 0; }
    .Area_game03_2 .Area_addbuy_PD0 .deco_L { position: absolute; left: -190px; top: 319px; }
    .Area_game03_2 .Area_addbuy_PD0 .deco_R { position: absolute; left: 1212px; bottom: 0px; }
    }
@media screen and (max-width: 767px) {
    .Area_game03_2 { width: 100%; height: auto; overflow: hidden; padding: 5vw 0px 7.9vw;}
    }



/*主副區標*/
.Area_game .Area_game_title{padding: 5% 0; z-index: 2;}
.Area_game .Area_game_title .PD_img, .Area_game_title h3, .Area_game_title p{ display: none;}
.Area_game .Area_game_title ul{ width: 1220px; }
.Area_game .Area_game_title ul li{ width: 100%!important;}
.Area_game .Area_game_title ul li:hover{ transform: none;}
.Area_game .Area_game_title ul li:hover h4{ color: #fff;}
.Area_game .Area_game_title ul li a{ pointer-events: none;}
.Area_game .Area_game_title h4 { overflow: visible; font-family: "Noto Sans TC", sans-serif;}
.Area_game .Area_game_title h4 b{ font-size: 4.5em; line-height: 0.9em; font-weight: 700; overflow: visible; color: #fff; letter-spacing: 0.1em; display: inline-block; position: relative;}
.Area_game .Area_game_title h4 span{ font-size: 2.1em; line-height: 2.5; font-weight: 600; overflow: visible; color: #f6ff00; font-style: italic; display: block;}

.Area_game03_4 .Area_game_title{ padding: 3% 0 0; }
.Area_game03_4 .Area_game_title ul li:hover h4{ color: #fff;}
.Area_game03_4 .Area_game_title h4 b{ color: #fff; }
.Area_game03_4 .Area_game_title h4 span{ color: #414141; }

.Area_game03_3 .box:before{ content: "";background: url("Area_game_title_deco1.png?t=1751623026262") no-repeat top / 100%;position: absolute;   animation: ring 5s infinite ease-in-out alternate-reverse;}
.Area_game03_3 .box:after { content: "";background: url("Area_game_title_deco2.png?t=1751623026262") no-repeat top / 100%;position: absolute;  }
.Area_game03_4 .box:before{ content: "";background: url("Area_game_title_deco4.png?t=1751623026262") no-repeat top / 100%;position: absolute;  }
.Area_game03_4 .box:after { content: "";background: url("Area_game_title_deco3.png?t=1751623026262") no-repeat top / 100%;position: absolute;  animation: ball 5s infinite ease-in-out alternate-reverse;}
.Area_game03_5 .box:before{ content: "";background: url("Area_game_title_deco5.png?t=1751623026262") no-repeat top / 100%;position: absolute;   animation: ring 5s infinite ease-in-out alternate-reverse;}
.Area_game03_5 .box:after { content: "";background: url("Area_game_title_deco6.png?t=1751623026262") no-repeat top / 100%;position: absolute;  }

@media screen and (min-width: 768px) {
.Area_game03_3 .box:before{ width: 153px; height: 138px; top: -4px; left: 296px;  }
.Area_game03_3 .box:after { width: 960px; height: 320px; top: -48px; right: 148px; }
.Area_game03_4 .box:before{ width: 960px; height: 317px; top: -67px; left: 127px;  }
.Area_game03_4 .box:after { width: 116px; height: 122px; top: 39px; right: 326px; }
.Area_game03_5 .box:before{ width: 127px; height: 109px; top: 4px; left: 331px;  }
.Area_game03_5 .box:after { width: 960px; height: 290px; top: -90px; right: 143px; }
.Area_game03_4 .Area_game_title h4 span{ transform: translateY(-338%);}
}

@media screen and (max-width: 767px) {
        .Area_game .Area_game_title{ padding: 5vw 0 2%;}
        .Area_game .Area_game_title ul{ width: 100vw; }
        .Area_game .Area_game_title h4{ }
        .Area_game .Area_game_title h4 b{ font-size: 2em; line-height: 0.9em; letter-spacing: 0.05em;}
        .Area_game .Area_game_title h4 span{ font-size: 1.1em; line-height: 2em;  }

        .Area_game03_4 .Area_game_title{ padding: 9.5vw 0 0; }
        .Area_game03_3 .Area_game_title li .PD:before{width: 55px; height: 56px; top:9vw; right:3vw; }
        .Area_game03_4 .Area_game_title li .PD:before{width: 54px; height: 54px; top:5vw; left:10vw; }
        .Area_game03_5 .Area_game_title li .PD:before{width: 70px; height: 91px; top:4vw; right:2vw; }
        .Area_game03_4 .Area_game_title h4 span{ transform: translateY(-279%);}
        
        .Area_game03_3 .box:before{ width: 15vw; height: 20vw; top: -1vw; left: 18vw;  }
        .Area_game03_3 .box:after { width: 100vw; height:20vw; top: -4vw; right: 0; }
        .Area_game03_4 .box:before{ width: 100vw; height:34vw; top: 0vw; right: 0; }
        .Area_game03_4 .box:after { width: 11vw;; height: 11vw; top: 11vw; left: 69vw;  }
        .Area_game03_5 .box:before{ width: 15vw;; height:20vw; top: -1vw; left: 19vw;  }
        .Area_game03_5 .box:after { width: 100vw; height:28vw; top: -9vw; right: 0; }
        
        }




/*加價購--本檔必換*/
.Area_game03_3 { /*height: 4100px; margin-top: 130px;*/padding: 0; margin: 0 auto; width: 100%; overflow: hidden;  }
.Area_game03_3 .box { position: relative; }

/*主打品區*/
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout ul{ grid-gap:26px; margin-bottom: 60px; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li .lbtclass ul li::after {z-index: -10;content: "";display: block;clear: both;position: absolute;background: url(PD_card_1_bgG.png?t=1751623026262) no-repeat center top;background-size: 100%;width: 100%;height: 100%;top: 0; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img { padding:0; position: relative;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img:before{ content: ""; width: 28%; height:23%; background: url("Area_addbuy_PD1_PDcontent_tag.png?t=1751623026262") no-repeat top / 100%; position: absolute; top:-1.5%; left:-2.5%; }
/* .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img:after{ content: ""; width: 42%; height:12%; background: url("Area_addbuy_PD1_PDcontent_btn.png?t=1751623026262") no-repeat top / 100%; position: absolute; bottom:12%; right: 15%; } */
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img img { border-radius: 10px; padding: 6%; position: relative; top: -6%; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .btn{ width: 29%; position: absolute; bottom:13%; right:21.5%;}

.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_into{justify-content: flex-start;padding: 6.5% 0;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD p { line-height: 1.05; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD h4 { margin-bottom: 0; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li p{ height: 3em; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .Price{ position: absolute; top:4.5%; left: 1.2%; color: #414141; font-weight: 600;text-align: center; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .Price:after{ content: "折"; font-size: 0.5em; color: #414141; font-weight: 600; font-size: 0.7em; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li small{ position: absolute; top:14%; left: 10.5%; color: #fff; font-weight: 600; font-size: 1.1em;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li del{ color: #e82d5f; text-decoration-line: none; font-size: 2.25em; font-weight: 900; font-family:  Arial ,"Noto Sans TC", sans-serif;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li h3{ margin-bottom: -0.2em!important; max-height: 2em;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li h3 span, .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li h4{ color: #494848!important; background-color:rgba(0,0,0,0)!important; font-size: 1.6em; font-weight: 700; padding: 0!important;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2{ font-family: Arial ,"Century Gothic", "Microsoft JhengHei", system-ui, Helvetica; font-size: 1.9em; font-weight: 700; color: #494848; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2:before{ content: "原價"; font-size: 0.8em; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2:after{ content: "元"; font-size: 0.8em; }
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .txt{ position: absolute; bottom:6%; right:6.5%; color: #6b6b6b;}



@media screen and (max-width: 767px) {
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li .lbtclass ul li::after {top: -3vw;}    
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout { padding-top: 0!important; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li{ height: 54vw; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .btn{width: 29%;bottom: 22%;right: 21.5%;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img:after{bottom: 11%;right: 10%;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul{ grid-gap:1.5vw; padding-right: 0em!important; padding-left: 0em!important; margin-bottom: 10vw;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img{padding: 1em 0.8em 1.5em 1.2em;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img:before{width: 29%;height:24%;top: -8%;left: 4%;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_img img { padding: 0; position: relative; top: -22%; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .PD_into{ padding:3.5% 5% 3.5% 0; margin-left: -2vw;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .Price{top: -3%;left: 4.5%;font-size: 1.5em;text-align: center;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .Price:after{font-size: 0.5em; bottom:1px; position: relative;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li p{height: 2em;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li small{ top:12%; left: 10.5%; font-size: 0.9em;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li del{ font-size: 1.7em; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li h3 span, .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li h4{ font-size: 1.3em; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li h3{max-height: 1.8em;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2{font-size: 1.5em;}
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2:before{ ont-size: 0.7em; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .js-PD_txt2:after{ font-size: 0.7em; }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li .txt{bottom: 19.8%;right: 5%;font-size: 0.8em;}

      /*奇數偶數品調整*/
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li:nth-child(odd){ animation:podiumL 2s infinite alternate-reverse ease-in-out;} 
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li:nth-child(even){ animation:podiumR 2s infinite alternate-reverse ease-in-out;}
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li:nth-child(odd) .lbtclass ul li::after {background: url(m_PD_card_1_bgG.png?t=1751623026263) no-repeat center top; background-size: 100%; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout ul li:nth-child(even) .lbtclass ul li::after {background: url(m_PD_card_2_bgG.png?t=1751623026263) no-repeat center top; background-size: 100%; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box  .PD_layout li:nth-child(even) .PD_img{ order: 2; padding: 1em 1.2em 1.5em 0.8em; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li:nth-child(even) .PD_into{ order:1;  padding: 3.5% 0% 3.5% 0; margin-left: 7vw;}
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li:nth-child(even) .btn{ right: 64.5%; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li:nth-child(even) .txt{ right: 49%; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li .PD_img img{ top: -13%; }
      .Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_layout li:nth-child(even) .Price{ left: 54.5%; }
  
    }

  /*動畫*/
  @keyframes podiumL{
    0%{ transform:translate(0,0); }
    100%{ transform:translate(0,2px); }
  }
  @keyframes podiumR{
    0%{ transform:translate(0,2px); }
    100%{ transform:translate(0,0); }
  }




/*加價購--集點換*/
.Area_game03_4 {  background-color: #f1ffa3; }
.Area_game03_4 .box { /*background-image: url("bg_03.png?t=1751623026263");background-repeat: repeat-y;*/ }
.Area_game03_4 .Area_addbuy_PD3_1, .Area_game03_4 .Area_addbuy_PD3_2 { padding-bottom: 63px;}
.Area_game03_4 .Area_addbuy_PD .PD_layout .PD a{ position: relative; }

.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .btn { z-index: 50; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.PD_go { z-index: 10; bottom:0; border-radius: 0 3em 3em 0; width: calc(50% - 0.25em); }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.PD_go b::after { content: "搶購"; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more { position: relative; bottom:0; border-radius: 3em 0 0 3em; width: calc(50% - 0.25em); right: inherit; left: 0.5em; background: #d2d2d2; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more b { color: #000; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more i { border-top: 0.125em solid #000; border-right: 0.125em solid #000; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more b::before { display: none; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more b::after { content: "看更多"; }

/*兌換完畢class*/
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .js-PD_button.js-PD_button_full{ pointer-events: none; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .js-PD_button.js-PD_button_full .PD_btn.PD_go b::after { content: "兌換完畢"; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .js-PD_button.js-PD_button_full .PD_btn i{ display: none; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .js-PD_button.js-PD_button_full .PD_btn.PD_go b::before{ display: none; }
.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .js-PD_button.js-PD_button_full .PD_btn{ background-color: #676767; background-image: repeating-linear-gradient(45deg, #676767 -2%, #676767 120%); }

.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more{ bottom:1.8em; }
.Area_game03_4 .PD_layout li{ width: 35px; padding-bottom: 0!important; }
.Area_game03_4 .PD_layout ul{ border-radius: 2em; }

.Area_game03_4 .Area_addbuy_PD .PD_layout h3{background-image: repeating-linear-gradient(45deg, #e2e2e2 -2%, #e9e9e9 120%);border-radius: 5px;font-size: 1.5em;font-weight: 700;color: #000;margin: 0 auto .2em;width: 70%;line-height: 1.8em;}  
.Area_game03_4 .Area_addbuy_PD .PD_layout li:hover h4{ color: #000; }
.Area_game03_4 .Area_addbuy_PD .PD_layout h4{ margin-bottom: 0; font-size: 1.5em; font-weight: 700; color: #000; }   
.Area_game03_4 .Area_addbuy_PD .PD_layout h4 b { /*display: none;*/ margin-right: 0.3em; }
.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into{ row-gap:0.2em; }
.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into p span{ color: #e82d5f; text-decoration-line: none; font-size: 2em; font-weight: 900;  font-family: Arial, "Noto Sans TC", sans-serif;}
.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into p small{ color: #e82d5f; text-decoration-line: none; font-size: 1.7em; font-weight: 900;  font-family: Arial, "Noto Sans TC", sans-serif;}
.Area_game03_4 .Area_addbuy_PD .PD_layout .txt{ margin: 0 auto; color: #000; }

@media screen and (min-width: 768px) {
    .Area_game03_4 { padding-top: 87px!important; padding-bottom: 70px!important; margin-bottom: 70px!important;}
    .Area_game03_4 .PD_ { min-height: 452px}

    .Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .btn { z-index: 50; position: absolute; width: 50%; height: 46px; left: 50%; bottom: 24px; }
    .Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.more { position: relative; bottom:0; }
    .Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn.PD_go { width: 100%; bottom:0; }
    .Area_game03_4 .Area_addbuy_PD .PD_layout .PD a.js-PD_button { position: absolute!important; width: 100%; height: 38px; }
    }

@media screen and (max-width: 767px) {
    .Area_game03_4 { padding-top: 5vw!important; padding-bottom: 12vw!important;  margin-bottom: 6vw!important;}
    .Area_game03_4 .PD_ { min-height: 66vw; }
    .Area_game03_4 .PD_layout ul{ border-radius: 1.25em; }
    .Area_game03_4 .Area_addbuy_PD3_1, .Area_game03_4 .Area_addbuy_PD3_2 { padding-top: 0vw;padding-bottom: 6.5vw;}     
    
	.Area_game03_4 .Area_addbuy_PD{ width: 96%; margin: 0 auto; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout ul{ padding-left: .5em; padding-right: .5em; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout h3{ font-size: 1.1em; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout h4{ font-size: 1.1em; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into{ padding-bottom: 0.5em; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into p span{ font-size: 1.7em; }
	.Area_game03_4 .Area_addbuy_PD .PD_layout .PD_into p small{ font-size: 1.2em; }
	.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-pdgo] .PD .PD_btn{ bottom:6.5vw;  height: 8vw; width: calc(50% - 0.25em); right: 0.25em;}
	.Area_game03_4 .PD_layout[data-pd-btn][data-pd-btn-more] .PD_btn.more{ bottom:6.5vw; height: 8vw; width: calc(50% - 0.25em); left: 0.25em;}
	.Area_game03_4 .Area_addbuy_PD .PD_layout .txt{ margin: 0.35em auto;}
    }


/*線上入稿調整*/
.Area_addbuy_PD3 .show_PDmore ul{ display: block!important; padding: 0!important; }
.Area_addbuy_PD3 .show_PDmore ul li{ border:none!important;}
.Area_boxstyle_game03_3_box .show_PDmore ul{ padding: 0!important; margin: 0!important;}
.Area_boxstyle_game03_3_box .show_PDmore ul li{ background-color: rgba(0,0,0,0)!important; }




/*加價購--好康優惠*/
.Area_game03_5 { padding: 0; margin: 0 auto; width: 100%;  overflow: hidden; }
.Area_game03_5 .box { position: relative;}
.Area_game03_5 .Area_addbuy_PD4 .PD_slide ul li::after {z-index: -10;content: "";display: block;clear: both;position: absolute;background: url(PD_card_3.png?t=1751623026263) no-repeat center top;background-size: 100%;width: 100%;height: 100%;top: 0;}
    @media screen and (min-width: 768px) {
      .Area_addbuy_PD4 { width: inherit; padding-top: 0px; }
    }
    @media screen and (max-width: 767px) {
      .Area_game03_5 {   }
      .Area_addbuy_PD4 > .Area_boxstyle_box { padding-top: 21vw; padding-bottom: 16vw; }
      .Area_addbuy_PD4 > .title { top: 0px; }
    }



/* --------------------------------------
 * 加購購商品卡樣式
 * -------------------------------------- */
/*標題*/
.Area_addbuy_PD .Area_addbuy_PD_title { display: none; }
.Area_game.Area_boxstyle .title { padding-right: 0px; top: 0px; }
.Area_game.Area_boxstyle .title2 { margin-top: 150px; }
@media screen and (max-width: 767px) {
  .Area_game.Area_boxstyle .title { margin-top: 8vw; }
  .Area_game.Area_boxstyle .title2 { margin-top: 15vw; }
}


/*商品樣式*/
.Area_addbuy_PD .PD_ { z-index: 1; position: relative; margin: 0 auto 0; width: 1115px; font-family: "Century Gothic", 微軟正黑體, "Microsoft JhengHei", Helvetica; }
.Area_addbuy_PD .PD_ ul {margin: 0 auto;padding: 0;list-style: none;display: grid;width: 100%; grid-gap: 20px; grid-template-columns: repeat(2, auto);}
.Area_addbuy_PD .PD_ ul .PD {padding-bottom: 5.5em;}
.Area_addbuy_PD .PD_1 > ul { margin: 0% auto 0px; padding: 0px; list-style: none; }
.Area_addbuy_PD .PD_2 > ul { margin: 0% 0px 0px; padding: 0px; list-style: none; width: 100%; }
.Area_addbuy_PD .PD_ ul::after { content: ""; display: block; clear: both; }
.Area_addbuy_PD .PD_ > ul > li {position: relative;border-radius: 25px;box-sizing: border-box;overflow: hidden;background-color: transparent;}
.Area_addbuy_PD .PD_ > ul > li img { width: 100%; height: auto; }
.Area_addbuy_PD .PD_ > ul > li .btn_PDmore { z-index: 1; display: none; position: absolute; top: 73%; left: 8%; width: 40%; height: 16%; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore { display: block; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore span { position: relative; display: flex; justify-content: center; height: auto; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore b { color: #000;z-index: 1; position: relative; display: block; padding: 0 0 0 0.125em; height: 2em; line-height: 1.5; overflow: hidden; font-weight: 800; font-size: 1.45em; vertical-align: middle; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore b::after { content: "活動詳情"; font-size: 1em; color: #000;  }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore02 b::after { content: "商品介紹"; font-size: 1em; color: #000;  }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore::before { content: ""; position: absolute; top: -0.35em; left: 0; display: block; width: 100%; height: 1px; background-color: #ccc; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore::after { content: ""; position: absolute; bottom: 2.1em; left: 0; display: block; width: 100%; height: 1px; background-color: #ccc;  }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore i { position: relative; top: 0.825em; display: block; border-top: 0.125em solid #fff; border-right: 0.125em solid #fff; width: 0.625em; height: 0.625em; transform: rotate(45deg); font-size: 0.875em; border-color: #000; }
.Area_addbuy_PD .PD_ > ul > li .btn_PDmore a { position: absolute; display: block; width: 100%; height: 100%; }
.Area_addbuy_PD .PD_ > ul > li .btn {z-index: 1;position: absolute;left: 52%;width: 28%;}
.Area_addbuy_PD .PD_ > ul > li .btn2 { z-index: 1; position: absolute; top: 63%; left: 50%; width: 28%; }
.Area_addbuy_PD .PD_ > ul > li .btn_02 { z-index: 1; position: absolute; top: 72.8%; left: 50%; width: 28%; }
.Area_addbuy_PD .PD_ > ul > li .txt {z-index: 1;max-height: 2em;margin: 0px;font-size: 24px;color: rgb(0, 0, 0);text-align: left;}
.Area_addbuy_PD .PD_ > ul > li .txt_02 { z-index: 1; position: absolute; top: 63%; left: 51%; width: 35%; margin: 0px; font-size: 24px; color: rgb(0, 0, 0); text-align: left; }
.Area_addbuy_PD .PD_ > ul > li .txt_03 { z-index: 1; position: absolute; top: 63%; left: 13.5%; width: 35%; margin: 0px; font-size: 24px; color: rgb(0, 0, 0); text-align: left; }
.Area_addbuy_PD .PD_ > ul > li .txt span { font-size: 28px; font-family: "Century Gothic"; font-weight: 400; }
.Area_addbuy_PD .PD_ > ul > li .txt_02 span { font-family: "Century Gothic"; font-weight: 400; }
.Area_addbuy_PD .PD_ > ul > li .txt2 {z-index: 1;position: absolute; left: 0px;right: 0px;margin: 0px;width: 100%;font-size: 20px;color: rgb(0, 0, 0);}
.Area_addbuy_PD .PD_ > ul > li .txt2_02 { z-index: 1; position: absolute; top: 86.5%; left: 0px; right: 0px; margin: 0px; width: 100%; font-size: 20px; color: rgb(0, 0, 0); }
.Area_addbuy_PD .PD_ > ul > li .txt2_03 { z-index: 1; position: absolute; top: 86.5%; left: 0px; right: 0px; margin: 0px; width: 100%; font-size: 20px; color: rgb(0, 0, 0); }
.Area_game03_2 .Area_boxstyle_game03_2_box .gmae03_bg_0 { display: block; position: absolute; width: 235px; height: 152px; right: -50px; bottom: 50px; background-size: 100%; }
.Area_addbuy_PD2 .PD_ > ul > li .txt { z-index: 1; position: absolute; top: 62.5%; }
.Area_addbuy_PD2 .PD_ > ul > li .txt_02 { z-index: 1; position: absolute; top: 62.5%; }
.Area_addbuy_PD2 .PD_ > ul > li .btn { z-index: 1; position: absolute; top: 72.5%; }
.Area_addbuy_PD2 .PD_ > ul > li .btn_02 { z-index: 1; position: absolute; top: 72.5%; }
.Area_addbuy_PD2 .PD_ > ul > li .btn_PDmore { z-index: 1; display: none; position: absolute; top: 14%; left: 2%; width: 48%; padding-bottom: 56%; }
.Area_addbuy_PD3 .PD_ > ul > li .txt, .Area_addbuy_PD4 .PD_ > ul > li .txt { color: rgb(150, 150, 150); }
.Area_addbuy_PD3 .PD_ > ul > li .txt_02, .Area_addbuy_PD4 .PD_ > ul > li .txt_02 { color: rgb(150, 150, 150); }
    @media screen and (max-width: 767px) {
      .Area_addbuy_PD .PD_ {margin: 0 auto;width: 90%;}
      .Area_addbuy_PD .PD_ ul { grid-template-columns: none; grid-gap: 1vw; }  
      .Area_addbuy_PD .PD_ ul .PD {padding-bottom: 0;}    
      .Area_addbuy_PD .PD_ > ul > li { position: relative; margin: 0px 0px 3vw; padding: 0px; border-width: 1vw; border-radius: 5vw; width: 100%; box-sizing: border-box; }
      .Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore b { font-size: 1.65em; }  
      .Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore i { top: 1em; width: 0.8em; height: 0.8em; }
      .Area_addbuy_PD .PD_ > ul > li .btn { width: 32%; }
      .Area_addbuy_PD .PD_ > ul > li .btn_02 { width: 32%; }
      .Area_addbuy_PD .PD_ > ul > li .txt { font-size: 0.75em; }
      .Area_addbuy_PD .PD_ > ul > li .txt span { font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt2 { font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt_02 { top: 63%; font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt_03 { top: 63%; font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt_02 span { font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt2_02 { font-size: 2.8vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt2_03 { font-size: 2.8vw; }
      .Area_addbuy_PD4 .tag { position: absolute; top: 0px; display: block; }  
      .Area_addbuy_PD .PD_2 > ul { margin: 5vw 0px 0px; padding: 0px; list-style: none; width: 100%; }
      .Area_addbuy_PD .PD_2 > ul > li img { width: 90%; }
      .Area_addbuy_PD .PD_2 > ul > li .PD_bg img { width: 100%; }
      .Area_addbuy_PD3 .PD_ > ul::after { content: ""; position: absolute; bottom: 6vw; right: 0; width: 100%; height: 56vw; background: url("Area_game03_icon_1.png?t=1751623026263") center top / 100% no-repeat; z-index: -1; }
      .Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore::before { top: -0.45em; }
      .Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore::after { bottom: 2.1em; }
      }
.Area_addbuy_PD .PD_ > ul { }
.Area_addbuy_PD .PD_ > ul > li {font-size: 15px;margin-left: 0px;min-width: 100%;}
.Area_addbuy_PD .PD_ > ul > li h3 { margin: 0px; padding: 0px; position: absolute; width: 100%; height: 2em; top: 0px; left: 0px; }
.Area_addbuy_PD .PD_ > ul > li h3 { font-size: 2em; color: rgb(255, 255, 255); text-align: center; line-height: 2em; background-color: rgb(240, 240, 240); }
.Area_addbuy_PD .PD_ > ul > li h4 {margin: 0px;padding: 0px;width: 100%;max-height: 3em;}
.Area_addbuy_PD .PD_ > ul > li h4 { font-size: 2em; }
.Area_addbuy_PD .PD_ > ul > li h4 b { display: block; color: rgb(87, 87, 87); font-weight: 800; }
.Area_addbuy_PD .PD_ > ul > li h4 span { color: rgb(138, 138, 138); font-weight: 400; font-size: 0.9em; }
.Area_addbuy_PD .PD_ > ul > li h6 { position: absolute; bottom: 3%; right: 3%; pointer-events: none; margin: 0px; padding: 0px; color: red; font-size: 1.2em; display: none; }
.Area_addbuy_PD .PD_ > ul > li p { margin: 0px 0px 2%; padding: 0px; display: block; width: 100%; color: rgb(224, 177, 115); font-weight: 800; font-size: 2.8em; }
.Area_addbuy_PD .PD_ > ul > li p span { font-weight: 900; }
.Area_addbuy_PD .PD_ > ul > li .PD_img {position: relative;width: 50%;padding: 3em 0.5em 0 3em;}
.Area_addbuy_PD .PD_ > ul > li .PD_into {text-align: left;}
.Area_addbuy_PD .PD_ > ul > li .box_PD_img { position: absolute; width: 40%; height: 51%; top: 18%; left: 6%; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .Area_swiper_box { overflow: hidden; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img ul { flex-wrap: nowrap; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDprice { text-align: right; position: absolute; pointer-events: none; bottom: 3%; right: 3%; border-radius: 0.3em; padding: 0px 0.5em; background-color: rgba(255, 255, 255, 0.8); }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDprice { font-size: 1em; color: rgb(92, 92, 92); font-weight: 400; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDtag { position: absolute; pointer-events: none; top: 0px; right: 0px; display: flex; flex-flow: column wrap; align-items: flex-end; width: 100%; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDtag_ { text-align: center; background-color: rgb(138, 138, 138); padding: 0px 0.5em; border-radius: 0.3em; display: block; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDtag_ { font-size: 1em; color: rgb(255, 255, 255); font-weight: 400; margin-bottom: 0.3em; margin-right: 0.5em; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDtag_1 { margin-top: 0.5em; }
.Area_addbuy_PD .PD_ > ul > li .box_PD_img .PDtag_2 { }
.Area_addbuy_PD .PD_ > ul > li .PD a {display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: flex-start;}
.Area_addbuy_PD4 .PD_ > ul > li h3 { display: none; }
.Area_addbuy_PD4 .PD_ > ul > li .PD_into {width: 50%;padding: 2.5em 1.25em 0;display: flex;flex-direction: column;justify-content: flex-start;}
.Area_addbuy_PD4 .PD_ > ul > li .box_PD_img { top: 11%; height: 51%; }
.Area_addbuy_PD .PD_ > ul > li .btn img, .Area_addbuy_PD .PD_ > ul > li .PD_img img { image-rendering: -webkit-optimize-contrast; }
@media screen and (max-width: 767px) {
    .Area_addbuy_PD .PD_ > ul > li { font-size: 2.2vw; }
    }

/*獨家商品*/
.Area_addbuy_PD1 { margin: 0px auto; box-sizing: border-box;}
.Area_addbuy_PD1 > .title { z-index: 1; }
.Area_addbuy_PD1 .PD_ { z-index: 1; position: relative; margin: 0px auto; /*width: 960px;*/}
.Area_addbuy_PD1 .PD_1 > ul > li { position: relative; /*width: 958px; height: 436px;*/ height: 460px; margin: 0; padding: 0;  }
.Area_addbuy_PD1 .PD_2 > ul > li { position: relative; /*width: 958px; height: 436px;*/ height: 402px; margin: 0; padding: 0; border-radius: 18px;}
.Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_ > ul > li:last-child.line::after {display: none; }
.Area_addbuy_PD1 .PD_ > ul > li:last-child { margin-bottom: 0px; /*background: none;*/}
.Area_addbuy_PD1 .PD_ > ul > li .btn { width: 224px; top: 64%;z-index: 20;}
.Area_addbuy_PD1 .PD_ > ul > li .btn2 { width: 210px; }
.Area_addbuy_PD1 .PD_ > ul > li .btn_PDmore { top: 0px; /*width: 403px;*/ width: 100%; padding-bottom: 0;}
.Area_addbuy_PD1 .PD_ > ul > li .txt { top: 56%; margin: 0px; text-align: left; color: rgb(130, 125, 114);}
.Area_addbuy_PD1 .PD_ > ul > li .txt2 { top: 80%; text-align: left; color: rgb(83, 83, 83);}
.Area_addbuy_PD1 .PD_ > ul > li .PD_bg { position: relative; top: 30px; /*width: 473px;*/ width: 50%; padding: 0px; }
.Area_addbuy_PD1 { position: relative; }
.Area_addbuy_PD1 .PD_2 { width: 88%; margin: 0px auto; overflow: hidden; padding-bottom: 40px; }
@media screen and (min-width: 768px) {
    .Area_addbuy_PD1 > .title { margin-bottom: -20px;}
    .Area_addbuy_PD .PD_ > ul > li .txt { font-size: 25px;}
    .Area_addbuy_PD .PD_ > ul > li .txt2 { font-size: 21px;}
     }
/*偶數品位置*/
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn { left: 7%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn2 { left: 0px; margin-left: 121px;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn_02 { left: 0px; margin-left: 106px;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn_PDmore { /*left: 514px;*/ left: 0%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .txt { left: 8%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .txt2 { left: 8%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .PD_bg { left: 4%; z-index: 10}
.Area_addbuy_PD1 .remind{ display: block;  position:absolute; bottom:17%; right:0%;  width:21%; }
/*奇數品位置*/
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn {}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn2 { left: 0px; margin-left: 530px;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn_PDmore { /*left: 30px;*/ left: 0%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .txt {}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .txt2 { left: 51%;}
.Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .PD_bg { /*left: 433px;*/ left: 47%; z-index: 10}
  @media screen and (max-width: 767px) {
    .Area_addbuy_PD1 .PD_ { z-index: 1; position: relative; margin: 1px auto 6vw; width: 100%;}
    .Area_addbuy_PD1 > .title { }
    .Area_addbuy_PD1 .Area_boxstyle_game03_3_box { margin: 0 auto; padding-top: 0vw; padding-bottom: 0;}
    /*.Area_addbuy_PD1 .Area_boxstyle_game03_3_box .PD_ > ul > li.line::after { content: ""; background: url("line.png?t=1751623026263") no-repeat scroll  center top; position: absolute; height: 4px;  bottom: 0px; left: 50%; background-size: 100%;  width:88%;  transform: translate(-50%, 0px); box-sizing: border-box;}*/
    .Area_game03_3 .Area_addbuy_PD1 .PD_1 > ul > li { box-shadow: rgba(0, 0, 0, 0) 0px 0px;}
    .Area_addbuy_PD1 .PD_1 > ul > li { /*margin-bottom: 3.5vw; width: 95%;*/ height: 46vw; border-radius: 10px;}
    .Area_addbuy_PD1 .PD_2 > ul > li { margin-bottom: 3vw; width: 95%; height: 46vw; border-radius: 10px;}
    .Area_addbuy_PD1 .PD_ > ul > li .btn { top: 28.5vw; width: 28%;}
    .Area_addbuy_PD1 .PD_ > ul > li .btn2 { top: 28.5vw; width: 24%;}
    .Area_addbuy_PD1 .PD_ > ul > li .btn_02 { top: 30.5vw; width: 24%; }
    .Area_addbuy_PD1 .PD_ > ul > li .btn_PDmore { position: absolute; top: 0; width: 100%; margin: 0 auto; padding-bottom: 0;}
    .Area_addbuy_PD1 .PD_ > ul > li .PD_bg { top: 5%; width: 51.8%; /*height: 45vw; background-size: 100%;*/}
    .Area_addbuy_PD1 .PD_ > ul > li .txt { top: 23vw;}
    .Area_addbuy_PD1 .PD_ > ul > li .txt2 { top: 38vw; text-align: center; /*width: 65%; line-height: 1.2; -webkit-transform: scale(0.87); transform: scale(0.85); transform-origin: left bottom; letter-spacing: -0.02em;*/}
    .Area_addbuy_PD1 .PD_2 { padding-bottom: 0vw; }
      /*偶數品位置*/
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn { left: 5.5%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn2 { left: 4.5%;}

      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn_02 { left: 9%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .btn_PDmore { left: 0%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .txt { left: 7.5%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .txt2 { /*left: 2.5%;*/ left: inherit;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n) .PD_bg { left: 4%; margin-left: 0;}
      /*奇數品位置*/
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn { left: 50%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn2 { left: 57%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn_02 { left: 53.5%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .btn_PDmore { left: 0%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .txt { left: 50%;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .txt2 { /*left: 49%;*/ left: inherit;}
      .Area_addbuy_PD1 .PD_ > ul > li:nth-child(2n+1) .PD_bg { left: 47%;}
      }


/*會員專屬+熱門商品*/
.Area_game03_4 .Area_addbuy_PD3.Area_addbuy_PD3_1 .PD_ > ul > li { border: 1px solid #dfbaa5;}
.Area_game03_4 .Area_addbuy_PD3.Area_addbuy_PD3_2 .PD_ > ul > li { border: 1px solid rgb(224, 227, 156);}
.Area_game03_4 .Area_addbuy_PD3 .PD_ > ul > li .txt2 { color: #535353;}
.Area_game03_4 .Area_addbuy_PD3 .PD_ > ul > li .PD_into p { color: #7459c4;}
.Area_game03_4 .Area_addbuy_PD3_1 .PD_ > ul > li .PD_into p { color:#e13d5d;}
.Area_game03_4 .Area_addbuy_PD3_1 .PD_ > ul > li h3 { background-color: transparent; color: #5a5a5a;}
    @media screen and (min-width: 768px) {
    .Area_addbuy_PD3 .PD_ > ul > li .txt { font-size: 23px; font-weight: 300;}
    .Area_addbuy_PD3 .PD_ > ul > li .txt span { font-size: 25px; font-weight: 300;}
    .Area_game03_4 .Area_addbuy_PD3 .PD_ > ul > li .txt2 { font-size: 20px;}
    }
    @media screen and (max-width: 767px) {
    .Area_addbuy_PD3 > .Area_boxstyle_box { padding-top: 1vw; padding-bottom: 10vw;}
    }

/*好康優惠*/
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li {padding-bottom: 3.5%;}
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD {padding-bottom: 0;}
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD .btn_PDmore { top: 106%; height: 26%; }
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt2 { color: #535353;}
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt3 { color: #535353;}
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD_into p { color: #0565ff;}
.Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD_into .txt { color: #8a8a8a;width: 30%; position: absolute; bottom: 0; }
#PD_card_3_1 .PD_into p, #PD_card_3_2 .PD_into p,  #PD_card_3_26 .PD_into p, #PD_card_3_27 .PD_into p, #PD_card_3_3 .PD_into p { color: #0565ff;}
    @media screen and (min-width: 768px) {
    .Area_game03_5 .Area_addbuy_PD4 .PD_ a { margin-bottom: 5em; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt { font-size: 23px; font-weight: 300; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt span { font-size: 25px; font-weight: 300; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt2 { font-size: 20px; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt3 { font-size: 20px; }
    }
    @media screen and (max-width: 767px) {
    .Area_game03_5 .Area_addbuy_PD4 .PD_ a { margin-bottom: 6em; }    
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li {padding-bottom: 0;}  
    .Area_addbuy_PD4 > .Area_boxstyle_box { padding-top: 1vw; padding-bottom: 10vw; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD_into .txt { bottom: 0.5em; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .txt3 { font-size: 3vw; }
    .Area_game03_5 .Area_addbuy_PD4 .PD_ > ul > li .PD .btn_PDmore { top: 107%; height: 25%; }    
    }

/*第3區加2行文案&詳情*/
.Area_addbuy_PD4 .PD_ > ul > li { }
.Area_addbuy_PD4 .PD_ > ul > li .btn { top: 47%; }
.Area_addbuy_PD4 .PD_ > ul > li .txt {}
.Area_addbuy_PD4 .PD_ > ul > li .txt2 {position: relative;padding-bottom: 0.2em;}
.Area_addbuy_PD4 .PD_ > ul > li .btn_PDmore { top: 66.5%; }
@media screen and (min-width: 768px) {
    .Area_addbuy_PD4 .PD_ > ul > li { }
    }
@media screen and (max-width: 767px) {
    .Area_addbuy_PD4 .PD_ > ul > li { }
    .Area_addbuy_PD4 .PD_ > ul > li:last-child { margin-bottom: 0px;}
    .Area_addbuy_PD4 .PD_ > ul > li .btn_PDmore {top: 69%;}  
    .Area_addbuy_PD4 .PD_ > ul > li .btn {top: 47.5%;}
    .Area_addbuy_PD4 .PD_ > ul > li .txt2 {top: 23%;}  
    }

/*PC補單品插圖*/
.Area_addbuy_PD .bgicon { z-index: 0; position: absolute; bottom: 80px; left: 54%;}




/*浮層--加價購商品介紹*/
.agreeArea .box li { text-align: left; }
.agreeArea .box li a { pointer-events: none; }
.agreeArea .box { border-radius: 10px; background-color: rgb(255, 255, 255); overflow: hidden; box-shadow: none; }
.agreeArea .box td { vertical-align: middle; line-height: 1.5; padding: 5px 5px 5px 15px; }
.agreeArea .box_title { padding: 5% 5% 0px; font-weight: 800; line-height: 1; text-align: center; }
.agreeArea .box_title b { position: relative; display: block; }
.agreeArea .box_title span { z-index: 1; position: relative; display: inline-block; padding: 0px 0.5em; background-color: rgb(255, 255, 255); }
.agreeArea .box_title b::before { content: ""; position: absolute; bottom: -0.55em; display: block; width: 100%; height: 1px; background-color: rgb(0, 0, 0); }
.agreeArea .box_title img { width: 70%; }
.agreeArea .box_sub { text-align: center; }
.agreeArea .box_derails { padding: 0px 5%; font-weight: 800; }
.agreeArea .box_derails dt { margin: 0.8em 0px 0px; padding: 0.5em 0px; border-top: 1px solid rgb(0, 0, 0); text-align: center; }
.agreeArea .box_derails dd { margin: 0px; padding: 0px; color: rgb(157, 157, 157); line-height: 1.2; }
.agreeArea .box_derails dd ul { margin: 0px; padding: 0px 0px 0px 2em; }
.agreeArea .box_derails .txt_into { color: rgb(90, 89, 88); }
.agreeArea .box_derails .txt_spec ul { padding-left: 1em; list-style: none; }
.agreeArea .box_derails .txt_spec li tl { padding-inline-start: 12%; }
.agreeArea .box_derails .txt_note ul { list-style: decimal; }
    @media screen and (min-width: 768px) {
      .agreeArea .box_title { font-size: 40px; }
      .agreeArea .box_title span { font-size: 34px; }
      .agreeArea .box_sub { font-size: 18px; line-height: 30px; margin: 22px 0px 10px; padding: 0px 5%; }
      .agreeArea .box_derails { font-size: 30px; }
      .agreeArea .box_derails dd { font-size: 26px; }
    }
    @media screen and (max-width: 767px) {
      .agreeArea .box_title { font-size: 1.5rem; }
      .agreeArea .box_title span { font-size: 1.25rem; }
      .agreeArea .box_sub { font-size: 1rem; line-height: 1.5rem; margin: 0.5rem 0px; padding: 0px 10%; }
      .agreeArea .box_derails { font-size: 1.25rem; }
      .agreeArea .box_derails dd { font-size: 1.1rem; }
    }
  /*表格微調*/
  .agreeArea .box_derails dt:first-child { border-top: none; }


/*浮層--我的兌換清單_歸戶時間查詢*/
.time_but { z-index: 1; position: relative; display: inline-block; float: inherit; padding: 0px; border-radius: 44px; height: 28px; box-shadow: rgb(161, 138, 11) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0px 0px 10px; color: rgb(0, 0, 0); background-color: rgb(255, 216, 0); font-size: 15px; letter-spacing: 0px; bottom: 5px; }
.time_but a { padding: 0px 10px; color: rgb(0, 0, 0); text-decoration: none; line-height: 29px; }
.time_but span { position: relative; top: 2px; display: inline-block; width: 26px; height: auto; border: 0px; }
.time_but span img { width: 26px; height: 26px; border: 0px; }








/* --------------------------------------
 * 背景
 * -------------------------------------- */

/*區塊背景-共用設定*/



.warningTxt { position: absolute; bottom: 36px; left: 360px; margin: 0px; padding: 0px 0px 15px; font-size: 20px; display: inline-block; color: rgb(255, 255, 255); }
@media screen and (max-width: 767px) {
  .warningTxt { margin: 10px 0px 0px; padding: 5px 10px; width: 80%; font-size: 3.47vw; }
}



/*注意事項區*/
.edm_notice{ text-align:center; padding:27px 10px 29px 10px; color:#1e1e1e; font:12px/18px Helvetica;}
.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }