@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=1759202215107) no-repeat center top ; }
.bg_01 { z-index:-2; position:absolute; top:470px; left:0; width:100%; min-width:1220px; height:100%; background: url(bg1.png?t=1759202215107) repeat-y ;}
.bg_02 {content: "";z-index: -1;position: absolute;top: -45%;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: 66%;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=1759202215107) 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){
        /* .Area_boxstyle > .Area_boxstyle_box { margin: 0;  width: 1220px ;left: -136px;}
        .Area_boxstyle > .Area_boxstyle_box:before { top: 30px; left: 0; height: 66px; width: 100%;}
        .Area_boxstyle > .Area_boxstyle_box:after {height: calc(100% - 135px);}
        .Area_boxstyle > .Area_boxstyle_box { background-image:url(Area_boxstyle_bgbottom.png?t=1759202215107);background-size:  100%;}
        .Area_boxstyle > .Area_boxstyle_box:before { background-image:url(Area_boxstyle_bgtop.png?t=1759202215107);background-size: 100%;  }
        .Area_boxstyle > .Area_boxstyle_box:after  { background-image:url(Area_boxstyle_bgcon.png?t=1759202215107);background-size: 100%;} */
      }
  
  @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=1759202215107);background-size: 130%;padding-bottom: 2vw;}
    .Area_boxstyle > .Area_boxstyle_box:before { background-image: url(Area_boxstyle_bgtop.png?t=1759202215107);background-size: 130%;}
    .Area_boxstyle > .Area_boxstyle_box:after  { background-image: url(Area_boxstyle_bgcon.png?t=1759202215107);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=1759202215107);background-size: 130%;padding-bottom: 2vw;} */
      .Area_boxstyle > .Area_boxstyle_box2:before { background-image: url(Area_boxstyle_bgtop.png?t=1759202215107);background-size: 130%;}
      .Area_boxstyle > .Area_boxstyle_box2:after  { background-image: url(Area_boxstyle_bgcon.png?t=1759202215107);background-size: 130%;}
    
      }


.Area_top {height: 392px;z-index: 2;}
.Area_top .deco{ position: relative;}
.Area_top .Area_top_title{position: absolute;}
	@media screen and (max-width:767px){
		.Area_top { height: auto; height: 33vw;}
    .Area_top .Area_top_title{position: absolute; width: 113%; left: -20vw;top: 0vw;}
    .Area_top .deco{ position: relative; width: 140%; left: -7vw;}
	}




/*頁籤 Area01*/
.Area01 {position: relative;font-family: "Century Gothic", "微軟正黑體";overflow: hidden;height: 930px;}
.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: 140vw;}
    .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 .card .PD_layout li { border-top: none; border-right: none; }
  .Area01 .card .PD_layout li:nth-child(4) { border-bottom: none;}
  .Area01 .card .PD_layout .PD_slide { padding: .5em .2em .5em .6em; font-family: "Century Gothic","微軟正黑體","Microsoft JhengHei",Helvetica; border-radius: 0;}
  .Area01 .card .PD_layout .PD a { align-items: center;flex-direction: row;}
  .Area01 .card .PD_layout .PD_img { margin-right: 4%; margin-left:4%; background-color: #fff; border-radius: 20em; overflow: hidden;}
  .Area01 .card .PD_layout .PD_into { padding: 0; width: 55%;}
  .Area01 .card  .PD_layout .PD .date {width: 40%;margin-top: .35em;color: #fff;font-size: 1.35em;line-height: 1.5;font-weight: 400;background-color: #8b8b8b;border-radius: 20em;letter-spacing: 0.01em;text-align: center;}
  .Area01 .card .PD_layout .PD p {color: #e532b1;font-size: 1.625em;font-weight: 700;text-align: left;}
  .Area01 .card .PD_layout .PD p .banktxt { color: #343434;}
  .Area01 .card .PD_layout .PD p .money { color: #fd424f;}
  .Area01 .card .PD_layout .PD p .Owned { font-size: 1.26em;}
  .Area01 .card .PD_layout .PD .gobtn {position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);right: 2%;width: 3.2em;/*height: 2em;*/color: #fff;font-size: 1.2em;line-height: 1.6;text-align: center;font-weight: 700;font-family: "Century Gothic";background-color: #000;border-radius: 20em;}
    @media screen and (min-width:768px){
      .Area01 .card .PD_layout { font-size: 20px;}
      .Area01 .card .PD_layout ul { padding: 0; grid-gap: 5px; border-radius: 0;}
      .Area01 .card .PD_layout .PD_img { width: 245px;}
    }
    @media screen and (max-width:767px){
      .Area01 .card .PD_layout { font-size: 2.6vw;}  
      .Area01 .card .PD_layout ul {border-radius: 0;}
      .Area01 .card .PD_layout .PD_slide { padding: .7em .2em .7em .6em;}

      .Area01 .card .PD_layout .PD_img {  width: 28%; margin-left: 2%;}
      .Area01 .card .PD_layout .PD_into { width: 56%;}
      .Area01 .card .PD_layout .PD .date { width: 42%; margin-top: .2em;}
      .Area01 .card .PD_layout .PD p .Owned { letter-spacing: -0.1vw;}
    }


.Area01 .NavArea_tabbar_page[data-num="3"] .Nav-wrapper{transform: translate3d(30.5%, 0, 0) !important;}
    @media screen and (max-width:767px){
      .Area01 .NavArea .Nav a{padding: 0;}
      .Area01 .NavArea_tabbar_page{position: absolute;}
      .Area01 .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{margin-top: 6vw;margin-bottom: 8vw;}
    }



/*輪播 Area02*/
.Area02 { margin-bottom: 100px;}
.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 { border-left: none ;width: 50%; box-shadow: 2px 0 0px rgba(0, 0, 0, 0.1);}
.Area02 .bank_list tbody tr td:last-child { border-right: none ;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;}
        .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; }
	}





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



/*頁籤01*/
@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_page{  margin-bottom: 31px;}


}	
@media screen and (max-width:767px){
	.Area_topitem02 {margin-bottom:24vw;}
  .Area_topitem02 .Area03deco{position: absolute; left: 0vw; top: 2vw; width: 12%;} 
  .Area_topitem02 .title{position: relative;width: 132%;left: -14vw;}
  .Area_topitem02 .page01 ul{height: 600vw;}
  .Area_topitem02 .page02 ul{ height: 173vw;}

}

/*隱鑶*/
.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=1759202215107);
}

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

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

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

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

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

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

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

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

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

/*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=1759202215107);}
*/
/*中間特別突出*/
        /*.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=1759202215107);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(2):after {background-image:url(Fixedfooter_icon_2_on.png?t=1759202215107);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(3):after {background-image:url(Fixedfooter_icon_3_on.png?t=1759202215107);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(4):after {background-image:url(Fixedfooter_icon_4_on.png?t=1759202215107);}
    .Fixedfooter .Fixedfooter_box li.cate-hover:nth-of-type(5):after {background-image:url(Fixedfooter_icon_5_on.png?t=1759202215107);}*/
/*選單_黑底*/
.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=1759202215107);
  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=1759202215107);
}

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

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

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

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

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

/*高亮變化*/
.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);
}