@charset "utf-8";
/*基本*/
body { margin: 0; padding: 0; width:100%;background-color:#fff7e5; }
.for_phone { display:none;}
 @media screen and (max-width:767px){
                .for_pc{ display:none !important;}
                .for_phone{ display:block !important;}
				 body { margin: 0; padding: 0; background-image:none }
				 .for_m_magintop { margin-top:3vw;}
 }


/*全BOX版面*/
.WRAPPER {position:relative; display:inline-block;  margin:0; padding:0;  width:100%;  overflow:hidden;min-width:1220px;   }
.WRAPPER img {border:0; vertical-align:top;}
.WRAPPER .mainArea {  margin:0 auto; width:1220px; font-family:"Century Gothic", "微軟正黑體", sans-serif; position:relative; }
.WRAPPER .mainArea a{ padding:0; margin:0; text-decoration:none; font-family:"微軟正黑體" }
.WRAPPER  a { text-decoration:none;font-family:"微軟正黑體"} 
/*控制區塊背景的位置*/
.Areabg{ margin-left:-390px;} 
@media screen and ( max-width:736px) {
	.WRAPPER {min-width: inherit; }
	.WRAPPER img {width:100%; height:auto;}
}



/*區塊背景*/
@media screen and ( min-width:768px) {
.Areabg01{position:absolute; z-index: -6;top:0px;left:0;width:100%;min-width:1220px;height: 1676px;background-image:url(pc_01.jpg?t=1703669553423);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.Areabg02{position: fixed; z-index: -10;top:0px;left:0;width:100%;min-width:1220px;height: 1676px;background-image:url(bg_fixed.png?t=1750928957294);background-repeat:no-repeat;background-position:center top;pointer-events: none;}
.repeat_bg{position:absolute;z-index: -11;top: 949px;left:0;width:100%;min-width:1220px;height:30000px;background-image:url(bg_repeat.jpg?t=1750928957294);background-repeat:repeat-y;background-position:center top;pointer-events:none;}

	
}




@media screen and ( max-width:767px) {


.m_top_bg01 {z-index:-5;position:fixed;top: 11vw;left: 0;width: 100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}





}




#gotop.cate-open { transform: translateX(0%);}
  /*白色*/
  #gotop { color:#000; }
  #gotop::before { border-color: transparent transparent #000;}
  #gotop::after  { background-color: rgba(255,255,255,0.95);  box-shadow:0 1px 0 rgba(242,242,242,1), 0 0 10px rgba(0,0,0,0.2);}
/*logo*/
@media screen and (min-width:766px){
.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;}
.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);
		  }
	.Area .go_bt { position:relative; display:block;
  -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);}
	}

/*區塊_all*/
.Area1220 {position: relative;margin:0 auto;width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.Area { position: relative; margin:0 auto; padding:0; border-radius:0; text-align:center; }
.Area a { position:relative; 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);}
	@media screen and (max-width:767px){
		.Area1220 { width:100%;}
		.Area960 { width:100%;}
		.Area .go_bt:hover {  
			-webkit-transform:none;
			-moz-transform:none;
			-ms-transform:none;
			-o-transform:none;
			transform:none;}
	}
		  
/*區塊-共用按鈕*/
.Area .btn_go {}
.Area .btn_go *{
						  -webkit-transition: all 0.1s ease;
							 -moz-transition: all 0.1s ease;
							  -ms-transition: all 0.1s ease;
							   -o-transition: all 0.1s ease;
								  transition: all 0.1s ease;} 
.Area .btn_go a:hover {  -webkit-transition: all 0.35s;
    transition: all 0.35s;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);}
