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

/*��*/
body{ margin:0; padding:0;}


/*全BOX版面*/
.WRAPPER { z-index:0; position: relative; display:block; margin: 0 auto; padding: 0 0 30px; width:100%;  min-width:1220px; overflow:hidden; font-family:"微軟正黑體","Microsoft JhengHei",Helvetica; background-color: #cfcfcf;}
.WRAPPER img { border:0px; vertical-align:top;}
.WRAPPER a { text-decoration:none;}
		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit;padding-bottom:30px;}
		.WRAPPER img {  width:100%;  height:auto;}
	}

  

/*all*/
.Area { z-index:1 ;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);}
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
/* .Areabottom { margin-bottom:100px;} */
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
        .Areabottom { margin-bottom:5vw;}
  }

	
/*背景*/
.bgtop { z-index:-2; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%; background: url(bgtop.png?t=1762481795424) no-repeat center top ; }
.bg_01 { z-index:-2; position:absolute; top:632px; left:0; width:100%; min-width:1220px; height:100%; background: url(bg1.png?t=1762481795424) repeat-y ;}
.bg_02 {content: "";z-index: -1;position: absolute;top: -56.5%;bottom: 0;left: 0;right: 0;background-color: #eeeeee;clip-path: ellipse(155% 11.5% at 50% 50%);}
.bg_03 {content: "";z-index: -1;position: absolute;top: 71%;bottom: 0;left: 0;right: 0;background-color: #eeeeee;clip-path: ellipse(155% 50% at 50% 50%);}

	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; background: url(m_bgtop.png?t=1762481795424) no-repeat center top; background-size:100%; }
	}



  .Area_boxstyle {}
  .Area_boxstyle > .Area_boxstyle_box { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
  .Area_boxstyle > .Area_boxstyle_box:before { content:""; display:block; z-index:-1; position:relative; left:0; width:100%;}
  .Area_boxstyle > .Area_boxstyle_box:after  { content:""; display:block; z-index:-2; position:absolute; top: 80px; left: 0px;  width: 100%;height:100%;}
      @media screen and (min-width:768px){

      }
  
  @media screen and (max-width: 767px) {
    .Area_boxstyle > .Area_boxstyle_box { padding:0;}
    .Area_boxstyle > .Area_boxstyle_box:before { top:12vw; height:0vw;}
    .Area_boxstyle > .Area_boxstyle_box:after {top: 12vw; height: calc(100% - 18vw);left: -18vw; width: 120%;}
    .Area_boxstyle > .Area_boxstyle_box { padding-top: 0;}
    .Area_boxstyle > .Area_boxstyle_box:before {top: 3vw; height: 11vw; left: -29vw; width: 130%;}
    .Area_boxstyle > .Area_boxstyle_box { background-image: url(Area_boxstyle_bgbottom.png?t=1762481795424);background-size: 130%;padding-bottom: 2vw;}
    .Area_boxstyle > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop.png?t=1762481795424);background-size: 130%;}
    .Area_boxstyle > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon.png?t=1762481795424);background-size: 130%;}
  
    }

    .Area_boxstyle {}
    .Area_boxstyle > .Area_boxstyle_box2 { position:relative; background-repeat: no-repeat; background-position: center bottom;z-index: 1}
    .Area_boxstyle > .Area_boxstyle_box2:before { content:""; display:block; z-index:-1; position:relative; left:0; width:100%;}
    .Area_boxstyle > .Area_boxstyle_box2:after  { content:""; display:block; z-index:-2; position:absolute; top: 80px; left: 0px;  width: 100%;height:100%;}

    @media screen and (max-width: 767px) {
      .Area_boxstyle > .Area_boxstyle_box2 { padding:0;}
      .Area_boxstyle > .Area_boxstyle_box2:before { top:12vw; height:0vw;}
      .Area_boxstyle > .Area_boxstyle_box2:after {top: 12vw;height: calc(100% - -18vw);left: -18vw; width: 120%;}
      .Area_boxstyle > .Area_boxstyle_box2 {padding-top: 0;}
      .Area_boxstyle > .Area_boxstyle_box2:before {top: 3vw; height: 11vw; left: -29vw; width: 130%;}
      /* .Area_boxstyle > .Area_boxstyle_box2 {background-image: url(Area_boxstyle_bgbottom.png?t=1762481795424);background-size: 130%;padding-bottom: 2vw;} */
      .Area_boxstyle > .Area_boxstyle_box2:before { background-image: url(Area_boxstyle_bgtop.png?t=1762481795424);background-size: 130%;}
      .Area_boxstyle > .Area_boxstyle_box2:after  { background-image: url(Area_boxstyle_bgcon.png?t=1762481795424);background-size: 130%;}
    
      }


