/*背景*/
.bg_01 { z-index:-3; position:absolute;; top:0; left:0; width:100%; min-width:1220px; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
.pc_line { z-index:0; position:absolute; top: 0px; left: 50%; width:100%; height: 47px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-repeat: repeat-x; background-position: center top; pointer-events: none;}
.pc_line_b { z-index:0; position:absolute; bottom: 0px; left: 50%; width:100%; height: 47px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-repeat: repeat-x; background-position: center bottom; pointer-events: none;}

/* .top_bg_2 { top: 80px; left: 0; width: 100%; height: 1020px; background-repeat: no-repeat; background-position: center top; pointer-events: none; opacity: 0.4;} */
@media screen and (max-width:767px){
  .m_bg01 { z-index: -1; position: absolute; top:0vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
  .m_bg02 { z-index: -1; position: absolute; top:100vw; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


.fb_bg {width:2000px;  position: absolute; top:-30px; left:-520px; }

.animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}

.animated.zoomIn {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

   /*平移*/
	.bgtop_s-play { -webkit-animation:bgtop_s-play 40s linear infinite; animation:bgtop_s-play 40s linear infinite ;}
		@-webkit-keyframes bgtop_s-play {
		  0%   { background-position:0 0;}
		  100% { background-position: -2000px 0 ;}
		}
		@keyframes bgtop_s-play {
		  0%   { background-position:0 0;}
		  100% { background-position:-2000px 0;}
		}

		.bgtop_m-play { -webkit-animation:bgtop_s-play 40s linear infinite; animation:bgtop_m-play 40s linear infinite ;}
		@-webkit-keyframes bgtop_m-play {
		  0%   { background-position:0 0;}
		  100% { background-position: 2000px 0 ;}
		}
		@keyframes bgtop_m-play {
		  0%   { background-position:0 0;}
		  100% { background-position:2000px 0;}
		}

   .topdeco{width: 1220px;  position: absolute; top:350px; left:-130px; z-index: 0; }
   @media screen and (max-width:767px){
    .topdeco{width:100%; position: absolute; top:40vw; left:0; z-index:1; }
   }
   
   

   
   /*狂搶*/
@media screen and (min-width:767px){
	.Area03 .one_bg { position: absolute; top:50px; left:-520px; width:2000px ; }
	.Area03 .Area_K2 { padding-top:50px; overflow: hidden;}
	.Area03 .text { width: 960px; margin: 0 auto;}
	.Area03  .PD_layout{width: 94%;}
	.Area03 .Area_K2 .content_swiper .PD_layout ul li{border: none; }

	}
	@media screen and (max-width:767px){
	.Area03 {padding-bottom: 8vw;}
	.Area03 .one_bg {position: absolute; top:4vw; left: 0;}
	.Area03 .Area_K2 {width: 95%; padding-top: 2vw; overflow: hidden;}
	}
	


/* --------------------------------------
* Page 頁籤_202405291900
* -------------------------------------- */
.NavArea_tabbar_page { margin: 0 auto 20px  ; width: 94%; }  
.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
.NavArea_tabbar_page .Nav li { overflow: visible; }
@media screen and (min-width:768px){ 
  .NavArea_tabbar_page { display: block; }
}
/*頁籤高亮顏色設定 */  
.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
/*推編輯按鈕 */  
.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
    

.Area_drawing-area-1x1 {height:720px ;}
@media screen and (max-width:767px){
.Area_drawing-area-1x1 {height:74vw ;}
}