.Area .btn_go a:after  { 
								  -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 .btn_go:active a,
.Area .btn_go:focus a,
.Area .btn_go:hover a { color:#fff;}
.Area .btn_go:active a:after,
.Area .btn_go:focus a:after,
.Area .btn_go:hover a:after  { width:150% !important;}
.Area .btn_go:active a i,
.Area .btn_go:focus a i,
.Area .btn_go:hover a i { background-color:#000; transform:translateX(-10px); transition-delay:0.1s;}
.Area .btn_go a strong { z-index:2; position: relative; }
.Area .btn_go a i {
	z-index: 3;
	position: absolute;
	top: -63px;
	right: -278px;
	display: inline-block;
	border-radius: 60px;
	width: 60px;
	height: 60px;
	background: #09006e url(btn_icon_r.png?t=1696598482216);
	background-size: contain;
}
	@media screen and (max-width:736px){ 
	    .Area{width:100%; height:100%; min-width:100%;}
		.Area .btn_go { position:absolute; }
		.Area .btn_go *{
								  -webkit-transition: all 0.2s ease;
									 -moz-transition: all 0.2s ease;
									  -ms-transition: all 0.2s ease;
									   -o-transition: all 0.2s ease;
										  transition: all 0.2s ease;} 
		.Area .btn_go a { display:block; color:#fff; letter-spacing:-2px;}
		.Area .btn_go a:after  { }
		.Area .btn_go:active a,
		.Area .btn_go:focus a,
		.Area .btn_go:hover a { color:#fff;}
		.Area .btn_go:active a:after,
		.Area .btn_go:focus a:after,
		.Area .btn_go:hover a:after  { width:150% !important;}
		.Area .btn_go:active a i,
		.Area .btn_go:focus a i,
		.Area .btn_go:hover a i { background-color: transparent; transform:translateX(-10px); transition-delay:0.1s;}
		.Area .btn_go a strong { z-index:2; position: relative; }
		.Area .btn_go a i { z-index:3; position: absolute; top:0; right:0; display:inline-block; border-radius:35px; width:35px; height:35px; background:#09006e url(btn_icon_r.png?t=1696598482216);  background-size:contain;}
	}




/*間距*/
.Area_bottom { margin-top:55px;}
@media screen and (max-width:767px){
  .Area_bottom { margin-top:0vw;}
}

/*登記文字*/
.Area_danji .warningTxt h3 {width: 100%;margin: 0 auto 14px auto;width: 940px;color: #80b34a;text-align: center;font-size: 14pt;font-weight: 400;}
@media screen and (max-width:767px){
.Area_danji .warningTxt h3 {margin: 2vw auto;width: 100%;color: #80b34a;line-height: 16px;text-align: center;font-size: 9pt;height: 5vw;padding: 0 0 0 0;}
}



/*-----版頭-----*/
@media screen and (min-width: 768px){
	.Area_top{height: 650px;}
	.Area_top .bn{width: 84%;top: 150px;margin: 0 0 0 0;left: 50%;transform: translateX(-50%);}
	.Area_top .bn ul{margin:0 auto; padding: 0;}
	.Area_top .bn ul li{border: 10px solid #FFF;border-radius: 7px;}
	
}
@media screen and (max-width:767px){
    .Area_top {width:100%;height: 48vw;padding:0 0 0 0;margin: 2vw auto;}
}



/*---4科按鈕---*/
@media screen and (min-width:768px){
	.Area_coupon{margin: 50px auto 0 auto;}
}
@media screen and (max-width:767px){
    .Area_coupon{width: 96%;}
}



/*---品牌區公版---*/	
@media screen and (min-width:768px){
    .Area_swiper_ly{margin: 70px auto 0 auto;height: 980px;}
    .Area_swiper_ly .bg{position: absolute;left: 50%;top: 230px;transform: translateX(-50%);}
    /*區標*/
	.Area_swiper_ly .txt{height: 190px;}
    .Area_swiper_ly  .txt .PD_layout ul {}	
    .Area_swiper_ly  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 68px 0 0 0;font: bold 3.4em "微軟正黑體", sans-serif;pointer-events: none;}	
    .Area_swiper_ly .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
    /*公版*/		
	.Area_swiper_ly .box_swiper	{width: 960px;padding: 104px 0 0 0;margin: 0 auto;position: relative;overflow: hidden;height: 740px;}
    .Area_swiper_ly .box_swiper .PD_layout ul{grid-gap: 0;display: flex;height: 700px;padding: 0;}
    .Area_swiper_ly .box_swiper .PD_layout ul li{padding: 14px;background: none;}
	.Area_swiper_ly .box_swiper .PD_layout ul li .PD_img{width: 49%;position: relative;left: 240px;padding: 0;border: 5px solid #dedede;}
	.Area_swiper_ly .box_swiper .PD_layout .PD_slide:hover{box-shadow:0 3px 30px rgba(0, 0, 0, 0);}
    /*公版_文字*/	
    .Area_swiper_ly .box_swiper .PD_layout ul .PD_slide .PD_into{position: relative;width: 62%;height: 213px;top: -10px;left: 175px;text-align: left;}
    .Area_swiper_ly .box_swiper .PD_layout ul .PD_slide .PD_into h3{padding: 0 0;width: 59%;color: #000;top: 0vw;height: 53px;left: 49px;position: relative;margin: 0;font-size: 2em;background-color: transparent;}	
    .Area_swiper_ly .box_swiper .PD_layout .PD_into h4{position: relative;left: 49px;top: 0;width: 66%;font-size: 1.3em;overflow: hidden;color: #000;}	
    .Area_swiper_ly .box_swiper .PD_layout .PD_into p{position: relative;padding: 0;height: auto;left: 183px;top: -3px;overflow: auto;font-size: 1.8em;color: #ff9600;}
    .Area_swiper_ly .box_swiper .PD_layout .PD_into p del{color: #ff9600;}
	
    .Area_swiper_ly .box_swiper .PD_layout ul li .PD_into p .Price, .Area_swiper_ly .box_swiper .PD_layout .PD p b,.Area_swiper_ly .box_swiper .PD_layout .PD p .money{
      color: #ffb448;
      background: none;
      background-image: repeating-linear-gradient(178deg,  #ff9600 20%, #ff9600 100%)!important;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      }

    .Area_brand .box .PD_layout-PDBN_01 .PD p{color: #FFF;}	

    /*輪播_按鈕*/	
    .Area_swiper_ly  .myarrow_r{z-index:99;position:absolute;top: 89%;right: 321px;cursor: pointer;}
    .Area_swiper_ly  .myarrow_l {z-index:99;position:absolute;top: 89%;left: 311px;cursor: pointer;}
	.Area_swiper_ly .swiper-pagination-bullet {background: #a7dce0;}
    }
@media screen and (max-width:767px){
    .Area_swiper_ly{z-index: 1;margin: 1vw auto 0 auto;}
    .Area_swiper_ly .bg{position: absolute;width: 110%;left: -5vw;}	
    /*區標*/
	.Area_swiper_ly .txt{height: auto;}
    .Area_swiper_ly  .txt .PD_layout ul {}	
    .Area_swiper_ly  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 6.5vw;font: bold 1.5em "微軟正黑體", sans-serif;pointer-events: none;}	
    .Area_swiper_ly .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
      /*公版*/		
	.Area_swiper_ly .box_swiper	{padding: 9.3vw 0 0 0;}
    .Area_swiper_ly .box_swiper .PD_layout ul{display: flex;height: 83vw;padding: 0;}
    .Area_swiper_ly .box_swiper .PD_layout ul li{background: none;}
	.Area_swiper_ly .box_swiper .PD_layout ul li .PD_img{position: relative;width: 49%;left: 25.4vw;top: 1.8vw;padding: 0;}
	.Area_swiper_ly .box_swiper .PD_layout .PD_slide:hover{box-shadow:0 3px 30px rgba(0, 0, 0, 0);}
    /*公版_文字*/	
    .Area_swiper_ly .box_swiper .PD_layout ul .PD_slide .PD_into{position: relative;width: 55%;height: auto;top: 0vw;left: 50%;transform: translateX(-50%);text-align: left;padding: 2vw;}
    .Area_swiper_ly .box_swiper .PD_layout ul .PD_slide .PD_into h3{padding: 0 0;width: 78%;color: #000;top: 0vw;height: 6vw;left:0;position: relative;margin: 0;font-size: 1em;background-color: transparent;}	
    .Area_swiper_ly .box_swiper .PD_layout .PD_into h4{position: relative;width: 80%;left: 0;top: 0;font-size: 0.8em;overflow: hidden;color: #000;}	
    .Area_swiper_ly .box_swiper .PD_layout .PD_into p{position: relative;padding: 0;height: 13vw;left: 12vw;top: -1vw;overflow: auto;font-size: 1em;color: #ff9600;}
    .Area_swiper_ly .box_swiper .PD_layout .PD_into p del{color:#ff9600;}
    .Area_swiper_ly .box_swiper .PD_layout ul li .PD_into p .Price, .Area_swiper_ly .box_swiper .PD_layout .PD p b,.Area_swiper_ly .box_swiper .PD_layout .PD p .money{
      /* color: #ff4fe0; */
      background: none;
      /* background-image: repeating-linear-gradient(178deg,  #ff4fe0 20%, #ff4fe0 100%)!important; */
      /* -webkit-background-clip: text; */
      /* -webkit-text-fill-color: transparent; */
      }
	/*輪播_按鈕*/	
	.Area_swiper_ly .swiper-pagination-bullet {background: #a0dade;}

}	
	

/*---登記---*/
@media screen and (min-width:768px){
	.danji{margin: 50px auto 0 auto;}
	/*區標*/
	.danji .txt{height: 190px;margin: 0 auto 35px auto;}
    .danji  .txt .PD_layout ul {}	
    .danji  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 68px 0 0 0;font: bold 3.4em "微軟正黑體", sans-serif;pointer-events: none;}	
    .danji .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
}
@media screen and (max-width:767px){
    .danji{margin: 0 auto 0 auto;}
	/*區標*/
	.danji .txt{height: auto;}
    .danji  .txt .PD_layout ul {}	
    .danji  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 6.5vw;font: bold 1.5em "微軟正黑體", sans-serif;pointer-events: none;}	
    .danji .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
	.danji .danji_box{width: 98%;margin: 0 auto;}
}


/*---上方公版---*/
@media screen and (min-width:768px){
	.Area_ly{margin: 50px auto 0 auto;}
	/*區標*/
	.Area_ly .txt{height: 190px;margin: 0 auto 35px auto;}
    .Area_ly  .txt .PD_layout ul {}	
    .Area_ly  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 68px 0 0 0;font: bold 3.4em "微軟正黑體", sans-serif;pointer-events: none;}	
    .Area_ly .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
}
@media screen and (max-width:767px){
	.Area_ly{margin: 4vw auto 0 auto;}
   /*區標*/
	.Area_ly .txt{height: auto;}
    .Area_ly  .txt .PD_layout ul {}	
    .Area_ly  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 6.5vw;font: bold 1.5em "微軟正黑體", sans-serif;pointer-events: none;}	
    .Area_ly .txt .PD_layout li a span{background-image:repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}		
	/*公版*/
	.Area_ly .layout_ly{}
	.Area_ly .layout_ly ul{width: 90%;}
}

/*---下方公版---*/
@media screen and (min-width:768px){
	.Area_down{margin: 50px auto 0 auto;}
	/*區標*/
	.Area_down .txt{height: 190px;margin: 0 auto 35px auto;}
    .Area_down  .txt .PD_layout  {}	
    .Area_down  .txt .PD_layout ul {position: relative;left: -29px;}	
    .Area_down  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 68px 0 0 0;font: bold 3.4em "微軟正黑體", sans-serif;}	
    .Area_down .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}	
	/*公版*/
	.Area_down {}
	.Area_down .box_down{margin: 0 auto 87px auto;}
	.Area_down .box_down .box_bg{position: relative;padding: 40px 30px 20px 30px;border-radius: 40px;background-color: #a0d9de;}
	.Area_down .box_down .box_swiper{position: relative;width: 100%;height: 350px;margin: 0 auto;overflow: hidden;}
	.Area_down .box_down .box_swiper .layout_down {}
	.Area_down .box_down .box_swiper .layout_down ul{display: flex;height: 365px;}
	.Area_down .box_down .box_swiper .layout_down ul li{height: 333px;}
	/*關鍵字*/
    .Area_down  .box_down .keyword{position: relative;margin: 0 auto;top: 20px;left: -51px;}
    .Area_down  .box_down .keyword .PD_layout-D1_03 {}	
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul::before {content: "熱門推薦：";color: #a7d676;}	
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul li{background-color: rgb(167 214 118);}
	.Area_down  .box_down .keyword .PD_layout-D1_03 ul li h3{color: #ffffff;}
	/*輪播_按鈕*/	
    .Area_down  .myarrow_r{z-index:99;position:absolute;top: 48%;right: -79px;cursor: pointer;}
    .Area_down  .myarrow_l {z-index:99;position:absolute;top: 48%;left: -86px;cursor: pointer;}
	.Area_down .swiper-pagination-bullet {background: #fffaed;}
	
}
@media screen and (max-width:767px){
  .Area_down{margin: 5vw auto 0 auto;}
	/*區標*/
	.Area_down .txt{height: 18vw;margin: 0 auto 3vw auto;}
    .Area_down  .txt .PD_layout  {}	
    .Area_down  .txt .PD_layout ul {position: relative;left: -29px;}	
    .Area_down  .txt .PD_layout ul li{position: absolute;margin: 0;padding: 7vw 0 0 0;left: 5vw;font: bold 1.5em "微軟正黑體", sans-serif;}	
    .Area_down .txt .PD_layout li a span{background-image: repeating-linear-gradient(179deg,  #ffffff 0%, #ffffff 100%);-webkit-background-clip: text;color: transparent;}	
	/*公版*/
	.Area_down {}
	.Area_down .box_down{margin: 0 auto 8vw auto;}
	.Area_down .box_down .box_bg{position: relative; width: 100%;margin: 0 auto;padding: 5vw 4vw 2vw 4vw;background-color: #9ed9dd;}
	.Area_down .box_down .box_swiper{position: relative;width: 100%;height: 68vw;margin: 0 auto;overflow: hidden;}
	.Area_down .box_down .box_swiper .layout_down {}
	.Area_down .box_down .box_swiper .layout_down ul{display: flex;height: 70vw;}
	.Area_down .box_down .box_swiper .layout_down ul li{height: 62vw;}
	/*關鍵字*/
    .Area_down  .box_down .keyword{position: relative;margin: 0 auto;top: 3vw;left: -24vw;}
    .Area_down  .box_down .keyword .PD_layout-D1_03 {}	
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul{display: flex;flex-wrap: wrap;justify-content: flex-end;}	
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul::before {content: "熱門推薦：";color: #a1d36e;}
	.Area_down  .box_down .keyword .PD_layout-D1_03 ul li:nth-child(3){left: 1vw;}
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul li:nth-child(4){left: 1vw;}
    .Area_down  .box_down .keyword .PD_layout-D1_03 ul li{background-color: rgb(161 211 110);width: 27vw;}
	.Area_down  .box_down .keyword .PD_layout-D1_03 ul li h3{color: #ffffff;}
	/*輪播_按鈕*/	
	.Area_down .swiper-pagination-bullet {background: #fffaed;}

}




/*---公版微調---*/
.PD_layout[data-pd-h3="1"] .PD h3, .PD_layout[data-pd-h3="2"] .PD h3, .PD_layout[data-pd-h3="3"] .PD h3, .PD_layout[data-pd-h3="4"] .PD h3, .PD_layout[data-pd-h3="6"] .PD h3{background-color: #a7d676;color: #000;} 





	/*黏人快速鍵*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:5px;}
.fixed_Area h2 { margin:0; padding:0; width:120px; line-height:0;}
.fixed_Area h4 { margin:0; padding:0; font:bold 16px/20px Century Gothic, "微軟正黑體",Helvetica bold; color:#1e6238; letter-spacing:-1px; text-align:center;  background:url(fixed_Area_repeat.png?t=1696598482216) repeat-y center;}
.WRAPPER .fixed_Area h4 a { display: block;width:107px;  color: #c4094b;  text-decoration: none;border-bottom: #c4094b dashed 1px; padding: 0 2px 0 2px;line-height:25px; margin: 0  auto;}
.fixed_Area h4 a:hover { color:#ff7800;}
.fixed_Area h4 p { position:relative; margin:0; padding:0 0 5px 0;}
.fixed_Area h4 p:after { content: ""; position:absolute; top:0; left:20%; margin:0 auto; display:block;  width:60%;  background-color:rgba(255,255,255,0.5);}
.fixed_Area h4 p:first-child:after  { display:none;}
.fixed_Area h4.fixedBox_2 a { color:#FFAE00;}
.fixed_Area h4.fixedBox_2 a:hover {color:#df9b2c;}
.WRAPPER .fixed_Area h4 p:nth-child(4) a {border-bottom: none;}
.fixed_Area h4 a img {-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;
}

.fixed_Area h4 a:hover img {
  -webkit-transform: translateY(3px); 
          transform: translateY(3px);
		 }
/*黏人精快速鍵-動畫*/
.approch1 {-webkit-animation-duration: 1.5s;  animation-duration: 1.5s;  -webkit-animation-name: approch1;  animation-name: approch1;  -webkit-animation-iteration-count: 1;    animation-iteration-count:1; -webkit-animation-direction: alternate;animation-direction: alternate;}
	@-webkit-keyframes approch1 { 
	}
	@keyframes approch1 { 
		0% { transform: translate(0,200px); opacity:0 } }
.hot-sale4 { margin:0px; padding:0px 0px 0px 0px; width:100%;}
.hot-sale4 img { width:25%; height:auto; float:left;}	
	
	
/*黏人快速鍵(白色款)*/
.fixed_Area {z-index:999; position:fixed; top:20px; right:0px; width:100px; font-weight:800; font-size:16px; line-height:48px; font-family:Century Gothic, "微軟正黑體",Helvetica; text-align:center;
			-webkit-transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); transform: rotate3d(0,0,0,0deg) translate3d(0,0,0); -webkit-transform-origin:top right; transform-origin:top right;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
.fixed_Area a { display:block; text-decoration: none; color: #000;}
.fixed_Area img {-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;}
.fixed_Area .box ul { margin:0; padding:0; list-style:none;}
.fixed_Area .box li { margin:0 0 1px 0; padding:0; height:48px; background-color:rgba(255,255,255,0.6);}
.fixed_Area .box li a { letter-spacing:-1px;height:48px; overflow:hidden;}
.fixed_Area .box li a:hover { background-color:rgba(255,255,255,1);}
.fixed_Area .box li.cate-hover { background-color:rgba(255,255,255,1);}

.fixed_Area .box h2 { margin:0; padding:0;}
	/*快速導覽*/
	.fixed_Area h3 { position: absolute; top:100px; right:-50px; margin:0; padding:35px 0 0 0; border-radius:10px; width:48px; height:82px; font-size: 16px; line-height:30px; writing-mode: tb-lr; writing-mode: vertical-lr; -webkit-writing-mode: vertical-lr; background-color:rgba(255,255,255,0.6); text-align:left; cursor:pointer;



			-webkit-transform-origin:top left; transform-origin:top left;
			  -webkit-transition: all 0.2s ease;
				 -moz-transition: all 0.2s ease;
				  -ms-transition: all 0.2s ease;
				   -o-transition: all 0.2s ease;
					  transition: all 0.2s ease;}
	.fixed_Area h3 i { position: absolute; top:0; right:0; display:block; width:50px; height:50px; cursor:pointer;}
	.fixed_Area h3 i:before { content: ""; position:absolute; top:41%; left:37%; display:block; border:1px solid #000; border-width:0 1px 1px 0; width:15%; height:15%; -webkit-transform:translate(-50%,-50%) rotate(135deg); transform:translate(-50%,-50%) rotate(135deg); -webkit-transition: all 0.3s ease; transition: all 0.3s ease;}
			/*黑色款*/

			.fixed_Area.fixed_Area-dark a { color: #fff;}
			.fixed_Area.fixed_Area-dark .box li { background-color:rgba(0,0,0,0.5);}

			.fixed_Area.fixed_Area-dark .box li a:hover { background-color:rgba(0,0,0,1);}
			.fixed_Area.fixed_Area-dark .box li.cate-hover { background-color:rgba(0,0,0,1);}
            .fixed_Area.fixed_Area-dark h3 {background-color:rgba(0,0,0,0.5);color: #fff; }
            .fixed_Area.fixed_Area-dark h3  i:before { border-color:#fff;}
			/*收合黏人精*/
			.fixed_Area.fixed_Area_hide { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(150px,0,0); }

			.fixed_Area.fixed_Area_hide h3 { -webkit-transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); transform: rotate3d(0,0,0,0deg) translate3d(-185px,0,0); 
											 -webkit-transition-delay:0.2s; transition-delay:0.2s;}

	 



	 

/*mo卡調整*/
.PD_layoutmomocard00 {}
.PD_layoutmomocard00 .PD_slide:hover { box-shadow: none;}
.PD_layoutmomocard00 .PD {position: absolute;top: 0%;left: 0;display: flex;width: 100%;height: 100%;}
.PD_layoutmomocard00 .PD p { color: #fff!important;}

@media screen and (min-width:768px){
		
  .PD_layoutmomocard00 li { height:100px; background-color: transparent;}                                         
  .PD_layoutmomocard00 .PD_img img{ top:-14%;position: relative;padding: 0 10%;}
  .PD_layoutmomocard00 .PD .PD_img { width: 160px;height: 100px;padding: 0!important;background-color: #fff;border: #f2858e 1px solid;border-radius: 0.5em;overflow: hidden;}
}
@media screen and (max-width:767px){
  .PD_layoutmomocard00 li { height: 15vw; background-color: transparent;}
  .PD_layoutmomocard00 .PD_img img{position: relative;top: -2vw;}
  .PD_layoutmomocard00 .PD .PD_img { background-color: #fff;position: relative;height:15vw;padding: 1vw 2vw!important;border: #ffd9dc 1px solid;border-radius: 0.5em;overflow: hidden;}
 
}


/*mo卡調整*/
.PD_layoutmomocard {display: flex;flex-direction: row;flex-wrap: nowrap;width:77%;}
.PD_layoutmomocard .PD_slide:hover { box-shadow: none;}
.PD_layoutmomocard .PD {position: absolute;top:20%;left: 0;display: flex;width: 100%;height: 100%;}
.PD_layoutmomocard .PD p {color: #fff!important;}

@media screen and (min-width:768px){
.PD_layoutmomocard li { height:125px; background-color: transparent; padding: 0 170px 0 0;}

.PD_layoutmomocard .PD_img img{ top: -10%;position: relative;padding: 0 15%;}
.PD_layoutmomocard .PD .PD_into {padding:0 0.5em;margin:-8% 20% 0;background-image:repeating-linear-gradient(269deg,  rgb(60 63 208) -40%, #3085d6 100%);border-radius: 50px;z-index: 10;}
.PD_layoutmomocard .PD .PD_img { width: 160px;height: 100px;padding: 0!important;background-color: #fff;border: #f2858e 1px solid;border-radius: 0.5em;overflow: hidden;}


.PD_layoutmomocard .PD .PD_into p b { margin-left:10px; margin-top:5px;}	
}
@media screen and (max-width:767px){
.PD_layoutmomocard {display: flex;flex-direction: row;flex-wrap:wrap;width:95%;}	
.PD_layoutmomocard li { height: auto; background-color: transparent;padding:22vw 28vw 4vw 0;}
.PD_layoutmomocard ul{display:flex;width:100%;}
.PD_layoutmomocard .PD {position: absolute;top: 0%;left: 0;display: flex;width: 100%;height: 100%;}
.PD_layoutmomocard .PD_img img{position: relative;top:-2.5vw;}

 .PD_layoutmomocard .PD .PD_into {padding: 0;margin: 0 17%;height: 9vw;border-radius: 5em;z-index: 10;top: 18vw;width: 83%;position: absolute;left: -1vw;}
.PD_layoutmomocard .PD .PD_img { background-color: #fff;position: relative;height:22vw;padding:0vw 1vw!important;border: #ffd9dc 1px solid;border-radius: 0.5em;overflow: hidden;}
.PD_layoutmomocard .PD .PD_into p b {display: block;width: 21vw;border-radius: 10vw;background-image: repeating-linear-gradient(269deg, rgb(5 85 117) -40%, rgb(16 53 68) 100%);}
}






/*浮層折價券調整*/
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD a {padding-top: 3%!important;}
.agree_coupon .agreeArea .txtArea { margin: 0 4%; }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 {color:#000000;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD:hover h4 {color:#000000;}
.agree_coupon .PD_layout[data-pd-pdlogo][data-pd-pdimg="off"] .PD .PD_logo { background-color: #fff;border-radius: 0.5em;}
.agree_coupon .box li { border-radius: 2em; overflow: hidden;}


@media screen and (min-width:768px){
.agree_coupon .agreeArea .box ul { padding: 2% 5%!important; grid-gap:20px; }
.agree_coupon .PD_layout[data-pd-pdlogo][data-pd-pdimg="off"] .PD .PD_logo { width: 90%;height: 50%;overflow: hidden;background-color: #fff;border-radius: 1.5em;margin: 0 auto;}


.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 {height: auto;position: relative;text-align: center;font-size: 1.8em;margin: 0;line-height: 1.1em;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 b.Discount {font-size: 2.4em;font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial;line-height: 1em;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit {  font-family:"Noto Sans CJK SC", "Microsoft JhengHei", Arial; }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 span.js-PD_txt2 { font-size: 0.9em;font-weight: 900;  letter-spacing: -0.01em;  }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD .PD_logo img {  width: 100%;height: 100%;}
.agree_coupon .box li {height: 298px;width: 100%;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after {padding-bottom: 100%;background-size: 93%;}
.agree_coupon .PD_layout-BNcoupon2 a::after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-size: 100%;}
.agree_coupon .PD_layout-BNcoupon2 a::after { transform: scaleY(0); transform-origin: center 85%; transition: 0.2s;}
.agree_coupon .PD_layout-BNcoupon2 .cate-hover .PD_img::after { background-image:url(Area_coupon_on2.png?t=1696598482216);}
.agree_coupon .PD_layout-BNcoupon2 .cate-hover .PD_img::after { -webkit-transform:scaleY(1); }
.agree_coupon .PD_layout-BNcoupon2 .cate-hover .more { display: none;}
.agreeArea .box table { margin: 0 5%; width:90%;  border-collapse:collapse;}
}


@media screen and (max-width:767px){
.agree_coupon .PD_layout.PD_layout-BNcoupon2 { width: 100%; overflow: hidden;display: block;}
.agree_coupon .PD_layout[data-pd-pdlogo][data-pd-pdimg="off"] .PD .PD_logo {height: auto;margin: 8% 2% 0 2%;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD	{top: -9%;}	
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 {position: relative;font-size: 1.1em;line-height: 1em;padding-top: 0.3em;text-align: center;}
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 b.Discount { font-size: 1.7em; line-height: 0.5em;letter-spacing: 0.05vw;font-family: "Century Gothic", "Microsoft JhengHei", system-ui, Helvetica, Arial; }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 small.Dis_unit {  font-size: 1em;font-family:"Noto Sans CJK SC", "Microsoft JhengHei", Arial; }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD h4 span.js-PD_txt2 { font-weight: 900;font-size: 0.8em;  letter-spacing: -0.05em;  }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 .PD .PD_logo img { border-radius: 0.5em; }
.agree_coupon .PD_layout.PD_layout-BNcoupon2 li.PD_slide::after {background-size: 100%;}	
.agree_coupon .box li {width: 100%;height: 38vw;border-radius: 0.5em;overflow: hidden;}
.blackBox .PD_layout .PD_wrapper {padding: 1%;}
}

/*折價券高度補丁*/
@media screen and (min-width: 768px){ 
  .Area_coupon .PD_layout-BNcoupon2 .PD_img { height: 190px;} 
}
@media screen and (max-width:767px){
  .Area_coupon .PD_layout-BNcoupon2 .PD_img { height: 50vw;} 
}



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