@charset "utf-8";
/* CSS Document */

/*基本*/
body{ margin: 0; padding: 0;}


/*全BOX版面*/
.WRAPPER { position: relative; display: block; margin: 0 auto; padding: 0; width: 100%;  min-width: 1220px; overflow: hidden; font-family: "微軟正黑體","Microsoft JhengHei",Helvetica;}
.WRAPPER img { border: 0; vertical-align: top;}
.WRAPPER a { text-decoration: none;}
@media screen and (max-width:767px){
  .WRAPPER { min-width: inherit; padding-bottom: 20vw;}
  .WRAPPER img {  width: 100%;  height: auto;}
}
	
/*背景*/
.bgtop { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgtop.png?t=1763962948590) no-repeat center top;}
.bgrepeat { z-index: 0; position: absolute; top: 3640px; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgrepeat.png?t=1763962948590) repeat-y center top;}
.bgdeco { z-index: 0; position: absolute; top: 0; left: 0; width: 100%; min-width: 1220px; height: 100%; background: url(bgdeco.png?t=1763962948590) repeat-y center top; transition: 0.5s linear; pointer-events: none;}
@media screen and (max-width:767px){
  .bgtop { min-width: inherit; background: url(bgtop_m.png?t=1763962948590) no-repeat center 44px; background-size: 100%;}
  .bgrepeat { top: 380vw; min-width: inherit; background: url(bgrepeat_m.png?t=1763962948590) repeat-y center 44px; background-size: 100%;}
}

