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

/*基本*/
body{ margin:0; padding:0; background-color: #000;}




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

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

		@media screen and (max-width:767px){
		.WRAPPER { min-width: inherit; width:100%; padding-bottom:0px;background-color: #c5ddb2;}
		.WRAPPER img {  width:100%;  height:auto;}
        }
	
	
/*背景*/
@media screen and (min-width:767px){

.bg_01{ z-index:-5; position:absolute;top:0; width:100%; min-width:1220px; height:2769px; background: url(bg_01.jpg?t=1769002878656) no-repeat center top ; pointer-events:none}
.bg_02{ z-index:-6; position:absolute;top:837px; width:100%; min-width:1220px; height:100%; background: url(bg_fixed.jpg?t=1769002878656) repeat-y center top ; pointer-events:none}

.main_deco{ z-index:-2; position:absolute;top:1200px; width:100%; min-width:1220px; height:100%; background: url(main_deco.png?t=1769002878656) repeat-y center top ; pointer-events:none}	


}
	@media screen and (max-width:767px){
.mbg_01{ z-index:0; position:absolute;top:0vw!important; width:100%;height:128vw;background: url(mtop_bg.jpg?t=1769002878656) center 100% / 100% no-repeat scroll;pointer-events:none}
.mbg_02{ z-index:-1; position:fixed;top:0vw; width:100%;height:228vw;background: url(mbg_fixed.jpg?t=1769002878656) center 100% / 100% repeat-y scroll;pointer-events:none}			


	}



/*背景*/
.bgtop  { z-index:0; position:absolute; top:0; left:0; width:100%; min-width:1220px; height:100%;}
	@media screen and (max-width:767px){
		.bgtop { min-width: inherit; background-size:100%;}
	}
	


/*區塊_all*/
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { display:block;margin: auto;} 
.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;}

	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
	
	}


/*版頭*/
.Area_top {height:1036px;}
	@media screen and (max-width:767px){
		.Area_top {height:127vw;z-index:3}


	}
.bank_bn{ position:absolute; top:200px; left:0; z-index:3;}
	


/*top*/
@media screen and (min-width:768px){
		  .Area_top .toptitle { z-index:9;position: absolute; top:126px; left:292px; width:637px; }
	      .Area_top .linelogo { z-index:9;position: absolute; top:68px; left:418px; width:410px; }
          .Area_top .date { z-index:8;position: absolute; top:40px; left:393px; width:36%; }
		  .Area_top_box {position: relative;height:auto}
          .Area_top .dogcat { z-index:20;position: absolute; top:415px; left:142px;} .Area_top .dogcat img  { width:960px;}
      
}
	 
	 
  @media screen and (max-width:767px){
	     .Area_top .toptitle {z-index: 11; position: absolute; top:12vw; width:60%;left:20.5vw;}
	     .Area_top .linelogo {z-index: 11; position: absolute; top:4vw; width:52%;left:24vw;}
         .Area_top .date {z-index: 25;position: absolute; top:4vw; width:46%;left:27vw;}
         .Area_top .dogcat {z-index: 20; position: absolute; top:53vw; width:100%;left:0vw;}
	  
}



/*Area_txt(有設計的區標PC手機共用)*/
@media screen and (min-width:768px){
.Area_txt {margin:0 auto;width: 80%; }
.Area_txt img {width:700px; }	  
}
@media screen and (max-width:767px){
.Area_txt {width:100% ;margin-bottom:2vw; }
.Area_txt img {width:100%;}
}








/*版頭輪播品*/
@media screen and (min-width:768px){
.Area_top .box_PD .PD_layout {z-index: 10;}
.Area_top .box_PD .Area_swiper {  position: absolute; top: 14px; left: 692px; width:430px; height: auto;}
.Area_top .box_PD .Area_swiper  .swiper-slide .PD_img img {width:100%;}
.Area_top .box_PD .Area_swiper ul {margin: 0;padding: 0;display: flex;}
}
@media screen and (max-width:767px){
.Area_top  .box_PD {width:100%;z-index: 10;}
.Area_top  .box_PD .PD_layout .PD_logo { z-index: 5; position: absolute; top: 0; left: 0;}
.Area_top  .box_PD .Area_swiper { z-index: 50; position:absolute;top:4vw;left:58vw; width:42%; height:auto;}
.Area_top  .box_PD .Area_swiper ul {display: flex;min-width: 100%;}
.Area_top  .box_PD .Area_swiper ul li { width:100%!important; height:50vw;left: 0vw!important;}
}