.Area_top {height: 392px;z-index: 2;}
.Area_top .deco{ position: relative;}
.Area_top .Area_top_title{position: absolute;top: -30px;}
.Area_top .sub{position: absolute;top: 260px;left: -133px;width: 100%;}
.Area_top .sub ul{display: flex;}
.Area_top .sub .PD_img img{width: 75%}
	@media screen and (max-width:767px){
		.Area_top { height: auto; height: 33vw;}
    .Area_top .Area_top_title{position: absolute; width: 98%; left: -12vw;top: -4vw;}
    .Area_top .sub{position: absolute;top: 29vw;left: -12vw;width: 100%;}
    .Area_top .sub .PD_img img{width: 100%}
    .Area_top .deco{ position: relative; width: 140%; left: -7vw;}
	}




/*頁籤 Area01*/
.Area01 {position: relative;font-family: "Century Gothic", "微軟正黑體";overflow: hidden;height:auto;margin-top:109px;}
.Area01 .Area01deco{position: absolute; left: 151px; top: 14px;z-index: -1;}
.Area01 .bank_more {position: relative;height: 60px;margin: 0 auto;border-radius: 50px;background-color: #2a1e2d;font-size: 25px;line-height: 60px;width: 50%;margin-top: 15px;margin-bottom: 10px;}
.Area01 .bank_more a {color: #fff;font-weight: 600; font-size: 1.7rem;}
.warningTxt {margin: 1% auto;font-weight: 800;font-size: 1.5rem;color: #555960;}


  @media screen and (max-width:767px){
    .Area01 { display: block; margin-bottom: 5vw; height:auto;margin-top:0vw;}
    .Area01 .title{position: relative;width: 132%;left: -14vw;}
    .Area01 .Area01deco{position: absolute; left: 5vw; top: 11vw; width: 5%;}
    .warningTxt { font-size: 3.5vw; margin: 3% auto; padding-bottom: 3vw;}
    .Area01 .bank_more { margin: 0 auto; font-size: 4vw; height: 9vw; line-height: 9vw; border-radius: 5vw; width: 70%; margin-top: 4vw;}
    .Area01 .bank_more a { font-size: 1.15rem;}
  }



  /*每日攻略表格調整*/ 
  .Area01 .content_swiper{overflow: hidden;}
  .Area01 .message-table{--th-color: #ffffff;--th-bg: #c573d2;--td-color: #555960;--td-bg: #ffffff;--border-color:rgba(64,64,70,.3);width:min(96%,800px);margin-inline:auto}
  .Area01 .message-table table{width:100%;overflow:hidden;font-size:1.16rem;border-spacing:0;font-weight:bolder;border-radius:10px;border-left:solid 1px rgb(0 0 0 / 50%);}
  .Area01 .message-table table th,.message-table table td{padding-block:1.35rem;border-color:var(--border-color);border-width:0 .5px .5px 0;border-style: groove;}
  .Area01 .message-table table th{color:var(--th-color);background-color:#e532b1;background-size:28px 28px}

  .Area01 .message-table table td img{width: 170px;}
  .Area01 .message-table table td{color:var(--td-color);background:var(--td-bg);border-color: rgb(0 0 0 / 50%);padding-block:1.3rem;}


  .Area01 .message-table table tr:last-child td{border-bottom:solid 1px rgb(0 0 0 / 50%);}
  .Area01 .message-table table .font-style--number{font-size: 0.9em;font-family:"Century Gothic","微軟正黑體","Microsoft JhengHei",Arial}
  .Area01 .message-table table .table-amount{font-size:1.5em}
  .Area01 .focusTxt{color: #ec2aae;font-weight: 800;}
      
  .Area01 .message-table table td{text-align:center;font-weight: 400;}
  .Area01 .message-table table tr td:nth-last-child(1){text-align: center;padding-left: 0;font-weight: 700;}
  
  
  @media screen and (max-width: 767px){
    .Area01 .message-table table{width:100%;overflow:hidden;font-size: 0.9rem;}
    .Area01 .message-table table th{padding-block: 0.5rem;background-size: 3vw 3vw;}
    .Area01 .message-table table td{padding-block: .2rem;padding-left: 0.4rem;font-weight: 400;}
    .Area01 .SmallTxt{color: #555960;font-size: .8rem;}
    .Area01 .message-table table td img{width: 17vw;}
    
  }
  

/*輪播 Area02*/
.Area02 { margin-bottom: 100px;margin-top: -140px;}
.Area02 .Area02deco{position: absolute;right: 39px; top: 26px;}
.Area02 .Area02_1{position: absolute;margin-left: 3%;}
.Area02 .box { margin: auto; width: 384px; border-radius: 10px ; overflow: hidden;background-color: #fff;}
.Area02 .cardimg { height: 210px; background-color: #fff; }
.Area02 .cardimg img { height: 100%}
.Area02 .Area_swiper li { /*width: 384px!important;*/ } 
.Area02 .Area_swiper {overflow: hidden;}
.Area02 .Area_swiper .PD_wrapper{display: flex;padding-bottom: 67px;margin-bottom: 18px;}
.Area02 .Area_swiper .PD_layout ul{padding-left:0;}

.Area02 .title{margin-top: 183px;margin-bottom: 51px;}

.Area02 .cardtitle{background-color: #ffffff;padding: 2% 7% 5% 7%; color: #2a1e2d; font-size: 2em;}
.Area02 .cardtitle .mo{background-color: #dedede; border-radius: 24px;font-weight: bold;}
.Area02 .cta{background-color: #2a1e2d;padding: 2% 5%; }
.Area02 .cta a{color: #ffffff; font-size: 1.5em;}

.Area02 .bank_list { margin: 0 auto ; border-collapse: collapse ; width: 100%; font-size: 28px; text-align: left; line-height: 1.2 ;margin-bottom: 14px;}
.Area02 .bank_list th { padding: 0.4em; color: #000000;  }
.Area02 .bank_list tbody tr { background-color: #ffffffe8; }
.Area02 .bank_list tbody tr td { padding: 0 0.4em 0em 1em; color: #000;  height: 0; }
.Area02 .bank_list tbody .text2 td { /*padding-bottom: 1em;*/ color: #e532b1; font-weight: 800;}
.Area02 .bank_list tbody tr:first-child td { border-top: none }
.Area02 .bank_list tbody tr td:first-child {width: 50%; box-shadow: 2px 0 0px rgba(0, 0, 0, 0.1);}
.Area02 .bank_list tbody tr td:last-child {width: 50%; }
.Area02 .bank_list tbody tr td p { margin: 0; padding: 0 }
.Area02 .bank_list tbody tr td p a { display: inline-block;  margin: 3% auto;padding: 0.2em 0.6em; font-weight: 800; line-height: 1; color: #000000; }

	@media screen and (max-width:767px){
        .Area02 {margin-bottom: 4vw;margin-top: 0;}
        .Area02 .title{position: relative;width: 132%;left: -14vw;margin-top: 1vw;margin-bottom: 1vw;}
        .Area02 .Area02deco{position: absolute; right: -3vw; top: 1vw; width: 13%;}
        .Area02 .Area02_1{position: absolute; margin-left: 5%; width: 14%;}
        .Area02 .box { width: 95%; margin-bottom: 4vw;border-radius: 5px ; }

        .Area02 .cardimg { height: auto; width: 50%; margin: auto;}
        .Area02 .cardtitle{background-color: #ffffff;padding:0 5% 7% 5%; color: #2a1e2d; font-size: 1.3em;}
        .Area02 .cardtitle .mo{background-color: #dedede; border-radius: 8px;font-weight: bold;}
        .Area02 .bank_list { font-size:4vw; }
        .Area02 .cta{background-color: #2a1e2d;padding: 0 5%; }

        .Area02 .Area_swiper li { /*width: 70%!important; margin-right:0!important; */} 
        .Area02 .Area_swiper .PD_layout ul { padding-left:0; grid-gap: 0; }
        .Area02 .Area_swiper .PD_wrapper { display: flex; padding-bottom: 5vw; margin-bottom: 1vw; }
	}



/*頁籤02*/
@media screen and (min-width:768px){
	.Area_topitem02 {padding: 31px;overflow: hidden;margin-bottom: 10px;        height: 5579px; }
	.Area_topitem02 .Area03deco{position: absolute; left: 100px; top: 14px;} 
  .Area_topitem02 .NavArea_tabbar_page1{  margin-bottom: 31px;}


}	
@media screen and (max-width:767px){
  .K2{height: 290vw;}
  .Area_topitem02 .Area03deco{position: absolute; left: 0vw; top: 2vw; width: 12%;} 
  .Area_topitem02 .title{position: relative;width: 132%;left: -14vw;}


}



/*bn Areabank*/
.Areabank {margin-top:40px;}
.Areabank .Area02deco{position: absolute; left: -10px; top: 14px;} 
.Areabank .Area_swiper {overflow: hidden;}
.Areabank .Area_swiper .PD_wrapper{display: flex; padding: 0% 1% 3% 1%; margin: 0 -2%;}
.Areabank .Area_swiper .PD_wrapper li{ margin-right: 0!important;}
@media screen and (max-width:767px){
  .Areabank {margin-top:9vw;margin-bottom:7vw;}
  .Areabank .Area02deco{position: absolute; left: 0vw; top: 14vw; width: 12%;} 
  .Areabank .title{position: relative;width: 132%;left: -14vw;}  
  .Areabank .Area_swiper .PD_wrapper{display: flex; padding: 0% 1% 8% 1%; margin: 0;}
}





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




.cantantBase{ background: none; }
.fixarea{ z-index: 999; }

/*把系統手機版原本的地關掉*/
.Fixedfooter {
  z-index: 100;
  position: fixed;
  bottom: 0;
  width: 100%;
  font-family: "微軟正黑體", "Microsoft JhengHei", Arial;

  --bg-color: #474444;
  --font-color: #fff;
  --slide-bg-color-active: #f200ca;
  --slide-font-color-active: #fff;
}

.Fixedfooter *,
.Fixedfooter *:before,
.Fixedfooter *:after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.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);
}

.Fixedfooter .Fixedfooter_box {
  z-index: 1;
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 767px;
  height: 68px;
  height: calc(68px + constant(safe-area-inset-bottom)*0.6);
  height: calc(68px + env(safe-area-inset-bottom)*0.6);
  /*-webkit-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
                   -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
                  -ms-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
                   -o-box-shadow:0px 0px 8px rgba(0,0,0,0.5);
                    box-shadow:0px 0px 8px rgba(0,0,0,0.5);*/
}

.Fixedfooter .Fixedfooter_box ul {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  list-style: none;
  background-color: var(--bg-color);	
  border-radius: 6vw 6vw 0 0;
}

.Fixedfooter .Fixedfooter_box li {
  position: relative;
  padding-top: 4.5px;
  height: 100%;
  text-align: center;
  list-style: none;
}

.Fixedfooter .Fixedfooter_box li a {
  position: relative;
  display: block;
  color: var(--font-color);
  font-size: 12px;
  line-height: 12px;
  text-decoration: none;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  font-weight: bold;
}

.Fixedfooter .Fixedfooter_box li a i {
  position: relative;
  display: block;
  margin: -10px auto 0;
  width: 52px;
  height: 45px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 54px;
}

/*顆數--5顆*/
.Fixedfooter .Fixedfooter_box [data-num="5"] li {
  width: 20%;
}

.Fixedfooter .Fixedfooter_box [data-num="5"] .bg i {
  left: calc((20% - 75px) * 0.5);
}

.Fixedfooter .Fixedfooter_box [data-num="5"] .bg b {
  left: calc((20% - 75px) * 0.5);
}

/*顆數--4顆*/
.Fixedfooter .Fixedfooter_box [data-num="4"] li {
  width: 25%;
}

.Fixedfooter .Fixedfooter_box [data-num="4"] .bg i {
  left: calc((25% - 75px) * 0.5);
}

.Fixedfooter .Fixedfooter_box [data-num="4"] .bg b {
  left: calc((25% - 75px) * 0.5);
}

/*顆數--3顆*/
.Fixedfooter .Fixedfooter_box [data-num="3"] li {
  width: 33.3%;
}

.Fixedfooter .Fixedfooter_box [data-num="3"] .bg i {
  left: calc((33.3% - 75px) * 0.5);
}

.Fixedfooter .Fixedfooter_box [data-num="3"] .bg b {
  left: calc((33.3% - 75px) * 0.5);
}

/*顆數--2顆*/
.Fixedfooter .Fixedfooter_box [data-num="2"] li {
  width: 50%;
}

.Fixedfooter .Fixedfooter_box [data-num="2"] .bg i {
  left: calc((50% - 75px) * 0.5);
}

.Fixedfooter .Fixedfooter_box [data-num="2"] .bg b {
  left: calc((50% - 75px) * 0.5);
}

/*icon*/
.Fixedfooter .Fixedfooter_box li:nth-of-type(1) i {
  background-image: url(Fixedfooter_icon_1.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(2) i {
  background-image: url(Fixedfooter_icon_2.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(3) i {
  background-image: url(Fixedfooter_icon_3.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(4) i {
  background-image: url(Fixedfooter_icon_4.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(5) i {
  background-image: url(Fixedfooter_icon_5.png?t=1762481795424);
}

/*icon2*/
/*icon*/
/*icon高亮*/
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(1) i {
  background-image: url(Fixedfooter_icon_1_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(2) i {
  background-image: url(Fixedfooter_icon_2_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3) i {
  background-image: url(Fixedfooter_icon_3_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(4) i {
  background-image: url(Fixedfooter_icon_4_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(5) i {
  background-image: url(Fixedfooter_icon_5_on.png?t=1762481795424);
}

/*icon高亮2*/
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(1) i,
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(2) i,
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3) i,
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(4) i,
.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(5) i {
  margin: -25px auto 0px;
  width: 60px;
  height: 60px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  bottom: .5vw;
}

/*      .Fixedfooter .Fixedfooter_box li:nth-of-type(3):after { content:""; display: block;  z-index:-1; position:absolute; top: -22px; left:50%; transform: translateX(-50%); width:80px; height:80px; background-size: auto 80px; background-position: center top;  background-repeat:no-repeat; pointer-events:none;}
        .Fixedfooter .Fixedfooter_box li:nth-of-type(3):after { background-image:url(Fixedfooter_icon_3_bg.png?t=1762481795424);}
*/
/*中間特別突出*/
        /*.Fixedfooter .Fixedfooter_box li:nth-of-type(3) i { margin-top: -16px; margin-bottom: 2px; width:50px; height:50px; background-size: auto 41px;}*/
        /*.Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3) i {
          -webkit-animation: rotate3d 3s ease-in-out 0s infinite normal;
                  animation: rotate3d 3s ease-in-out 0s infinite normal;
          -webkit-transform-style: preserve-3d;
                  transform-style: preserve-3d;}*/
/*高亮
    .Fixedfooter .Fixedfooter_box li.cate-hover { -webkit-transform:translateY(-7px); transform:translateY(-7px); transition: none;}
    .Fixedfooter .Fixedfooter_box li.cate-hover a { color:#fff;}
    .Fixedfooter .Fixedfooter_box li span { display:block;}
    .Fixedfooter .Fixedfooter_box li.cate-hover span { -webkit-transform:translateY(7px); transform:translateY(7px); transition: none;}*/
/*高亮背景換圖
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(1):after {background-image:url(Fixedfooter_icon_1_on.png?t=1762481795424);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(2):after {background-image:url(Fixedfooter_icon_2_on.png?t=1762481795424);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3):after {background-image:url(Fixedfooter_icon_3_on.png?t=1762481795424);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(4):after {background-image:url(Fixedfooter_icon_4_on.png?t=1762481795424);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(5):after {background-image:url(Fixedfooter_icon_5_on.png?t=1762481795424);}*/
/*選單_黑底*/
.Fixedfooter .Fixedfooter_bg {
  -webkit-transition: none;
  transition: none;
}

/*【程式切換】cate-open 展開後*/
.Fixedfooter.cate-open .Fixedfooter_bg {
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}

.Fixedfooter.cate-open .Fixedfooter_bg {
  display: block;
}

/*浮層區-Phone置底選單*/
.Fixedfooter_agree {
  z-index: 0;
  position: fixed;
  left: 0;
  bottom: 0;
  margin: 0;
  width: 100%;
  border-radius: 8px;
  /*background-color: #4a204e;*/
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(150%);
  transform: translateY(150%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  padding-bottom: 65px;
  padding-bottom: calc(65px + constant(safe-area-inset-bottom)*0.6);
  padding-bottom: calc(65px + env(safe-area-inset-bottom)*0.6);
}

/*【程式切換】cate-open 展開後*/
.Fixedfooter.cate-open .Fixedfooter_agree.cate-open {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  height: min(40rem,100%);
}

.Fixedfooter_agree * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.Fixedfooter_agree ul {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 3% 3% 10%;

  &:first-child {
    padding-bottom: 1rem;
  }
}


.Fixedfooter_agree ul::after {
  content: "";
  display: block;
  clear: both;
}

.Fixedfooter_agree li {
  float: left;
  display: block;
  margin-left: 1%;
  margin-top: 3%;
  width: 32%;
  height: 30px;
  border-radius: 50px;
  text-align: center;
  font-weight: 800;
  font-size: 14px;
  line-height: 30px;
}

.Fixedfooter_agree li a {
  display: block;
}

.Fixedfooter_agree li:nth-child(3n+1) {
  margin-left: 0;
}

.Fixedfooter_agree li:nth-child(1),
.Fixedfooter_agree li:nth-child(2),
.Fixedfooter_agree li:nth-child(3)
 {
  margin-top: 0;
}

/*特殊狀況--排數(大標) */
.Fixedfooter_agree2 ul li:first-child {background: #FFF;width:100%;border-radius: 8px;margin: 1% 1% 3% 1%;height: 33px;}
.Fixedfooter_agree2 ul li:nth-child(4) {margin-left: 1%;}

/*特殊狀況--排數(1排2個)
.Fixedfooter_agree li { width:49%;}
.Fixedfooter_agree li:nth-child(3n+1) { margin-left:2%; }
.Fixedfooter_agree li:nth-child(2n+1) { margin-left:0%; }
.Fixedfooter_agree li.x1 { width:100%;}     */

/*配色*/
.Fixedfooter .Fixedfooter_box .bg b::before,
.Fixedfooter .Fixedfooter_box .bg b::after {
  background: transparent;
}

/*
.Fixedfooter .Fixedfooter_box li a {
  color: #ff5656;
}
*/
.Fixedfooter_agree {
  /*background-color: #dbd9d9;*/
  background-image: linear-gradient(to top, #ececec, #ececec);
}

.Fixedfooter_agree {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  -moz-backdrop-filter: blur(10px);
  -ms-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.Fixedfooter_agree li {
  background-color: #FFF;
}

.Fixedfooter_agree li a {
  color: #000;
}

.Fixedfooter_agree li.cate-hover {
  background-color: var(--slide-bg-color-active);
  color: var(--slide-font-color-active);
}

.Fixedfooter_agree li.cate-hover a {
  color: var(--slide-font-color-active);
}

/*背景用做圖3張接*/
.Fixedfooter .Fixedfooter_box .bg_transition {
  -webkit-transition: 1s cubic-bezier(0.43, -0.37, 0.4, 1.61);
  transition: 1s cubic-bezier(0.43, -0.37, 0.4, 1.61);
}

/*選單底圖移動*/
.Fixedfooter .Fixedfooter_box .bg b {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 20%;
  height: 130%;
  background-image: url(Fixedfooter_bg_icon.png?t=1762481795424);
  background-size: 100%;
  background-repeat: no-repeat;
  display: none; /*選單底圖移動關閉*/
}

.Fixedfooter .Fixedfooter_box .bg {
  position: relative;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
	
}

.Fixedfooter .Fixedfooter_box .bg::before {
  pointer-events: none;
  content: "";
  display: block;
  z-index: -1;
  position: absolute;
  left: 0;
  width: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Fixedfooter .Fixedfooter_box .bg::after {
  pointer-events: none;
  content: "";
  display: block;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
}

.Fixedfooter .Fixedfooter_box .bg,
.Fixedfooter .Fixedfooter_box .bg::before,
.Fixedfooter .Fixedfooter_box .bg::after {
  background-size: 100%;
  background-repeat: no-repeat;
}

.Fixedfooter .Fixedfooter_box .bg::before {
  top: 0;
  height: 37.5vw;
}

.Fixedfooter .Fixedfooter_box .bg::before {
  left: -150%;
  width: 300vw;
  background-size: 140vw;
  background-position: 10% top;
  background-repeat: repeat-x;
	
}

.Fixedfooter .Fixedfooter_box .bg::before {
  /* background: #ffffff; */
}

.Fixedfooter .Fixedfooter_box li {
  margin-top: 6px;
}

/*ICON樣式*/
.Fixedfooter .Fixedfooter_box li:nth-of-type(1) i::before {
  background-image: url(Fixedfooter_icon_1.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(2) i::before {
  background-image: url(Fixedfooter_icon_2.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(3) i::before {
  background-image: url(Fixedfooter_icon_3.png?t=1762481795424);
}

/*icon高亮*/
.Fixedfooter .Fixedfooter_box li:nth-of-type(1) i::after {
  background-image: url(Fixedfooter_icon_1_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(2) i::after {
  background-image: url(Fixedfooter_icon_2_on.png?t=1762481795424);
}

.Fixedfooter .Fixedfooter_box li:nth-of-type(3) i::after {
  background-image: url(Fixedfooter_icon_3_on.png?t=1762481795424);
}

/*高亮變化*/
.Fixedfooter .Fixedfooter_box li i::before {
  -webkit-transform: translateY(7px) scale(1);
  transform: translateY(7px) scale(1);
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0, 1.65);
  transition: 0.2s cubic-bezier(0, 0, 0, 1.65);
}

.Fixedfooter .Fixedfooter_box li.cate-hover i::before {
  -webkit-transform: translateY(-7px) scale(0);
  transform: translateY(-7px) scale(0);
}

.Fixedfooter .Fixedfooter_box li i::after {
  -webkit-transform: translateY(7px) scale(0);
  transform: translateY(7px) scale(0);
  -webkit-transition: 0.2s cubic-bezier(0, 0, 0, 1.65);
  transition: 0.2s cubic-bezier(0, 0, 0, 1.65);
}

.Fixedfooter .Fixedfooter_box li.cate-hover i::after {
  -webkit-transform: translateY(-3px) scale(1);
  transform: translateY(-3px) scale(1);
}