/*區塊_all*/
.Area { position: relative; margin: 0 auto; padding: 0; border-radius: 0; text-align: center; }
.Area a { display: block;} 
.Area .go_bt {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt:hover {
  -webkit-transform: scale(0.95);
     -moz-transform: scale(0.95);
      -ms-transform: scale(0.95);
       -o-transform: scale(0.95);
          transform: scale(0.95);}
.Area .go_bt2 {
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
          transition: all 0.4s ease;}
.Area .go_bt2:hover { 
  filter: brightness(130%);
  -webkit-transform: translateY(-10px);
     -moz-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
       -o-transform: translateY(-10px);
          transform: translateY(-10px);
		  }
.Area1220 { margin: 0 auto; width: 1220px;}
.Area960 { margin: 0 auto; width: 960px;}
@media screen and (max-width:767px){
  .Area .go_bt:hover {  
    -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;}
  .Area .go_bt2:hover { 
    filter: brightness(1);
    -webkit-transform: none;
       -moz-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none;
        }
  .Area1220 { width: 100%;}
  .Area960 { width: 100%;}
  /*區塊_切割*/
  .Area_1bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn a { float: left; margin: 0 0 2% 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn a { float: left; margin: 0 1% 2%; padding: 0; width: 48%; list-style: none;}
  .Area_3bn { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn a { float: left; margin: 0 1% 2% ; padding: 0; width: 31.3%; list-style: none;}
  .Area_1bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_1bn_nopadding a { float: left; margin: 0; padding: 0; width: 100%; list-style: none;}
  .Area_2bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_2bn_nopadding a { float: left; margin: 0; padding: 0; width: 50%; list-style: none;}
  .Area_3bn_nopadding { margin: 0 auto; padding: 0; overflow: hidden;}
  .Area_3bn_nopadding a { float: left; margin: 0; padding: 0; width: 33.3%; list-style: none;}
}

/*間距*/
.Area_bottom { margin-bottom: 60px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 10vw;}
}

/*版頭*/
.Area_top { position: relative;}
.Area_top .btn { position: absolute; top: 10px; right: 0; font: bold 24px/36px "Century Gothic", 微軟正黑體, "Microsoft JhengHei", Helvetica; z-index: 5; display: flex; flex-wrap: nowrap;}
.Area_top .btn a { color: #fff; display: inline-block; background: #000; border-radius: 60px; padding: 0 20px; margin: 0 5px;}
.Area_top .main { position: relative; margin-left: -390px; z-index: 2; pointer-events: none;}
.Area_top .topbg { position: absolute; top: 0; left: -390px; width: 1046px; overflow: hidden; z-index: -1; pointer-events: none;}
.Area_top .topbg ul.PD_wrapper { display: flex; flex-wrap: wrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit; height: 786px;}
.Area_top .topbg ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(0,5%);}
.Area_top .topbg ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .topBN { position: absolute; top: 84px; left: 461px; width: 698px; z-index: 0;}
.Area_top .topBN ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit; height: 587px;}
.Area_top .topBN ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; opacity: 0; transform: translate(5%,0);}
.Area_top .topBN ul.PD_wrapper li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_top .topBN .swiper-pagination { position: absolute; top: -30px; left: 120px; z-index: 9; background: url(topLOGO_bg.jpg?t=1763962948590) top center no-repeat; padding: 7px 4px 2px 62px; box-sizing: border-box;}
.Area_top .topBN .swiper-pagination-bullet { width: 77px; height: 64px; margin: 0 2.5px; border-radius: 0; opacity: 1; filter: grayscale(1);}
.Area_top .topBN .swiper-pagination-bullet:nth-child(1) { background: url(topLOGO_01.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet:nth-child(2) { background: url(topLOGO_02.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet:nth-child(3) { background: url(topLOGO_03.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet:nth-child(4) { background: url(topLOGO_04.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet:nth-child(5) { background: url(topLOGO_05.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet:nth-child(6) { background: url(topLOGO_06.jpg?t=1763962948590) center top no-repeat; background-size: 100%;}
.Area_top .topBN .swiper-pagination-bullet.swiper-pagination-bullet-active { -webkit-tap-highlight-color: transparent; filter: grayscale(0);}
.Area_top .topBN .swiper-pagination-bullet:focus { outline: none;}
@media screen and (max-width:767px){
  .Area_top { height: auto;}
  .Area_top .momologo { display: none;}
  .Area_top .btn { top: 5vw; right: -6vw; font: bold 5vw/8vw "Century Gothic", 微軟正黑體, "Microsoft JhengHei", Helvetica; z-index: 5; width: 20%;}
  .Area_top .btn a { padding: 0 24% 0 12%; margin: 0;}
  .Area_top .main { margin-left: 0;}
  .Area_top .topbg { left: 0; width: 100%;}
  .Area_top .topbg ul.PD_wrapper { height: 94vw;}
  .Area_top .topbg ul.PD_wrapper li { width: 100%;}
  .Area_top .topBN { top: 57vw; left: 50%; transform: translateX(-50%); width: 73%;}
  .Area_top .topBN ul.PD_wrapper { height: 587px;}
  .Area_top .topBN .swiper-pagination { top: 3vw; left: -7vw; background: url(topLOGO_bg_m.jpg?t=1763962948590) top center no-repeat; background-size: 100%; padding: 11% 1% 0.5%; width: 14%;}
  .Area_top .topBN .swiper-pagination-bullet { width: 8.5vw; height: 7vw; margin: 0 0 0.3%;}
}

/*滿額集點兌換*/
.Area01 { position: relative; z-index: 2;}
.Area01 .boxrepeat { background: url(Area01_boxrepeat.png?t=1763962948590)top center repeat-y;}
.Area01 .point { position: absolute; top: 130px; left: 98px; width: 288px; height: 339px; color: #000;}
.Area01 .point .txt_nologin { z-index: 1; position: absolute; top: 110px; left: 0; width: 100%; font-weight: 800;}
.Area01 .point .txt_nologin span { font-size: 40px; }
.Area01 .point .txt { z-index: 1; position: absolute; top: 100px; left: 0; width: 100%; font-size: 35px; font-weight: 800;}
.Area01 .point .txt span { font-size: 100px; font-weight: bold; font-family: "Century Gothic"; letter-spacing: -0.2rem; }
.Area01 .point .btn_pointprocess { z-index: 1; position: absolute; top: 250px; left: 0; padding: 0 20px; box-sizing: border-box;}
.Area01 .point .btn_pointprocess img { width: 100%; }
.Area01 .receive { position: absolute; top: 45px; right: 100px; width: 20%;}
.Area01 .receive img { width: 100%;}
.Area01 .step { position: absolute; top: 220px; left: 420px; width: 60%;}
.Area01 .step ul { padding: 0; margin: 0; list-style: none; display: flex; flex-wrap: nowrap;}
.Area01 .step ul li { margin-left: -10px; position: relative;}
.Area01 .step ul li:nth-child(1) { margin-left: 0; z-index: 4;}
.Area01 .step ul li:nth-child(2) { z-index: 3;}
.Area01 .step ul li:nth-child(3) { z-index: 2;}
.Area01 .step ul li:nth-child(4) { z-index: 1;}
@media screen and (max-width:767px){
  .Area01 {}
  .Area01 .boxtop { height: 3vw;}
  .Area01 .boxrepeat { background: url(Area01_boxrepeat_m.png?t=1763962948590)top center repeat-y; background-size: 100%;}
  .Area01 .point { top: 7vw; left: 6.5vw; width: 39.5vw; height: 39vw;}
  .Area01 .point .txt_nologin { top: 16vw;}
  .Area01 .point .txt_nologin span { font-size: 6vw;}
  .Area01 .point .txt { top: 16vw; font-size: 7vw;}
  .Area01 .point .txt span { font-size: 12vw; letter-spacing: -0.1rem;}
  .Area01 .point .btn_pointprocess { top: 33vw; padding: 0 4%;}
  .Area01 .receive {  top: 16vw; right: 12vw; width: 39%;}
  .Area01 .step { position: inherit; top: 0; left: 0; width: 93%; margin: 4% auto 0; overflow: hidden;}
  .Area01 .step ul li { margin-left: 0;}
  .Area01 .boxbottom { height: 3vw;}
}

/*活動宣傳*/
.Area02 {}
.Area02 .box_swiper { position: relative; z-index: 1; overflow: hidden; padding: 10px 0 0; width: 1220px; margin: 0 auto;}
.Area02 .box_swiper .PD_layout { position: relative;}
.Area02 .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; box-sizing: content-box; grid-gap: 0; height: 320px;}
.Area02 .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area02 .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.Area02 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
.Area02 .swiper-button-white { background: rgba(0,0,0,0.3);}
.Area02 .swiper-button-next { right: 0;}
.Area02 .swiper-button-prev { left: 0;}
.Area02 .button:after { font-size: 30px!important;}
@media screen and (max-width:767px){
  .Area02 {}
  .Area02 .boxtop { height: 2vw;}
  .Area02 .boxrepeat { background-color: #1250b8;}
  .Area02 .box_swiper { padding: 0; width: 100%; margin: 0 auto;}
  .Area02 .box_swiper .PD_layout ul.PD_wrapper { height: 45vw;}
  .Area02 .boxbottom { height: 2vw;}
}

/*好康專區*/
.Area03 { position: relative; z-index: 2; margin-bottom: 50px;}
.Area03 .bg { position: absolute; bottom: 0; right: 0; width: 45%;}
.Area03 .bg img { width: 100%;}
@media screen and (max-width:767px){
  .Area03 {margin-bottom: 9vw;}
}

/*商品樣式*/
.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: flex; flex-wrap: wrap; justify-content: space-between;}
.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 { display: block; position: relative; margin: 0px 0px 20px; padding: 0; box-sizing: border-box; overflow: hidden; width: 550px; background-color: transparent;}
.Area_addbuy_PD .PD_ > ul > li img { width: 100%; }
.Area_addbuy_PD .PD_ > ul > li .btn_PDmore { z-index: 1; display: none; position: absolute; top: 73%; left: 2%; width: 48%; padding-bottom: 13%; }
.Area_addbuy_PD .PD_ > ul > li.show_PDmore .btn_PDmore { display: block; }
.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; top: 74.5%; left: 50%; 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; 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_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; top: 90%; 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 3%; width: 92%;}
      .Area_addbuy_PD .PD_ > ul > li { position: relative; margin: 0 0 3vw; padding: 0; width: 100%; box-sizing: border-box; }
      .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 { top: 63%; font-size: 18px; }
      .Area_addbuy_PD .PD_ > ul > li .txt span { font-size: 3vw; }
      .Area_addbuy_PD .PD_ > ul > li .txt2 { font-size: 12px; }
      .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=1763962948591") center top / 100% no-repeat; z-index: -1; }
    }
.Area_addbuy_PD .PD_ > ul { }
.Area_addbuy_PD .PD_ > ul > li { font-size: 15px; margin-left: 0px; }
.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%; height: 2em; top: 0px; left: 0px; }
.Area_addbuy_PD .PD_ > ul > li h4 { font-size: 2.0em; }
.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 { display: block; color: rgb(138, 138, 138); font-weight: 200; 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: 0; padding: 0; display: block; width: 100%; color: rgb(224, 177, 115); font-weight: 400; font-size: 2.5em; }
.Area_addbuy_PD .PD_ > ul > li p span { font-weight: 900; }
.Area_addbuy_PD .PD_ > ul > li .PD_img { }
.Area_addbuy_PD .PD_ > ul > li .PD_into { position: absolute; width: 47%; height: 40%; top: 20%; left: 50%; 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; padding-bottom:0;}
.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_PD4 .PD_ > ul > li h3 { display: none; }
.Area_addbuy_PD4 .PD_ > ul > li .PD_into { top: 8%; }
.Area_addbuy_PD4 .PD_ > ul > li .box_PD_img { top: 8%; height: 51%; }
@media screen and (max-width: 767px) {
  .Area_addbuy_PD .PD_ > ul > li { font-size: 2.2vw; }
	.Area_addbuy_PD .PD_ > ul > li h4 { font-size: 2.5em; }
}
.Area_addbuy_PD .PD_ > ul > li .btn img, .Area_addbuy_PD .PD_ > ul > li .PD_img img { image-rendering: -webkit-optimize-contrast; }
.Area_addbuy_PD0 .PD_ { z-index: 1; position: relative; margin: 0px auto; padding: 48px 0px 0px; width: 100%; }
@media screen and (max-width: 767px) {
  .Area_addbuy_PD0 .PD_ { padding: 2vw 0px 0vw; }
}
.Area_addbuy_PD4 .PD_ > ul > li {}
.Area_addbuy_PD4 .PD_ > ul > li .txt2 { color: rgb(83, 83, 83);}
.Area_addbuy_PD4 .PD_ > ul > li .PD_into p { color: #ffc000;font-size: 2.5em;}
#PD_card_3_1 .PD_into p, #PD_card_3_2 .PD_into p, #PD_card_3_3 .PD_into p { color: #1da1c0;}
    @media screen and (min-width: 768px) {
      .Area_addbuy_PD4 .PD_ > ul > li .txt { font-size: 23px; font-weight: 300; }
      .Area_addbuy_PD4 .PD_ > ul > li .txt span { font-size: 25px; font-weight: 300; }
      .Area_addbuy_PD4 .PD_ > ul > li .txt2 { font-size: 16px; }
    }
    @media screen and (max-width: 767px) {
      .Area_addbuy_PD4 > .Area_boxstyle_box { padding-top: 1vw; padding-bottom: 10vw; }
		.Area_addbuy_PD4 .PD_ > ul > li .PD_into p { color: #ffc000;font-size: 3em;}
    }

/*第3區加2行文案&詳情*/
.Area_addbuy_PD4 .PD_ > ul > li { }
.Area_addbuy_PD4 .PD_ > ul > li .btn { top: 63%;}
.Area_addbuy_PD4 .PD_ > ul > li .txt { top: 53%;}
.Area_addbuy_PD4 .PD_ > ul > li .txt2 { top: 82%;}
.Area_addbuy_PD4 .PD_ > ul > li .btn_PDmore { top: 66%;}
    @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;}
    }
/*浮層--加價購商品介紹*/
.agreeArea .box li { text-align: left; margin-bottom: 2%;}
.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.5; }
.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: 20px; }
    }
    @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; font-size: 15px; bottom: 5px; letter-spacing: -1px;}
.time_but a { padding: 5px 10px; text-decoration: none; line-height: 29px; border-radius: 44px; color: rgb(0, 0, 0); background-color: rgb(255, 216, 0);}
.time_but span { position: relative; top: 5px; display: inline-block; width: 26px; height: auto; border: 0px; }
.time_but span img { width: 26px; height: 26px; border: 0px; }


/*下方公版*/
.Area04 {}
.Area04 .PD_layout { margin-top: -350px;background-color: #a0d05c;padding-bottom: 20px;}
.Area04 .PD_layout ul { width: 96%; grid-gap: 0 10px;}
@media screen and (max-width:767px){
  .Area04 {}
  .Area04 .PD_layout { margin-top: 0;}
  .Area04 .PD_layout ul { grid-gap: 0.2em;}
}

/*20210319--Phone置底黏人精--活動紀錄*/
.fixedfooterArea {
  pointer-events: none;
  z-index: 201;
  position: fixed;
  left: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 60px;
  text-align: center;
  font-size: 14px;
  line-height: 34px;
  color: #000;
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial;
  background-color: transparent;
  bottom: 20px; /*原55px*/
  bottom: calc(20px + constant(safe-area-inset-bottom)*0.6);
  bottom: calc(20px + env(safe-area-inset-bottom)*0.6);
}

.fixedfooterArea li {
  pointer-events: all;
}

.fixedfooterArea img {
  width: 100%;
  height: auto;
}

.fixedfooterArea a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.fixedfooterArea .fixedBox_1 {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  text-align: center;
}

.fixedfooterArea .fixedBox_1 ul {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
  list-style: none outside none;
  white-space: nowrap;
}

.fixedfooterArea .fixedBox_1 li {
  z-index: 1;
  position: relative;
  display: inline-block;
  float: inherit;
  padding: 0;
  border-radius: 44px;
  height: 34px;
  -webkit-box-shadow: 0 1px 0 #f2f2f2, 0 0 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 0 #f2f2f2, 0 0 10px rgba(0, 0, 0, 0.2);
  color: #000;
  background-color: rgba(255, 255, 255, 0.95);
}

.fixedfooterArea .fixedBox_1 li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 24px 0 20px;
}

.fixedfooterArea .fixedBox_1 li span {
  position: relative;
  top: 4px;
  display: inline-block;
  width: 24px;
  height: 24px;
}

.fixedfooterArea .fixedBox_2 li:first-child {
  margin-right: 5px;
}

.fixedfooterArea .icon_ {
  background-size: 100%;
  background-repeat: no-repeat;
}

.fixedfooterArea .icon_1 {
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M29.3%2C11.9c0.4-0.6%2C0.5-1.3%2C0.3-1.9c-0.2-0.6-0.6-1.2-1.3-1.5l-3.7-2c-0.6-0.3-1.4-0.4-2.1-0.2%20c-0.7%2C0.2-1.3%2C0.6-1.6%2C1.2l-0.5%2C0.8l-1.8%2C2.8L14%2C18.3l-0.5%2C0.8l-0.6%2C8.2h-8v1.7h19.4v-1.7h-8.6l6.2-3.8%20C24.4%2C19.6%2C26.9%2C15.7%2C29.3%2C11.9z%20M22.6%2C8.3C22.7%2C8.2%2C22.8%2C8%2C23%2C8c0.2%2C0%2C0.4%2C0%2C0.6%2C0.1l3.7%2C2c0.2%2C0.1%2C0.3%2C0.3%2C0.4%2C0.4%20c0.1%2C0.2%2C0%2C0.4-0.1%2C0.5l-0.5%2C0.8L22%2C9.2L22.6%2C8.3z%20M20.9%2C10.9l1.1%2C0.6l-4.3%2C6.8l-1.1-0.6L20.9%2C10.9z%20M17.2%2C24.2l-2.1-1.1l0.3-3.7%20c0.8%2C0.3%2C1.6%2C0.9%2C2.3%2C1.8c1.2%2C0%2C2.3%2C0.2%2C3.1%2C0.8L17.2%2C24.2z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}

.fixedfooterArea .icon_2 {
  background-position: center 2px;
  background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2034%2034%22%20style%3D%22enable-background%3Anew%200%200%2034%2034%3B%22%20xml%3Aspace%3D%22preserve%22%3E%20%3Cg%3E%20%3Cg%3E%20%3Crect%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3Anone%3B%22%20width%3D%2234%22%20height%3D%2234%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20style%3D%22fill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23000%3B%22%20d%3D%22M17.1%2C4.7c-6.1%2C0-11%2C4.9-11%2C11c0%2C6.1%2C4.9%2C11%2C11%2C11c6.1%2C0%2C11-4.9%2C11-11C28.1%2C9.6%2C23.2%2C4.7%2C17.1%2C4.7z%20M18.9%2C19.7c-0.8%2C1.2-1.7%2C2.2-3.1%2C2.2c-1-0.2-1.4-0.9-1.2-1.6l1.8-6.1c0-0.1%2C0-0.3-0.2-0.4c-0.1%2C0-0.4%2C0.1-0.6%2C0.4l-1.1%2C1.3%20c0-0.2%2C0-0.6%2C0-0.7c0.8-1.2%2C2.2-2.2%2C3.1-2.2c0.9%2C0.1%2C1.3%2C0.8%2C1.1%2C1.6l-1.8%2C6.1c0%2C0.1%2C0%2C0.3%2C0.2%2C0.3c0.1%2C0%2C0.4-0.1%2C0.6-0.4l1.1-1.3%20C18.9%2C19.2%2C18.9%2C19.6%2C18.9%2C19.7z%20M18.6%2C11.8c-0.7%2C0-1.3-0.5-1.3-1.3c0-0.8%2C0.6-1.3%2C1.3-1.3c0.7%2C0%2C1.3%2C0.5%2C1.3%2C1.3%20C19.9%2C11.3%2C19.3%2C11.8%2C18.6%2C11.8z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fsvg%3E");
}

.fixedfooterArea .fixedBox_1 {
  -webkit-animation: fixedBox_1-play 1s 1;
  animation: fixedBox_1-play 1s 1;
}

@-webkit-keyframes fixedBox_1-play {
  0% {
    -webkit-transform: translate(0, 50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes fixedBox_1-play {
  0% {
    -webkit-transform: translate(0, 50px);
            transform: translate(0, 50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1;
  }
}

/*版頭設定*/
.topbg01 { width: 1220px; margin: 0 auto; display: none;}


/*隱鑶*/
.for_pc {}
.for_phone { display: none !important;}
	@media screen and (max-width:767px){
		.for_pc { display: none !important;}
		.for_phone { display: inherit !important;}
	}



/*浮層--加價購商品介紹*/
.agreeArea .box li { text-align: left; margin-bottom: 2%;}
.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.5; }
.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: 20px; }
    }
    @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; }


/*輪播*/
.Area_BN {margin-bottom:50px;padding-top: 10px;}
.Area_swiper_box .PD_layout li {background:none!important;}
@media screen and (max-width: 767px) {
	.Area_BN {margin-bottom:7vw;padding-top: 0;}
}