/*副標*/
.Area_top .subtitle .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.Area_top .subtitle {position: absolute;top: 429px;left: 303px;width: 50%;height: 90px;z-index: 30;overflow: hidden;}	
.Area_top .subtitle .PD_layout .PD img {width: 78%;}	
}
@media screen and (max-width:767px){
.Area_top .subtitle {position: absolute;top: 39vw;left: 10vw;width: 80%;z-index: 30;overflow: hidden;}
.Area_top .subtitle .PD_layout .PD img {width: 58%;padding: 0;}
}


/*toppd輪播*/
@media screen and (min-width:768px){
.Area_top .Area_toppd { position: absolute; top: 546px; left:280px; width: 674px; height:auto; z-index: 100;overflow: hidden;}
.Area_top .Area_toppd ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0 0 50px 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
.Area_top .Area_toppd ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0;/* opacity: 0; transform: translate(5%,0);*/}

.Area_toppd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:310px; margin: 0vw auto 0vw!important;left:0px ;}
	}
@media screen and (max-width:767px){
  .Area_top .Area_toppd { position: absolute; width: 83vw; height: auto; top: 51vw; left: 9.1vw; overflow: hidden;  }
  .Area_top .Area_toppd ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0 0 5vw 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: inherit;}
  /* .Area_top .Area_toppd .Area_swiper {width: 100%;} */
  .Area_top .Area_toppd ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0;width: 50% !important;/* opacity: 0; transform: translate(5%,0);*/}
  .Area_toppd .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:67vw; margin: 0vw auto 0vw!important;left:0vw ;}
}



/*輪播特效*/
@media screen and (min-width:768px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img { opacity: 0; transform: translate(0,0%);  }
.Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_img { opacity: 1; transition: 1s cubic-bezier(0, 0.63, 0.63, 0.89); transform: translate(0,0);}
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo {display: none;}
}
@media screen and (max-width:767px){
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_logo { opacity: 0; transition: .2s ease-out;transform: translate(0%,0);  }
.Area_top  .box_PD .Area_swiper .swiper-slide-active .PD_logo { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
.Area_top  .box_PD .Area_swiper .swiper-slide .PD_img {display: none;}
}








/*3BTN(線上入搞)*/
@media screen and (min-width:768px){
.Area_event_2 { position: relative; height: auto; margin-bottom:40px;}
.Area_event_2 .layout_activity ul {width:100%;margin:0 auto; padding:0% 3% 0% ;grid-gap: 0px;}
.Area_event_2 .layout_activity ul li {padding:0%;margin:0 auto;}

}

@media screen and (max-width:767px){
.Area_event_2 {height: 23vw;margin-bottom:3vw;}
.Area_event_2 .layout_activity{width:100%;margin:0;padding:0;margin-bottom:0; }
.Area_event_2 .layout_activity ul {width:98%;margin:0 auto;padding:0%;grid-gap:0px!important;}
.Area_event_2 .layout_activity ul li {margin: 0 auto;padding:0%;}

}



/*最高回饋*/
@media screen and (min-width:768px){
.Area01 {}
.Area01 .layout_all ul{width: 80%;margin: 0 auto;margin-bottom: 50px;}
}
@media screen and (max-width: 767px){
.Area01 {}
.Area01 .layout_all ul{width: 96%;margin: 0 auto;margin-bottom: 5vw;}
}



/*登記活動*/
@media screen and (min-width:768px){
.Area_danji {}
}
@media screen and (max-width: 767px){
.Area_danji {width: 96%;}
}



/*輪播BN*/
@media screen and (min-width:768px){
.Area_BN {height: 300px; margin: 10px auto 50px;}
.Area_BN .box_swiper { overflow: hidden; padding-top: 20px;width: 1000px;margin: auto;}
.Area_BN .box_swiper .PD_layout { position: relative; height: 270px;}
.Area_BN .box_swiper .PD_layout ul.PD_wrapper { display: flex; flex-wrap: nowrap; margin: 0; padding: 0; width: 100%; box-sizing: content-box; grid-gap: 0;}
.Area_BN .box_swiper .PD_layout ul.PD_wrapper li { flex-shrink: 0; margin: 0; padding: 0; border: none;}
.Area_BN .box_swiper .PD_layout .PD_slide { min-width: inherit;}
.Area_BN .button-next {width: 120px;z-index:10;position:relative;bottom: 188px;left: 700px;cursor: pointer;top: 0px;}
.Area_BN .button-prev {width: 120px;z-index:10;position:relative;bottom: 188px;left: 340px;cursor:pointer;top: -80px;}
.Area_BN_bg {z-index: -1;position:absolute;top: 0px;width:100%;height: 590px;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
}
@media screen and (max-width:767px){
  .Area_BN {height: 30vw;padding: 2vw 0 !important;width: 100%;}
  .Area_BN .box_swiper { padding-top: 0vw;width: 100%;margin: auto;}
  .Area_BN .box_swiper .PD_layout { width: 100%; margin: 0 auto; height: 32vw;}
  .Area_BN .button-next {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 65vw;cursor:pointer;top: -7vw;}
  .Area_BN .button-prev {width: 10%;z-index:10;position:absolute;bottom: 24vw;left: 25vw;cursor:pointer;top: -16vw;}
  .Area_BN .box_swiper img  {width: 100%!important;}
  .m_Area_BN_bg { z-index:0; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-size: 100%; background-position: center top; pointer-events:none;}
  

}






/*Area_pd_swiper*/
@media screen and (min-width:768px){
.Area_pd_swiper {width:1220px ;height: 480px; margin-bottom: 50px!important;}
.Area_pd_swiper ul { margin:0px auto 20px!important;}
.Area_01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:374px; margin: 0vw auto 0vw!important;}
}
@media screen and (max-width:767px){
.Area_pd_swiper {width:100% ; height:auto ;margin-bottom:5vw!important;}
.Area_01 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {top:66vw; margin: 0vw auto 0vw!important;}
}






/*6區4品*/
@media screen and (min-width:768px){
.Area_tagPD { height:auto;padding-bottom:  30px !important;}
.Area_tagPD .box { }
.Area_tagPD .title {z-index: 8; height: auto; position: relative; top:114px; margin: 0px auto; text-align: center; background-position: center top; background-repeat: no-repeat; }
.Area_tagPD .box { overflow: hidden;padding-bottom: 40px; }
.Area_tagPD .PD_layout {padding: 55px 0 30px; margin: 0px; top: 0px; }
.Area_tagPD .swiper-slide .PD_layout {padding: 0px 0 0px; margin: 0px; top: 0px;overflow:hidden;}
.Area_tagPD .swiper-container-autoheight, .swiper-container-autoheight .swiper-slide{height: auto; margin-bottom: 60px;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul {position: relative;padding: 0;margin: 0;list-style: none;height: 100px!important;top:0px;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
.Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 50px/80px "Noto Sans CJK SC";font-weight: 500;text-align: center;color:#ffda83;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
/*.Area_tagPD .box .PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg.png?t=1769002878656") center top/ 100% no-repeat scroll;height: 380px;}	*/
/*.Area_tagPD .box .PDbox2.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg2.png?t=1769002878656") center top/ 100% no-repeat scroll;height: 380px;}*/
.Area_tagPD .page { position: relative; top:2px; left: -50px; margin: 0px;z-index: 20 }
.Area_tagPD .page .cate-hover { filter: brightness(1); }
.Area_tagPD .page ul { display: inline-block; width: 1220px; margin-left: 0px; margin: 0; padding: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.Area_tagPD .page ul li { list-style: none; float: left; width: 170px;margin: 0; padding-bottom: 10px; /*filter: grayscale(1);filter: grayscale(1)灰階;filter: sepia(1)懷舊;filter: opacity(0.5)不透明;filter: brightness(0.5)亮度;filter: blur(3px)模糊;filter: drop-shadow(3px)下拉陰影;*/ }
.Area_tagPD .page ul li img{width: 85%;}
.Area_tagPD .page :nth-child(6){ margin-left: 205px;}
.Area_tagPD .box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.Area_tagPD .box_txt2 img{width: 62%;}

}
@media screen and (max-width: 767px) {
  .Area_tagPD { height:auto; margin-bottom: 4vw!important;}
  .Area_tagPD .box { overflow:inherit;padding-top:2vw ;padding-bottom: 5vw; }
  .Area_tagPD .title { position: relative; width: 100%; }

  .Area_tagPD .PD_Layout-D2_1f8s-PD .PD_layout .PD img { aspect-ratio: 1 / 1; }
  .Area_tagPD::before{display:none;}
  .Area_tagPD .PD_layout ul {width:94%;padding:0!important;margin:0vw auto 0!important}	
  .Area_tagPD .PD_layout.layout_8PD ul li {box-shadow: 2px 3px 10px #ff9595!important;}
  .Area_tagPD .swiper-slide:nth-of-type(odd) .PD_layout {padding:0; margin-bottom: 0vw; top: vw;background-size:100%;}
  .Area_tagPD .swiper-slide:nth-of-type(even) .PD_layout {padding:0; margin-bottom: 0vw; top: 2vw;background-size:100%;}
  .Area_tagPD .PD_layout4x2 h2 {display:block;overflow: hidden;float: none;position: relative;box-sizing: border-box;top:27vw;margin: 0px;padding: 0;width: 100%;height: 17vw;font-size: 7vw;font-family: "Noto Sans CJK SC";font-weight:bold;line-height: 1.7;text-align: center;color: #fff ;letter-spacing: 0;/*background:url(mb_22.jpg?t=1769002878656) no-repeat;background-size:100%;*/}
  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul {padding: 0;margin: 0;list-style: none;}
  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li { background-color: transparent; pointer-events: none;}
  .Area_tagPD .PD_layout4x2 .Area_sectionTitle ul li h5 {position: relative;top:3vw;margin: 0;padding: 0;width: 100%;height: 12vw;font: 6vw/6vw "Noto Sans CJK SC";font-weight: 500;text-align: center;color:#ffda83;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
/*  .Area_tagPD .box .PDbox2.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg2.png?t=1769002878656") center top/ 100% no-repeat scroll;}*/
/*  .Area_tagPD .box .PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;background: url("AreatagPD_bg.png?t=1769002878656") center top/ 100% no-repeat scroll;}*/ 
  .Area_tagPD .page { z-index:99 ; position: relative;height: 61vw; margin:0 0 0;width: 100%;top: 0vw;left: 0vw}
  .Area_tagPD .page .cate-hover { filter: brightness(1); }
  .Area_tagPD .page ul {width: 100%; display: inline-block; margin-left: 0px; margin: 2vw 0 0 0 ; padding: 0vw 0 0 0 ;display: flex;flex-wrap: wrap;justify-content: center;}
  .Area_tagPD .page ul li {list-style: none;float: left;margin: 0vw 0vw 1vw 0vw;padding: 0px;width: 22%;/* filter: grayscale(1);filter: grayscale(1)灰階;filter: sepia(1)懷舊;filter: opacity(0.5)不透明;filter: brightness(0.5)亮度;filter: blur(3px)模糊;filter: drop-shadow(3px)下拉陰影;*/}
  .Area_tagPD .page :nth-child(9){ margin-left: 0vw;}	
  .Area_tagPD .page ul li img { width: 90%; }
  .Area_tagPD .box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
  .Area_tagPD .box_txt2 img{width: 100%;}
}